@charset "utf-8";

*{box-sizing: border-box;}

body {height: 100vh; overflow:hidden;}
#wrap {width: 100%; height: 100%; background: none;}
#wrap .swiper-container{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#wrap .swiper-container .swiper-wrapper{}
#wrap .swiper-container .swiper-wrapper .swiper-slide{background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important;}
.loginWrap {width:310px; position: absolute; top: 50%; left: 50%; transform: translate(-160px, -50%); z-index: 10;}
.loginWrap h1{}
.loginWrap h1 img{width: 100%;}
.loginWrap form {width: 310px; padding-bottom: 10px;}
.loginWrap form input {width:100%; background:#fff; border:1px solid #dedede;background:#fff;padding:10px 18px; font-size:13px; color:#333; outline: none !important;}
.loginWrap form input:-ms-input-placeholder {color:#848484!important;}
.loginWrap form input[type="text"] {margin-bottom:8px;color:#2265db; outline: none;}
.loginWrap form input[type="password"] {margin-bottom:10px;}
.loginWrap form button[type="submit"] {width:100%;display:block;font-size:18px;color:#fff;font-weight:bold;padding:10px 20px 14px; background: #3188f4; font-family: malgungothic, sans-serif; border-radius: 4px;}
.loginWrap form .radioType4 {height: 55px;}
.loginWrap form p {color:#ff0000;}
.loginWrap form label ~ p{letter-spacing: -0.3px; margin-top: 5px;}
.radioType4 {display:block;vertical-align:middle;}
.radioType4 .control {position:relative;margin-right:10px;display:inline-block;padding-left: 17px;cursor: pointer;font-size: 14px;color:#fff; font-family: malgungothic, sans-serif; }
.radioType4 .control input {position:absolute;z-index:-1;opacity:0;}
.radioType4 .control_indicator {position:absolute; top:4px; left:0; height:14px; width:14px; background: #fff url(../../../images/check_disabled.png) no-repeat center center;}
.radioType4 .control input:checked ~ .control_indicator:before {content:" "; position:absolute; top:0px; left:0; height:14px; width:14px; background: url(../../../images/check_on.png) no-repeat center center;}
.radioType4 .control_indicator:after {content:'';position:absolute;display:none;}
.radioType4 .control input:checked ~ .control_indicator:after {display: block;}
.loginWrap form .radioType4 p {font-size: 14px; color: #0fcfef; font-weight: bold; font-family: malgungothic, sans-serif;}
.login_footer {margin-top: 210px;}
.login_footer p {font-family:malgungothic, sans-serif;font-size:14px; letter-spacing: -0.3px; color: #fff;}
.login_footer p span {text-transform:uppercase;}

.btn_findidpw{font-size: 15px; color: #fff; text-align: center; position: relative; top: 20px;}


.find_id_pw, .find_id_pw #container{min-width: 0; width: 100%; background: #fff;}
.find_id_pw input{border: 1px solid #acacac; text-indent: 10px;}
.find_id_pw a{display: inline-block;}
.text_blue{color: blue; text-decoration: underline;}
.find_id_pw * {box-sizing: border-box; font-family: 'Nanum Gothic', sans-serif;}
.find_id_pw section{height: 100vh; padding-top: 20px; text-align:center;}
.find_id_pw section .container{font-size: 16px; padding-top: 30px;}
.find_id_pw section .footer{position: absolute; bottom: 20px; left: 0; width: 100%;}
.find_id_pw section .footer .wrap_btn{width: 100%;}	
.find_id_pw section .footer .wrap_btn a.Inactive{color:#fff;}
/* .find_id_pw section .footer .wrap_btn a{line-height:38px;} */
.find_id_pw .header_top .terms_title{position:relative; font-size:20px; color:#4d5363; font-weight:bold;}
.find_id_pw .header_bottom .terms_sub_title{padding:30px 0px 40px 0px; border-bottom:1px solid #e9e9e9;  line-height:26px; font-size:22px; color:#4d5363; font-weight:bold; }
.find_id_pw .header_bottom .terms_sub_title span{margin-top:10px; display:block; font-weight:normal; font-size:12px;}
.find_id_pw .container{padding-top: 40px; line-height: 1.7;}
.find_id_pw .container a{font-size: 16px;}

.find_id_pw .step1 {}
.find_id_pw .step1 .header_top .terms_title a{position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-180px;}

.find_id_pw .step2 {}
.find_id_pw .step2 .container{padding: 40px 20px 0;}
.find_id_pw .step2 input{width: 100%; font-size:14px; height: 40px; margin: 5px 0; color: #333;}
.find_id_pw .step2 .notice_title{ font-size:15px; color:#4d5363; font-weight:bold; padding:18px 0px; border-bottom:2px solid #e9e9e9;}
.find_id_pw .step2 .notice{padding:20px 0px; font-size:12px; line-height:26px;}
.find_id_pw .step2 .container .btn_wrap{position:relative; padding:40px 0px; }
.find_id_pw .step2 .container .btn_wrap .time{position:absolute; top:43%; left:50%;}
.find_id_pw .step2 .container .btn_wrap input{height:50px; width:190px;  border-radius:5px;}
.find_id_pw .step2 .container .btn_wrap button{width:88px; padding:15px 15px; background-color: #2265db; border-radius:5px; color:#fff; font-weight:bold;}
.find_id_pw .step2 .container .btn_wrap button.bg_type02{background:#e8edf2; color:#4d5363;}
.find_id_pw .step2 .alert_txt{color:#ff460d; padding-top:20px;}

.find_id_pw .step3_1 {}
.find_id_pw .step3 .container{padding: 40px 20px 0;}
.find_id_pw .step3 .container .input_btn{margin-top: 20px;}
.find_id_pw .step3 input{width: 60%; font-size:14px; height: 40px; margin: 5px 0;}
.find_id_pw .step3 .btn_rt{width: 25%; display: inline-block; height: 40px; vertical-align: middle; line-height: 39px; color: #fff; background: #2265db;}
.find_id_pw .step3 .alert_txt{color:#ff460d; padding-top:20px;}

.find_id_pw .step4{}
.find_id_pw .step4 .container{}
.find_id_pw .step4 .container .input_btn{display: inline-block; width:90%; margin-top: 20px; text-align: left;}
.find_id_pw .step4 .container .input_btn span{display: inline-block; width:116px; vertical-align: middle;}
.find_id_pw .step4 input{width: 65%; font-size:14px; height: 40px; margin: 5px 0;}

.layer_pop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 300;}
.dimmed{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 299;}
.layer_pop .disc{width: 80%; min-height: 150px; position: absolute; top: 50%; left: 10%; background: #fff; padding: 20px; margin-top: -20%; font-size: 14px;}
.layer_pop .disc .txt{text-align: center; padding-bottom: 50px;}
.layer_pop .disc .btn_layer_cls{width: 80%; position: absolute; bottom: 20px; left: 10%;}

.find_id_pw .wrap_btn{text-align:center}
.find_id_pw .btn_g1{display:inline-block;width:107px;height:40px;border:1px solid #2265db;font-weight:bold;font-size:14px;line-height:40px;background-color:#fff;color:#2265db;box-sizing:border-box;text-align:center;vertical-align:top}
.find_id_pw .btn_g2{display:inline-block;width:107px;height:40px;border:1px solid #2265db;font-weight:bold;font-size:14px;line-height:40px;background-color:#2265db;color:#fff;box-sizing:border-box;text-align:center;vertical-align:top}
.find_id_pw .btn_g3{display:inline-block;height:22px;padding:0 7px;border:1px solid #dedfe2;border-radius:2px;font-size:11px;line-height:22px;background-color:#fff;box-sizing:border-box;text-align:center;vertical-align:top}

.time{display: block; width: 85%; margin: auto; text-align: left; color: red;}

.cs-info{min-width: 0; width: 100%;}
.cs-info .container{padding: 15px;}
.cs-info .container p{}
.cs-info .container dl{width: 100%;}
.cs-info .container dl:after{clear: both; display: block; content:"";}
.cs-info .container dl dt{float: left; width: 65px; font-weight: normal;}
.cs-info .container dl dd{float: left; color: #006ff9;}
.cs-info .container dl dd a{color: #006ff9;}
.cs-info .footer{margin-top: 10px;}
.cs-info .footer .wrap_btn{}
.cs-info .footer .wrap_btn a{width: 107px; height: 40px; line-height: 37px; font-weight: bold; margin: auto; font-size: 14px; color: #fff; text-align: center; background: #2265db;}

.btns .btn-sm{width: 100px !important; height: 30px; padding: 0; line-height: 28px; font-size: 12px;}

@media screen and (width: 400px) and (height: 600px) {
	.find_id_pw input{border: 1px solid #acacac;}
	.find_id_pw .step2{border: 1px solid #3d414b;}
	.find_id_pw .step1{border: 1px solid #3d414b;}
	.find_id_pw .step3{border: 1px solid #3d414b;}
}