@charset "utf-8";

/*========================================================================
로그인
========================================================================*/
.body-member .location_wrap { display:none; }
.member_tit { text-align:center; }
.member_tit h2 { margin:0 0 12px; }
.body-member .member_wrap { margin:0 auto 0; }
.member_wrap { width:500px; margin:100px auto; }
#login .member_cont,
#joinIntro .member_cont { padding:0; border:0; }
#login .member_cont > form { display:none; }
#login .member_cont > form#formLogin { display:block; }

/* 탭메뉴 */
.member-tab { margin:0 0 28px; }
.member-tab ul { display:flex; font-size:0; }
.member-tab ul li { display:inline-block; vertical-align:top; width:50%; }
.member-tab ul li a { display:block; height:63px; color:#969696; font-size:16px; font-weight:500; text-align:center; line-height:68px; border-bottom:1px solid #e5e5e5; box-sizing:border-box; }
.member-tab ul li.on a { color:#161616; border-bottom-color:#161616; }

/* 회원 로그인 */
.body-login .member_cont h3 { display:none; }
.member_cont .member_login_box { position:relative; }
.member_cont .member_login_box .login_input_sec > div { float:none; }
body #container .member_cont .member_login_box .login_input_sec input { width:100%; height:50px; line-height:50px; margin-top:12px; }
.member_cont .member_login_box .login_input_sec button { float:none; width:100%; margin:12px 0 0; }
.member_cont .member_login_box .id_chk { margin:19px 0 0; padding:0 0 17px; }
.member_cont .member_login_box .id_chk .form_element label { color:#161616; font-size:16px; line-height:22px; }

/* 아이디, 비밀번호 찾기 */
.member_cont .btn_login_box { position:absolute; top:145px; right:0; margin:0; padding:0; border:0; }
.member_cont .btn_login_box ul li { position:relative; margin:0; padding:0 10px; }
.member_cont .btn_login_box ul li:first-child::before { display:none; }
.member_cont .btn_login_box ul li:last-child { padding-right:0; }
.member_cont .btn_login_box ul li::before { content:''; position:absolute; left:0; top:4px; width:1px; height:13px; background:#e5e5e5; }
.member_cont .btn_login_box ul li button { width:auto; height:22px; color:#757575; font-size:15px; font-weight:400; border:0; }

/* 비회원 주문조회 */
.member_cont .nonmember_order_box { margin:28px 0 0; }
.member_cont .nonmember_order_box .order_input_sec > div { float:none; }
body #container .member_cont .nonmember_order_box .order_input_sec input { width:100%; height:50px; line-height:50px; margin-top:12px; }
.member_cont .nonmember_order_box .order_input_sec button,
.member_cont .nonmember_order_box .order_input_sec button:hover { float:none; width:100%; margin-bottom:10px; }

.login .member_cont .sns-login-box { margin-top:47px; padding-bottom:12px; border-top:1px solid #e5e5e5; text-align:center; }
.login .member_cont .sns-login-box::before { content:"SNS 로그인"; display:inline-block; position:relative; top:-11px; padding:0 10px; color:#757575; font-size:16px; background:#fff; }
.member_sns_login { display:flex; justify-content:center; align-items:center; }
.member_sns_login a { margin:0 10px; }

/* 비회원 주문하기 */
.body-login .member_cont .nonmember_join_box h3 { display:block; color:#161616; font-size:16px; font-weight:500; }
.member_cont .nonmember_join_box .btn_member_black { margin:14px 0 0; }

/* 로그인 배너 */
.login-bn { margin:40px 0 0; text-align:center; }

/* 비회원 조회 */
.member_cont .nonmember_order_box p { display:none; }
.member_cont .nonmember_order_box .order_input_sec button { margin:25px 0 0; }

/* 아이디 비밀번호 찾기 */
.find_id_sec .login_input > div { float:none; }
.find_id_sec .login_input input { width:100%; }
.input_email { width:256px !important; }
.email_select { height:44px; color:#161616; font-size:15px; }
.btn_member_id { float:none;width:100%; }
.btn_member_sec ul { display:flex; }
.btn_member_sec ul li { flex:1; }
.btn_member_sec ul li button { width:100%; }

.find_password_box .login_input .member_warning { width:100%; margin:0; }
.find_password_box .login_input input[type=text], 
.find_password_box .login_input input[type=password] { width:100%; }


/*========================================================================
회원가입 방식 선택
========================================================================*/
.body-join-method .member_tit p { color:#868686; font-size:18px; font-weight:500; text-align:center; }
.body-join-method .member_cont { padding:26px 0 0; border:0; }
.body-join-method .member_cont .member_login_box .member_login_shop { border-bottom:0; margin:0; padding:0; }
.member_sns_login { margin:30px 0 0;}
.body-join-method .chk_none { margin:18px 0 35px; padding:0 45px 0 27px; color:#878787; font-size:14px; font-weight:300; background:url("https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/icon_warning.jpg") no-repeat 0 2px; text-align:left; }
.body-join-method .member_guide_txt p { line-height:1; margin:0 0 20px; color:#161616; font-size:16px; font-weight:500; }
.body-join-method .member_guide_txt a { display:block; margin:18px 0 0; }
.body-join-method .member_guide_txt a:hover { text-decoration:none; }


/*========================================================================
회원가입
========================================================================*/
.join_base_wrap .member_cont { width:860px; padding:30px; }
.join_base_wrap .member_tit { border:0; }
.join_base_wrap .member_tit h2 { float:none; }
.join_base_wrap .member_tit ol { display:flex; justify-content:center; float:none; margin:20px 0 0; }
.join_base_wrap .member_tit ol li { color:#969696; font-size:16px; font-weight:400; }
.join_base_wrap .member_tit ol li.page_on { color:#161616; font-weight:400; }
.join_base_wrap .member_tit li em { display:inline-block; width:28px; height:28px; margin-right:3px; color:#fff; font-size:14px; line-height:28px; text-align:center; background:#969696; border-radius:50%; }
.join_base_wrap .member_tit li.page_on em { background:#161616; }
.join_base_wrap .member_tit li span > img { padding:0 20px; }

.join_base_wrap .member_cont h3 { display:inline-block; color:#161616; font-size:19px; font-weight:500; }
.join_base_wrap .important { color:#969696; font-size:14px; font-weight:300; line-height:25px; background:none; }
.base_info_box .base_info_sec { padding:20px 0; border-top-color:#757575; border-bottom:1px solid #e6e6e6; }
.join_base_wrap table th { padding:15px 10px 9px 0; color:#757575; font-size:15px; font-weight:400; background:none; border:0; vertical-align:top; } 
.join_base_wrap .base_info_sec .important { margin:0; padding:0; color:#757575; font-size:15px; font-weight:400; background:none; }
.join_base_wrap .base_info_sec .important::after { content:'*'; }
.join_base_wrap table th span { padding:0; margin:0; }
.join_base_wrap table td { padding:9px 10px; color:#161616; font-size:14px; font-weight:400; border:0; }
body #wrap .join_base_wrap table input[type="text"],
body #wrap .join_base_wrap table input[type="password"] { width:320px; }
#contents .member_address .address_postcode .btn_post_search { margin-left:10px }
.email-id-txt { padding-left:15px; color:#969696; font-size:15px; font-weight:300; }

.addition_info_box .addition_info_sec { padding:20px 0; border-top-color:#757575; border-bottom:1px solid #e6e6e6; }
.addition_info_sec table th { padding:13px 10px 12px 0; color:#757575; font-size:15px; font-weight:400; background:none; border:0; vertical-align:top; } 
.addition_info_sec table td { padding:13px 10px; color:#161616; font-size:14px; font-weight:400; border:0; }
.addition_info_sec table input[type="text"] { width:320px; }
.join_base_wrap .addition_info_box .important-txt { float:right; margin:0; padding:0; color:#969696; font-size:14px; font-weight:300; background:none; }
.join_base_wrap .addition_info_sec .important { margin:0; padding:0; color:#757575; font-size:15px; font-weight:400; background:none; }
.join_base_wrap .addition_info_sec .important::after { content:'*'; }
.join_base_wrap .form_element label.choice_s { padding:0 0 0 25px; color:#161616; font-size:15px; }
#wrap .join_base_wrap .chosen-single { width:126px !important; height:44px; padding-left:17px; margin-right:10px; color:#161616; font-size:15px; background:#f8f8f8 url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat right 17px top 50% ; border-color:#e5e5e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* 약관동의 */
.join_agreement_cont { margin:40px 0 0; }
.join_agreement_cont .join_agreement_box { padding:22px 0 0; margin:0; border-top:0; } 
.join_agreement_cont .join_agreement_box:nth-of-type(1) { border-top:1px solid #757575; border-bottom:1px solid #e6e6e6; }
.join_agreement_cont .form_element { display:block; margin-bottom:22px; }
.join_agreement_cont .form_element em { color:#161616; font-size:16px; font-weight:400; }
.join_agreement_cont .form_element span { color:#969696; font-size:13px; }
.join_agreement_cont .form_element label.check_s { color:#757575; font-size:15px; }
.join_agreement_cont .form_element label.check_s strong { color:#161616; font-weight:400; }
.join_agreement_cont .form_element span > a { position:relative; float:right; padding-right:20px; color:#757575; font-size:14px; text-decoration:none; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/agreement_arr.png') no-repeat 100% 50%; }
.join_agreement_cont .form_element span > a:hover { text-decoration:none; }
.join_agreement_cont .form_element span > a.on { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/agreement_arr_on.png') no-repeat 100% 50%; }
.join_agreement_cont .agreement_box { display:none; height:185px; border:1px solid #e5e5e5; box-sizing:border-box; }
.join_agreement_cont .agreement_choice_box { display:none; height:185px; padding:0; overflow-y:auto; border:1px solid #e5e5e5; }
.join_agreement_cont .agreement_choice_box table th { color:#161616; border-top:0; }
.join_agreement_cont .agreement_choice_box table td { padding:20px; color:#757575; font-size:15px; }
.join_agreement_cont .agreement_choice_box .form_element label.check_s,
.join_agreement_cont .agreement_choice_box .form_element label.check_s:hover { min-width:0; font-size:0; text-indent:-9999px; }
.join_agreement_cont .join_agreement_box.marketing { border-bottom:1px solid #e5e5e5; }
.join_agreement_cont .join_agreement_box.marketing .join_certify_list { display:flex; }
.join_agreement_cont .join_agreement_box.marketing .join_certify_list > .form_element { margin-right:50px; }
.member_cont .btn_center_box { margin:50px 0 0; }
.btn_member_cancel,
.btn_comfirm { width:250px; }


/*========================================================================
회원가입 완료
========================================================================*/
.join_ok_box .join_ok_tit { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/join_ok_icon.png') no-repeat center 0; }
.body-join-ok .member_wrap { width:100%; margin-bottom:50px; padding-bottom:70px; border-bottom:1px solid #e5e5e5; }
.body-join-ok .join_base_wrap .member_tit ol { padding-bottom:35px; border-bottom:1px solid #757575; }
.body-join-ok .join_base_wrap .member_cont { width:512px; padding:0; box-sizing:border-box; }
.body-join-ok .join_ok_box { margin:70px 0 0; }
.join_ok_box .join_ok_tit p.complete { padding:0; color:#161616; font-size:22px; font-weight:500; }
.join_ok_box .join_ok_tit p { padding:0; color:#969696; font-size:14px; }
.body-join-ok .join_base_wrap .btn_member_sec { border:0; }
.body-join-ok .join_base_wrap .btn_member_sec ul { margin:35px 0 0; }
.join_ok_box .btn_member_sec li button { width:250px; }