@CHARSET "UTF-8";

/* login */
.login_wrap{position:relative;margin-bottom:20px;border:1px solid #ddd;border-bottom-color:#dadada;}

.login_wrap:after{content:"";display:block;clear:both;}
.login_wrap .title{margin-bottom:20px;padding:20px;}
.login_wrap .login_box{position:relative;float:left;width:50%;padding:40px 50px;}
.login_wrap .login_box:first-child{border-right:1px dotted #bbb;}
.login_wrap .login_box .item{}
.login_wrap .login_box h2{position:relative;margin:0 0 50px;padding:130px 0 0;background:none;color:#363636;font-family:'ntk';font-size:30px;font-weight:bold;line-height:1;text-align:center;}
.login_wrap .login_box h2:before{display:none}
.login_wrap .login_box h2 em{color:#6d6550;font-weight:bold;line-height:1;}
.login_wrap .login_box h2 span{position:absolute;top:0;left:50%;width:200px;height:130px;margin-left:-100px;background:url(/images/kor/common/login_ir.png);}
.login_wrap .login_box.lgst2 h2 span{background-position:-200px 0;}

.login_wrap p{margin:0;line-height:20px;}
.login_wrap .login_box .form{}
.login_wrap .login_box .form ul{position:relative;margin-bottom:15px;}
.login_wrap .login_box .form ul li{position:relative;margin-top:5px;}

.login_wrap .login_box .form ul li:first-child{margin-top:0;}
.login_wrap .login_box .form ul li input{padding:0 12px;width:100%;height:42px;border:1px solid #ccc;}
.login_wrap .login_box .form ul li label{position:absolute;top:0;left:12px;line-height:42px;}
.login_wrap .login_box .form ul li em{font-weight:bold;vertical-align:baseline;}
.login_wrap .login_box .form .btn{width:100%;padding:0;height:50px;background-color:#302713;border-color:#302713;font-size:15px;line-height:50px;text-align:center;}
.login_wrap .login_box .form .btn:hover,
.login_wrap .login_box .form .btn:focus{background-color:#6d6550;border-color:#6d6550;}
.login_wrap .login_box .form .find{margin-top:35px;text-align:center;}
.login_wrap .login_box .form .find li{display:inline-block;margin:0;line-height:1;}
.login_wrap .login_box .form .find li a{color:#000;}
.login_wrap .login_box .form .find li:first-child{margin-right:10px;padding-right:12px;}
.login_wrap .login_box .form .find li:first-child:before{content:"";display:block;position:absolute;top:50%;right:0;margin-top:-6px;width:1px;/*background-color:#ddd;*/border-bottom:5px solid transparent;
    border-left:5px solid #ccc;
    border-top:5px solid transparent;}
.login_wrap .login_box .form .find button{line-height:1;}
.login_wrap .login_box .form .find button:hover,
.login_wrap .login_box .form .find button:focus{color:#df0200;}
.l_guide{margin:0;padding:20px;background-color:#f9f9f9;border-top:1px solid #ddd;}
.l_guide a.color-orange:link,
.l_guide a.color-orange:visited{color:#ee402e;}
.l_guide a.color-orange:hover,
.l_guide a.color-orange:focus{color:#df0200;}

input[type="text"]{min-width: auto;height: 38px;padding: 0;text-indent: 10px;line-height: 40px;}                
.login_wrap .login_box .form ul li input.num-input, .login_wrap .login_box .form ul li .num-input {width: 31%;}
.login_wrap .login_box .form ul li .num-input.num-select {display: inline-block;padding: 13px;border: 1px solid #ddd;}
.login_wrap .login_box .form ul li .num-input.num-select select{border: none;width: 100%;}

@media(max-width:1024px) {
.login_wrap .login_box{padding:40px 20px;}
}

@media(max-width:800px) {
    .login_wrap .login_box{width:100%}
    .login_wrap .login_box:first-child{border-right:0;border-bottom:1px dotted #bbb;}
    .login_wrap .login_box h2{float:left;width:200px;font-size:20px;}
    .login_wrap .login_box h2 em{display:block;}
}
@media(max-width:640px) {
    .login_wrap .login_box h2{float:none;position:relative;width:100%;font-size:20px;padding-left:110px;padding-top:60px;}
    .login_wrap .login_box h2 em{display:inline;}
    .login_wrap .login_box h2 span{left:0;top:0;margin:0;}


}