.hy_join_Area{width:100%;}
.hy_join_Area .h3_JoinTitle{padding:0 0 15px 0; width:100%; font-size:18px; color:#333; font-weight:600;}

/* join_step_Tab */
.hy_JoinTab{margin:0 0 40px 0; width:100%;}
.hy_JoinTab:after{content:""; display:block; clear:both;}
.hy_JoinTab>li{float:left; width:33.33%; text-align:center;}
.hy_JoinTab>li>span{display:block; padding:68px 0 0 0; width:100%; height:100px; font-size:13px; color:#333; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; cursor:default;}
.hy_JoinTab>li>span.on{width:100%; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333; background-color:#fff;}
.hy_JoinTab>li>span.ico_1{background:#F4F2F1 url("../images/ico/ico_joinStep01.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_1.on{background: url("../images/ico/ico_joinStep01_on.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_2{background:#F4F2F1 url("../images/ico/ico_joinStep02.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_2.on{background: url("../images/ico/ico_joinStep02_on.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_3{background:#F4F2F1 url("../images/ico/ico_joinStep03.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_3.on{background: url("../images/ico/ico_joinStep03_on.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_4{border-right:1px solid #ddd; background:#F4F2F1 url("../images/ico/ico_joinStep04.png") center 27px no-repeat;}
.hy_JoinTab>li>span.ico_4.on{border-right:1px solid #333; background: url("../images/ico/ico_joinStep04_on.png") center 27px no-repeat;}

/* 약관동의 */
.hy_editBox{padding:10px; width:100%; height:180px; font-size:13px; color:#666; line-height:24px; overflow-y:auto; border:1px solid #ddd; background-color:#FFF;}
.hy_Agree_Div{padding:10px 0 30px 0; width:100%; text-align:right;}
.hy_Agree_Div span{display:inline-block;}
.hy_Agree_Div span>input{display:inline-block; padding-right:3px; vertical-align:-2px; }
.hy_Agree_Div span>label{font-size:13px; color:#666;}
.hy_Agree_Div span>label>strong{font-size:100%; color:#666;}
.hy_Agree_Div span.agreeSpan{padding-right:8px;}

.hy_allAgree{margin-bottom:50px; padding:20px; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.hy_allAgree>input{display:inline-block; padding-right:3px; vertical-align:-2px; }
.hy_allAgree>label{font-size:15px; color:#666; line-height:24px;}
.hy_allAgree>label>strong{font-size:100%; color:#333; font-weight:600;}

/* 본인인증 */
.hy_certify_Area{padding:5% 0; width:100%; margin:0 auto; border:1px solid #ddd; position:relative;}
.hy_certify_Area>.line{position:absolute; top:0; left:50%; padding:3% 0; margin-left:-.5px; width:1px; height:100%; background-color:#ddd;}
.hy_certify_Area:after{content:""; display:block; clear:both;}
.hy_certify_Area>div{float:left; padding:0 2%; }
.hy_certify_Area .phone_Box{width:50%; height:227px; text-align:center; /*  border-right:1px dotted #bbb */}
.hy_certify_Area .i-pin_Box{width:50%;}
.hy_certify_Area .hp_certify{padding:20px 0 0 0; width:100%; text-align:center;}
.hy_certify_Area>div div{width:100%; text-align:center;}
.hy_certify_Area>div p{width:100%; font-size:14px; text-align:center; line-height:140%;}
.hy_certify_Area>div p.title{padding:0 0 5% 0; width:100%; font-size:20px; color:#575a5d; font-weight:600;}
.hy_certify_Area>div a{display:inline-block; padding-top:10px; width:100%; max-width:180px; height:40px; font-size:15px; color:#fff; font-weight:600; text-align:center; background-color:#444; text-decoration:none;}

.certify-Box{padding:33% 0 0 0; width:100%; text-align:center;}
.certify-Box.bg_1{background: url("../images/contents/certify_img01.gif") 50% 20% no-repeat;}
.certify-Box.bg_2{background: url("../images/contents/certify_img02.gif") 50% 30% no-repeat;}
.certify-Box>div{width:100%; height:85px; text-align:center; vertical-align:middle; }

@media screen and (max-width:870px){
	.hy_certify_Area>div p{font-size:12px;}
	.hy_certify_Area>div a{padding-top:10px; margin:0 5%; width:90%; height:35px; font-size:13px;}
	.certify-Box{padding:35% 0 0 0;}

}

@media screen and (max-width:740px){
	.certify-Box{padding:110px 0 0 0;}
}

@media screen and (max-width:375px){
	.certify-Box.bg_1{background-size:27%;}
	.certify-Box.bg_2{background-size:85%;}

	.hy_certify_Area>div p{font-size:11px;}
	.hy_editBox{height:150px; font-size:12px; line-height:20px;}
	.hy_Agree_Div span>label{font-size:12px;}
	.hy_allAgree>label{font-size:13px; line-height:22px;}
}


/* 정보입력 */
.hy_joinInfo{padding:0 0 15px 0; width:100%; font-size:14px; color:#333;}
.hy_joinInfo>strong{font-size:100%; color:#ee3212;}
.hy_JoinTable{width:100%; background:#fff; border-top:1px solid #333;}
.hy_JoinTable.orderTable{margin-bottom:30px; border-top:none;}
.hy_JoinTable th{padding:14px 10px; font-size:14px; color:#666; font-weight:600; text-align:left; border-bottom:1px solid #ddd;}
.hy_JoinTable td{padding:14px 0; font-size:14px; color:#666; border-bottom:1px solid #ddd;}
.hy_JoinTable td .v_t{font-size:14px; color:#666;}
.hy_JoinTable th label{display:inline-block; padding-left:10px; font-size:14px; color:#333; }
.hy_JoinTable th label>span{display:inline-block; color:#ee3212; font-weight:600; vertical-align:-2px; text-indent:-10px;}

.hy_JoinTable td .hy_Input{padding:10px; width:100%; height:37px; max-width:250px; border:1px solid #ddd;}
.hy_JoinTable td .hy_Select{padding:7px; width:100%; max-width:250px; height:37px; border:1px solid #ddd;}
.hy_JoinTable td .birth-zip{display:inline-block; padding-left:20px;}

.hy_JoinTable td .hy-Block{width:100%;}
.hy_JoinTable td .hy-Block .hy_Input{display:inline-block; width:100%; max-width:250px; height:37px;}
.hy_JoinTable td .hy-Block .hy_InputB{display:inline-block; padding:9px 20px; height:37px; font-size:14px; color:#444; text-align:center; border:1px solid #ddd; background-color:#eee; cursor:pointer;}

.hy_JoinTable td .hy-Block-s{display:block;}
.hy_JoinTable td .hy-Block-s.inline{display:inline;}
.hy_JoinTable td .hy-Block-s.mb4{margin-bottom:4px;}
.hy_JoinTable td .hy-Block-s .hy_Input{display:inline-block; width:100%; max-width:200px; height:37px;}
.hy_JoinTable td .hy-Block-s .hy_InputB{display:inline-block; padding:9px 20px; height:37px; font-size:14px; color:#444; text-align:center; border:1px solid #ddd;  background-color:#eee; cursor:pointer;}
.hy_JoinTable td .hy-Block-s .hy_Select{padding:5px 25px 5px 5px; width:100%; max-width:200px; height:37px; text-align:left; vertical-align:-1px; border:none; border:1px solid #ddd; background:#FFF url("../images/ico/custom_Select_.gif") right 50% no-repeat; background-size:23px 37px;}

.hy_JoinTable td .hy-Block-a{display:block; width:100%;}
.hy_JoinTable td .hy-Block-a .hy_Input{display:inline-block; width:100%; max-width:290px; height:37px;}

.hy_JoinTable td .info{display:inline-block; padding-left:10px; font-size:14px; color:#666; line-height:26px;}
.hy_JoinTable td .sns_info{display:inline-block; font-size:14px; color:#666; line-height:26px;}
.hy_JoinTable td .hy_radio{display:block; margin-top:5px;}

.hy_JoinTable td .hy_radio{display:inline-block; padding-right:5px;}
.hy_JoinTable td .agree_info{display:inline-block; width:130px; padding-right:5%;}
.hy_JoinTable td .receiveDiv{padding-bottom:10px;}

@media screen and (max-width:900px){
	.hy_JoinTable td .info{display:block; padding-top:5px; padding-left:0;}
	.hy_JoinTable td .birth-zip{display:block; padding-left:0; margin-top:5px;}

	.hy_JoinTable td .hy-Block-s .hy_Input{max-width:31%;}
	.hy_JoinTable td .hy-Block-s .hy_Select{max-width:31%;}
}

@media screen and (max-width:790px){
	.hy_JoinTable td .hy-Block-a .hy_Input{max-width:49%;}
}

@media screen and (max-width:640px){
	.hy_JoinTable col.col-1{width:106px !important;}
	.hy_JoinTable th{font-size:11px; letter-spacing:-1px;}
	.hy_JoinTable td{font-size:11px;}
	.hy_JoinTable td .hy-Block .hy_Input{max-width:65%;}
	.hy_JoinTable td .hy-Block .hy_InputB{width:33%; padding:9px 0; font-size:12px;}
	.hy_JoinTable td .hy-Block-s .hy_InputB{width:31%; padding:9px 0; font-size:12px;}
	.hy_JoinTable td .info{padding-left:0; font-size:12px; line-height:20px;}
	.hy_JoinTable td .sns_info{font-size:12px; line-height:20px;}
	.hy_JoinTable td .agree_info{width:100%;}
	select{text-align:center;}
}

@media screen and (max-width:460px){
	.hy_JoinTable td .hy-Block-s .ico{display:none;}
}

/* 가입완료 */
/* join_step04 */
.hy_join_finish{margin-bottom:30px; padding:10% 0; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.hy_join_finish .p_f34Type{padding-bottom:3%; font-size:34px; color:#444; font-weight:600; line-height:50px}
.hy_join_finish .p_f14Type{font-size:18px; color:#444; line-height:27px}

@media screen and (max-width:600px){
	.hy_join_finish .p_f34Type{padding-bottom:5%; font-size:27px; line-height:45px}
	.hy_join_finish .p_f14Type{font-size:12px; line-height:27px}
}

@media screen and (max-width:375px){
	.hy_join_finish .p_f34Type{padding-bottom:5%; font-size:24px; line-height:38px}
	.hy_join_finish .p_f14Type{padding:0 5%; font-size:12px; line-height:24px}
}

/*  회원가입 버튼스타일 */
.hy_Btn_L{width:100%; text-align:left;}
.hy_Btn_C{width:100%; text-align:center;}
.hy_Btn_R{width:100%; text-align:right;}

a.hy_BtnStyle{display:inline-block; text-align:center; text-decoration:none; -webkit-transition:all .3s ease-in;}
a.hy_BtnStyle.goMain{padding-top:15px; width:190px; height:50px; font-size:16px; color:#666; font-weight:600; text-align:center; border:1px solid #ddd;}

button.hy_ButtonStyle{display:inline-block; cursor:pointer; border:none; }
button.hy_ButtonStyle.ok{width:160px; height:45px; font-size:14px; color:#fff; font-weight:600; text-align:center; background-color:#041E41;}
button.hy_ButtonStyle.cancel{width:160px; height:45px; font-size:14px; color:#666; font-weight:600; text-align:center; background-color:#D6D6D6;}

input.hy_InputButton{display:inline-block; cursor:pointer;}
input.hy_InputButton.ok{width:160px; height:45px; font-size:14px; color:#fff; font-weight:600; text-align:center; background-color:#444;}
input.hy_InputButton.cancel{width:160px; height:45px; font-size:14px; color:#666; font-weight:600; text-align:center; background-color:#D6D6D6;}

@media screen and (max-width:375px){
	a.hy_BtnStyle.goMain{padding-top:10px; width:50%; height:40px; font-size:16px;}
	button.hy_ButtonStyle.ok{width:49%; height:45px; font-size:14px;}
	button.hy_ButtonStyle.cancel{width:49%; height:45px; font-size:14px;}
}

/* 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;}
}

/**************************************************************************** mypage tab 추가 ****************************************************************************/
#contents .sub_contents .my_tabs{padding-bottom:40px;}
#contents .sub_contents .my_tabs ul{}
#contents .sub_contents .my_tabs ul:after{clear:both; display:block; content:"";}
#contents .sub_contents .my_tabs ul li{float:left; width:18.4%; margin-right:2%; border:1px solid #041e41}
#contents .sub_contents .my_tabs ul li:last-child{margin-right:0;}
#contents .sub_contents .my_tabs ul li a{font-size:17px; color:#011e41; display:block; text-align:center; padding:10px 0; font-weight:400;}
#contents .sub_contents .my_tabs ul li a.on{background:#041e41; color:#fff;}
#contents .sub_contents .my_tabs ul li a:hover{background:#041e41; color:#fff;}

/* 이용약관 및 개인정보처리방침 페이지 */
.policy{padding:10px; width:100%; height:800px; font-size:13px; color:#666; line-height:24px; overflow-y:auto; border:1px solid #ddd; background-color:#FFF;}
@media screen and (max-width:375px){
	.policy{height:500px; font-size:12px; line-height:20px;}
}

/**
* SNS 로그인버튼 (naver, kakao, facebook)
*/
.naver_login_btn{width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:400;border:none;background: url('/images/btn_naver_login.png') no-repeat 0 0;text-align: center;}
.kakao_login_btn{width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:400;border:none;background: url('/images/btn_kakao_login.png') no-repeat 0 0;text-align: center;}
.facebook_login_btn{width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:400;border:none;background: url('/images/btn_facebook_login.png') no-repeat 0 0;text-align: center;}
.google_login_btn{width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;font-weight:400;border:none;background: url('/images/btn_google_login.png') no-repeat 0 0;text-align: center;}