@charset "utf-8";
/* ==========================================================================
   user_common.css — 회원(로그인·가입·완료) 공통
   webLayout에서 전역 로드. 팝업 확장은 user_popup.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   sec_center — 로그인 / SNS / 비밀번호 상태
   -------------------------------------------------------------------------- */
.sec_center{width:400px;padding:30px 20px;margin:0 auto;background:#fff;border:1px solid #f0f0f0;position:absolute;right:10px;top:40px;z-index:999;}
.sec_center h3{font-size:36px;font-family:'yoonb';color:#000;text-align: center;margin-bottom:30px;}
.sec_center .mySelect .selectric .label{font-size:18px;}

input.are{padding-right:30px;background:url(/resources/images/member/ico_chk.png) no-repeat 98% 50%;}
.sec_center .chk_black .jgeeseInput.checkbox_box label{padding-left:35px;padding-right:30px;}
.sec_center .btn_area{margin-top:50px;}
.sec_center .btn_area button{max-width:100%;line-height:50px;height:50px}
.sec_center .login_type .mbrform{display:none;}
.sec_center .login_type .mbrform.act{display:block;}
.sec_center .login_type .mbrform.act .info_star{padding-top: 40px;}
.sec_center .inp_a.ver_regCoupon input[type="tel"]{border-bottom-width: 2px;}
.sec_center .inp_a.ver_regCoupon input:required:valid{font-size:24px;}
.mbr_info{text-align: center;font-size:14px;color:#000;line-height:1.8;margin-bottom:40px;margin-top: 20px;}
.mbr_info span{font-size:16px;}
.inp_phone{position:relative;padding-left:140px;}
.inp_phone dt{position:absolute;left:0;top:0;width:120px}
.inp_phone dd{position:relative}
.inp_phone dd input[type="tel"]{padding-right:130px;}
.inp_phone dd .noti_r {position: absolute;right: 0;top: 50%;margin-top: -9px;font-size: 14px;color: #a0a0a0;}

#mbrform_n .noti{font-size:14px;color:#000;text-align: center;margin-top:35px;}
#mbrform_n .noti p{margin-bottom:20px;line-height:1.8;}
#mbrform_n .noti a{color:#000;font-family:'yoonb';border-bottom:1px solid #000;}
.inp_a .time_box{position:absolute;right:90px;bottom:17px;font-size:14px;color:#a0a0a0}
.inp_a .time_box.late{color:#df2c2c}
.sec_center.login .login_sns{margin-top:90px;}
.sec_center.login .login_sns p{font-size:18px;font-family:'yoonb';color:#000;text-align: center;margin-bottom:25px;}
.sec_center.login .login_sns ul{margin-left:-8px}
.sec_center.login .login_sns ul li{padding:0 0 0 8px;float:left;width:33.33%}
.sec_center.login .login_sns ul li button{text-align: center;height:60px;border:1px solid #cccccc;width:100%;text-indent:-99999px}
.sec_center.login .login_sns ul li button:active{border-color:#000}
.sec_center.login .login_sns ul li #btn_naver{background:url(/resources/images/member/ico_naver.png) no-repeat center center}
.sec_center.login .login_sns ul li #btn_facebook{background:url(/resources/images/member/ico_face.png) no-repeat center center}
.sec_center.login .login_sns ul li #btn_kakao{background:url(/resources/images/member/ico_kaka.png) no-repeat center center}
.sec_center.login .login_sns ul li #btn_gmail{background:url(/resources/images/member/ico_gmail.gif) no-repeat center center}
.sec_center.login .btn_area button{line-height:60px;height:60px;font-family:'yoonb';}

.state_pw li{margin-bottom:25px;}
.state_pw dl{text-align: left;}
.state_pw dt{position:relative}
.state_pw dd{position:relative;margin-top:15px;font-size:13px;padding-left:8px;}
.state_pw span.pw_state{position:absolute;right:0;top:50%;margin-top:-15px;padding-right:23px;height:30px;line-height:30px;color:#36ae29;background:url(/resources/images/member/pw_safe.png) no-repeat right center;font-size: 12px;}
.state_pw span.pw_state.on{background:url(/resources/images/member/pw_danger.png) no-repeat right center;color:#d70001}
.state_pw span.pw_state.harf{background:url(/resources/images/member/pw_harf.png) no-repeat right center;color:#d7ac00}
.redCirB{position: relative;}
.redCirB:after{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;position: absolute;right: -4px;top: -5px;background: #ff463a;}

/* --------------------------------------------------------------------------
   left_Layer — 가입 / 약관 / SNS 가입
   -------------------------------------------------------------------------- */
.left_Layer{max-width:1280px;padding:0 20px;margin:120px auto;position:relative;}
.left_nav{position:absolute;top:0;z-index:1}
.left_nav h3{font-size:24px;margin-bottom:70px;font-family:'yoonb';color:#000;line-height: 1.5;}
.left_nav ul li{margin-bottom:10px;position:relative;}
.left_nav ul li a{line-height:36px;height:36px;padding-left:18px;color:#000}
.left_nav ul li:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;display:block;background:#e5e5e5}
.left_nav ul li.act:after{background:#000}

.left_con{position:relative;padding-left:200px;}
.step_join,.step_finish{max-width:680px;margin:0 auto;position:relative;}
.step_join h3,.step_finish h3{padding-bottom:40px;font-size:28px;font-family:'yoonb';color:#000;line-height: 1.2;}
.step_join .inp_ul{margin-top:70px;}
.step_join .inp_phones{padding-right:420px;}
.step_join .inp_phones dt{width:400px;}
.step_join .inp_phones .inp_a .noti_r{right:90px;margin-top:0;font-size:12px;}
.step_join .btn_area{margin-top:60px;position:relative;}
.all_agree{text-align: right;}

.step_join .agree_box .tit {padding:0 40px 0.5em;font-family:'yoonb',sans-serif;color:#000;}
.step_join .agree_box .txt {padding:0 40px;line-height:1.6}

@media only all and (max-width:767.9px) {
	.step_join .agree_box .tit {padding:0 35px 0.5em;line-height:1.4;font-size:13px;}
	.step_join .agree_box .txt {padding:0 35px;line-height:1.4;font-size:13px;}
}

.agree_box .jgeeseInput.checkbox_box label{padding-left:40px;line-height:1.6}
.agree_box.req .jgeeseInput.checkbox_box label{font-size:18px;font-family:'yoonb';line-height:1.3}
.agree_box.req{padding:40px 0;margin-top:20px;}
.agree_box{padding:45px 0;border-top:1px solid #efefef;}
.agree_box h4{font-size:18px;color:#000;font-family:'yoonb';margin-bottom:10px;}
.agree_box p.h4_txt{font-size:14px;color:#bcbcbc;margin-bottom:35px;}
.agree_box ol li{margin-top:40px;}
.label_txt{padding-left:45px;font-size:14px;color:#bcbcbc}
.agr_view{position:relative;padding-right:40px;}
.agr_view dt{position:relative;display:inline-block;}
.agr_view dt.req span:after{position: absolute;right:-10px;top:-3px;width: 6px;height: 6px;border-radius: 3px;background-color: #ff463a;content: '';}
.agr_view dd.btn_pop{position: absolute;right:0;top:50%;margin-top:-15px;}
.agr_view dd button{width:30px;height:30px;background:url(/resources/images/member/btn_pop.gif) no-repeat center center;text-indent:-99999px}

.m_stepChk{position:absolute;right:0;top:15px;display:none}
.m_stepChk li{width:32px;height:2px;background:#e5e5e5;display:block;margin-left:5px;float:left;text-indent:-9999px}
.m_stepChk li.act{background:#000}

.left_con .rcpm{width:100%;height:420px;margin-bottom:30px;background: url(/resources/images/member/join_pm.jpg)no-repeat center center;background-size:contain;}
.left_con .rcpm .rc_inner{display: table;width: 100%;height: 100%;text-align:center}
.left_con .rcpm .rc_inner dl{color: #fff;text-align: center;display: table-cell;vertical-align: middle;}
.left_con .rcpm .rc_inner dt{font-size:30px;padding-bottom:30px;letter-spacing: 0.03em;font-family:'yoonb';}
.left_con.join_sns .rcpm .rc_inner dt{padding-bottom: 40px;letter-spacing: 0.03em;}
.left_con.join_sns .rcpm .rc_inner dt span{padding-right: 10px;}
.left_con .rcpm .rc_inner dd{font-size:16px;opacity:0.6;line-height:1.5}
.left_con .rcpm dt img{display:block;margin:0 auto 15px;}
.left_con .rc_info{text-align:center;font-size:13px;color:#a0a0a0}
.left_con .step_finish .btn_area{margin-top:60px;text-align:center}
.left_con .rcpm .rc_inner dd.rc_pcode{color:#e7bcac;padding-bottom:10px;opacity: 1;font-family:'yoonb'}
.left_con .rcpm .rc_inner dd.rc_pcode .rc_pcodeW{padding:0 5px;;font-size:22px;display:inline-block;font-family:'Marian';}
.left_con .rcpm .rc_inner dd.rc_pcode .rc_pcodeW span{color: #fff}
/* --------------------------------------------------------------------------
   responsive — join / login
   -------------------------------------------------------------------------- */
@media only all and (max-width:1024px){
	.left_con .rcpm .rc_inner dt{padding-bottom: 25px;font-size: 26px}
	.left_con .rcpm .rc_inner dd{font-size:14px}
	.left_con .rcpm dt img{font-size:12px;width:40px;height:40px;margin:0px auto 10px;}
	.left_con .rc_info{font-size:12px}
}
@media only all and (max-width:767px){
	
	.left_Layer{margin:30px auto;}
	.left_nav{display:none}
	.left_con{padding-left:0;}
	.step_join h3,.step_finish h3{font-size:20px;padding-bottom:25px;}
	.step_join .btn_area{margin-top:20px;text-align: center;}
	.step_join .btn_area button{height:45px;line-height:45px;font-size:14px;max-width:200px}
	.all_agree{text-align: left;border-top:1px solid #efefef;padding-top:15px;}
	.agree_box .jgeeseInput.checkbox_box label{padding-left:35px;line-height:1.4;font-size:13px;}
	.all_agree .jgeeseInput.checkbox_box label{padding-left:35px;line-height:1.2;font-size:15px;}

	.agree_box.req .jgeeseInput.checkbox_box label{font-size:13px;font-family:'yoonb';line-height:1.5}
	.agree_box.req{padding:15px 0;margin-top:14px;}
	.agree_box{padding:20px 0;}
	.agree_box h4{font-size:15px;margin-bottom:8px;}
	.agree_box p.h4_txt{font-size:12px;margin-bottom:15px;}
	.agree_box ol li{margin-top:15px;}
	.step_join .inp_ul{margin-top:25px;}
	.step_join .inp_phones{margin-left:-8px;position:relative;padding-right:60%;}
	.step_join .inp_phones dt{position:absolute;padding-right:0;top:0;right:0;width:56%}
	.step_join .inp_phones .inp_inner{padding:0 0 0 8px;position:relative;}
	.step_join .inp_phones .inp_a button{font-size: 10px;min-width: 50px;line-height: 25px;bottom:8px}
	.step_join .inp_mydate{padding-right:110px;}
	.step_join .inp_mydate dd{position: absolute;right: 0;top: 50%;margin-top: -9px;}
	.label_txt{padding-left:35px;font-size:12px}
	.agr_view dt.req:after{position: absolute;right:-10px;top:-3px;width: 6px;height: 6px;border-radius: 3px;background-color: #ff463a;content: '';}
	.m_stepChk{display:block;}
	.step_join .inp_a .noti_r{display:none}
	.step_join .inp_mydate dt .noti_r{margin-top: -6px;font-size: 11px;}

}
@media only all and (max-width:640px){
	
	.sec_center{padding:0 17px 100px}
	.sec_center .mySelect .selectric .label{font-size:13px;}
	.inp_ul > li{margin-bottom:15px;}
	input.are{padding-right:30px;background:url(/resources/images/member/ico_chk.png) no-repeat 98% 50%;background-size:15px 10px}
	.sec_center .chk_black .jgeeseInput.checkbox_box label{padding-left:25px;padding-right:20px;}

	.sec_center .btn_area{margin-top:30px;}
	.sec_center .btn_area button{line-height:45px;height:45px;font-size:14px;}
	.sec_center .inp_a.ver_regCoupon{margin-bottom:25px;}
	.sec_center .inp_a.ver_regCoupon input[type="tel"]{border-bottom-width: 2px;}
	.sec_center .inp_a.ver_regCoupon input:required:valid{font-size:24px;}
	.sec_center .info_star li{font-size:11px;}
	.mbr_info{font-size:13px;margin:40px 0}
	.mbr_info span{font-size:16px;}
	.inp_phone{padding-left:95px;}
	.inp_phone dt{width:75px}
	.inp_phone dd{position:relative}
	.inp_phone dd input[type="tel"]{padding-right:80px;}
	.inp_phone dd .noti_r {position: absolute;right: 0;top: 50%;margin-top: -9px;font-size: 10px;}

	#mbrform_n .noti{font-size:12px;margin-top:17px;}
	#mbrform_n .noti p{margin-bottom:20px}
	.inp_a .time_box{position:absolute;right:60px;bottom:11px;font-size:14px;}
	.sec_center.login .login_sns{margin-top:80px;}
	.sec_center.login .login_sns p{font-size:12px;margin-bottom:12px;}
	.sec_center.login .login_sns ul{margin-left:-5px}
	.sec_center.login .login_sns ul li{padding:0 0 0 5px}
	.sec_center.login .login_sns ul li button{height:40px}
	.sec_center.login .login_sns ul li #btn_naver{background:url(/resources/images/member/ico_naver.png) no-repeat center center;background-size:30px 30px}
	.sec_center.login .login_sns ul li #btn_facebook{background:url(/resources/images/member/ico_face.png) no-repeat center center;background-size:30px 30px}
	.sec_center.login .login_sns ul li #btn_kakao{background:url(/resources/images/member/ico_kaka.png) no-repeat center center;background-size:30px 30px}
	.sec_center.login .login_sns ul li #btn_gmail{background:url(/resources/images/member/ico_gmail.gif) no-repeat center center;background-size:30px 30px}
	.sec_center.login .btn_area button{line-height:45px;height:45px}

	.state_pw li{margin-bottom:15px;}
	.state_pw dl{text-align: left;}
	.state_pw dt{position:relative}
	.state_pw dd{position:relative;margin-top:8px;font-size:10px;padding-left:4px;padding-right:120px;}
	.state_pw span.pw_state{font-size:10px;position:absolute;right:0;top:50%;margin-top:-8px;padding-right:16px;height:15px;line-height:15px;background:url(/resources/images/member/pw_safe.png) no-repeat right center;background-size:12px}
	.state_pw span.pw_state.on{background:url(/resources/images/member/pw_danger.png) no-repeat right center;background-size:12px}
	.state_pw span.pw_state.harf{background:url(/resources/images/member/pw_harf.png) no-repeat right center;background-size:12px}
	
	.left_con .rcpm{max-height:355px;margin-bottom:20px;background: url(/resources/images/member/join_pm_m.jpg)no-repeat center center;background-size:contain;}
	.left_con .rcpm .rc_inner dt{padding-bottom:20px;font-size:17px}
	.left_con .rcpm dt{padding-bottom: 25px}
	.left_con .rcpm dt img{font-size:12px;width:35px;height:35px;margin:0px auto 10px;}
	.left_con.join_sns .rcpm .rc_inner dt{letter-spacing:0;padding-bottom:20px;}
	.left_con.join_sns .rcpm .rc_inner dt span{padding-right:5px;}
	.left_con .rcpm .rc_inner dd{font-size:12px}
	.left_con .rc_info{font-size:12px}
	.left_con .step_finish .btn_area{margin-top:45px;}
	.left_con .step_finish .btn_area button{max-width:150px;height: 45px;line-height:45px;font-size:14px;margin: 0 2px;}
	.left_con .rcpm .rc_inner dd.rc_pcode .rc_pcodeW{font-size:14px;}
}

/* --------------------------------------------------------------------------
   join_end_cont — 가입 완료
   -------------------------------------------------------------------------- */
.join_end_cont .step_finish.myexit.myinter{margin-top:100px;letter-spacing:0.03em;}
.join_end_cont .join_end_info {height:auto;max-height:none;padding:34px 40px;background:#fbd9d8 url(/resources/images/member/bg_join_end.png) no-repeat 0 0 / 100% auto;}
.join_end_cont .join_end_info .titbox {padding:85px 0 88px;text-align:center;}
.join_end_cont .join_end_info .tit {position:relative;}
.join_end_cont .join_end_info .titbox .tit:before {position:absolute;left:50%;top:-36px;content:"";display:block;margin-left:-45px;width:89px;height:28px;background:url(/resources/images/member/ico_smile.png) no-repeat 0 0;}
.join_end_cont .join_end_info .tit b {z-index:2;position:relative;display:inline-block;height:64px;padding:13px 36px;
	font-family:"yoon", sans-serif;font-weight:700;font-size:30px;color:#f13e41;line-height:1;
	background:url(/resources/images/member/qmark_left.png) no-repeat 0 0,
	url(/resources/images/member/qmark_right.png) no-repeat 100% 100%;}
.join_end_cont .join_end_info .tit b:before {z-index:-1;position:absolute;left:29px;right:29px;bottom:17px;content:"";display:block;height:7px;background:#fff;}
.join_end_cont .join_end_info .titbox .txt {font-size:16px;color:#000;}
.join_end_cont .join_end_info .descbox {padding:4px 24px;background:#fff;}
.join_end_cont .join_end_info .descbox .rc_pcode {padding:36px 270px 36px 26px;}
.join_end_info .descbox .titnum {display:inline-block;width:auto;height:27px;margin-bottom:10px;padding:6px 10px 0;border-radius:15px;
	font-family:'yoonb',sans-serif;font-size:16px;color:#fff;line-height:1;background:#f13e41;}
.join_end_info .descbox .tit {margin-bottom:5px;font-weight:700;font-size:20px;color:#000;}
.join_end_info .descbox .desc {word-break:keep-all;}
.pcode_01 {border-bottom:1px solid #ddd;background:url(/resources/images/member/ico_join_benefit_01.png) no-repeat 100% 50%;}
.pcode_02 {background:url(/resources/images/member/ico_join_benefit_02.png) no-repeat 100% 50%;}
.join_end_cont .join_end_info .descbox .w_only {display:block;}
@media all and (max-width:1024px) {
	.join_end_cont .join_end_info {padding:28px 32px;}
	.join_end_cont .join_end_info .titbox {padding:64px 0 56px}
	.join_end_cont .join_end_info .titbox .tit:before {top:-32px;}
	.join_end_cont .join_end_info .tit b {font-size:26px;}
	.join_end_cont .join_end_info .tit b:before {bottom:23px;}
	.join_end_cont .join_end_info .titbox .txt {font-size:13px;}
	.join_end_info .descbox .titnum {height:24px;padding:5px 10px;font-size:14px;}
	.join_end_cont .join_end_info .descbox {padding:4px 18px;}
	.join_end_cont .join_end_info .descbox .rc_pcode {padding:28px 180px 28px 8px;background-size:190px auto;}
	.join_end_info .descbox .tit {font-size:18px;}
	.join_end_info .descbox .desc {font-size:14px;}
}
@media all and (max-width:640px) {
	.join_end_cont .join_end_info {padding:18px;background:#fbd9d8 url(/resources/images/member/bg_join_end_m.png) no-repeat 0 0 / 100% auto;}
	.join_end_cont .join_end_info .titbox {padding:64px 0 42px;}
	.join_end_cont .join_end_info .titbox .tit:before {top:-13px;}
	.join_end_cont .join_end_info .tit b {height:64px;padding:23px 24px;font-size:22px;
		background-size:18px auto, 18px auto;}
	.join_end_cont .join_end_info .tit b:before {left:18px;right:18px;bottom:18px;content:"";display:block;height:7px;background:#fff;}
	.join_end_info .descbox .titnum {height:23px;padding:6px 8px 0;font-size:12px;}
	.join_end_cont .join_end_info .descbox {text-align:center;}
	.join_end_cont .join_end_info .descbox .rc_pcode {padding:14px 14px 172px 14px;background-position:left 50% bottom 15px;background-size:auto auto;}
	.join_end_cont .join_end_info .descbox .w_only {display:none;}
	.join_end_info .descbox .tit {font-size:16px;}
	.join_end_info .descbox .desc {font-size:12px;}
}
@media all and (max-width:480px) {
	.join_end_cont .join_end_info .tit b {padding:24px 14px;font-size:18px;}
	.join_end_cont .join_end_info .tit b:before {left:10px;right:10px;bottom:20px;}
	.join_end_cont .join_end_info .descbox .rc_pcode {padding:14px 14px 132px 14px;background-size:auto 114px;}
}
@media all and (max-width:360px) {
	.join_end_cont .join_end_info .tit b {padding:23px 10px;font-size:16px;}
	.join_end_cont .join_end_info .tit b:before {left:8px;right:8px;bottom:24px;}
	.join_end_cont .join_end_info .descbox .w_only {display:block;}
}

/* --------------------------------------------------------------------------
   locale — en/jp
   -------------------------------------------------------------------------- */
html:not([lang="ko"]) .sec_center.login .btn_area button{font-family:'Marian';}
html:not([lang="ko"]) .sec_center.login .login_sns{margin-top:20px;}
html:not([lang="ko"]) .sec_center.login .login_sns p{font-size:16px;margin-bottom:20px;font-family:'Marian';font-weight:bold}
html:not([lang="ko"]) .sec_center.login .login_sns ul{margin-bottom:20px;}
html:not([lang="ko"]) .sec_center.login  h3{font-family:'Marian';font-size:50px;font-weight:bold;letter-spacing:3px;margin-bottom:40px;}
html:not([lang="ko"]) .sec_center.login .inp_ul li.chk_black{position:relative;}
html:not([lang="ko"]) .sec_center.login .move_pass{position:absolute;right:0;top:3px;color:#000;font-size:12px;}
html:not([lang="ko"]) .sec_center.login .or{text-align: center;padding:15px;font-size:20px;color:#000;font-family:'Marian';font-weight:bold;}
html:not([lang="ko"]) .step_join .welInp li{position:relative;padding:2px 0 2px 35px;margin-top:20px;color: #000}
html:not([lang="ko"]) .step_join .welInp li:first-child{margin-top:0;}
html:not([lang="ko"]) .step_join .inp_hs{position:absolute;left:0;top:0;}
html:not([lang="ko"]) .step_join .welInp li input{width:24px;height:24px;position: absolute;top:0;left:0;height:0;border:none;opacity:0;z-index:100}
html:not([lang="ko"]) .step_join .welInp li label{padding-left:40px}
html:not([lang="ko"]) .step_join .welInp span.inpUnder{font-weight:bold;text-decoration:underline;color:#000;cursor: pointer;}
html:not([lang="ko"]) .step_join .welInp label p{padding-left:34px;line-height:0.5}
html:not([lang="ko"]) .step_join .welInp label img{padding-left:15px;vertical-align:top}
html:not([lang="ko"]) .step_join .quBtn{display:inline-block;position:relative;width:21px;height:21px;background:url(/resources/images/member/qus.png)no-repeat center;text-indent:-99999px;margin-left:15px;}
html:not([lang="ko"]) .step_join .quBox{position:absolute;width: 259px;height: 208px;margin:-214px 0px 0px 10px;;border:1px solid #000;background:#fff;padding:20px;display: none;z-index:5;font-size:14px;color:#000;text-indent:0}
html:not([lang="ko"]) .step_join .quBtn:hover .quBox, html:not([lang="ko"]) .step_join .quBtn:active .quBox{display:block}
html:not([lang="ko"]) .step_join .redCirB{position:relative;}
html:not([lang="ko"]) .step_join .redCirB:after{content: "";display: block;width: 4px;height: 4px;border-radius: 50%;position: absolute;right: -5px;top: 0;background: #ff463a;}
html:not([lang="ko"]) .btn_loginLP{width:30px;height:30px;display:block;text-indent:-99999px;background:url(/resources/images/shop/chip_box_close.png) no-repeat center center;position:absolute;right:8px;top:8px;}
html:not([lang="ko"]) .step_join h3, html:not([lang="ko"]) .step_finish h3{padding-bottom:20px;;font-family:'Marian';font-weight:bold;font-size:38px;letter-spacing: 0.06em;}
html:not([lang="ko"]) .left_con .rcpm{margin-bottom:25px;}

@media only all and (max-width:768px){
	html:not([lang="ko"]) .login_type{margin-top:20px;}
	html:not([lang="ko"]) .sec_center.login .login_sns ul{margin-bottom:60px;}
	html:not([lang="ko"]) .step_join .quBtn{position:initial;margin-left: 9px;margin-top: 2px;background-size: 18px;width: 18px;height: 18px;}
	html:not([lang="ko"]) .step_join .quBox{width: 220px;height: 175px;margin: -187px 0px 0px -8px;font-size: 12px;padding: 10px 15px;line-height: 1.6em;}
	html:not([lang="ko"]) .sec_center.login .btn_area button{font-size:18px;font-weight:bold;letter-spacing: 0.06em;}
	html:not([lang="ko"]) .sec_center.login .or{font-size:16px;}
	html:not([lang="ko"]) .sec_center.login .login_sns p{letter-spacing:0.06em;}
}
@media only all and (max-width:640px){
	html:not([lang="ko"]) .step_join .welInp li{font-size:12px;margin-top:10px;padding-left:30px;line-height:1.8;letter-spacing:0;}
	html:not([lang="ko"]) .step_join .redCirB:after{right:-8px;top:-3px}
	html:not([lang="ko"]) .step_join h3, html:not([lang="ko"]) .step_finish h3{padding-bottom:20px;font-size:26px;}
	html:not([lang="ko"]) .left_con .rcpm .rc_inner dt{padding-bottom: 15px;font-size:17px;letter-spacing: 0.04em;}
	html:not([lang="ko"]) .left_con .rcpm .rc_inner dd.rc_pcode{padding-bottom:5px;}
	html:not([lang="ko"]) .left_con .rcpm .rc_inner dd.rc_pcode .rc_pcodeW{padding:0 2px;}
}
@media only all and (max-width:320px){
	html:not([lang="ko"]) .step_join .quBox{width: 220px;height: 175px;margin: -187px 0px 0px -70px;}
}