/* BASIC css start */
/* BASIC css start */
#findWrap * {
    box-sizing: border-box;
}
.area-title {
    text-align: center;
    margin-top: 100px;
    font-size: 28px;
    font-weight: 700;
}
@media all and (max-width: 767px) {

    .area-title {
        text-align: center;
        margin-top: 55px;
        font-size: 24px;
        font-weight: 700;
    } 

}
/* login */
#contents .sh_Member_Area{width:100%;}
#contents .login-Box{width:530px; margin:0 auto;}
#contents .login-Box .subTitle{padding-bottom:20px; font-size:20px; font-weight:600; color:#555; text-align:center;}
#contents .login-Box .subTitle span{display:block; padding-top:10px; font-size:100%}

#contents .loginTab-Type{width:100%; position:relative;}
#contents .loginTab-Type:after{content:""; display:block; clear:both;}
#contents .tab-navi{margin-bottom:30px; width:100%;}
#contents .tab-navi:after{content:""; display:block; clear:both;}
#contents .tab{float:left; width:50%; height:50px; border:1px solid #ddd; border-bottom:1px solid #526a40; background-color:#f5f5f5; cursor:pointer; position:relative;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
#contents .tab>span{position:absolute; top:50%; left:0; display:block; width:100%; height:auto; font-size:16px; color:#666; text-align:center;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .tab.on{border:1px solid #526a40; border-bottom:1px solid #fff; background-color:#FFF;}

#contents .tab-Area{width:100%; }

#contents .input-p{margin-bottom:10px; width:100%; position:relative;}
#contents .input-p>label{position:absolute; top:50%; left:18px; width:100%; height:auto; font-size:14px; 
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p>input{padding:18px; width:100%; font-size:14px; color:#666; border:1px solid #ddd; background-color:#FFF;}
#contents .loginTab-Type .idSave{margin-top:20px; width:100%;}
#contents .loginTab-Type .idSave>label{display:inline-block; padding-left:10px; font-size:14px; color:#666; vertical-align:-2px;}

#contents .loginBtn{margin:30px 0; width:100%;}
#contents .loginBtn>button{width:100%; height:50px; font-size:18px; color:#fff; font-weight:600; border:none; background:#041E41;}

#contents .login-btn{padding:10px 0; width:100%; text-align:center; border-top:1px solid #ddd;}
#contents .login-btn>a{font-size:14px; color:#666; text-decoration:none;}
#contents .login-btn>a:hover{color:#333;}
#contents .login-btn>span{display:inline-block; padding:0 10px; font-size:14px; color:#ddd;}

#contents .find_result{padding:50px 0; width:100%; border:1px solid #ddd;}
#contents .find_result>p{width:100%; font-size:18px; color:#333; text-align:center;}
#contents .new_pass{margin:30px 0; width:100%;}
#contents .find-Btn{margin:30px 0;text-align:center;}

#contents .nonMember-Type{margin:50px auto 50px; padding:50px 0; width:100%; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333;}
#contents .nonM_Title{padding:0 0 20px 0; width:100%; font-size:28px; color:#575a5d; font-weight:400;}
#contents .p_txt15{padding:0 0 50px 0; width:100%; font-size:15px; color:#666;}
/* mobile 640 */
@media all and (max-width:640px){
	#contents .tab-navi{margin-bottom:5%;}
	#contents .tab{height:40px;}
	#contents .login-Box{width:100%;}
	#contents .input-p>input{padding:15px; font-size:13px;}
	#contents .loginBtn{margin:5% 0;}
	#contents .loginBtn>button{height:40px; font-size:15px;}
	#contents .new_pass{margin:5% 0;}

	#contents .nonMember-Type{margin:10% auto 10%; padding:10% 0;}
	#contents .nonM_Title{padding:0 0 4% 0; font-size:25px}
	#contents .p_txt15{padding:0 0 10% 0; font-size:13px;}
}

/* mobile 480 */
@media all and (max-width:480px){
	.hy_Agree_Div span.agreeSpan{font-size:0.813em;}
	.hy_JoinTable th label{font-size:12px;}

}


/* mobile 375 */
@media all and (max-width:375px){
	#contents .input-p>input{padding:10px; font-size:12px;}
	#contents .nonM_Title{font-size:20px}
	#contents .p_txt15{font-size:12px;}
}

.btnStyle.nMBuy{font-size:18px; width:100%; height:50px; color:#fff; background:#041E41; display:block; font-weight:600; padding:14px 0;}
@media all and (max-width:640px){
.btnStyle.nMBuy{height:40px; font-size:15px; padding:11px 0;}
}

/* °øÅë */#findWrap .find_idpw {/* margin-top:64px; *//* float:left; *//* width:386px; */}
#findWrap .find_idpw .tit {padding-top:15px;font-size:18px;color:#000;font-weight:bold;line-height:18px;display: none;}
#findWrap .find_idpw .sub-tit {padding-top:20px;font-size:11px;color:#8d8d8d;line-height:18px;display: none;}
#findWrap .find_idpw .radio-wrap { margin-top:15px; font-size:11px; color:#000; }
#findWrap .find_idpw .radio-wrap label {margin-right:23px;font-size: 13px;}
#findWrap .find_idpw .radio-wrap input { vertical-align:top }

/* IE7 Hack */
*:first-child+html #findWrap .find_idpw .radio-wrap label { margin-right:10px }
*:first-child+html #findWrap .find_idpw .radio-wrap input { vertical-align:middle; margin-top:-3px }
/* IE7 Hack */

#findWrap .find_idpw .frm-list {padding-top:15px;position:relative;width: 100%;}
#findWrap .find_idpw .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#findWrap .find_idpw .frm-list li label {padding-left:11px;position:absolute;top:0;left:0;width: 100%;height:50px;color:#adadad;line-height:50px;cursor:text;font-size: 15px;}
#findWrap .find_idpw .frm-list li input {padding: 0 0 0 10px;width: 100%;height:48px;line-height:48px;border:1px solid #ddd;font-size: 15px;}
#findWrap .find_idpw .btn-area { padding-top:10px }
#findWrap .find_idpw .btn-area a { display:block; margin-bottom:6px; height:58px; font-size:16px; line-height:58px }
#findWrap .find_idpw .btn-area .inner a { display:inline-block; margin-left:3px; width:187px }
#findWrap .find_idpw .btn-area .inner .first { margin-left:0 }

#findWrap #find_id {/* padding-left:82px; *//* padding-right:81px; *//* padding-bottom:20px; *//* border-right:1px solid #e9e9e9; */}
#findWrap #find_id .radio-wrap {/* margin-top:33px; */}

#findWrap #find_pw {/* margin-left:-1px; *//* padding-left:82px; *//* border-left:1px solid #e9e9e9; */}

/* º»ÀÎÀÎÁõ */
.find_idpw .ipin-confirm { margin-top:15px; padding: 17px 0 18px; border-top:1px solid #ddd; }
.find_idpw .ipin-confirm dt { margin-bottom:16px; color:#000; line-height:18px; }
.find_idpw .ipin-confirm dd { text-align:center; }
.find_idpw .ipin-confirm dd a { display: inline-block; width: 88px; height: 88px; font-size: 12px; margin: 0 0 0 5px; border:1px solid #dedede; color:#000; text-align:center; letter-spacing:-1px; }
.find_idpw .ipin-confirm dd a:first-child { margin-left:-1px; }
.find_idpw .ipin-confirm dd a span { display: inline-block; width:86px; height:86px; border:1px solid #fff; }
.find_idpw .ipin-confirm dd a:hover,
.find_idpw .ipin-confirm dd a:hover span { border:1px solid #000; }
.find_idpw .ipin-confirm dd a img { width: 45px; height: 45px; margin: 9px 0; }
.loginBtn>a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    border: none;
    background: var(--1);
    display:inline-block;
    text-align:center;
}

/* BASIC css end */


/* BASIC css end */


/* BASIC css end */