html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea, button, select {
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
	outline:none;
}

*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}   
html{height:100%;width:100%;-webkit-font-smoothing:antialiased;} 
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body {height:100%;min-height:100%;margin:0;padding:0;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;}
body,input,textarea,select,button,table{font-family:'맑은 고딕', Nanum Gothic, '돋움', Dotum, '굴림', Gulim, AppleGothic, sans-serif;font-size:12px;color:#000;}
img,fieldset{border:0;}
ul,ol,dl{list-style:none;margin:0;padding:0;}
ul:after,ol:after,dl:after{clear:both;display:block;content:''}
em,address{font-style:normal}
a{text-decoration:none;}
a:hover,a:active,a:focus,a:visited{text-decoration:none;}
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
.toe{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.toe,x:-moz-any-link,x:default{white-space:normal;word-wrap:break-word}
*+html .toe{white-space:nowrap}
.hidden{position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden}


body {
    font-family:'맑은 고딕','Malgun Gothic', Nanum Gothic;
    background:#ebedf0;
}
#warp {
position:relative;
width:100%;
}
/*----------------------------------header---------------------------------*/
#header{
position:relative;
width:100%;   
}
/*----------------------------------header 끝---------------------------------*/


/*----------------------------------container---------------------------------*/
#container {
position:relative;
width:100%;  
}
.adminBox{position: relative; width: 575px; margin: 0 auto; margin-top: 120px; margin-bottom: 120px; box-shadow: 1px 1px 20px gray;}
.adminBox::after{content: ''; display: block; clear: both;}
.login{ width: 100%; height: 100%; background: #fff; }
.title{width: 100%; height: 100%; padding-bottom:29px}
.title>img{padding: 64px; padding-bottom: 8px; }
.title>p{padding-left: 64px;font-size: 14px;font-weight: 400;}
.title>p:nth-of-type(1){padding-top: 32px; padding-bottom:8px }
.title>p:nth-of-type(2){padding-bottom:20px}
.bar{margin-left: 64px; width:72px !important; height: 5px; background-color: #0164ff; border-radius: 2em}
.join{position: relative; float: right; width: 100%; height: 460px; background: #fff }
.idBox{ width: 450px; height: 82px; margin: 0 auto; border: solid 1px #eaeaea; text-align: right;}
.idBox>img{float: left;}
.passwordBox{ width: 450px; height: 81px; margin: 0 auto; text-align: right; border: solid 1px #eaeaea; margin-top: -1px;}
.passwordBox>img{float: left;}
.logoInput{float: left; width: 350px; height: 100%; border: 0px; padding-left:10px; font-size:20px;font-weight:bold;}
.chkBox{width: 450px; height:40px;  margin: 0 auto; font-size: 14px; padding-top: 20px;  }
.chkIn{width: 26px; height: 26px; vertical-align: middle;}
.btnBox{width: 450px; height: 206px; margin: 0 auto; }
.logonBtn{display:inline-block; width: 48%; height: 48px; margin: 0 auto; font-size: 18px; text-align: center; line-height: 46px; background: #3561de; border-radius: 5px; color: white;}
.btnBox a {color:#fff;}
.btnBox>p:nth-of-type(1){padding-top: 44px; font-size: 13px; color: #828a93; text-align: left;}
.btnBox>p:nth-of-type(2){font-size: 13px; color: #828a93; text-align: left; padding-top: 13px;}
.btnBox>p>span{color: #ff1111;}
.btnBox>p>img{vertical-align: middle}








/*----------------------------------container 끝---------------------------------*/


/*----------------------------------footer---------------------------------*/
#footer {
position:relative;
width:100%;
}
/*----------------------------------footer 끝---------------------------------*/




/*   테플릿   */
@media all and (max-width:1023px) {
}
/*   테플릿   */





/*   모바일  */
@media all and (min-width:320px) and (max-width:767px) {
	
	body {background: #fff;
	}
	
	.adminBox {
    margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
    padding: 5%;
    box-shadow: unset;
	}

    .title>p {font-size: 14px;}
    .btnBox>p:nth-of-type(1) {font-size: 12px;}
    .btnBox>p:nth-of-type(2) {font-size: 12px;}
    .left_box {display: none}
    .login {width:100%;}

	.idBox {width:100%}
    .passwordBox {width:100%}
    .chkBox {width:100%}
    .btnBox {width:100%}
    .logoInput {width:60%}
    .title>img {padding:0%;}
    .title>p {padding-left: 0%;}
    .bar {margin-left: 0%;}

	.join {height: auto; overflow: hidden;}
	.btnBox {height: auto; overflow: hidden;}

}

/*   모바일  */