@charset "utf-8";

/**폰트 사이즈*/
/**********************************************************************************************
기본폰트 13px, 0.813em
22px ---> 11px ---> 0.846em
24px ---> 12px ---> 0.923em
26px ---> 13px ---> 0.813em
28px ---> 14px ---> 1.077em
30px ---> 15px ---> 1.154em
32px ---> 16px ---> 1.231em
34px ---> 17px ---> 1.308em
36px ---> 18px ---> 1.385em
38px ---> 19px ---> 1.462em
**********************************************************************************************/


/*회원가입, 로그인 > sns계정 로그인 공통*/
.account_wrap {margin-top:30px;}
.account_wrap > p:first-child {padding:0 10px;}
.account_wrap p {text-align:center;}
.account_sns_box {width:100%; position:relative; margin-top:18px; text-align:center; overflow: hidden;}
.account_sns_box p {display:inline-block;}
.account_sns_box p a {width:32px; height:32px; display:inline-block; margin-left:15px;}
.account_sns_box p a:before {background-repeat: no-repeat; background-image:url('../images/common/icon_sns.png'); content: ''; display:inline-block; width:32px; height:32px; background-size: 32px, 32px; vertical-align:middle; margin:0 8px 3px 0;}
.account_sns_box p.accoung_ka a:before {background-position: 0 -32px;}
.account_sns_box p.accoung_na a:before {background-position: 0 -64px;}

/*회원가입 > 본인인증*/
.join [class^="join_step"] .join_location img {width:100%;}
.join [class^="join_step"] .join_citation .notice_info {border-top:0; padding:30px 17px 25px 17px;}
.join [class^="join_step"] .join_citation .notice_info:before {background: url(../images/join/icon_step01.png) no-repeat; background-size: 54px, 44.5px; width:54px; height:44.5px;}
.join_sheck_wrap {border-top:1px solid #e9ebea; padding:25px 0 25px 0;}
.join_sheck_wrap ul {display:table; width:100%;}
.join_sheck_wrap ul li {display:table-cell; width:46%; text-align:left; padding-left:2%;}
.join_sheck_wrap ul li:first-child {text-align:right; padding-right:2%; padding-left:0;}
.join_sheck_wrap.radio_type02 ul li span.form-radio label {padding-left:5px;}

.join .join_step .join_foreigner {position: relative; overflow: hidden;}
.join .join_step .join_foreigner span.form-text:first-child {margin-bottom:10px;}
.join .join_step .join_foreigner span.form-checkbox {margin-top:10px;}
.join .join_step .join_foreigner span.essential {color:#bda691;}
.join .join_step .join_foreigner .join_contents {position:absolute; right:0; bottom:55px; }
.join .join_step .join_foreigner .join_contents:after {display:block; border-bottom:1px solid #999; content: '';  margin-top:2px;}
.join .join_step .join_foreigner .btn-type_01 {margin-top:15px; display:block;}

/*회원가입 > 약관동의/개인정보 입력*/
.join .join_step_02 .join_personal > h3, .join .join_step_02 .join_agree > h3 {font-size:1.154em; margin-top:25px;}
.join .join_step_02 .join_personal .table-type_02 .form-text_btn button {width:25% !important;}
.join .join_step_02 .join_personal .table-type_02, .join .join_step_02 .join_agree > dl {margin-top:15px;}
.join .join_step_02 .join_personal .table-type_02 span.form-select .virtual_select{background-color: #fafafa;}
.join .join_step_02 .join_agree {position: relative;padding-top:13px;border-top:1px solid #999;}
.join .join_step_02 .join_agree dl {overflow: hidden; width:100%; border-top:1px solid #999999; padding-bottom:10px;}
.join .join_step_02 .join_agree dl dt, .join .join_step_02 .join_agree dl dd {float:left; padding-top:15px;}
.join .join_step_02 .join_agree dl dd {float:right;}
.join .join_step_02 .join_agree dl dd a {position:relative;}
.join .join_step_02 .join_agree dl dd a:before {position:absolute; left:0; bottom:-3px; width:70px; height:1px; content: ''; border-bottom:1px solid #999; margin:0 0 0 0;}
.join .join_step_02 .join_agree dl dt {clear: both;}
.join .join_step_02 .join_agree .check_all {margin-top:10px;border:1px solid #e9ebea; text-align:center; padding:13px;}
.join .join_step_02 .btn_set {margin-top:25px;}
.join .join_step_02 .join_agree p {margin-bottom:13px;}
.join .join_step_02 .join_agree p+p {margin-bottom:22px;}
.singin {margin-top:20px;text-align:center;color:#999}

/*회원가입 > 회원가입완료*/
.join .join_step_03 .join_done .notice_info:before {background: url(../images/join/icon_step03.png) no-repeat; background-size: 52.5px, 44px; width:52.5px; height:44px;}
.join .join_step_03 .join_done .notice_info {border-top:0;}
.join .join_step_03 .join_benefit {background-color: #fafafa; padding:25px 0; text-align:center; margin-top:40px;}
.join .join_step_03 .join_benefit h3 {font-size:1.077em; position:relative; display:inline-block;}
.join .join_step_03 .join_benefit h3:before {display:inline-block; width:48px; height:1px; content: ''; border-bottom:1px solid #999; vertical-align: middle; margin:0 10px 2px 0;}
.join .join_step_03 .join_benefit h3:after {display:inline-block; width:48px; height:1px; content: ''; border-bottom:1px solid #999; vertical-align: middle; margin:0 0 2px 10px;}
.join .join_step_03 .join_benefit > div.join_benefit_list ul {overflow:hidden;}
.join .join_step_03 .join_benefit > div.join_benefit_list ul li {float:left; width:46%; text-align:center; margin-top:25px; color:#767676; padding:0 2%;}
.join .join_step_03 .join_benefit > div.join_benefit_list ul li:before {background:url(../images/join/icon_join_benefit.png) no-repeat; content: ''; display:block; width:46px; height:46px; background-size: 46px auto; background-position: 0 0; margin:0 auto 10px auto; }
.join .join_step_03 .join_benefit > div.join_benefit_list ul li.benefit_stamp:before {background-position: 0 -46px;}
.join .join_step_03 .join_benefit > div.join_benefit_list ul li.benefit_review:before {background-position: 0 -92px;}
.join .join_step_03 .join_benefit > div.join_benefit_list ul li.benefit_reserve:before {background-position: 0 -138px;}
.join .join_step_03 .join_suggest > h3 {font-size:1.154em; margin-top:25px;}
.join .join_step_03 .join_suggest .commodity_list {margin-top:15px; padding: 20px 0 30px 0; border-top: 1px solid #999;}
.join .title_rcm {margin:37px 0 20px 0;padding:0 0 13px 0;border-bottom:1px solid #999;font-size:15px;}

/*로그인*/
.login .login_member .tab_content ul {margin-top:20px;}
.login .login_member .tab_ui_cont span {margin-top:10px;}
.login .login_member .login_btn {margin-top:20px;}
.login .login_member .form-checkbox {margin-top:15px;}
.login .login_member .account_wrap {border-top:1px solid #e9ebea; padding-top:25px;}
.login .login_member .nomember_order {margin-top:25px;}
.login .login_member .login_find {margin-top:40px;}
.login .login_member .login_find ul {overflow: hidden; width:100%;}
.login .login_member .login_find ul li {float:left; width:49%; color:#3333; text-align:center; border-left:1px solid #e9ebea; line-height:100%;}
.login .login_member .login_find ul li:first-child {border-left:0;}

/*로그인 > 비밀번호 찾기*/
.login .login_pw .pw_info {border-top:2px solid #999; border-bottom:1px solid #e9ebea; padding:25px 20px; text-align:center;}
.login .login_pw .pw_info strong {font-size:1.154em; line-height:140%;}
.login .login_pw .pw_info strong + p {padding-top:15px; color:#767676; line-height:140%;}
.login .login_pw .pw_change_table .table-type_02 {border:0;}
.login .login_pw .pw_change_table .table-type_02 tr:first-child td {border-top:0;}
.login .login_pw .pw_change_txt {font-size:0.923em; color:#767676; padding:10px 0 0 10px; border-top:1px solid #e9ebea; position: relative;}
.login .login_pw .pw_change_txt span { color:#bda691;}
.login .login_pw .pw_change_txt:before {position:absolute; left:0; top:11px; content: '*'; width:3px; height:3px; margin:0 5px 0 0;}
.login .login_pw .pw_change_btn {margin-top:20px;}
.login .login_pw .pw_change_check {margin-top:10px;}

/*로그인 > 휴면계정 해제*/
.login .login_quie .quite_clear_wrap .notice_info {padding-left:10px; padding-right:10px;}

/*로그인 > 아이디 찾기*/
.login [class^="login_find_"] .tab-type_01 {margin-top:25px;}
.login [class^="login_find_"] .join_sheck_wrap.radio_type02 {border-top:0; padding:0 0 25px 0;}
.login [class^="login_find_"] .join_sheck_wrap ul li:first-child {padding-right:5%;}
.login [class^="login_find_"] .login_fg .join_sheck_wrap ul li {display:inline-block;} 
.login [class^="login_find_"] .login_fg .join_sheck_wrap ul li:first-child {text-align:center; padding-left:10px;}
.login [class^="login_find_"] .login_fg .join_sheck_wrap ul li {margin-left:-15px;}
.login [class^="login_find_"] [class^="search_"] .table-type_02 {border-top:0;padding-bottom:12px;}
.login [class^="login_find_"] [class^="search_"] .table-type_02 tr:first-child td {border-top:0;}
.login [class^="login_find_"] [class^="search_"] .table-type_02 tr td .form-select .virtual_select {background-color:#fafafa;}
.login [class^="login_find_"] .search_id_info {margin-top:30px;}
.login [class^="login_find_"] .search_id_info ul {padding:6px 0 10px 0;background:#f9f9f9;}
.login [class^="login_find_"] .search_id_info ul li {padding-top:10px; color:#767676; margin-left:10px;}
.login [class^="login_find_"] .search_id_info ul li:before {margin:0 5px 4px 0; content: ''; width:2.5px; height:2.5px; background-color:#717171; display:inline-block;}
.login [class^="login_find_"] .search_id_info ul li:first-child {padding-top:0;}
.txt_tip {padding:0 0 9px 0;color:#767676;}

/*로그인 > 아이디 찾기 완료*/
.login [class^="login_complete_"] .find_complete {}
.login [class^="login_complete_"] .find_complete .notice_info span {padding:10px 50px; display:inline-block; background-color:#fafafa; margin-top:20px; font-weight:bold; font-size:1.154em;}
.login [class^="login_complete_"] .find_complete .notice_info:before {content: ''; display: inline-block; margin-bottom: 6px; width: 41px; height: 43px; background: url(../images/join/icon_id_complete.png) no-repeat; background-size: 41px 43px;}

.login [class^="login_complete_"] .find_complete .notice_info.complete_pw:before {content: ''; display: inline-block; margin-bottom: 6px; width: 41.5px; height: 43px; background: url(../images/join/icon_pw_complete.png) no-repeat; background-size: 41.5px 43px;}