@charset "UTF-8";

/*========================================================================
Layout
========================================================================*/
#container { position:relative; padding:0 0 100px; }
#footer { margin-top:0; }

/* Font */
body, th, td, input, select, textarea, button { font-family:"Pretendard","Malgun Gothic",Verdana,Dotum,AppleGothic,sans-serif; }

/* 포인트 컬러 */
:root { --point-color:#51473E; --basic-color:#121212; }


/*========================================================================
좌측 슬라이드 메뉴
========================================================================*/
#wrap nav .nav_bg_box .nav_box { width:87%; margin-left:-87%; }
#wrap nav .left_close { left:calc(87% + 10px); }

/* 로그인 */
#wrap nav .side-top { margin:0 25px; padding:10px 0; border-bottom:1px solid #e7e7e7; }
#wrap nav .side-top ul { display:flex; }
#wrap nav .side-top ul li { position:relative; padding:0 15px; }
#wrap nav .side-top ul li::after { content:""; position:absolute; top:14px; left:-1px; height:12px; border-left:1px solid #bcbcbc; }
#wrap nav .side-top ul li:first-child { padding-left:0; }
#wrap nav .side-top ul li:first-child::after { display:none; }
#wrap nav .side-top a { display:block; padding:13px 0 10px; color:#8e8e8e; font-size:13px; line-height:1.2; }

/* 마이 메뉴 */
.side-myshop { margin:0 25px; padding:20px 0 25px; border-top:1px solid #e7e7e7; }
.side-myshop > ul { }
.side-myshop > ul > li {}
.side-myshop > ul > li > a { display:block; color:#6c6c6c; font-size:14px; font-weight:400; line-height:2.7; }

.nav_tabmenu_box { padding-top:20px; }
.nav_tabmenu_box .nav_tabmenu { display:flex; width:100%; margin-bottom:20px; padding:0 25px; box-sizing:border-box; }
.nav_tabmenu_box .nav_tabmenu li:nth-child(1) span,
.nav_tabmenu_box .nav_tabmenu li:nth-child(2) span { margin:0; }

.side-main { padding-bottom:20px; }
.side-main .menu-list { width:100%; padding:0 25px; box-sizing:border-box; }
.side-main .menu-list > ul { width:100%; }
.side-main .menu-list > ul > li { padding:0; }
.side-main .menu-list > ul > li > a { position:relative; display:block; padding:0; color:#000; font-size:21px; font-weight:700; line-height:2.4; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.side-main .menu-list > ul > li .icon_plus { position:absolute; top:calc(50% - 7px); right:0; width:14px; height:14px; margin:0; font-size:0; background:none; }
.side-main .menu-list > ul > li .icon_plus::before { content:""; position:absolute; top:calc(50% - 1px); left:0; width:14px; height:2px; background:#000; }
.side-main .menu-list > ul > li .icon_plus::after { content:""; position:absolute; top:0; left:calc(50% - 1px); width:2px; height:14px; background:#000; }
.side-main .menu-list > ul > li a.on span.icon_plus { background:none; }
.side-main .menu-list > ul > li a.on span.icon_plus::after { display:none; }

.side-main .menu-list > ul > li ul { display:none; border-top:0; }
.side-main .menu-list > ul > li > ul > li { padding:0; }
.side-main .menu-list > ul > li > ul > li a { padding:0; color:#6c6c6c; font-size:14px; font-weight:400; line-height:2.7; }
.side-main .menu-list > ul > li > ul > li ul { padding:0 0 10px 20px; }

/* 브랜드 검색 */
.btn_nav_brand_search { margin:8px 25px 15px; }


/*========================================================================
서브 공통
========================================================================*/
/* 타이틀 공통 */
.navi_g { display:none; }
#header_wrap header .header_box { border:0; }
.body-goods-list .navi_g { display:none; }

.sub_top { border:0; }
.sub_top h2 { height:40px; line-height:40px; padding:0; }
.sub_top h2 a { color:#221C10; font-size:24px; font-weight:700; }
.sub_top .sub_top_left .all_page_prev { padding:20px 26px; background:url("../img/back_btn.png") no-repeat 50%; background-size:10px auto; }

/* 더보기 공통 */
.faq_more_btn,
.goods_main_more_btn,
.more_btn,
.main_more_btn { padding:0; height:50px; line-height:48px; border:1px solid #D1D1D1; color:#000; font-size:16px; font-weight:400; }

/* 체크박스 */
.login .login_box .inp_chk input,
.inp_chk input { display:inline-block; vertical-align:top; width:20px; height:20px; margin:0; background:url("../img/check_off.png") no-repeat 50%; background-size:100% auto; }
.login .login_box .inp_chk input:checked,
.inp_chk input:checked { background:url("../img/check_on.png") no-repeat 50%; background-size:100% auto; }

/* 체크박스 - 전체 약관 동의  */
.join_agreement .all_chk .inp_chk input { background-image:url("../img/check_all_off.png"); }
.join_agreement .all_chk .inp_chk input:checked { background-image:url("../img/check_all_on.png"); }

/* 체크박스 - fill */
.order .re_confirm .inp_chk input { width:20px; height:20px; background:url("../img/check_off.png") no-repeat 50%; background-size:100% auto; }
.order .re_confirm .inp_chk input:checked { width:20px; height:20px; background:url("../img/check_all_on.png") no-repeat 50%; background-size:100% auto; }

/* 큰 체크박스 */
.cart .inp_chk input { width:22px; height:22px; background: url("../img/check_b_off.png") no-repeat 50%; background-size:100% auto; }
.cart .inp_chk input:checked { background:url("../img/check_b_on.png") no-repeat 50%; background-size:100% auto; }

/* 네모 체크박스 */
.order .inp_chk input { width:22px; height:22px; background: url("../img/check2_off.png") no-repeat 50%; background-size:100% auto; }
.order .inp_chk input:checked { background:url("../img/check2_on.png") no-repeat 50%; background-size:100% auto; }