.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:25%; 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:120px; font-size:13px; color:#666; line-height:24px; overflow-y:auto; border:1px solid #ddd; background-color:#f5f5f5;}/* 수정 */
.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;}
ul.hy_Agree_ul{padding:10px 0 0 0; width:100%; }
ul.hy_Agree_ul:after{content:""; display:block; clear:both;}
ul.hy_Agree_ul > li{float:left;}
ul.hy_Agree_ul > li input.right{margin-left:60px; }
ul.hy_Agree_ul > li label{padding-left:10px; font-size:0.938em; color:#444;}

.hy_Agree{padding:10px 0 0 0; width:100%; text-align:center;}
.hy_Agree > span{display:inline-block; padding-right:10px;}
.hy_Agree > span input.right{margin-left:60px; }
.hy_Agree > span label{padding-left:10px; font-size:0.938em; color:#444;}

.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;}
	.hy_JoinTable col.col-1{width:210px !important;}
}

@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%;}
.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 th.vertical{padding-top:24px; vertical-align:top;}
.hy_JoinTable td{padding:14px 0; font-size:14px; color:#666; line-height:20px; 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:5px; width:100%; height:32px; max-width:410px; 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 .hy_text{width:100%; height:170px; resize:none; 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 .phone_input input{max-width:100px !important;}
.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:410px; height:37px;}
.hy_JoinTable td .hy-Block-a .hy_Input_2{max-width:240px;}

.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:120px; 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){
	.Btn_4 span{display:block;}
	.hy_JoinTable td .hy-Block-a .hy_Input{max-width:49%;}
	.hy_JoinTable td .phone_input input{max-width:31% !important;}
}

@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;}
	ul.hy_Agree_ul > li label{font-size:1.125em;}
	.hy_JoinTable th label{font-size:12px;}
	.hy_Agree > span label{font-size:0.813em;}
	.mdl-input_1{width:45% !important;}
}

@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; font-size:0;}
.hy_Btn_R{width:100%; text-align:right;}
.Btn_4:after{content:""; display:block; clear:both;}

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; margin:0 0.5% 10px 0.5%; 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:#444; }
button.hy_ButtonStyle.cancel{width:160px; height:45px; font-size:14px; color:#666; font-weight:600; text-align:center; background-color:#D6D6D6;}
button.hy_ButtonStyle.list{width:160px; height:45px; font-size:14px; color:#fff; font-weight:600; text-align:center; background-color:#666;}

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{margin:0 1% 10px 1%; }
	button.hy_ButtonStyle.ok{width:48%; height:45px; font-size:14px;}
	button.hy_ButtonStyle.cancel{width:48%; height:45px; font-size:14px;}
	button.hy_ButtonStyle.list{width:48%; height:45px; font-size:14px;}
}