/* ------------------------------------------------------- 로그인 */
#loginWrap{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #f8f8f8;}
.login_wrap{ width: 560px;}
.login_wrap > h1{ margin-bottom: 80px;}
.login_wrap .login_enter{ display: flex; flex-direction: column; gap: 10px;}
.login_wrap .login_enter input[type=checkbox] + label{ margin: 5px 0 20px;}
.login_wrap .login_enter p.wrong_message{ text-align: left; color: #dc3545; font-weight: 700;}
.login_wrap .login_enter .btn-login{ width: 100%; height: 64px; margin-top: 10px; text-align: center; font-size: 18px; color: #fff; font-weight: 700; letter-spacing: -0.36px; border-radius: 8px; border: none; background: #001f90; cursor: pointer;}
.login_wrap .login_enter .bot-wrap{ width: 100%; margin-top: 6px;}
.login_wrap .login_enter .bot-wrap > p{ float: left; line-height: 24px; text-align: left; font-size: 16px; color: #6c757d; font-weight: 400;}
.login_wrap .login_enter .bot-wrap > p > a{ display: inline-block; margin-left: 7px; font-size: 16px; color: #001f90; font-weight: 600;}
.login_wrap .login_enter .bot-wrap > a{ float: right; line-height: 24px; text-align: right; font-size: 16px; color: #212529; letter-spacing: -0.32px; font-weight: 500;}
.login_wrap .login_enter .sns-login{ display: flex; justify-content: end; align-items: center; gap: 10px; width: 100%; padding-top: 30px; margin-top: 65px; border-top: 1px solid #ced4da;}
.login_wrap .login_enter .sns-login > p{ margin-right: auto; line-height: 18px; text-align: left; font-size: 15px; color: #343a40; font-weight: 500;}
.login_wrap .login_enter .sns-login > a{ display: inline-block; width: 48px; height: 48px; border-radius: 100%; border: none; background-repeat: no-repeat; background-position: 50% 50%; text-indent: -999em;}
.login_wrap .login_enter .sns-login > a.login-naver{ background-image: url(../../images/common/btn_login_naver.png);}
.login_wrap .login_enter .sns-login > a.login-kakao{ background-image: url(../../images/common/btn_login_kakao.png);}

/* ------------------------------------------------------- 아이디.비밀번호 찾기 */
#findWrap{ display: flex; flex-direction: column; gap: 60px; justify-content: center; align-items: center; width: 100%; height: 100%; background: #fff;}
#findWrap > h1{ line-height: 54px; font-size: 36px; color: #000; font-weight: 700; letter-spacing: -0.72px;}
.find-wrap{ width: 560px; background: #fff; box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.find-wrap > ul.find-type{ width: 100%; height: 75px;}
.find-wrap > ul.find-type > li{ float: left; display: flex; justify-content: center; align-items: center; width: 50%; height: 100%; text-align: center; font-size: 18px; color: #828282; font-weight: 700; letter-spacing: -0.36px; background: #f2f2f2; cursor: pointer;}
.find-wrap > ul.find-type > li.on{ color: #001f90; font-weight: 700; border-top: 3px solid #001f90; background: #fff;}

.find-box .find-step{ width: 100%; padding: 40px 40px 50px; background: #fff; box-sizing: border-box;}
.find-box .find-step .find-how #certStepId{ margin-bottom: 35px;}
.find-box .find-step ul.input-list{ height: 60px;}
.find-box .find-step ul.find-input-list{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 35px;}
.find-box .find-step ul.find-input-list > li.phone{ display: flex; flex-direction: row; gap: 10px; align-items: center;}
.find-box .find-step ul.find-input-list > li.phone .dropdownlist{ width: 33.33%;}
.find-box .find-step ul.find-input-list > li.phone .input-box{ width: 33.33%;}
.find-box .find-step ul.find-input-list > li.phone > span{ font-size: 18px; color: #828282; letter-spacing: -0.36px; font-weight: 400;}
.find-box .find-step button.cert-btn{ width: 100%; height: 64px; margin-top: 10px; text-align: center; font-size: 17px; color: #fff; font-weight: 700; letter-spacing: -0.34px; border-radius: 8px; background: #001f90;}
.find-box .find-step button.cert-btn > i{ display: inline-block; width: 18px; height: 18px; margin-top: -3px; margin-right: 6px; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%;}
.find-box .find-step button.main-cert-btn{ position: relative; width: 100%; height: 76px; padding: 22px; margin-bottom: 10px; line-height: 32px; text-align: left; font-size: 18px; color: #000; font-weight: 700; letter-spacing: -0.36px; border-radius: 8px; border: 1px solid #ced4da; background: #fff;}
.find-box .find-step button.main-cert-btn > i{ display: inline-block; width: 32px; height: 32px; margin-top: -3px; margin-right: 15px; vertical-align: middle; border-radius: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-color: #f1f1f1;}
.find-box .find-step button.main-cert-btn::after{ position: absolute; top: 22px; right: 22px; content: ''; width: 32px; height: 32px; background: url(../../images/common/icon_btn_cert.png) no-repeat 50% 50%;}
.find-box .find-step button.main-cert-btn.cert-phone > i{ background-image: url(../../images/sub/icon_cert_phone_b.png);}
.find-box .find-step button.main-cert-btn.cert-mail > i{ background-image: url(../../images/sub/icon_cert_mail_b.png);}
.find-box .find-step a.btn-home{ display: block; width: 100%; margin-top: 15px; line-height: 24px; text-align: center; font-size: 16px; color: #212529; font-weight: 500; letter-spacing: -0.32px; text-decoration: underline;}
.find-box .find-step button.main-cert-btn+a.btn-home{}
.find-box .find-step > h2{ width: 100%; margin: 20px 0 30px; line-height: 30px; text-align: center; font-size: 25px; color: #000; font-weight: 500;}
.find-box .find-step > h2 > span{ color: #001f90; font-weight: 700;}
.find-box .find-step.chng-pw > h2{ margin-top: 0;}
.find-box .find-step > .cert-input{ position: relative; width: 100%;}
/* .find-box .find-step > .cert-input > span{ position: absolute; } */
.find-box .find-step > .info-box{ width: 100%; padding: 20px; line-height: 30px; text-align: center; font-size: 25px; color: #001f90; font-weight: 700; border-radius: 4px; background: #f8f8f8; box-sizing: border-box;}
.find-box .find-step > .info-box > p{ line-height: 25px; text-align: center; font-size: 16px; color: #212529; font-weight: 400;}
.find-box .find-step > .info-box > p > span{ font-weight: 500; text-decoration: underline;}
.find-box .find-step > .btn-wrap{ display: flex; gap: 10px; margin-top: 45px;}
.find-box .find-step > .btn-wrap > button{ width: 50%;}
.find-box .find-step.step2 > .input-box{ margin-bottom: 35px;}
.find-box .find-step#chngPwWrap .info-box{ margin-bottom: 12px;}

@media screen and (max-width: 960px){
	/* ------------------------------------------------------- 로그인 */
	.login_wrap{ width: 100%; padding: 0 20px;}
	.login_wrap > h1{ margin-bottom: 40px;}
	.login_wrap > h1 > img{ width: 160px;}	
	.login_wrap .login_enter{ gap: 8px;}
	.login_wrap .login_enter .input-60{ height: 50px;}
	.login_wrap .login_enter input[type=checkbox] + label{ padding: 8px 0; margin-top: 2px; line-height: 17px; font-size: 14px;}
	.login_wrap .login_enter .btn-login{ height: 54px; font-size: 16px; letter-spacing: -0.32px; border-radius: 6px;}
	.login_wrap .login_enter .bot-wrap{ margin-top: 4px;}
	.login_wrap .login_enter .bot-wrap > p{ line-height: 21px; font-size: 14px;}
	.login_wrap .login_enter .bot-wrap > p > a{ margin-left: 5px; font-size: 14px;}
	.login_wrap .login_enter .bot-wrap > a{ line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
	.login_wrap .login_enter .sns-login{ padding-top: 35px; margin-top: 60px;}
	.login_wrap .login_enter .sns-login > p{ line-height: 15px; font-size: 13px;}
	.login_wrap .login_enter .sns-login > a{ width: 40px; height: 40px; background-size: 100%;}
	
	/* ------------------------------------------------------- 아이디.비밀번호 찾기 */
	#findWrap{ padding: 50px 20px;}
	#findWrap > h1{ line-height: 38px; font-size: 25px; letter-spacing: -0.5px;}
	.find-wrap{ width: 100%;}
	.find-wrap > ul.find-type{ height: 56px;}
	.find-wrap > ul.find-type > li{ font-size: 16px; letter-spacing: -0.32px;}
	
	.find-box .find-step{ padding: 50px 20px;} 
	.find-box .find-step ul.find-input-list{ gap: 8px; margin-bottom: 25px;}
	.find-box .find-step button.cert-btn{ height: 50px; font-size: 16px; letter-spacing: -0.32px; border-radius: 6px;}
	.find-box .find-step button.main-cert-btn{ height: 56px; padding: 12px 15px; font-size: 16px; letter-spacing: -0.32px; border-radius: 6px;}
	.find-box .find-step button.main-cert-btn::after{ top: 12px; right: 15px;}
	.find-box .find-step button.main-cert-btn > i{ margin-top: 0; margin-right: 12px;}
	.find-box .find-step a.btn-home{ margin-top: 7px; line-height: 21px; font-size: 14px; letter-spacing: -0.28px;}
}



/* /*Login Common*/ */
/* .login_wrap{width:500px;position:absolute;left:50%;margin-left:-250px;top:15%} */
/* .login_wrap h1.logo{width:100%;display:inline-block;text-align:center} */
/* .login_wrap .info_text{width:100%;color:#dadada;font-size:1.03em} */
/* .login_wrap .info_text2{width:100%;color:#6a6a6a;font-size:1.03em} */
/* .login_wrap .info_text3{width:100%;color:#a3a3a3;font-size:0.8em;font-weight:300;margin-top:20px} */
/* .login_wrap .info_text3 a{color:#39b54a} */
/* .login_wrap input:-ms-input-placeholder{color:#dadada} */
/* .login_wrap input::-webkit-input-placeholder{color:#dadada} */
/* .login_wrap input::-moz-placeholder {color:#dadada} */
/* .login_wrap .wrong_message{width:100%;text-align:left;color:#ff1616;font-size:0.9em;padding-top:5px;display:none} */
/* .login_wrap #success_message_email1, .login_wrap #success_message_email2, .login_wrap #success_message_phone1, .login_wrap #success_message_phone2{width:100%;text-align:left;color:#39b54a;font-size:0.9em;padding-top:5px;display:none} */
/* .login_wrap #wrong_message_email1, .login_wrap #wrong_message_phone1, .login_wrap #wrong_message_number1, .login_wrap #wrong_message_email2, .login_wrap #wrong_message_phone2, .login_wrap #wrong_message_number2, .login_wrap #none_message_email1, .login_wrap #none_message_email2, .login_wrap #none_message_phone1, .login_wrap #none_message_phone1, .login_wrap #wrong_message_number3, .login_wrap #wrong_message_number4{width:100%;text-align:left;color:#ff1616;font-size:0.9em;padding-top:5px;display:none} */
/* .login_wrap #empty_message_phone1, .login_wrap #empty_message_email1, .login_wrap #empty_message_phone2, .login_wrap #empty_message_email2, .login_wrap #empty_message_id1, .login_wrap #empty_message_id2, .login_wrap #none_message_phone2, .login_wrap #empty_message_pwd1, .login_wrap #empty_message_pwd2, .login_wrap #wrong_message_pwd, .login_wrap #runningTimerExist1, .login_wrap #runningTimerExist2, .login_wrap #runningTimerExist3, .login_wrap #runningTimerExist4{width:100%;text-align:left;color:#ff1616;font-size:0.9em;padding-top:5px;display:none} */
/* .log_copyright{width:100%;color:#777;margin-top:20px;font-size:0.8em} */
/* .login_wrap input[type=text], .login_wrap input[type=password]{border:1px solid #dadada;height:53px;padding:0 2%;font-size:1em;color:#000;margin-top:10px} */

/* /*Login*/ */
/* .login_wrap .login{width:100%;border:1px solid #dadada;padding:60px 13.7% 40px 13.7%;margin-top:20px;display:inline-block} */
/* .login_wrap form.login_enter{width:100%;display:inline-block;margin-top:26px} */
/* .login_wrap .id_enter{width:100%;height:52px;position:relative;border:1px solid #dadada;display:inline-block;color:#000} */
/* .login_wrap .id_enter input.user_id{width:100%;height:50px;float:left;border:none;margin-top:0} */
/* .login_wrap .id_enter .email_address{width:50%;text-align:right;position:absolute;right:2%;top:25%;color:#9d9d9d;font-weight:500;font-size:1em} */
/* .login_wrap input.user_pw{width:100%} */
/* .login_wrap a.login_btn{width:100%;height:52px;background:#212121;border:1px solid #212121;color:#fff;line-height:50px;display:block;margin-top:15px} */
/* .login_wrap div.login_keep{width:100%;text-align:right;display:inline-block;margin-top:8px} */
/* .login_wrap div.login_keep input[type=checkbox]{ vertical-align: text-bottom; transform:scale(1.5);-webkit-transform: scale(1.5)} */
/* .login_wrap div.login_keep label{color:#676767;margin-left:5px; font-size:15px; font-size:400;} */
/* .login_wrap ul.other_link{width:100%;display:inline-block;margin-top:70px} */
/* .login_wrap ul.other_link li{display:inline-block;font-size:0.96em} */
/* .login_wrap ul.other_link li a{color:#676666} */
/* .login_wrap ul.other_link li a:hover{text-decoration:underline} */
/* .login_wrap ul.other_link li.line{color:#676666;margin:0 10px;font-size:0.8em} */
/* /*ID PW찾기*/ */
/* .login_wrap .id_pw_find{width:100%;margin-top:20px;display:inline-block} */
/* .login_wrap ul.main_tab{width:100%;display:inline-block} */
/* .login_wrap ul.main_tab li{width:50%;height:53px;float:left;border:1px solid #d2d2d2;border-bottom:1px solid #26a637} */
/* .login_wrap ul.main_tab li a{width:100%;line-height:51px;color:#bebebe;display:block;font-size:0.95em} */
/* .login_wrap ul.main_tab li a:hover{color:#26a637} */
/* .login_wrap ul.main_tab li.on{border:1px solid #26a637;border-bottom:none} */
/* .login_wrap ul.main_tab li.on a{color:#26a637;line-height:52px} */
/* .login_wrap .find_enter{width:100%;border:1px solid #26a637;padding:60px 13.7% 40px 13.7%;margin-top:-5px;border-top:none} */
/* .login_wrap ul.find_tab{width:100%;display:inline-block;margin:30px 0 25px 0} */
/* .login_wrap ul.find_tab li{display:inline-block;margin:0 3%} */
/* .login_wrap ul.find_tab li a{color:#676767;font-size:0.9em;padding-left:28px;background:url(../../images/solution/find_tab_off.gif) no-repeat left center;display:inline-block} */
/* .login_wrap ul.find_tab li a.on{background:url(../../images/solution//find_tab_on.gif) no-repeat left center} */
/* .login_wrap .find_method{width:100%;display:inline-block} */
/* .login_wrap .find_method .num_enter{width:100%;display:inline-block} */
/* .login_wrap .find_method .num_enter input{width:60.8%;float:left;border-right:none;margin-top:0} */
/* .login_wrap .find_method .num_enter button{width:39.2%;height:53px;float:right;background:#555;border:1px solid #3f3f3f;color:#fff} */
/* .login_wrap .find_method .certify_num{width:100%;margin-top:25px} */
/* .login_wrap .find_method .bottom_btn{width:100%;display:inline-block;margin-top:25px} */
/* .login_wrap .find_method .bottom_btn a{width:49%;height:53px;color:#fff;line-height:51px} */
/* .login_wrap .find_method .bottom_btn a.cancle{float:left;background:#cacaca;border:1px solid #b4b4b4} */
/* .login_wrap .find_method .bottom_btn a.confirm{float:right;background:#39b54a;border:1px solid #26a637} */
/* .login_wrap .phone_method{display:none} */
/* .login_wrap .pw_find_enter{display:none} */
/* .login_wrap .id_find_result, .login_wrap .pw_find_result{width:100%;border:1px solid #26a637;padding:60px 13.7% 40px 13.7%;margin-top:-5px;display:none} */
/* .login_wrap .id_find_result h3, .login_wrap .pw_find_result h3{width:100%;display:inline-block;color:#38b549} */
/* .login_wrap .result_text{width:100%;color:#6a6a6a;font-size:1.03em;margin-top:5px} */
/* .login_wrap .result_text span{font-weight:700} */
/* .login_wrap .result_data{width:100%;display:inline-block;margin-top:30px} */
/* .login_wrap .result_data div.user_id_text{width:100%;border:1px solid #dadada;padding:15px 2%;font-size:1em;color:#000;margin-top:10px;text-align:left} */
/* .login_wrap .result_data input{width:100%} */
/* .login_wrap .result_data a{width:100%;height:52px;background:#38b549;border:1px solid #26a637;color:#fff;line-height:50px;display:block;margin-top:15px} */
/* .login_wrap .pw_find_result .result_text span{width:100%;display:inline-block} */
/* .login_wrap .pw_find_result .result_data span{width:100%;display:inline-block;text-align:left;font-size:0.8em;color:#6a6a6a;margin-top:10px} */
/* .login_wrap .pw_find_result .result_data span::before{content:'▪';margin-right:5px} */

/* @media all and (max-width:500px){ */
/*     Login Common */
/*     .login_wrap{width:96%;margin-left:-48%} */
/*     .login_wrap h1.logo img{width:50%;max-width:366px} */
/*     Login */
/*     .login_wrap .login{padding:40px 5%} */
/*     .login_wrap .find_enter{padding:40px 5%} */
/*     .login_wrap .id_find_result, .login_wrap .pw_find_result{padding:40px 5%} */
/* } */
/* @media all and (min-width:320px) and (max-width:414px){ */
/*     .login_wrap input[type=text], .login_wrap input[type=password]{font-size:0.9em} */
/*     .login_wrap .id_enter .email_address{font-size:0.9em;top:30%} */
/*     .login_wrap .info_text2{font-size:0.9em} */
/* } */
/* @media all and (min-width:320px) and (max-width:368px){ */
/*     .login_wrap .info_text2{font-size:0.8em} */
/*     .login_wrap .info_text3{font-size:0.7em} */
/*     .login_wrap .id_enter{height:45px} */
/*     .login_wrap .id_enter input.user_id{height:43px} */
/*     .login_wrap .id_enter .email_address{top:23%} */
/*     .login_wrap a.login_btn{height:45px;line-height:43px} */
/*     .login_wrap ul.other_link{margin-top:40px} */
/*     .login_wrap input[type=text], .login_wrap input[type=password]{height:45px} */
/*     .login_wrap .find_method .num_enter button{height:45px} */
/*     .login_wrap .find_method .bottom_btn a{height:45px;line-height:43px} */
/*     .login_wrap ul.main_tab li{height:45px} */
/*     .login_wrap ul.main_tab li a{line-height:43px} */
/*     .login_wrap ul.find_tab li a{font-size:0.8em;padding-left:28px;padding-top:3px;padding-bottom:3px} */
/*     .login_wrap .result_text{font-size:0.9em} */
/*     .login_wrap .result_data div.user_id_text{padding:10px 2%;font-size:0.8em} */
/*     .login_wrap .result_data a{height:45px;line-height:43px} */
/*     .login_wrap .pw_find_result .result_data span{font-size:0.7em} */
/* } */
/* @media all and (max-width:320px){ */
/*     .login_wrap .login{padding:20px 5%} */
/*     .login_wrap .find_enter{padding:20px 5%} */
/*     .login_wrap .id_find_result, .login_wrap .pw_find_result{padding:20px 5%} */
/*     .login_wrap .info_text{font-size:0.9em} */
/*     .login_wrap input[type=text], .login_wrap input[type=password]{font-size:0.8em} */
/*     .login_wrap .id_enter .email_address{font-size:0.8em;top:30%} */
/*     .login_wrap .info_text2{font-size:0.7em} */
/*     .login_wrap ul.other_link li a{font-size:0.8em} */
/*     .login_wrap div.login_keep input[type=checkbox]{transform:scale(1.2);-webkit-transform: scale(1.2)} */
/*     .login_wrap div.login_keep label{font-size:0.9em} */
/*     .login_wrap ul.main_tab li a{font-size:0.8em} */
/*     .login_wrap .find_method .num_enter button{font-size:0.75em} */
/* } */