@charset "utf-8";

/*───────────────────────────────────────────────────────────

	 공통

───────────────────────────────────────────────────────────*/

/* 우편번호 */
.zipcode_box .zipcode_top {position:relative; padding-right: 110px;}
.zipcode_box .zipcode_top .zipcode_num {}
.zipcode_box .zipcode_top .zipcode_btn_box {position:absolute; top:0; right:0; width: 100px;}
.zipcode_box input {margin:0 0 10px 0;}

/* _join_view.html, _join_view_business.html, _join_view_other.html 박스 테이블 */
.join_view .tit, .join_view_business .tit, .join_view_other .tit {font-size: 15px; font-weight: bold; border-bottom: 1px solid #000000; padding: 0 0 10px; position: relative;}
.join_view .tit span,
.join_view_business .tit span,
.join_view_other .tit span {font-size: 13px; font-weight: 500; position: absolute; right: 0; top: 2px; padding-left: 10px;}

.join_view .tit span:after,
.join_view_business .tit span:after,
.join_view_other .tit span:after {content: '*'; font-size: 13px; color: #ff7200; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.input_wrap {}
.input_wrap .input_title {padding: 15px 0 8px; font-size: 13px; font-weight: 500;}
.input_wrap .input_content {padding: 0 0 20px; border-bottom: 1px solid #e8e8e8;}
.input_wrap .input_content:after {content:''; clear: both; display: block;}
.input_wrap .input_content .inp_rdo label {font-size: 13px; vertical-align: middle;}
.input_wrap .input_content .inp_chk label {font-size: 13px; vertical-align: middle;}
.input_wrap .input_content input[type=text],input[type=password],input[type=email] {width:100%; height:45px; border:1px solid #dddddd; padding: 0 15px; box-sizing:border-box; font-size: 13px;}
.input_wrap .input_content textarea{width:100%; box-sizing:border-box; padding:5px 10px; border:1px solid #dddddd;}
.input_wrap .input_content p.info {margin: 10px 0 0; font-size: 12px;}
.input_wrap .input_content p.info span {color: #ff7200;}
.input_wrap .description {padding:5px 0 0; font-size: 12px; color: #666;}

/* 페이코/ 페이스북 아이디 등 회원가입시 공통으로 정의된 dn 클래스가 주석처리되어 아래의 다시 정의 회원가입만 해당됨 */
.dn {display:none;}

.join_top {display: flex; justify-content: space-between; padding: 0 15px; margin: 0 0 20px;}
.join_top h3 {font-size: 15px; font-weight: 500;}
.join_top span {font-size: 14px; font-weight: 500;}
.join_top span em {font-style: normal; color: #888;}

/*** 회원가입 기본정보 | member/_join_view.html ***/
.join_view {}
.join_view .c_blue, .c-blue {padding:5px 0 0 0;}
.join_view .c_red, .c-red {padding:5px 0 0 0;}
/* 비밀번호 변경 */
.join_view .modify_pw {margin-top: 10px;}
.join_view .modify_pw > div {margin-bottom: 10px;}
.join_view .modify_pw > div:last-child {margin-bottom: 0;}
.join_view .modify_pw label {display:block; padding:4px 0 4px 0; display: none;}
.join_view .member_id {line-height:33px;}

/*** 회원가입 사업자 정보 | member/_join_view_business.html ***/
.join_view_business .input_wrap .choice_check span {display:inline-block; padding:5px 0 5px 0;}
.join_view_business .input_wrap .certification_box .upload_btn_box {position:absolute; top:0; right:0; width:66px;}
.join_view_business .input_wrap .certification_box .upload_btn_box .btn_gray {margin-top: 0;}
.certification_box {position:relative; padding-right:70px;}
.upload_btn_box {position: relative; display: inline-block;}
.upload_btn_box .file {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
label.check_s[for="certificationDeleteSno"]{ min-height: 23px; line-height: 23px;}


/*** 회원가입 기타 정보 | member/_join_view_other.html ***/
/* SNS */
.join_view_other .sns_content {padding:10px 10px 10px 10px;}
.join_view_other .sns_content .sns_message {margin:20px 30px 30px 30px; text-align:center;}
.join_view_other .sns_content .sns_connect_box {}
.join_view_other .sns_content .sns_connect_box ul {overflow:hidden;}
.join_view_other .sns_content .sns_connect_box ul li {float:left; width:48.5%; margin-bottom:3%; text-align: center;}
.join_view_other .sns_content .sns_connect_box ul li:nth-of-type(even){float:right;}
.join_view_other .sns_content .sns_connect_box ul li a{display:block; padding: 13px 0;}
.join_view_other .sns_content .sns_connect_box ul li img{width:100%; vertical-align:top;}

.join_view_other .sns_content .sns_connect_box ul li span {}

.join_view_other .sns_content .sns_connect_box ul li.naver {background: #03cf5d; border: 1px solid #03cf5d;}
.join_view_other .sns_content .sns_connect_box ul li.naver span {color: #fff; padding: 2px 0 2px 25px; background: url(../../img/new/member/ico_join_naver.png) no-repeat left center/12px auto;}

.join_view_other .sns_content .sns_connect_box ul li.kakao {background: #f9e02c; border: 1px solid #f9e02c;}
.join_view_other .sns_content .sns_connect_box ul li.kakao span {color: #000; padding: 2px 0 2px 23px; background: url(../../img/new/member/ico_join_kakao.png) no-repeat left center/17px auto;}

.join_view_other .sns_content .sns_connect_box ul li.google {background: #fff; border: 1px solid #e0e0e0;}
.join_view_other .sns_content .sns_connect_box ul li.google span {color: #000; padding: 2px 0 2px 25px; background: url(../../img/new/member/ico_join_google.png) no-repeat left center/17px;}

/* 연결 해제 */
.join_view_other .sns_content .sns_disconnect {margin:5px 0 5px 0; padding:10px 25px; border:1px solid #ccc; vertical-align:top; text-align:center;}
.join_view_other .sns_content .sns_disconnect span {display:inline-block; min-width:120px; padding:0 0 0 5px; line-height:34px; text-align:left;}
.join_view_other .sns_content .sns_disconnect img {width:25px; vertical-align:middle;}
/* 내용 보기 */
.join_view_other .privacy_big_box { padding:0 15px 0 15px;}
.join_view_other .privacy_big_box .privacy_box {}
.join_view_other .privacy_big_box .privacy_box dl {display:table; width:100%; padding:12px 0 12px 0; border-bottom:1px solid #cccccc;}
.join_view_other .privacy_big_box .privacy_box dl dt {display:table-cell; word-break:keep-all;}
.join_view_other .privacy_big_box .privacy_box dl dd {display:table-cell; min-width:81px; text-align:right;}
.join_view_other .privacy_big_box .privacy_box dl dd button {padding:5px 8px 5px 8px; border:1px solid #cccccc; background:#fff;}
.join_view_other .privacy_big_box .privacy_box .privacy_content {display:none; }
.join_view_other .privacy_big_box .privacy_box .privacy_content > div {padding:10px 0 10px 0; border-bottom:1px solid #cccccc;}
.join_view_other .privacy_big_box .privacy_box .privacy_content .privacy_big_box {padding:0 20px 0 20px; border-bottom:none;}
.join_view_other .privacy_big_box .privacy_box .privacy_content .privacy_big_box div {word-break:keep-all;}

/*** 아이디찾기 | member/find_id.html ***/
.find_id {padding: 15px 15px 0;}
.find_id .find_txt {margin: 0 0 25px; font-size:13px; color: #888;}
.find_id .find_txt strong {display:block; font-size:17px; font-weight: 500; color: #000;}
.find_id fieldset {}
.find_id fieldset .inp_rdo {display: block; margin: 0 0 10px;}
.find_id fieldset legend {display:none;}
.find_id fieldset dl {}
.find_id fieldset dl dt {display:none;}
.find_id fieldset dl dd {padding-bottom: 10px;}
.find_id fieldset dl dd input {width: 100%; height: 45px; border: 0; background: #f8f8f8; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.find_id .caution_msg1 {padding:5px 0 5px 0; color: #ff7200;}
.find_id_msg {box-shadow: 0 0 6px rgba(0, 0, 0, .3); text-align: center;}
.find_id_msg strong {display:block; margin:0 0 7px 0; color:#222;}
.find_id_msg p {background: url(../../img/new/member/ico_find_id.png) no-repeat center top 40px/85px; padding: 140px 0 40px; font-size: 17px; font-weight: 500;}
.find_id_msg p span {color: #ff7200;}

/*** 비밀번호 찾기 | member/find_password.html ***/
.find_password {padding: 15px 15px 0;}
.find_password .find_txt {margin: 0 0 25px; font-size:13px; color: #888;}
.find_password .find_txt strong {display:block; font-size:17px; font-weight: 500; color: #000;}
.find_password fieldset {}
.find_password fieldset legend {display:none;}
.find_password fieldset dl {}
.find_password fieldset dl dt {display:none;}
.find_password fieldset dl dd {padding-bottom: 10px;}
.find_password fieldset dl dd input {width: 100%; height: 45px; border: 0; background: #f8f8f8; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.find_password .notice_txt {display:block; margin: 15px 0 0; position: relative; padding-left: 11px;}
.find_password .notice_txt:after {content: ''; clear: both; display: block;}
.find_password .notice_txt:before {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #ff7200; position: absolute; left: 0; top: 7px;}
.find_password .notice_txt .find_id_btn1 {font-size: 11px; color: #ff7200; border-bottom: 1px solid #ff7200; float: right;}
.pwsubmit {}
.pwsubmit .caution_msg1 {padding: 5px 0 5px 0; color: #ff7200;}
.pwsubmit .caution_msg1 strong {font-weight: 400;}
/*** 비밀번호 찾기 / 본인인증 인증번호 확인 | member/user_certification.php ***/
.user_certification {padding: 15px 15px 0;}
.user_certification .tit {margin: 0 0 25px; font-size:13px; color: #888;}
.user_certification .tit strong {display:block; font-size:17px; font-weight: 500; color: #000;}
.user_certification .tit span {display:block;}
.user_certification fieldset {}
.user_certification fieldset legend {display:none;}
.user_certification .inp_tx {padding: 15px 0; border-bottom: 1px solid #e8e8e8;}
.user_certification .inp_tx:last-child {border-bottom: 0;}
.user_certification .inp_tx p {padding:5px 0 0 0; color:#888888; font-size:12px; word-break:keep-all; padding-left: 30px;}
.user_certification .inp_tx label {margin-right:0;}
.user_certification .caution_msg1 {margin: 10px 0 5px 0; font-size:13px; color:#fa2828;}
.find_password_bg {box-shadow: 0 0 6px rgba(0, 0, 0, .3); padding: 0 15px;}

/*** 비밀번호 찾기 | member/user_certification_confirm.html ***/
.user_certification_confirm {padding: 15px 15px 0;}
.user_certification_confirm .tit {margin: 0 0 25px; font-size:13px; color: #888;}
.user_certification_confirm .tit strong {display:block; font-size:17px; font-weight: 500; color: #000;}
.user_certification_confirm .tit span {display:block;}
.user_certification_confirm fieldset {}
.user_certification_confirm fieldset legend {display:none;}
.user_certification_confirm fieldset .notice_text strong {font-weight: 500; display: block; margin-top: 10px;}
.user_certification_confirm .inp_tx {margin:5px 0 5px 0;}
.user_certification_confirm .inp_tx input {width: 100%; height: 45px; border: 0; background: #f8f8f8; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.user_certification_confirm .inp_tx p {padding:5px 0 0 0; color:#fa2828; font-size:13px; font-weight:bold; word-break:keep-all;}
.user_certification_confirm .inp_tx label {display:none;}
.user_certification_confirm .certification_btn1 {font-size: 11px; color: #ff7200; border-bottom: 1px solid #ff7200;}
.user_certification_confirm fieldset #guideMsg {position: relative;}
.user_certification_confirm fieldset #guideMsg p {margin: 15px 0 0; position: relative; padding-left: 11px;}
.user_certification_confirm fieldset #guideMsg p:before {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #ff7200; position: absolute; left: 0; top: 7px;}
.user_certification_confirm fieldset #guideMsg:after {content: ''; clear: both; display: block;}
.user_certification_confirm fieldset #guideMsg a {position: absolute; right: 0; top: 0;}

/*** 비밀번호 변경 | member/find_password_reset.html ***/
.find_password_reset {padding:28px 30px 28px 30px;}
.find_password_reset fieldset {}
.find_password_reset fieldset legend {display:none;}
.find_password_reset .inp_tx {margin:5px 0 5px 0;}
.find_password_reset .inp_tx input {width: 100%; height: 45px; border: 0; background: #f8f8f8; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.find_password_reset .inp_tx label {display:none;}

/*** 비밀번호 변경 완료 | member/find_password_complete.html ***/
.find_password_complete {padding:28px 30px 28px 30px;}
.find_password_complete .tit {padding:0 0 30px 0; font-size:14px; text-align:center; color:#333333; font-weight:bold; }

/*** 회원가입 정보 입력 | member/join.html ***/
.join {padding: 15px 0 0;}
.join .join_content_box {}
.join .join_content_box .join_content {padding: 0 15px;}
.join .join_content_box .join_content > div {margin-bottom: 40px;}
.join .join_content_box .join_content > div:last-child {margin-bottom: 0;}
.join .join_btn_box {padding:20px 10px 10px 10px;}

.join .input_title label {font-weight: 500; font-size: 13px;}
.join .input_title.required {}
.join .input_title.required label {display: inline-block; padding-right: 10px; position: relative;}
.join .input_title.required label:after {content: '*'; font-size: 13px; font-weight: 500; color: #ff7200; position: absolute; right: 0; top: 0; line-height: 1;}
/*** 회원로그인 | member/join_agreement.html ***/
/* 체크 박스 */
.join_agreement {padding: 15px 0 0;}
.join_agreement > form {display: block; margin: 0 15px;}
.join_agreement > form .join_bg {box-shadow: 0 0 6px rgba(0, 0, 0, .3);}
.join_agreement .all_chk {padding:15px 15px 15px 15px; border-bottom: 1px solid #e8e8e8; text-align:left; word-break:keep-all;}
.join_agreement .all_chk label {font-size: 15px; font-weight: 500;}
/* 내용 보기 */
.join_agreement .privacy_big_box { padding:0 15px 10px;}
.join_agreement .privacy_big_box .privacy_box {}
.join_agreement .privacy_big_box .privacy_box dl {display:table; width:100%; padding: 10px 0;}
.join_agreement .privacy_big_box .privacy_box dl dt {display:table-cell; word-break:keep-all; font-size: 13px;}
.join_agreement .privacy_big_box .privacy_box dl dt label {}
.join_agreement .privacy_big_box .privacy_box dl dt label span {color: #ff7200;}
.join_agreement .privacy_big_box .privacy_box dl dd {display:table-cell; min-width:81px; text-align:right;}
.join_agreement .privacy_big_box .privacy_box dl dd button {font-size: 0; width: 11px; height: 11px; background: url(../../img/new/member/join_agreement_arrow.png) no-repeat center/6px 11px; border: 0;}
.join_agreement .privacy_big_box .privacy_box dl dd button.on {background: url(../../img/new/member/join_agreement_arrow_on.png) no-repeat center/11px 6px;}
.join_agreement .privacy_big_box .privacy_box .privacy_content {display:none; }
.join_agreement .privacy_big_box .privacy_box .privacy_content > div {padding:10px 0 10px 0; border-bottom:1px solid #cccccc;}
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box {padding:0 20px 0 20px; border-bottom:none;}
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box div {word-break:keep-all;}
.join_agreement .msg {padding:8px 0 8px 0; font-size:13px; color:#ff0000;}
/* 인증 */
.join_agreement .member_confirm {margin:30px 0 0 0;}
.join_agreement .member_confirm h2 {padding:0 15px 0 15px; line-height:36px; border-top:1px solid #cccccc; background:#f2f3f3; font-size:14px; display: none;}
.join_agreement .member_confirm legend {display:none;}
.join_agreement .member_confirm ul {}
.join_agreement .member_confirm ul li {}
.join_agreement .member_confirm ul li .inp_rdo {}
.join_agreement .member_confirm ul li iframe {width:500px; height:500px; display:none;}
.join_agreement .member_confirm_btn {margin: 35px 0 0;}
.join_agreement .member_confirm_btn ul {display:table; width:100%;}
.join_agreement .member_confirm_btn ul li {display:table-cell; width: 50%; padding:0 5px 0 0; box-sizing: border-box;}
.join_agreement .member_confirm_btn ul li:last-child {padding: 0 0 0 5px;}

/*** SNS 회원가입 | member/join_method.html ***/
.join_method {padding: 20px 15px 0;}
.join_method > h3 {text-align: center; position: relative; padding: 0 0 10px;}
.join_method > h3:after {content: ''; background: #eee; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.join_method > h3 span {font-size: 15px; font-weight: 500; padding: 0 25px; background: #fff; position: relative; z-index: 1;}

/* SNS 회원가입 (페이스북 / 페이코 / 네이버 / 카카오) */
.join_method #btnJoin {display: block; background: #fff3e9; text-align: center; font-size: 0; padding: 35px 0 30px; margin: 0 0 10px;}
.join_method #btnJoin a {color:#fff; font-size: 13px; font-weight: 500; background: #ff7200; display: block; width: 160px; height: 45px; line-height: 45px; margin: 0 auto;}
.join_method #btnJoin img {width: 100px; margin: 0 0 20px;}

.join_method .sns_login {text-align: center; font-size: 0; margin: 15px 0 0;}
.join_method .sns_login li {margin-bottom: 10px; padding: 13px 0;}
.join_method .sns_login li:last-child {margin-bottom: 0;}
.join_method .sns_login li img {height: 52px;}
.join_method .sns_login li span {display: inline-block; font-size: 13px;}

.join_method .sns_login .naver {background: #03cf5d; border: 1px solid #03cf5d;}
.join_method .sns_login .naver span {color: #fff; padding-left: 25px; background: url(../../img/new/member/ico_join_naver.png) no-repeat left center/12px auto;}

.join_method .sns_login .kakao {background: #f9e02c; border: 1px solid #f9e02c;}
.join_method .sns_login .kakao span {color: #000; padding-left: 23px; background: url(../../img/new/member/ico_join_kakao.png) no-repeat left center/17px auto;}

.join_method .sns_login .google {background: #fff; border: 1px solid #e0e0e0;}
.join_method .sns_login .google span {color: #000; padding-left: 25px; background: url(../../img/new/member/ico_join_google.png) no-repeat left center/17px;}

.join_method .sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.wonder img{height:42px;}

.join_method .sns_login li.apple {background:url('../../img/etc/ico_mo_apple.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.join_method .sns_login li.apple img{height:42px;}

/*** 회원가입완료 | member/join_ok.html ***/
.join_ok {padding: 15px 0 0;}
.join_ok .join_content {padding:50px 0 50px 0; text-align:center; box-shadow: 0 0 6px rgba(0, 0, 0, .3); margin: 0 15px;}
.join_ok .join_content > p {font-size: 20px; font-weight: 500; color: #ff7200;}
.join_ok .join_content > p span {display: block; font-size: 18px; font-weight: 500;}
.join_ok .join_content .tx {font-size: 11px; color: #666; margin: 15px 0 0;}
.join_ok .btn {margin: 25px 0 0;}

/*** 회원가입 승인대기 | member/join_wait.html ***/
.join_wait {padding:10px 10px 10px 10px;}
.join_wait .msg {padding:20px 0 20px 0; text-align:center;}
.join_wait .msg strong {font-size:15px;}
.join_wait .msg p {padding:10px 0 0 0;}

/*** 회원로그인 | member/login.html ***/
.login {padding: 15px 15px 0;}
.login .login_box legend{display:none;}
.login .login_box dl {}
.login .login_box dl dt {display:none;}
.login .login_box dl dd {padding:0 0 10px 0;}
.login .login_box dl dd input {width:100%; height:45px; border: 0; background: #f8f8f8; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.login .login_box .inp_chk {margin-top: 5px;}
.login .login_box .inp_chk label {margin:0 10px 0 0; font-size: 13px;}
.login .login_box .inp_chk input {display:inline-block; width:20px; height:20px; margin: 0 5px 0 0; vertical-align:middle; background:url('../../img/icon/icon_chk.png') no-repeat center; background-size:100%;}
.login .login_box .inp_chk input:checked {background:url('../../img/icon/icon_chk_on.png') no-repeat center; background-size:100%;}
.login .login_box .submit {margin: 25px 0 0;}
.login .login_box > h3 {text-align: center; position: relative; margin: 0 0 10px;}
.login .login_box > h3:after {content: ''; background: #eee; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.login .login_box > h3 span {font-size: 15px; font-weight: 500; padding: 0 25px; background: #fff; position: relative; z-index: 1;}

/* 회원가입/아이디찾기/비밀번호 */
.login .login_find {display: flex; justify-content: center; gap: 30px; margin: 20px 0 40px;}
.login .login_find li {}

/* SNS 로그인 (페이스북/ 페이코 / 네이버) */
.login .login_box .sns_login {text-align: center; font-size: 0; margin: 15px 0 0;}
.login .login_box .sns_login li {margin-bottom: 10px; padding: 13px 0;}
.login .login_box .sns_login li:last-child {margin-bottom: 0;}
.login .login_box .sns_login li img {height: 52px;}
.login .login_box .sns_login li span {display: inline-block; font-size: 13px;}

.login .login_box .sns_login li.naver {background: #03cf5d; border: 1px solid #03cf5d;}
.login .login_box .sns_login li.naver span {color: #fff; padding-left: 25px; background: url(../../img/new/member/ico_join_naver.png) no-repeat left center/12px auto;}

.login .login_box .sns_login li.kakao {background: #f9e02c; border: 1px solid #f9e02c;}
.login .login_box .sns_login li.kakao span {color: #000; padding-left: 23px; background: url(../../img/new/member/ico_join_kakao.png) no-repeat left center/17px auto;}

.login .login_box .sns_login li.google {background: #fff; border: 1px solid #e0e0e0;}
.login .login_box .sns_login li.google span {color: #000; padding-left: 25px; background: url(../../img/new/member/ico_join_google.png) no-repeat left center/17px;}


.login .login_box .sns_login li.wonder {background:url('../../img/etc/ico_mo_wonder.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px;}
.login .login_box .sns_login li.wonder img{height:42px;}

.login .login_box .sns_login li.apple {background:url('../../img/etc/ico_mo_apple.png') left top no-repeat; background-size: auto 42px; height: 42px; padding-left: 43px; margin-top:3px;}
.login .login_box .sns_login li.apple img{height:42px;}

/* 비회원 주문조회 */
.login .guest_order_box .guest_txt {padding:20px 0 10px 0; display: none;}
.login .guest_order_box .guest_txt strong {display:block; font-size:14px;}
.login .guest_order_box .guest_txt span {margin:2px 0 0 0;}
.login .guest_order_box legend {display:none;}
.login .guest_order_box dl {}
.login .guest_order_box dl dt {display:none;}
.login .guest_order_box dl dd {padding:0 0 10px 0;}
.login .guest_order_box dl dd input {width: 100%; height: 45px; border: 0; background: #f8f8f8; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.login .guest_order_box .submit {padding:10px 0 5px 0;}
.login .guest_order_box #formOrderLogin {}
.login .guest_order_box #formOrderLogin fieldset {}
.login .guest_order_box #formOrderLogin fieldset > p {font-size: 11px; color: #666; padding-left: 11px; position: relative; margin-top: 15px;}
.login .guest_order_box #formOrderLogin fieldset > p:after {content: ''; width: 3px; height: 3px; border-radius: 50%; background: #ff7200; position: absolute; left: 0; top: 5px;}

/*** 휴면회원 | member/wake.html ***/
.wake {}
.wake .guide {padding:10px 0 10px 0; margin:10px 10px 10px 10px; border:1px solid #cccccc; background:#f9f9f9; text-align:center;}
.wake .wake_date {text-align:center;}
.wake .wake_date li {padding:5px 0 0 0;}
.wake .msg {padding:10px 0 10px 0; text-align:center; color:#999999; word-break:keep-all;}
.wake h3 {padding:7px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-indent:10px; background:#f2f3f3;}
.wake .confirm_method {padding:10px 10px 10px 10px;}
.wake .btn_box {padding:10px 10px 10px 10px;}
.wake .wake_info_phone, .wake .wake_info_email {padding:10px 10px 10px 10px;}
.wake .wake_info_phone input {width:100%; padding:10px 0 10px 0; box-sizing:border-box; border:1px solid #ccc; text-indent:10px; font-size:14px;}
.wake .wake_info_email input {width:100%; padding:10px 0 10px 0; box-sizing:border-box; border:1px solid #ccc; text-indent:10px; font-size:14px;}

/*** 휴면해제 인증 | member/wake_certification.html ***/
.wake_certification {}
.wake_certification h3 {padding:7px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-indent:10px; background:#f2f3f3;}
.wake_certification .guide {padding:10px 0 10px 0; margin:10px 10px 10px 10px; border:1px solid #cccccc; background:#f9f9f9; text-align:center;}
.wake_certification dl {padding:10px 10px 10px 10px;}
.wake_certification dl dt {display:none;}
.wake_certification dl dd {width:100%;}
.wake_certification dl dd input {width:100%; padding:7px 0; border:1px solid #cccccc; box-sizing:border-box; font-size:16px; text-indent:10px;}
.wake_certification .caution {padding:0 0 0 10px; color:#ff0000;}
.wake_certification .btn_box {padding:10px 10px 10px 10px;}

/*** 휴면해제 완료 | member/wake_complete.html ***/
.wake_complete{box-sizing:border-box;padding:10px 30px 20px 30px;text-align:center}
.wake_complete h3{font-size:12px;color:#000;letter-spacing:-0.5px;background-color:#f9f9f9;border:1px solid #ccc;padding:10px 0 10px 0;}
.wake_complete h3 strong{color:#ab3e55;}
.wake_complete .wake_wrap{border:1px solid #ccc;margin:20px 0 20px 0;padding:25px 20px 30px 20px;}
.wake_complete .wake_wrap img{width:61px;}
.wake_complete .wake_inner{display:block;margin:5px 0 0 0;}
.wake_complete .wake_inner strong{font-size:15px; color:#000;letter-spacing:-1px;}
.wake_complete .wake_inner p{font-size:12px; color:#292929;margin:5px 0 0 0;line-height:1.8em;}
.wake_complete .wake_inner ul{font-size:12px; color:#292929;margin:5px 0 0 0;line-height:1.8em;}
.wake_complete .wake_inner ul li span:before{content:"-";padding:0 3px 0 0}


/** 위메프 아이디 로그인 약관 팝업 css **/
/* popup */
#popup .containers .top{padding:20px 40px;text-align:center;background:#000}
#popup .containers .top .title{font-size:16px;color:#fff;}
#popup .containers .content{padding:0 20px;}
#popup .containers .content .logo{padding:30px 0 0;text-align:center;}
#popup .containers .content .tit_1{margin-top:30px;text-align:center;line-height:26px;font-size:16px;color:#222;}
#popup .containers .content .box_info{margin:30px auto 0;padding:30px 20px 32px;text-align:center;background:#f4f4f4;}
#popup .containers .content .box_info dl{text-align:left;margin:12px 0;}
#popup .containers .content .box_info dl:after{display:block;content:'';clear:both;}
#popup .containers .content .box_info dl dt{float:left;width:65px;font-weight:bold;font-size:16px;color:#222;}
#popup .containers .content .box_info dl dd{float:left;max-width:70%;font-size:16px;color:#222;}
#popup .containers .content .box_check{margin-top:22px;}
#popup .containers .content .box_check > div{margin-bottom:12px;}
#popup .containers .content .box_check .eType{display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:middle;}
#popup .containers .content .box_check .eType + label{padding-left:0;background:none;}
#popup .containers .content .box_check label{display:inline-block;font-size:15px;color:#222;}
#popup .containers .content .box_check label .ico{padding-right:14px;background:url(../../img/icon/btn_arrow.png) 99% 50% no-repeat;color:#222;}
#popup .containers .content .box_check span{font-size:15px;color:#888;}
#popup .containers .content .btn_wrap{text-align:center;margin-top:30px;}
#popup .containers .content .btn_wrap a{display:inline-block;max-width:206px;height:55px;line-height:55px;padding:0 20px;font-size:16px;background:#fa2828;color:#fff;}
#popup .containers .bottom{padding:0 20px 45px;margin-top:45px;line-height:23px;font-size:13px;color:#555;}
#popup .containers .bottom a{color:#2b50f0;}

/* layer popup */
.layer_popup{padding:20px;left:20px;right:20px;background:#fff;}
.layer_popup .title{font-weight:bold;font-size:20px;color:#222;}
.layer_popup .box_text{height:292px;padding:20px;margin-top:10px;border:1px solid #eaeaea;overflow-y:scroll;line-height:19px;font-size:12px;color:#666;}
.layer_popup .btn_wrap{margin-top:20px;text-align:center;}
.layer_popup .btn_wrap .btn_close{display:inline-block;width:72px;height:42px;line-height:42px;font-weight:bold;font-size:13px;background:#444;color:#fff;}
.dim{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);}
.dim.on{display:block;}
.ly_ag{display:none;position:absolute;top:0;}

/* checkbox design */
.box_check input[type="checkbox"]{display:none;}
.box_check input[type="checkbox"] + label{display:inline-block;line-height:24px;padding-left:36px;margin:-2px 10px 0 0;vertical-align:middle;background:url(../../img/icon/ico_check_off.png) 0 0 no-repeat;cursor:pointer;}
.box_check input[type="checkbox"]:checked + label{background:url(../../img/icon/ico_check_on.png) 0 0 no-repeat;}

@media only screen and (max-width:499px){
    /* popup */
    #popup .containers .top .title{font-size:14px;}
    #popup .containers .content .tit_1{line-height:24px;font-size:14px;}
    #popup .containers .content .box_info dl dt{font-size:14px;}
    #popup .containers .content .box_info dl dd{font-size:14px;}
    #popup .containers .content .box_check label{font-size:13px;}
    #popup .containers .content .box_check span{font-size:13px;}
    #popup .containers .content .btn_wrap a{height:45px;line-height:45px;padding:0 20px;font-size:14px;}
    #popup .containers .bottom{padding:0 20px 20px;margin-top:25px;line-height:20px;font-size:12px;}

    /* layer popup */
    .layer_popup .title{font-weight:bold;font-size:18px;color:#222;}
    .layer_popup .box_text{height:292px;padding:20px;margin-top:10px;border:1px solid #eaeaea;overflow-y:auto;line-height:19px;font-size:12px;color:#666;}
    .layer_popup .btn_wrap .btn_close{display:inline-block;width:72px;height:42px;line-height:42px;font-weight:bold;font-size:12px;background:#444;color:#fff;}
}
/** 위메프 아이디 로그인 약관 팝업 css **/

/* 아이디 찾기 이메일 */
.find_id .input_email {width: calc(100% - 160px) !important; }
.find_id .email_select_box {float:right; width: 150px; display:inline-block; vertical-align: middle;}
.find_id .email_select {height: 45px; width:100%; padding:0 15px; background: #f8f8f8 url(../../img/new/ico/icon_bg_select.png) no-repeat right 15px center/13px auto; border: 0; font-size: 13px;}

/* 회원가입 이메일 */
.input_wrap .input_email {float:left; width: calc(100% - 130px) !important; }
.input_wrap .email_select_box {float:right; width: 120px; display:inline-block; vertical-align: middle;}
.input_wrap .email_select {height:33px; width:100%; padding:0 0 0 5px; border:1px solid #c3c3c3; background: #fff url(../../img/icon/icon_bg_select.png) no-repeat 100% 0; background-size: 398px auto;}
#email,
#cellPhone {margin: 0 0 5px;}

/* 휴먼회원 이메일 */
.wake_info_email .input_email {width:60% !important; }
.wake_info_email .email_select_box {float:right; width:calc(100% - 62%); display:inline-block; vertical-align: middle;}
.wake_info_email .email_select {height:40px; width:100%; padding:0 0 0 5px; border:1px solid #c3c3c3; background: #fff url(../../img/icon/icon_bg_select.png) no-repeat 100% 0; background-size: 490px auto;}

/** 휴면회원 방지기간 **/
.member_warning_info {width:100%; margin-top:10px;}
.member_warning_info .info_title {padding:8px 15px; font-weight:bold; font-size:12px; background:#a2a2a2; color:#fff; letter-spacing:-0.05em;}
.member_warning_info .info_text {line-height:18px; padding:8px 15px; border:1px solid #d6d6d6; font-weight:bold; font-size:12px; color:#000; letter-spacing:-0.05em;}
.member_warning_info .info_text .text_red {color:#fa2828;}
/** 휴면회원 방지기간 **/

/* 비밀번호 변경 */
.my_page_password.addPage{padding:28px 10px 28px 10px;}
.my_page_password.addPage .text_tit{text-align:center;font-weight:bold;font-size:17px;}
.my_page_password.addPage .text{margin:5px 0;text-align:center;font-size:14px;color:#333;font-weight:bold;}
.my_page_password.addPage .text_caution{margin:5px 0 15px;text-align:center;font-size:14px;color:#db1212;font-weight:bold;}
.my_page_password.addPage .passwordWrap{padding:15px 20px 15px;background:#f2f3f3;}
.my_page_password.addPage fieldset legend{display:none;}
.my_page_password.addPage fieldset dl{display:table;width:100%;}
.my_page_password.addPage fieldset dl dt{display:none;}
.my_page_password.addPage fieldset dl dd{display:table-cell;font-weight:bold;font-size:14px;}
.my_page_password.addPage fieldset dl dd input{width: 100%; height: 45px; border: 1px solid #dddddd; padding: 0 15px; box-sizing: border-box; font-size: 13px;}
.my_page_password.addPage fieldset dl.pw{padding:5px 0;}
.my_page_password.addPage fieldset dl.pw.line{padding-bottom:10px;margin-bottom:5px;border-bottom:1px dashed #d4d4d4;}
.my_page_password.addPage .btn_wrap{padding:20px 15px 30px;}
.my_page_password.addPage .btn_wrap ul{display:table;width:100%;}
.my_page_password.addPage .btn_wrap ul li{display:table-cell;width:50%;padding:0 5px;box-sizing:border-box;}
.my_page_password.addPage .btn_wrap ul li .btn_change_nt{display: block; width: 140px; height: 45px; line-height: 45px; font-size: 13px; font-weight: 500; text-align: center; background: #fff; border: 1px solid #ff7200; color: #ff7200; margin: 0 auto;}
.my_page_password.addPage .top_wrap{padding:0 20px;}
.my_page_password.addPage .top_wrap img{display:block;width:40px;}
.my_page_password.addPage .top_wrap .txt_tip{display:block;margin-top:5px;line-height:19px;font-size:12px;color:#000;}
/* 비밀번호 변경 */

.business_choice {box-shadow: 0 0 6px rgba(0, 0, 0, .3); padding: 15px; margin: 0 0 40px;}
.business_choice h3 {font-size: 15px;}
.business_choice ul {margin-top: 10px;}
.business_choice ul li {/* border-bottom: 1px solid #e8e8e8; padding: 10px 0; */ display: inline-block; margin-right: 30px;}
.business_choice ul li:last-child {border-bottom: 0;}
.business_choice ul li p {font-size: 12px; color: #888; padding-left: 30px; display: none;}

.addr_info {}
.addr_info p {position: relative; font-size: 12px; padding-left: 15px;}
.addr_info p:after {content: '※'; color: #ff7200; position: absolute; left: 0; top: 0;}

.btn_gray {display: block; margin-top: 10px; font-size: 13px; font-weight: 500; color: #fff; background: #888; width: 100%; height: 45px; border: 0;}

ul.login_tab {border-bottom: 1px solid #e8e8e8; display: flex; margin: 0 0 20px;}
ul.login_tab li {width: 50%; text-align: center;}
ul.login_tab li a {font-size: 14px; color: #888; display: block; border-bottom: 3px solid transparent; position: relative; top: 1px; line-height: 41px;}
ul.login_tab li.on a {font-weight: bold; color: #ff7200; border-bottom: 3px solid #ff7200;}