@charset "UTF-8";
/*========================================================================

RESET :수정 및 삭제 주의 :쇼핑몰 화면이 정상적으로 보이지 않을 수 있습니다.

========================================================================*/
/* Common */
a, a:hover { text-decoration:none; }
a { color:inherit; }
em, address { font-style:normal; }
input:focus, button:focus, select:focus { outline:none; }
textarea { resize:vertical; }
img { vertical-align:top; }

.w100 { width:100%; }
.mot3 { -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }

/* RESET LAYOUT */
#header_wrap { padding:0 !important; }
#header_wrap header.h_on { position:static; }

/* SLIDE MENU RESET */
.nav_tabmenu_box .nav_tabmenu li.on span { background:#404040; }
.category_side > li > a.on,
.category_side > li > ul > li > a.on { color:#404040; }
.category_side > li ul { border-top:1px solid #404040; }
.nav_banner { min-height:20px; margin:8px auto 10px; border-bottom:1px solid #404040; }
.nav_banner .left_logo { display:none; }
.nav_banner .nav_login { position:relative; top:0; left:0; text-align:left; }
.nav_banner .nav_login ul li:first-child { padding-left:0; }
.nav_banner .login_txt { position:static; padding:10px 0; line-height:1.4; }
.nav_banner .login_txt p.name strong { color:#404040; }

/* 해외몰 아이콘 */
.nav_language .language_box { vertical-align:top; }

/* TOP SEARCH - 팝업형 */
.search-layer-box { display:none; }
.search-layer-box .h_search_btn { right:15px; background:#404040; border-color:#404040; }
.search-layer-box .h_search_close_btn { display:none; }
.search-layer-box ._header_search .layer_search_box dl { padding:10px 70px 10px 15px; }
.search-layer-box ._header_search .layer_search_content { overflow-y:visible; }
.search-layer-box ._header_search .layer_search_content .search_bx_area { display:block; border-bottom:0; line-height:1.2; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_tab { display:block; border-color:#404040; border-top:1px solid #e5e5e5; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_tab.on { border-bottom-width:1px; border-color:#b4b4b4; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_tab h3 { padding:2px 0 2px 2px; text-align:left; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box { position:static; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li:last-child { border-bottom:0; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.link { width:70%; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li a { width:100%; padding:6px 20px 5px 0; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.date { line-height:21px; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_list li div.keyword_delete button { height:21px; }
.search-layer-box ._header_search .layer_search_content .search_bx_area .latest_search_list_box .latest_search_del { border-top:1px solid #e5e5e5; }

/* TOP SEARCH - 고정형 */
.search-box { position:absolute; top:25px; right:15px; width:auto; margin:0; padding:0; background:none; border:1px solid #604f26; }
.search-box ._header_search { float:left; }
.search-box ._header_search .layer_search_box { background:none; }
.search-box ._header_search .layer_search_box dl { padding:0 30px 0 0; }
.search-box ._header_search .layer_search_box dl dd .keyword_box input[type="search"] { width:117px; height:34px; padding:0; border:0; background:none; }
.search-box ._header_search .layer_search_box dl dd .keyword_box button { display:none !important; }
.search-box .h_search_btn { width:34px; height:100%; top:0; right:0; font-size:0; background:url("../../_dbook/img/common/top_search_btn.gif") no-repeat 50%; background-size:auto 60%; border:0; }
.search-box .h_search_close_btn { display:none; }
.search-box ._header_search .layer_search_content { display:none; }

/*  GOODS VIEW INFO */
.goods_view .detail_tab_info { display:none; }
.goods_view .detail_info h3 { width:100%; white-space:normal; }
.openblock_content dl dd { word-break:break-all; }

/* 품절 아이콘 */
.goods_prd_img .img_box .soldout_img { background-size:40% auto; background-color:rgba(255,255,255,0.3); }

/* 회원가입 필수 아이콘 위치 */
.join .input_title.required { background-position:0 14px; }

/* 메인 상품진열 타이틀 - 더보기 */
.main-wrap ._goods_display_main { position:relative; }
.main-wrap ._goods_display_main h3 { position:absolute; top:0; right:0; height:26px; margin:5px 0; padding:0; font-size:0; border-bottom:0; text-indent:-9999px;}
.main-wrap ._goods_display_main h3 .more_btn_box { top:-30px; right:15px; font-size:12px; white-space:nowrap; text-indent:0; }
.main-wrap .main_more_btn2,
.main-wrap .recommend_more_btn { padding:2px 6px; }


/*========================================================================
COLOR RESET
========================================================================*/
/* IMG COLOR */
.join .input_title.required,
.table_style4 th.required,
.add_cart_layer p,
.add_wish_layer p,
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on,
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on,
.goods_main .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on,
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on,
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on,
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on,
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(1) button.on,
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on,
.goods_search .goods_search_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(3) button.on { filter:grayscale(1); }

/* FONT COLOR */
.order_end .tx2 strong,
.order_end .order_end_box .tx ul li .prc,
.d_comment_recommend_btn strong,
.cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .prc,
.cart .my_buy dl.total dd, 
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span,
.c_red, 
.c-red, 
.c_point,
.order .pay .my_goods li .info .itembody .prc,
.deposit .my_money p.money,
.mileage .my_money p.money,
.member_summary .member_grade .grade_text span strong,
.brand_initial_box .tab_initial li.on,
.goods_search .tit .prd_num span,
.order .order_box .table_box .tx,
.order .order_box .table_box .point_view p span,
.goods_board_view .reply_box .item_list_summary .writer { color:#000; }

/* BORDER COLOR */
.cart .cart_content_box .supplier_total,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected,
.add_cart_layer .wrap, 
.add_wish_layer .wrap { border-color:#404040; }

/* BUTTON COLOR */
.order_home_btn,
.board_btn, 
.board_search_btn, 
.detail_order_btn, 
.select_prd_today_del_btn, 
.today_cart_add_btn,
.member_login_order_btn, 
.cart_coupon_apply, 
.cart_all_order_btn,
.join_next_btn, 
.zipcode_btn, 
.join_ok_btn, 
.join_login_btn,
.select_prd_del_btn, 
.wish_cart_add_btn,
.pw_confirm_btn,
.modify_pw_btn,
.detail_apply_btn,
.ly_coupon_apply_btn1,
.zipcode_btn1,
.dellvery_add_btn,
.coupon_search_apply_btn,
.order_payment_btn,
.ly_coupon_apply_btn,
.coupon_ok_btn,
.coupon .tab_menu ul li.active,
.write_save_btn,
.btn_box .write_save_btn,
.add_address_btn,
.address_save_btn,
.add_cart_layer .btn_cart, 
.add_wish_layer .btn_wish,
.faq_search_btn,
.prd_select_btn,
.item_select_btn_box .prd_select_btn,
.view_comment_btn,
.view_modify_btn,
.view_del_btn { color:#ffffff; background:#404040; border-color:#404040; }

/* BUTTON COLOR 2 */
.goods_view_image_slider .slick-dots li.slick-active button, 
.detail_more_btn { color:#ffffff; background:#404040; }

/* BUTTON COLOR 3 */
.detail_write_btn, 
.detail_cart_btn,
.add_cart_layer .btn_close, 
.add_wish_layer .btn_close { color:#404040; border-color:#404040; }

/* ACTIVE COLOR */
.order .order_box .delivery_box .tab_menu ul li.active,
.brand_initial_box .initial_cate li.on span,
.coupon_apply_btn,
.pw_find_confirm_btn,
.pw_find_next_btn,
.find_password_btn,
.find_id_btn,
.ly_select_search_btn,
.prd_select_btn,
.goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans3,
.d_pw_confirm_btn { background:#404040; border-color:#404040; }


/*========================================================================
주요 서브 페이지 공통
========================================================================*/
/* input[checkbox] */
.login .login_box .inp_chk input,
:where(.body-join-agreement,.body-join) .inp_chk input { vertical-align:top; width:20px; height:20px; margin:0 4px 0 0; background:url("../img/common/input_chk_off.png") no-repeat; background-size:100% auto; }
.login .login_box .inp_chk input:checked,
:where(.body-join-agreement,.body-join) .inp_chk input:checked { background:url("../img/common/input_chk_on.png") no-repeat; background-size:100% auto; }
.login .login_box .inp_chk label,
:where(.body-join-agreement,.body-join) .inp_chk label { margin:0; color:var(--basic-color, #121212); font-size:14px; font-weight:300; }
.join_agreement .all_chk .inp_chk input { background-image:url("../img/common/input_all_chk_off.png"); }
.join_agreement .all_chk .inp_chk input:checked { background-image:url("../img/common/input_all_chk_on.png"); }

/* input[text][password] */
.login .guest_order_box dl dd input,
.login .login_box dl dd input { height:50px; line-height:50px; padding:0; margin-bottom:12px; color:#121212; font-size:14px; font-weight:400; border:0; border-bottom:1px solid #D9D9D9; border-radius:0; text-indent:0; box-sizing:border-box; }
.login .guest_order_box dl dd input::placeholder,
.login .login_box dl dd input::placeholder { color:#616161; }
.input_wrap .input_content input[type=text],
.input_wrap .input_content input[type=password], 
.input_wrap .input_content input[type=email] { height:48px; margin:0; color:#121212; font-size:14px; font-weight:400; border:1px solid #E0E0E0; border-radius:5px; box-sizing:border-box; }

/* select */
.input_wrap .input_content select,
.input_wrap .email_select_box .email_select { height:48px; padding:0 0 0 10px; color:#121212; font-size:14px; font-weight:400; border:1px solid #E0E0E0; border-radius:5px; background:url("../img/common/select_arr.png") no-repeat right 11px top 50%; background-size:13px auto; box-sizing:border-box; }  
.input_wrap .input_content textarea { border:1px solid #E0E0E0; border-radius:5px; }

/* 확인 버튼(블랙) */
.join_login_btn,
.join_ok_btn,
.join_next_btn,
.join_method #btnJoin a,
.member_login_order_btn { width:100%; height:50px; line-height:48px; padding:0; margin:0; color:#fff; font-size:16px; font-weight:500; font-family:inherit; border-color:var(--basic-color,#121212); background:var(--basic-color,#121212); text-align:center; border-radius:5px; }

/* 기본 스타일 버튼(화이트) */
.join_prev_btn,
#guestOrderBtn .member_login_order_btn { width:100%; height:50px; line-height:48px; padding:0 15px; margin:0; color:var(--basic-color, #121212); font-size:16px; font-weight:500; background-color:#fff; border:1px solid #9E9E9E; text-align:center; border-radius:5px; box-sizing:border-box; }


/*========================================================================
로그인
========================================================================*/
.body-login #header_wrap,
.body-login #footer { display:none; }
#guestOrderBox { display:none; }
.login { max-width:360px; width:100%; padding:0; margin:0 auto; }
.login .login-head { display:flex; justify-content:space-between; align-items:center; padding:21px 16px; box-sizing:border-box; }
.login .login-head a span { font-size:0; text-indent:-9999px; }
.login .login-head a.login-back-btn { width:16px; height:15px; background:url("../img/common/login_back_btn.png") no-repeat; background-size:100% auto; }
.login .login-head a.login-home-btn { width:16px; height:17px; background:url("../img/common/login_home_btn.png") no-repeat; background-size:100% auto; }
.login .member_tit { text-align:center; margin:23px 0 40px; }
.login .member_tit h2 { color:var(--basic-color,#121212); font-size:24px; font-weight:600; line-height:1; }
.login .member_tit p { margin:10px 0 0; color:#757575; font-size:14px; font-weight:400; line-height:1.3; }
/* 로그인 탭 버튼 */
.member-login-tab { display:flex; height:46px; padding:2px; margin:0 0 15px; background:#EEE; overflow:hidden; clear:both; border-radius:30px; box-sizing:border-box; }
.member-login-tab li { flex:1; width:50%; height:42px; line-height:42px; color:#9E9E9E; font-size:16px; font-weight:500; text-align:center; background:transparent; border-bottom:0; border-radius:30px; box-sizing:border-box; }
.member-login-tab li.on { color:var(--basic-color,#121212); font-weight:500; background:#fff; border:0; border-bottom:0; }
.member-login-tab li a { display:block; width:100%; }
/* 로그인 */
.member-login-wrap { margin:0 16px; }
.login .guest_order_box dl dd,
.login .login_box dl dd { padding:0; }
.login .guest_order_box dl dd input,
.login .login_box dl dd input { width:100%; }
.login .login_box .inp_chk { padding:0; margin:5px 0 20px; line-height:20px; }
.login .login_box .inp_chk label + input { margin-left:10px; }
.login .login_box .submit { padding:0; }
.login .login_find { display:flex; justify-content:center; height:auto; margin:30px 0; padding:0; line-height:1; }
.login .login_find li { padding:0; }
.login .login_find li a { padding:0 9px; color:#757575; font-size:14px; font-weight:300; }
.login .login_find li::before { top:1px; height:13px; background:#E0E0E0; }
/* 비회원 주문조회 */
.login .guest_txt { display:none; }
.login .guest_order_box .member_login_order_btn { margin:14px 0 0; }
/* 비회원 주문하기 */
#guestOrderBtn { margin-bottom:40px; }
/* SNS 로그인 */
.login .js_btn_kakao_login { display:block; width:100%; height:50px; line-height:50px; margin:0 0 40px; color:#000; font-size:16px; text-align:center; font-weight:500; background:#FDE500 url("../img/common/ico_sns_kakao.png") no-repeat 18px 50%; background-size:20px auto; border-radius:5px; }
.login .js_btn_kakao_login img { display:none; }
.login .js_btn_kakao_login::after { content:"카카오 로그인/회원가입"; }
#wrap .sns_login { margin:0 0 32px; }
#wrap .sns_login li { display:block; width:100%; height:50px; line-height:48px; padding:0; margin:0 0 12px; color:#000; font-size:16px; text-align:center; font-weight:500; background:none; background-repeat:no-repeat; background-position:18px 50%; background-size:20px auto; border-radius:5px; border:1px solid #cdcdcd; box-sizing:border-box; }
#wrap .sns_login li img { display:none; }
#wrap .sns_login li#btnJoin { padding:0; background:var(--basic-color,#121212); border-color:var(--basic-color,#121212); }
#wrap .sns_login li.kakao { color:#000; background-image:url("../img/common/ico_sns_kakao.png"); background-color:#FDE500; border-color:#FDE500; }
#wrap .sns_login li.naver { color:#fff; background-image:url("../img/common/ico_sns_naver.png"); background-color:#1DC800; border-color:#1DC800; }
#wrap .sns_login li.facebook { color:#fff; background-image:url("../img/common/ico_sns_facebook.png"); background-color:#177CF2; border-color:#177CF2; }
#wrap .sns_login li.google { background-image:url("../img/common/ico_sns_google.png"); background-color:#FFFFFF; border-color:#BDBDBD; }
.login .member-login-wrap .login_box .sns_login li.kakao::after { content:"카카오 로그인"; }
.login .member-login-wrap .login_box .sns_login li.payco::after { content:"페이코 로그인"; }
.login .member-login-wrap .login_box .sns_login li.naver::after { content:"네이버 로그인"; }
.login .member-login-wrap .login_box .sns_login li.facebook::after { content:"Facebook 로그인"; }
.login .member-login-wrap .login_box .sns_login li.wonder::after { content:"위메프 로그인"; }
.login .member-login-wrap .login_box .sns_login li.apple::after { content:"Apple 로그인"; }
.login .member-login-wrap .login_box .sns_login li.google::after { content:"Google 로그인"; }
/* join_method */
.body-join-method .sns_login li.kakao::after { content:"카카오 회원가입"; }
.body-join-method .sns_login li.payco::after { content:"페이코 회원가입"; }
.body-join-method .sns_login li.naver::after { content:"네이버 회원가입"; }
.body-join-method .sns_login li.facebook::after { content:"Facebook 회원가입"; }
.body-join-method .sns_login li.wonder::after { content:"위메프 회원가입"; }
.body-join-method .sns_login li.apple::after { content:"Apple 회원가입"; }
.body-join-method .sns_login li.google::after { content:"Google 회원가입"; }


/*========================================================================
회원가입
========================================================================*/
/* 약관동의 */
.join_step { display:none; }
.body-join-agreement .join_step { display:block; padding:0; margin:40px 0 24px; }
.body-join-agreement .join_step ul { display:block; padding:0 16px; box-sizing:border-box; }
.body-join-agreement .join_step ul li,
.body-join-agreement .join_step ul li.on { display:block; width:100%; height:auto; padding:0; color:var(--basic-color, #121212); font-size:16px; font-weight:500; line-height:1; border:0; background:none; text-align:left; }
.body-join-agreement .join_step ul li:nth-child(n+2) { display:none; }
.body-join-agreement .join_step ul li::before,
.body-join-agreement .join_step ul li::after,
.body-join-agreement .join_step ul li.on::before,
.body-join-agreement .join_step ul li.on::after { display:none; }
.join_agreement { max-width:360px; margin:0 auto; }
.join_agreement .all_chk { padding:13px 12px; margin:0 16px 24px; border:0; background:#121212; border-radius:5px; }
.join_agreement .all_chk label { margin:0 0 0 5px; color:#fff; font-size:14px; font-weight:600; line-height:20px; }
.join_agreement .privacy_big_box { padding:0; margin:0 16px; border-top:1px solid #E9E9E9; }
.join_agreement .privacy_big_box .privacy_box { border-bottom:1px solid #E9E9E9; }
.join_agreement .privacy_big_box .privacy_box dl { display:flex; justify-content:space-between; align-items:center; padding:15px 0 14px 12px; border:0; box-sizing:border-box; }
.join_agreement .privacy_big_box .privacy_box dl dt { display:inline-block; }
.join_agreement .privacy_big_box .privacy_box dl dt label { margin:0 0 0 4px; font-weight:400; }
.join_agreement .privacy_big_box .privacy_box dl dd { display:inline-block; min-width:0; font-size:0; }
.join_agreement .privacy_big_box .privacy_box dl dd button { width:15px; height:20px; padding:0 12px; border:0; background:url("../img/common/join_agree_arr.png") no-repeat 50%; background-size:15px auto; box-sizing:content-box; }
.join_agreement .privacy_big_box .privacy_box:has([style="display:block;"]) > dl > dd > button,
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box:has(.privacy_content[style="display:block;"]) dl dd button { background-image:url("../img/common/join_agree_arr_on.png"); }
.join_agreement .member_confirm_btn { padding:0; margin:40px 16px 0; }
.join_agreement .privacy_big_box .privacy_box .privacy_content { max-height:142px; padding:13px; background:#F8F8F8; overflow-y:auto; }
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box { padding:10px 0; margin:0 10px; border:0; }
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box dl { padding:0; border:0; }
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box > div { padding:0; max-height:max-content; }
.join_agreement .privacy_big_box .privacy_box .privacy_content .privacy_big_box .privacy_content { margin:5px 0 10px; }

/* 정보입력 */
.join .join_content_box .join_content { padding:0 16px; }
.join_view .tit, 
.join_view_business .tit, 
.join_view_other .tit { padding:0 0 10px; margin:40px 0 0; color:var(--basic-color, #121212); font-size:16px; font-weight:500; line-height:1; border-bottom:1px solid #121212; }
.join .input_title.required { position:relative; background:none; filter:none; }
.join .input_title.required::after { content:"*"; display:inline-block; margin:0 0 0 4px; color:#ff504e; font-size:14px; font-weight:400; }
.input_wrap { display:block; padding:0; margin:0; }
.input_wrap .input_title { display:none; }
.input_wrap .input_title:not(:empty) { display:block; width:100%; padding:0 0 11px; margin:26px 0 0; color:#121212; font-size:14px; font-weight:400; line-height:1; }
.input_wrap .input_content { display:inline-block; width:100%; }
.input_wrap .input_content .zipcode_box > input[type="text"] { margin:10px 0 0; }
.input_wrap .input_content .inp_chk label,
.input_wrap .input_content .inp_rdo label { color:#121212; font-size:14px; font-weight:400; }
.join_view .c_red,
.join_view .c_blue { padding:0; }
.join_view .c_red:not(:empty),
.join_view .c_blue:not(:empty) { display:inline-block; width:100%; padding:0; margin:15px 0 0; color:#9E9E9E; font-size:12px; font-weight:300; }
.input_wrap .description { clear:both; padding:0; margin:10px 0 0; color:#9E9E9E; font-size:12px; font-weight:300; }
.input_wrap .input_email { width:calc(100% - 112px) !important; }
.input_wrap .email_select_box { width:102px; }
.input_wrap .email_select_box .email_select { width:100%; height:48px; padding:0 0 0 17px; color:#fff; font-size:14px; font-weight:400; border:0; border-radius:5px; background:#121212 url("../img/common/select_arr_w.png") no-repeat right 17px top 50%; background-size:13px auto; box-sizing:border-box; }  
.certification_box,
.zipcode_box .zipcode_top { padding-right:112px }
.join_view_business .input_wrap .certification_box .upload_btn_box,
.zipcode_box .zipcode_top .zipcode_btn_box { width:102px; }
.upload_btn_box .zipcode_btn,
.zipcode_box .zipcode_top .zipcode_btn_box button { height:48px; padding:0; color:#fff; font-size:14px; font-weight:400; background:#121212; border:0; border-radius:5px; }
.join .join_btn_box { padding:0; margin:40px 16px 0; }

/* 가입완료 */
.body-join-ok .join_step { display:block; padding:0; margin:40px 0 24px; }
.body-join-ok .join_step ul { display:block; padding:0 16px; box-sizing:border-box; }
.body-join-ok .join_step ul li,
.body-join-ok .join_step ul li.on { display:block; width:100%; height:auto; padding:0; font-size:0; line-height:1; border:0; background:none; text-align:center; }
.body-join-ok .join_step ul li:nth-child(-n+2) { display:none; }
.body-join-ok .join_step ul li::before,
.body-join-ok .join_step ul li::after,
.body-join-ok .join_step ul li.on::before { display:none; }
.body-join-ok .join_step ul li.on { padding:58px 0 0; background:url("../img/common/join_complete_icon.png") no-repeat 50% 0; background-size:40px auto; }
.body-join-ok .join_step ul li.on::after { content:"회원가입이 완료되었습니다."; display:block; position:static; margin:0; color:var(--basic-color, #121212); font-size:16px; font-weight:500; border:0; }
.join_ok .join_content { padding:25px 0; margin:0 16px 40px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; }
.join_ok .join_content p { font-size:14px; }
.join_ok .btn { padding:0; margin:0 16px; }


/*========================================================================
마이페이지
========================================================================*/
.mypage_index { padding:0; margin:0 16px; }
.member_summary { position:relative; width:calc(100% + 32px); margin-left:-16px; padding:37px 16px 0; box-sizing:border-box; }
.member_summary::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#F5F5F5; z-index:-1; }
.member_summary .member_name { box-sizing:border-box; }
.member_summary .member_name span:not(.member_modify) { display:none; }
.member_summary .member_name span.member_modify { display:block; position:absolute; top:104px; left:16px; width:105px; text-align:center; }
.member_summary .member_name span.member_modify .member_modify_btn { width:100%; padding:6px 0; color:#fff; font-size:14px; font-weight:400; border-radius:999px; background:#121212; }
.member_summary .member_grade { margin:0 0 26px; padding:0 0 46px; border:0; box-sizing:border-box; }
.member_summary .member_grade .grade_text { display:block; width:100%; margin:0; text-align:left; }
.member_summary .member_grade .grade_text span { display:revert; color:#121212; font-size:18px; font-weight:400; }
.member_summary .member_grade .grade_text span strong { color:#121212; font-size:18px; font-weight:500; }
/* 마이 지갑 */
.member_summary .mypage_number_summary { position:relative; padding:0; background:#fff; border:0; }
.member_summary .mypage_number_summary::before { content:""; position:absolute; bottom:0; left:-16px; width:calc(100% + 32px); height:50%; background:#fff; } 
.member_summary .mypage_number_summary ul { display:flex; flex-direction:column; position:relative; border-radius:10px; box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.10); z-index:1; }
.member_summary .mypage_number_summary ul li,
.member_summary .mypage_number_summary ul li:nth-child(2) { display:block; width:100%; padding:0 20px; border:0; box-sizing:border-box; }
.member_summary .mypage_number_summary ul li a { display:flex; justify-content:space-between; align-items:center; padding:17px 0 17px 24px ; color:var(--basic-color, #121212); font-size:14px; font-weight:400; line-height:1; box-sizing:border-box; }
.member_summary .mypage_number_summary ul li a span,
.member_summary .mypage_number_summary ul li a span strong { color:var(--basic-color, #121212); font-size:14px; font-weight:600; line-height:1; letter-spacing:-0.42px; }
.member_summary .mypage_number_summary ul li:nth-child(n+2) a { border-top:1px solid #E9E9E9; }
.member_summary .mypage_number_summary ul li a span { display:inline-block; padding:0 14px 0 0; background:url("../img/common/myshop_benefit_arr.png") no-repeat 100% 50%; background-size:7px 12px; }
.member_summary .mypage_number_summary ul li:nth-child(1) a { background:url("../img/common/my_coupon.png") no-repeat 0 50%; background-size:17px auto; }
.member_summary .mypage_number_summary ul li:nth-child(2) a { background:url("../img/common/my_deposit.png") no-repeat 0 50%; background-size:15px auto; }
.member_summary .mypage_number_summary ul li:nth-child(3) a { background:url("../img/common/my_mileage.png") no-repeat 0 50%; background-size:16px auto; }

.mypage_index .mypage_menu { padding:50px 0 0; margin:0 0 5px; }
.mypage_index .mypage_menu h3 { padding:0 0 15px; color:#000; font-size:16px; font-weight:500; line-height:1; text-indent:0; border-bottom:1px solid #121212; }
.mypage_index .mypage_menu ul li a { padding:18px 0; color:#121212; font-size:15px; font-weight:400; line-height:1; border-bottom:1px solid #E9E9E9; }