@charset "euc-kr";
/************************************************************************************************************************************************
	°øÅë
************************************************************************************************************************************************/
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size: 1rem;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0;}select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border: 0;}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{color:inherit;text-decoration: none;}
img {vertical-align: middle}
button {padding: 0; background-color: transparent; border: 0; cursor: pointer;}
em {font-style: normal;}
.hidden {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

input::-ms-reveal,
input::-ms-clear {
  display : none;
}

:root {
	--white: #ffffff;
	--black: #000000;
	--gray: #80848e;
	--color1: #0089f2;
}

.white {color: var(--white) !important;}
.black {color: var(--black) !important;}
.gray {color:var(--gray) !important}
.color1 {color: var(--color1) !important;}

.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb10 { margin-bottom:10px !important }
.mb20 { margin-bottom:20px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.mt30 { margin-top:30px !important }
.mt40 { margin-top:40px !important }
.mt50 { margin-top:50px !important }
.mt60 { margin-top:60px !important }
.mt70 { margin-top:70px !important }
.mt90 { margin-top:90px !important }
.mt100 { margin-top:100px !important }
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.ml30 { margin-left:30px !important }
.pd0 { padding:0 !important }
.pdb10 { padding-bottom:30px !important }
.pd30 { padding:30px !important }
.pd10 { padding:10px !important }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt30 { padding-top:30px !important; }
.pr20 { padding-right:20px; }
.pdl0 { padding-left:0 !important; }
.pdr0 { padding-right:0 !important; }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f14 { font-size:14px !important; }
.bold { font-weight: 600 !important; }
.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.w100 {width:100% !important;}

.inp { display: inline-block; vertical-align: middle; height: 38px; padding:0 0 0 15px; font-size:14px; color: #101c33;  border: 1px solid #dbdee2; border-radius:5px; transition: all 0.3s ease; }

.btn1-big {display: inline-block; padding: 24px 0px; color: #fff; font-size: 22px; font-weight: 700; text-align: center; vertical-align: middle; background-color: #c0c0c0; border-radius: 5px;}
.btn1-big.on {color: #fff; background-color: #0089f2;}

.btn1 {display: inline-block; padding: 16px 0; color: #0089f2; font-size: 14px; font-weight: 400; text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #0089f2; border-radius: 5px;}
.btn1:hover,
.btn1.on {color: #fff; background-color: #0089f2;}

.ico-tablet {display: inline-block; vertical-align: middle; width: 16px; height: 22px; background: url(//img.kimyoung.co.kr/mobile/member/ico_tablet.png) no-repeat 0 0; margin-right: 5px;}
.ico-mail {display: inline-block; vertical-align: middle; width: 23px; height: 18px; background: url(//img.kimyoung.co.kr/mobile/member/ico_mail.png) no-repeat 0 0; margin-right: 5px;}
.ico-unlock {display: inline-block; vertical-align: middle; width: 17px; height: 20px; background: url(//img.kimyoung.co.kr/mobile/member/ico_unlock.png) no-repeat 0 0; margin-right: 5px;}

label input {vertical-align: -2px;}

.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.justify-content-center { justify-content: center !important;}
.justify-content-between { justify-content: space-between !important;}
.justify-content-end { justify-content: flex-end !important}
.align-items-center { align-items: center !important;}
.align-items-end { align-items: end !important;}
.gap0 { gap:0px !important}
.gap5 { gap:5px !important}
.gap10 { gap:10px !important}
.gap15 { gap:15px !important}
.gap20 { gap:20px !important}

.input-form {font-size: 14px;line-height: 16px;font-weight: 400;color:#838383; padding:19px 15px; background-color: #f6f6f6;border-radius: 5px;border:none;outline:none}
.input-form::placeholder {color:#838383;}

.radio-type01 {cursor: pointer;}
.radio-type01 input {display: none;}
.radio-type01 span {position: relative; padding-left: 22px;}
.radio-type01 span::before {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url(//img.kimyoung.co.kr/mobile/member/ico_check_off.png); background-repeat: no-repeat; background-size: contain;}
.radio-type01 input:checked + span::before {display: none;}
.radio-type01 input:checked + span::after {content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url(//img.kimyoung.co.kr/mobile/member/ico_check_on.png);background-repeat: no-repeat; background-size: contain; z-index: 1;}

.select-type01 {padding: 19px 30px 19px 10px; color:#838383; text-align: center; background:#f6f6f6 url(//img.kimyoung.co.kr/mobile/member/angle_down.png) no-repeat top 24px right 10px;border-radius: 5px;}


/* ÅÇ 2°³À϶§ depth01 */
.tab-box{}
.tab-box .depth01{display: flex;}
.tab-box .depth01 li{flex: 1;font-size: 22px;line-height: 64px;height:64px;border: 1px solid #e5e5e5; border-bottom-color: #000; text-align: center;}
.tab-box .depth01 li.on{border:solid #111;border-width: 4px 1px 0px 1px}
.tab-box .depth01 li a{display: block;}
.tab-box .tab-contents > div{display: none;}
.tab-box .tab-contents > div.on{display: block;}


/************************************************************************************************************************************************
	¼­ºê ÆäÀÌÁö
************************************************************************************************************************************************/
/* ȸ¿ø°¡ÀÔ, ·Î±×ÀÎ */
/* °øÅë */
.member {position: relative; margin: 0 auto; background-color: #fff; border-radius: 7px;}
.member h2 {color: #101c33; font-size: 29px;line-height: 40px;font-weight: 700;}
.member h3 {color: #202020; font-size: 20px;line-height: 24px;font-weight: 700;}
.member .nomal_txt {min-height: 56px;height: 56px;line-height: 56px;}

/* ¼­ºê ÄÜÅÙÃ÷ - ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */
.member-wrap .login-reset .member {padding: 70px 0; max-width: 640px; width: 90%;} /* ·Î±×ÀÎ Á¦¿Ü ÆäÀÌÁö ³Êºñ */

.user-recovery {display: flex;flex-direction: column;gap:20px}
.user-recovery > div {border: 1px solid #e5e5e5;border-radius: 5px;padding:40px} 
.user-recovery > div:hover,
.user-recovery > div.active {border-color: #000;cursor: pointer;}
.user-recovery .moti {display: flex; align-items: center; font-size: 18px;line-height: 20px;font-weight: 500;position: relative;}
.user-recovery .moti:after {content: '';position: absolute;top:5px;right: 10px; width: 13px;height: 8px;background: url(//img.kimyoung.co.kr/mobile/member/angle_down_1.png) no-repeat;}
.user-recovery > div.active .moti:after {background: url(//img.kimyoung.co.kr/mobile/member/angle_up_1.png) no-repeat center;width: 13px;height: 8px;}
.user-recovery .form-verification {display: none;}
.user-recovery .active .form-verification {display: flex;}
.user-recovery .form-verification {flex-direction: column;gap:15px;padding-top: 20px;}
.user-recovery .form-verification p {font-size: 16px;}

/* ¼­ºê ÄÜÅÙÃ÷ - ¾ÆÀ̵ð, ºñ¹ø ã±â ¿Ï·á */
.recovery-success {border: 1px solid #e5e5e5;border-radius: 5px;padding:40px;}
.recovery-success p {font-size: 18px;line-height: 20px;font-weight: 500}
.recovery-success p span { padding-left: 27px;font-size: 16px;display: block;}

.success-box {font-size: 16px;line-height: 20px;background-color: #f6f6f6;border-radius: 5px;padding:40px 30px}


@media screen and (max-width: 768px) {
	.user-recovery .form-verification > div {flex-wrap: wrap; gap: 0 !important;}
	.user-recovery .form-verification > div .nomal_txt {width: 100% !important;}
	.user-recovery .form-verification > div select {margin-bottom: 10px; width: 100% !important;}
	.user-recovery .form-verification > div select:last-child {margin-bottom: 0;}
	
	.success-box > span em {display: inline-block;}
	.success-box > span em:nth-child(2) {visibility: hidden;}
	.success-box > span em:nth-child(3) {margin-top: 10px; margin-left: 10px; width: 100%;}
}

/* ¸ð´Þ */
.popup-wrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 5000; background: rgba(0, 0, 0, 0.5); overflow: auto; display: none;}
.popup-box { display: table; width: 100%; height: 100%; } 
.popup-cont { display: table-cell; vertical-align: middle; padding: 20px; } 
.popup { padding: 35px 30px 45px; border-radius: 10px; background: #fff; margin: 0 auto; position: relative; } 
.popup-head { margin-bottom: 18px;}
.h3-popup { font-size: 22px; font-weight: 700; color:#101d33} 
.h4-popup { font-size: 15px; font-weight: 500; color:#101d33;margin-bottom: 4px;} 
.popup .btn-close { position: absolute; right:15px; top:15px; width:35px; height: 35px; background: url(//img.kimyoung.co.kr/mobile/member/btn_modal_close.png) no-repeat 50% 50%;}
.popup-btns { display: flex; justify-content: center; gap:10px;}
.popup-desc { font-size:12px; line-height: 18px; color:#80848e; margin-top:12px;}

.popup-body.type01{font-size:16px; line-height: 20px; padding: 0 10px;}
.popup-body.type01 div{display: flex;gap: 14px;}
.popup-body.type01 div:nth-child(1){border-bottom: 1px solid;padding-bottom: 18px;margin-bottom: 18px;}
.popup-body.type01 div:nth-child(2) span{height: 46px;line-height: 46px;}
.popup-body.type01 div a{flex: none;margin-left: auto;}

.popup-body.type02{display: flex;flex-direction: column; gap: 14px;font-size:16px; line-height: 20px; padding: 0 10px;}
.popup-body.type02 div + div{border-top: 1px solid #e5e5e5;}
.popup-body.type02 div{display: flex;gap: 14px;}
.popup-body.type02 div:nth-child(2) input{width: 100%;}
.popup-body.type02 div a{flex: none;margin-left: auto;}

.popup-cs-txt p {color: #898989; font-size: 14px;}