/* 리셋 */
* { -webkit-box-sizing: border-box; -moz-box-sizing:  border-box; box-sizing: border-box; }
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal}
li{list-style:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
fieldset,img,a{border:0px}
* {margin:0;padding:0;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
html {-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}  /* button fix for ie8 */
input,textarea,select,button{ font-family: "맑은고딕","Malgun Gothic",serif;}
input { -webkit-box-shadow: none;  -moz-box-shadow: none;   box-shadow: none; border-radius:0}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#bdbdbd}
input::-moz-placeholder{color:#bdbdbd}
input:-moz-placeholder{color:#bdbdbd}
input:-ms-input-placeholder{color:#bdbdbd}
textarea::-webkit-input-placeholder{color:#bdbdbd}
textarea::-moz-placeholder{color:#bdbdbd}
textarea:-moz-placeholder{color:#bdbdbd}
textarea:-ms-input-placeholder{color:#bdbdbd}
table {border-collapse:collapse;table-layout:fixed}

/* 공통 */
html,body {margin:0;padding:0;width:100%;height:100%;min-height: 400px}
html,body,input,textarea,select,button{font-family: "맑은고딕","Malgun Gothic",serif; letter-spacing: 0px;}
h1 {font-weight:700!important}

.bg {background: url(../img/login/bg.jpg) center no-repeat; background-size: cover; width:100%; height:100%; position:fixed; top:0; left:0}
.login_wrap {position:relative; display:table; width:48%; height:100%; min-height: 100%; float:right}

.login_wrap .login_title {color:#fff; font-size:28px; font-weight: 700; letter-spacing: -2px}

.login_wrap .content {display:table-cell; vertical-align: middle;height:100%; text-align: center;position:relative}
.login_wrap .content .login_box {display:block; width:344px; margin:0 auto 24px; }
.login_wrap .content .login_box .id_wrap { text-align: left; margin:40px auto 0;}
.login_wrap .content .login_box .id_wrap .input_wrap {/*border-bottom:1px solid #fff; */height:36px; line-height: 36px;width:100%; }
.login_wrap .content .login_box .id_wrap .input_wrap + .input_wrap {margin-top:8px}
.login_wrap .content .login_box .id_wrap .input_wrap span { font-size:12px; color:#fff; width:20%;display:block;float:left; vertical-align: middle;height:34px; line-height: 34px;}
.login_wrap .content .login_box .id_wrap .input_wrap input {border:1px solid #ddd; color:#fff; background:rgba(0, 0, 0, 0.0); width:75%; float: right; vertical-align: middle;height:34px; line-height: 34px;}
.login_wrap .content .login_box .id_wrap .input_wrap select {border:1px solid #ddd; color:#000; background:rgba(255, 255, 255, 1); width:75%; float: right; vertical-align: middle;height:34px; line-height: 34px;}   /* 로그인페이지 SelectBox */
.login_wrap .content .btn_login { clear: both; display: block; width:100%; height:36px; line-height: 36px; color:#1596d8; background: #fff; font-size:12px; font-weight: bold;margin-top:16px}

.login_wrap .content .btn_wrap {margin-top:16px; text-align: right}
.login_wrap .content .btn_wrap a {color:#666; font-size:12px;}
.login_wrap .content .btn_wrap span {background:#ddd; width:1px; height:10px; margin:0 4px; display:inline-block; vertical-align: middle}


.copyright {color:#fff; font-size:12px; text-align: center; position: absolute; width:100%; bottom:40px; right:0;}
@media screen and (max-height: 460px) {
.copyright img {margin-bottom:2px; display:block; margin:0 auto; height:24px;visibility:hidden;}
}

@media screen and (min-height: 461px) {
.copyright img {margin-bottom:2px; display:block; margin:0 auto; height:24px}
}


.bg.bg2 {background: url(../img/login/bg2.jpg) left no-repeat; background-size: 50% 100%; width:100%; height:100%; position:fixed; top:0; left:0}

.login_wrap.type2 {background:#fff}
.login_wrap.type2 .login_title {color:#1e376d; font-size:38px}
/*.login_wrap.type2 .content .login_box .id_wrap .input_wrap {border-bottom:1px solid #ddd;}*/
.login_wrap.type2 .content .login_box .id_wrap .input_wrap span { color:#666; }
.login_wrap.type2 .content .login_box .id_wrap .input_wrap input {color:#666; border-color:#ddd}
.login_wrap.type2 .content .login_box .id_wrap .input_wrap.otp {position:relative}

.login_wrap.type2 .content .login_box .id_wrap .input_wrap.otp .btn_otp {width:24%; font-size:12px; color:#fff; background:#999; text-align: center; display:block;  position:absolute; top:0;right:0;height:34px; line-height: 34px;}
.login_wrap.type2 .content .btn_login { margin-top:16px; color:#fff; background: #1596d8;}

@media screen and (max-width: 1280px) {
    
    .bg{ background-image: url(../img/login/bg_m.jpg)}  
    .login_wrap {width:100%; float: none}   
    .copyright {width:100%}
    
    .login_wrap .content .login_box .id_wrap .input_wrap.otp .btn_otp {background:#fff; color:#666}
    
    .login_wrap.type2  { background: url(../img/login/bg2.jpg) center no-repeat; background-size: cover}    
    .login_wrap.type2 .login_title,
    .login_wrap.type2 .content .login_box .id_wrap .input_wrap span,
    .login_wrap.type2 .content .login_box .id_wrap .input_wrap input,
    .login_wrap .content .btn_wrap a {color:#fff;}
    /*.login_wrap.type2 .content .login_box .id_wrap .input_wrap {border-bottom:1px solid #fff;}*/
    
}