/* 로그인 */
.sub_tit {display:none;}
.login{font-family:나눔고딕,NG,NanumGothic,dotum,돋움;/* padding:40px 0 55px 0; *//* width:98%; */ padding: 55px 0; border:7px solid #eaeaea;/* margin:30px 0 0 0 */}
.login:after{content:"";display:block;clear:both}
.login ul li{list-style:none}
.login h3{font-size:25px;color:#010101;font-weight:600;margin:0 0 10px 0;padding:0 0  10px 0;/* border-bottom:1px solid #d2d2d2; */letter-spacing:-1px}
.login>div{/* width:50%;float:left;padding:0 35px; */box-sizing:border-box; display: table;}
.login .loginBox{width:100%;margin: 40px auto 0 auto;/* margin:40px auto 30px auto; *//* border-bottom:1px solid #d2d2d2; *//* padding:0 0 10px 0 */}
.login .loginBox:after{content:"";display:block;clear:both}
.login .loginBox .idpw{float:left;/* width:220px */    width: 320px;}
.login .loginBox .idpw ul{padding:0;margin:0}
.login .loginBox .idpw ul li{/* width:220px; */width: 100%;/* line-height:26px; *//* margin:0 0 10px 0 */}
/* .login .loginBox .idpw ul li:after{content:"";display:block;clear:both} */
/* .login .loginBox .idpw ul li span{font-size:13px;color:#777;vertical-align:middle;display:inline-block;float:left} */
.login .loginBox .idpw ul li input{width: 100%; /* height: 35px; */-webkit-appearance: none; -webkit-border-radius: 0; height: 40px; padding-left: 5%; border:1px solid #d4d4d4;/* float:right; */vertical-align:middle}
.login .loginBox .idpw ul li input#o_userid {border-bottom: 0;}
.login .loginBox a{float:left;display:block;width:100px;background:#205299;text-decoration:none;font-size:15px;color:#fff;font-weight:600;/* margin:0 0 0 20px; */margin: 0 0 0 6px;/* padding:23px 0; */ padding:26px 0;text-align:center;/* border-radius:3px */    border-radius: 2px;}
.login .loginBox a.nonmember_order{background:#666;width:350px;height:41px;padding:22px 0 0 0;margin:0 0 10px 0;float:none}
.login .loginBox a.order_check{background:#666}
.login .loginQuestion{width:353px;margin:0 auto}
.login .loginQuestion ul{padding:0;margin:0}
.login .loginQuestion ul li{font-size:13px;color:#777;margin:0 0 5px 0}
.login .loginQuestion ul li:after{content:"";display:block;clear:both}
.login .loginQuestion ul li span{vertical-align:middle;display:inline-block;margin:3px 0 0 0;float:left}
.login .loginQuestion ul li a{float:right;width:79px;height:17px;background:url(../images/btn_login_q.gif) no-repeat 0 0;text-decoration:none;color:#fff;font-size:11px;padding:4px 0 0 8px;vertical-align:middle;font-weight:600;margin:0 0 0 7px}

/*PC*/
@media (max-width:1400px){
    .login {width: 95%;}
}
@media (min-width:1025px) and (max-width:1300px){
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
}
/*mini tablet and duo*/
@media(min-width:600px) and (max-width:768px){
}
/*mini tablet and duo*/
@media(min-width:481px) and (max-width:599px){
    .login {border:4px solid #eaeaea;}
    .login>div {width: 80%; }
    .login .loginBox .idpw {width: 100%; display: block; float: none; clear: both;}
    .login .loginBox a {float: none !important; clear: both; width: 100%; margin: 1rem 0 0 0; height: 45px; padding: 0; line-height: 45px;}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
    .login {border:4px solid #eaeaea;}
    .login>div {width: 80%; }
    .login .loginBox .idpw {width: 100%; display: block; float: none; clear: both;}
    .login .loginBox a {float: none !important; clear: both; width: 100%; margin: 1rem 0 0 0; height: 45px; padding: 0; line-height: 45px;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
    .login {border:4px solid #eaeaea;}
    .login>div {width: 80%; }
    .login .loginBox .idpw {width: 100%; display: block; float: none; clear: both;}
    .login .loginBox a {float: none !important; clear: both; width: 100%; margin: 1rem 0 0 0; height: 45px; padding: 0; line-height: 45px;}
}   
/* fold*/
@media(max-width:320px){
    .login {border:0; padding: 0;}
    .login>div {width: 94%;}
    .login .loginBox .idpw {width: 100%; display: block; float: none; clear: both;}
    .login .loginBox a {float: none !important; clear: both; width: 100%; margin: 1rem 0 0 0; height: 45px; padding: 0; line-height: 45px;}
}