@charset "UTF-8";

/*========================================================================
Layout
========================================================================*/
#container { position:relative; padding:0 0 0px; } /* 0 0 60px */

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

.body-main,
.body-goods-list,
.body-goods-view,
.body-brand,
.body-contact { background:#fbf7f0; }

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

/*========================================================================
상단 영역
========================================================================*/

html:has(#main) #header_wrap #header{ position: absolute;  }
html:has(#main) #header_wrap header .header_box { border: none; }
#header_wrap #header { position: relative; top: 0; left: 0; width: 100%; background:none; }
#header .header-wrap li { width:100%; display:inline-block; text-align:center; }
#header .header-wrap p { display:block; line-height:3; font-size:14px; color:#fff; background-color:#957d63; }

.header-top { position:relative; text-align:center; }
#header h1.top-logo { width:90px; padding:18px 15px; vertical-align:top; }
#header h1.top-logo > a { display:block; font-size:0; line-height:1; }
#header h1.top-logo img { width:100%; height:auto; vertical-align:top; }

#header .header-right { display: flex; position:absolute; top:0; right:0; height:100%; margin-right:15px; }
#header .top-account { display:flex; align-items:center; justify-content:center; height:100%;}
#header .top-account > li { display:inline-block; position:relative; width:20px; height:23px; padding:0 20px; }
#header .top-account > li > a { display:block; width:100%; height:100%; }
#header .top-account > li > a > span { display:inline-block; font-size:0; text-indent:-9999px; }
#header .top-account .basket { width:37px; }
#header .top-account .basket a > span { display:inline-block; vertical-align:top; width:100%; height:100%; background:url("../../_dbook/img/top_cart_btn.png") no-repeat 50%; background-size:auto 100%; text-indent:-9999px; }
#header .top-account .basket a .count { display:inline-block; position:absolute; top:-7px; right:-4px; width:18px; height:18px; line-height:18px; color:#fff; font-size:12px; text-align:center; background:#000; border-radius:50%; text-indent:0; }
#header .top-account .search a { width:23px; height:23px; background:url("../../_dbook/img/search_btn.png") no-repeat 50%; background-size:auto 100%; }
#header .cate-all { display:flex; align-items:center; justify-content:center; width:22px; height:100%; vertical-align:top; }
#header .cate-all a { display:block; position:relative; width:26px; height:18px; text-indent:-9999px; }
#header .cate-all a::before { content:""; position:absolute; top:50%; left:0; width:100%; height:100%; border-top:2px solid #000; border-bottom:2px solid #000; transform:translateY(-50%); box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#header .cate-all a::after { content:""; position:absolute; top:50%; left:0; width:100%; height:2px; border-top:2px solid #000; transform:translateY(-50%); box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


#header .cate-main { padding:0 8px; }
#header .cate-main ul { display:flex; justify-content:space-around; }
#header .cate-main ul li { width:auto; font-size:13px; }
#header .cate-main ul li a { display:block; padding:12px 0; color:#000; }

/*========================================================================
하단 영역
========================================================================*/
footer { position:relative; }
.footer-content { display:table; width:100%; padding:30px 15px; background:#3a3a3a; border-top:0; box-sizing:border-box; }
.footer-content .footer-phone strong { color:#fff; font-size:17px; font-weight:600;}
.footer-content .footer-phone p { color:#fff; font-size:11px; font-weight:200;}

/* SNS */
.footer-sns { position:absolute; top:45px; right:15px; width:50px; text-align:right }
.footer-sns ul { display:flex; gap:10px; }
.footer-sns ul li a img {width:100%;}

/* 은행 정보*/
.bank-info { margin:25px 0 0;  color:#fff;}
.bank-info span { font-size:13px; font-weight:600; }
.bank-info .bank-info_num { padding-left:8px; font-size:14px; font-weight:600;}
.bank-info p { margin:5px 0 0; font-size:11px; font-weight:200; }

/* 회사 정보*/
#footer .footer-content .shop-info { display:inline-block; vertical-align:top; padding-top:25px; color:#8a8a8a; font-size:11px;line-height:1.6; }
#footer .footer-content .copyright {  margin:9px 0 0; color:#8a8a8a; font-size:11px; font-weight:200; background:none; }
#footer .shop-info dl { display:flex; }
#footer .shop-info dl dd { margin:0 7px 0 3px; font-weight:200;}
#footer .shop-info dl dt { position:relative; padding:0 0 0 7px; margin:0; font-weight:200;}
#footer .shop-info dl dt::before { content:""; position:absolute; top:3px; left:0; height:11px; border-left:1px solid #717171; }
#footer .shop-info dl dt:first-child { padding-left:0; }
#footer .shop-info dl dt:first-of-type::before { border-left:0; }

.footer-menu { padding:20px 0 60px; border-top:0; line-height:1.4; text-align:center; }
.footer-menu ul { display:flex; width: 106%; margin-left: -3%; }
.footer-menu li { flex:auto; position:relative; padding:0;}
.footer-menu li::before { content:""; position:absolute; top:3px; left:0; height:11px; border-left:1px solid #757575; }
.footer-menu li:first-child::before { border-left:0; }
.footer-menu li a { color:#ffffff; font-size:13px; font-weight:400;   }

/*========================================================================
하단 메뉴 네비게이션
========================================================================*/
.bottom-nav { position:fixed; bottom:0; width:100%; box-shadow:0 0 10px rgba(0, 0, 0, 0.09); background:#fbf7f0; z-index:100; transition:all .5s ease-out;  }
.bottom-nav.active { bottom:-75px; transition:all .3s ease-out; }
.bottom-nav ul { display:flex; justify-content:space-around; align-items:center; padding:0 10px; }
.bottom-nav ul li { flex:1; display:flex; justify-content:center; text-align:center; }
.bottom-nav ul li a { display:block; padding:12px 0; color:#808080; font-size:clamp(13px,3.19vw,15px); }
.bottom-nav ul li p { margin:5px 0 0; }
.bottom-nav ul li span img { width:24px; }

.bottom-nav .cate-all a { display:block; position:relative; width:26px; height:18px; text-indent:-9999px; }
.bottom-nav .cate-all a::before { content:""; position:absolute; top:50%; left:0; width:100%; height:20px; border-top:2px solid #000; border-bottom:2px solid #000; transform:translateY(-50%); box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.bottom-nav .cate-all a::after { content:""; position:absolute; top:50%; left:0; width:100%; height:2px; border-top:2px solid #000; transform:translateY(-50%); box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


/*========================================================================
좌측 슬라이드 메뉴
========================================================================*/
#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 { border-color:#e7e7e7; }
#header_wrap header .header_box { border:none; }


.sub_top { border-color:#e7e7e7; background:none; }
.sub_top h2 { height:50px; line-height:50px; padding:0; }
.sub_top h2 a { color:#757575; font-size:15px; font-weight:500; }
.sub_top .sub_top_left .all_page_prev { background:url("../../_dbook/img/btn_back.png") no-repeat 50%; background-size:8px auto; }

/* 더보기 공통 */
.goods_list .btn_box { padding:0; position:relative; }
.goods_list .btn_box
.goods_main_more_btn,
.more_btn,
.main_more_btn { color:#121212; font-size:12px; font-weight:400; background:none; border-color:#e0e0e0; }
.goods_main_more_btn::after,
.more_btn::after,
.main_more_btn::after{ content:"+"; display:inline-block; margin:0 0 0 10px; }


/*========================================================================
상품 목록
========================================================================*/
/* 추천 상품 진열 */
.recommend_prd_list .goods_prd_img .img_box .img img { border:0; }
.recommend_prd_list .goods_prd_content .goods_info_list li { padding:0; color:#000; font-size:14px; }
.recommend_prd_list .goods_prd_content .goods_info_list li.prd_name { padding-bottom: 10px; color:#121212; font-size:13px; }
.recommend_prd_list .goods_prd_content .goods_info_list li.short_des { padding-bottom: 10px; color:#757575; font-size:12px; font-weight:300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  text-overflow:ellipsis; overflow:hidden; }
.recommend_prd_list .goods_prd_content .goods_info_list li.fixed-price { color:#999999; font-size:13px; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price { font-weight:500; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price .c_price { color:#121212; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price .sale-rate { margin:0 7px 0 0; color:var(--point-color);}

/* 목록 간격 */
.goods_list .goods_list_recom .recommend_prd_list { padding:0 10px; }
.goods_list .goods_list_box > ul { }
.goods_list_content { padding:0 10px; }

/* 목록 상품 진열 */
.goods_product_list .goods_prd_img .img_box .img img { border:0; }
.goods_product_list .goods_prd_content .goods_info_list li { padding:0; color:#000; font-size:14px; }
.goods_product_list .goods_prd_content .goods_info_list li.prd_name { margin-bottom: 5px; color:#121212; font-size:13px;  }
.goods_product_list .goods_prd_content .goods_info_list li.short_des { margin-bottom: 5px; color:#757575; font-size:12px; font-weight:300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  text-overflow:ellipsis; overflow:hidden;}
.goods_product_list .goods_prd_content .goods_info_list li.fixed-price { color:#999999; font-size:13px; font-weight:500; }
.goods_product_list .goods_prd_content .goods_info_list li.price .c_price { color:#121212; font-weight:500; }
.goods_product_list .goods_prd_content .goods_info_list li.price .sale-rate { margin:0 7px 0 0; color:var(--point-color);}


/* 목록 중분류 */
.goods_list_category > ul{ position:relative; margin:0 15px 25px; width:calc(100% - 30px); height:45px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; border-bottom:solid 1px #e7e7e7; box-sizing:border-box; }
.goods_list_category > ul::-webkit-scrollbar{height:1px;}
.goods_list_category > ul::-webkit-scrollbar-track,
.goods_list_category > ul::-webkit-scrollbar,
.goods_list_category > ul::-webkit-scrollbar-thumb{background:transparent url('../img/common/m_scrollbar.png') repeat;}
.goods_list_category > ul::-webkit-scrollbar-track{display:none;}
.goods_list_category > ul::-webkit-scrollbar-thumb{height:1px;width:1px;}
.goods_list .goods_list_recom h3 { padding:0 15px; color:#161616; font-size:14px; font-weight:400; border:none;}
.goods_list .goods_list_category ul li a { color:#a8a8a8; font-weight:500; line-height:35px; }
.goods_list .goods_list_category ul li.selected a { color:#121212; }
.goods_list .goods_list_category ul li { position:relative; }
.goods_list .goods_list_category ul li.selected::before{ content:""; display:block; position:absolute; bottom:0; width:100%; height:2px;  background:#121212; } 
.sub_top .sub_top_left { top:4px; }
.goods_list .pick_list_num { color:#161616; font-size:14px; font-weight:400; }
.goods_list .goods_list_content .goods_top_box { display:flex; justify-content:space-between; align-items:center; padding:5px 5px 0; background:none; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box { width:auto; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel { width:auto; position:relative;}
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel::after{ content:""; width:8px; height:6px; position:absolute; right:5px; top:calc(50% - 3px); background:url('../../_dbook/img/list_sort_arr.png') no-repeat 0 0; background-size:contain; cursor: pointer; z-index: -10;}
.goods_list .goods_list_content .goods_top_box .inp_sel select { width:auto; background:none; border:none; padding: 0 22px 0 6px; cursor: pointer;}
.goods_list .btn_area {display:none;}
.goods_list .goods_list_recom h3 .more_btn_box { top:-2px; right:15px; }
.goods_product_list .goods_prd_content .goods_prd_icon, 
.recommend_prd_list .goods_prd_content .goods_prd_icon { display:none; }
.goods_list .goods_list_content .goods_view_type { display: inline-block; margin-top: -4px; text-align: right; vertical-align: middle;  }
.goods_list .goods_list_content .goods_view_type ul { margin-left: 10px; font-size: 0; text-align: right; }
.goods_list .goods_list_content .goods_view_type li { display: inline-block;}
.goods_list .goods_list_content .goods_view_type li button {  width:25px; height:25px; font-size: 0; border:none; background:none; }
.goods_list .goods_list_content .goods_view_type li.view-list button.on { background:  url("../img/icon_list_on.png") no-repeat 50%; background-size: 17px; }
.goods_list .goods_list_content .goods_view_type li.view-thumb button.on { background:  url("../img/icon_thumb_on.png") no-repeat 50%; background-size: 13px; }
.goods_list .goods_list_content .goods_view_type li.view-list button { background:  url("../img/icon_list.png") no-repeat 50%; background-size: 17px; }
.goods_list .goods_list_content .goods_view_type li.view-thumb button{ background:  url("../img/icon_thumb.png") no-repeat 50%; background-size: 13px; }


/*========================================================================
상품 상세
========================================================================*/
html:has(.goods_view) #header_wrap .header_box{ display:none; }
.goods_view .detail_info .detail_info_top { padding: 15px 0; margin: 0 15px; }
.goods_view .detail_info .detail_sub_info { padding: 10px 0; margin: 0 15px; }
.goods_view .cont_detail { position:relative; padding:0 0 10px; }
.goods_view_image_slider .slick-dots { position:absolute; bottom:10px; width:100%; }
.goods_view_image_slider .slick-dots li.slick-active button, { background:#161616; }
.goods_view_image_slider .slick-dots li button { background:#e5e5e5; }
.goods_view .detail_info .detail_info_top .prd_icon { display:none; }
.goods_view .detail_info h3 { color:#121212; font-size:17px; font-weight:400; }
.goods_view .detail_info .detail_info_top .price_box .price { color:#121212; font-size:18px; }
.goods_view .detail_info .detail_info_top .price_box del { color:#a2a2a2; font-size:15px; }
.goods_view .detail_info .detail_info_top .price_box .sale-rate { float:right; color:var(--point-color); font-size:18px; font-weight:600; }
.goods_view .detail_info .detail_info_top .short_des { padding:0 0 10px; color:#888888; font-size:12px; font-weight:200; }
.goods_view .detail_info .detail_sub_info dl dt { color:#424242; }
.goods_view .detail_info .detail_sub_info dl dd { color:#757575; }

.goods_view .detail_btm_tab_menu_box,
.goods_view .share_btn_box { border: none; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul { width:100%; margin:0; }

.goods_view .detail_info .item_price_cont{ padding:10px 15px; }
.goods_view .detail_info .item_price_cont dl { display:flex; justify-content:space-between; align-items: center }
.goods_view .detail_info .item_price_cont dl dt { color:#161616; font-size: 12px; }
.goods_view .detail_info .item_price_cont dl dd{ color:#121212; font-size:18px; font-weight:700; }

.goods_view .detail_info .btn_choice_box > div { padding:15px; display:flex; justify-content:space-between; }
.goods_view .detail_info .btn_choice_box .btn_add_wish { width:45px; height:45px; font-size: 0; background:url("../img/icon_heart.png") no-repeat 50% 50%; background-size:50%; border:solid 1px #e0e0e0; }
.goods_view .detail_info .btn_choice_box .btn_add_cart { width:45px; height:45px; font-size: 0; background:url("../img/icon_basket.png") no-repeat 50% 50%; background-size:45%; border:solid 1px #e0e0e0; }
.goods_view .detail_info .btn_choice_box .btn_add_order { width:calc(100% - 100px); height:45px; color:#fff; font-size:15px; font-weight:500;   background:#000; }

.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a { color:#121212; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a { color:#969696; font-weight:400; padding:0 !important; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span { display:inline-block; color:#969696; font-size: 13px; font-weight:400; }

/*구매하기 하단*/
.goods_view .detail_buy .detail_prd_btn { padding:12px 15px; }
.goods_view .detail_buy .detail_prd_btn ul li { padding:0; }
.goods_view .detail_buy .detail_prd_btn .detail_cart_btn { background:none; border:solid 1px #dedede; color:#757577; font-size:15px; font-weight:500;  }
.goods_view .detail_buy .detail_prd_btn .detail_order_btn { background:#121212; color:#fff; font-size:15px; font-weight:500; }

/* 관련상품 */
.related_goods h3 { font-weight:500; }
.related_goods .list { padding:0 10px; }
.related_goods .goods_prd_item2 .goods_prd_item2_box { padding:5px 5px 25px; }
.related_goods .goods_prd_item2 .goods_prd_content .goods_info_list li.price .c_price { color:#333; }

/* 상세버튼 */
.goods_view .detail_more_btn { font-size:12px; font-weight:400; border:solid 1px #424242; background:#424242; } 
.goods_view .detail_write_btn { color:#121212; font-size:12px; font-weight:400; border:solid 1px #e0e0e0; background:none; } 

/* contact */
.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont {
    display: none !important;
}

.root_daum_roughmap .map_border { border: 0px !important;}