@charset "UTF-8";

/* reset */
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 {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
html.all-fixed,body.all-fixed{position:relative;height:100%;overflow:hidden;}
/* make sure to set some focus styles for accessibility */
:focus {
    outline:0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

a {
    text-decoration:none;
    color:inherit;
}

/* common */
body{font-family:Noto Sans Korean;background-color:#f1f4f7;font-size:16px;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
input[type=text]::-ms-clear{display:none;} /* IE에서 input focus시 X 표시 삭제 */

/* 로그인 */
.bn-login01{}
.bn-login01 .logo{padding:55px 0;text-align:center;}
.bn-login01 .logo img{width:auto;max-width:100%;}
.b-login-wrap{margin:0 auto;padding:40px 0;max-width:1200px;border-top:4px solid #000;border-bottom:1px solid #000;background:#fff;}
.b-login-wrap:after{content:'';display:block;clear:both;}
.b-login-wrap > div{float:left;width:50%;box-sizing:border-box;}
.b-login-left-box{padding:0 10px 0 40px;border-right:1px solid #eee;}
.b-login-left-box h4{padding:0 0 20px;font-family:'NanumSquare',sans-serif;font-weight:600;font-size:32px;line-height:42px;color:#000;}
.b-login-left-box .login-ul > li{position:relative;padding:0 0 20px 10px;font-size:16px;line-height:22px;}
.b-login-left-box .login-ul > li:before{content:'';position:absolute;top:7px;left:0;width:3px;height:3px;border-radius:50%;background:#666;}
.b-login-left-box .login-ul > li > p{padding:0 0 5px;color:#000;font-weight:700;}
.b-login-left-box .login-ul > li > span{display:block;color:#333;}

.b-login-right-box{padding:0 60px;}
.b-login-right-box h4{padding:25px 0 40px;font-family:'NanumSquare',sans-serif;font-weight:600;font-size:44px;line-height:50px;color:#000;text-align:center;}
.b-login-right-box .login-input-box > div .b-input{margin:0 0 10px;padding:10px 10px 10px 45px;width:100%;height:50px;border:1px solid #d4d4d4;border-radius:0;font-size:16px;color:#000;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.b-login-right-box .login-input-box > div .b-input::placeholder{color:#666;}
.b-login-right-box .login-input-box > div .b-input.id{background:url(/images/cnue/ico-user01.png)no-repeat center left 15px;}
.b-login-right-box .login-input-box > div .b-input.pwd{background:url(/images/cnue/ico-pwd01.png)no-repeat center left 15px;}
.b-login-right-box .btn-login{width:100%;height:50px;background:#00316a;font-weight:600;font-size:16px;color:#fff;border:none;cursor:pointer;}
.b-login-right-box .b-login-bottom-box{padding:0 0 60px;}
.b-login-right-box .info{font-size:16px;line-height:26px;color:#666;}

@media screen and (max-width:1024px){
	.bn-login01{padding:0 10px;}
}

@media screen and (max-width:768px){
	.bn-login01 .logo{padding:20px 0;}
	.bn-login01 .logo img{width:180px;}
	.b-login-wrap{padding:20px 0;border-top-width:2px;}
	.b-login-left-box{padding:0 15px;}
	.b-login-left-box h4{padding:0 0 10px;font-size:20px;line-height:30px;}
	.b-login-left-box .login-ul > li{padding:0 0 10px 10px;font-size:14px;line-height:20px;}
	.b-login-left-box .login-ul > li > p{padding:0;}
	.b-login-right-box{padding:0 15px;}
	.b-login-right-box h4{padding:10px 0 15px;font-size:25px;line-height:35px;}
	.b-login-right-box .login-input-box > div .b-input{padding:10px 10px 10px 30px;height:40px;font-size:14px;}
	.b-login-right-box .login-input-box > div .b-input.id{background-size:12px;background-position:center left 10px;}
	.b-login-right-box .login-input-box > div .b-input.pwd{background-size:12px;background-position:center left 10px;}
	.b-login-right-box .btn-login{height:40px;font-size:14px;}
	.b-login-right-box .b-login-bottom-box{padding:0 0 20px;}
	.b-login-right-box .info{font-size:14px;line-height:24px;}
}

@media screen and (max-width:480px){
	.b-login-wrap{padding:10px 0;}
	.b-login-wrap > div{float:none;width:100%;}
	.b-login-left-box{padding:0 10px 10px;border-right:none;border-bottom:1px solid #eee;}
	.b-login-right-box{padding:10px 10px 0;}
}