@charset "UTF-8";

/*========================================================================
Layout
========================================================================*/
#container { position:relative; padding:0 15px 50px; }
.top-logo { display:block; }
.main-logo { display:none; }

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


/*========================================================================
상단 영역
========================================================================*/
.header-wrap { padding:0 15px; }
#header_wrap header { background:#d93d3e; }
#header .header-top { position:relative; text-align:center; }
#header .header-logo { display:inline-block; width:119px; margin:0 auto; padding:13px 0 12px; vertical-align:top; }
#header .header-logo h1 > a { display:block; font-size:0; line-height:1; }
#header .header-logo h1 img { width:100%; height:auto; vertical-align:top; }

#header .header-left { position:absolute; top:0; left:0; height:100%; }
#header .cate-all { display:flex; align-items:center; justify-content:center; width:19px; height:100%; vertical-align:top; }
#header .cate-all a { display:block; position:relative; width:19px; height:16px; text-indent:-9999px; }
#header .cate-all a::before { content:""; position:absolute; top:50%; left:0; width:100%; height:50%; border-top:1px solid #fff; border-bottom:1px solid #fff; 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; bottom:-1px; left:0; width:100%; height:100%; border-top:1px solid #fff; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#header .header-right { position:absolute; top:0; right:5px; height:100%; }
#header .top-account { display:flex; align-items:center; justify-content:center; height:100%; }
#header .top-account > li { display:inline-block; position:relative; }
#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:18.5px; height:20px; }
#header .top-account .basket a > span { display:inline-block; vertical-align:top; width:100%; height:100%; background:url("../../_dbook/img/top-cart.png") no-repeat 50%; background-size:auto 100%; text-indent:-9999px; }
#header .top-account .basket a .count { display:inline-block; position:absolute; bottom:-1px; right:-5px; width:10px; height:10px; line-height:11px; color:#d93d3e; font-size:7px; text-align:center; font-weight:600; background:#ffd84b; border-radius:50%; text-indent:0; }
#header .top-account .mypage { width:17.5px; height:19.5px; padding:0 12.5px 0 0;}
#header .top-account .mypage a { width:100%; height:100%; background:url("../../_dbook/img/top-my.png") no-repeat 50%; background-size:auto 100%; }

#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; background:#1d1d1d; }
#footer { margin:0; }
.footer-wrap { padding:0 15px 50px; }
.footer-info-wrap { display:flex; width:100%; padding:23px 0; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; }
.footer-info-wrap .footer-info { flex:1; vertical-align:top; }
.footer-info-wrap .footer-info h3 { position:relative; padding-bottom:10px; color:#fff; font-size:13px; font-weight:600; line-height:1; }
.footer-info-wrap .footer-info strong { display:block; margin-bottom:4px; color:#fff; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-0.5px; }
.footer-info-wrap .footer-info p { color:#8f8f8f; font-size:11px; font-weight:300; line-height:14px; letter-spacing:-0.5px; }
.footer-util { padding:10px 0 9px; letter-spacing:-0.5px; border-bottom:1px solid rgba(255,255,255,0.2); }
.footer-util ul { display:flex; padding:0 2px 0 15px; width:100%; font-size:0; box-sizing:border-box; }
.footer-util li { flex:auto; position:relative; font-size:11px; font-weight:300; text-align:center; line-height:17.5px; box-sizing:border-box; }
.footer-util li::before { content:""; position:absolute; top:3px; left:0; width:1px; height:10px; border-left:1px solid rgba(255,255,255,0.2); }
.footer-util li:first-child { padding-left:0; }
.footer-util li:first-child::before { border-left:0; }
.footer-util li a { color:#e8e8e8; }
.footer-area { padding:20px 0 0; }
.footer-area .footer-addr address span { color:#a7a7a7; font-size:11px; line-height:15px;}
.footer-area .footer-addr address .copyright { display:block; padding:11px 0 0; }
.footer-area .footer-addr address .hosting { display:block; padding:2px 0 0; }
.foot_certify { padding:0; background:#1d1d1d; }


/*========================================================================
좌측 슬라이드 메뉴
========================================================================*/
#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; }
.navi_g,
#header_wrap header .header_box { border:0; }
.sub_top { border-top:0; border-bottom:1px solid #e7e7e7; }
.sub_top h2 { height:40px; line-height:40px; padding:0; }
.sub_top h2 a { color:#d93d3e; font-size:17.5px; font-weight:600; }
.sub_top .sub_top_left .all_page_prev { background:url("../../_dbook/img/btn_back.png") no-repeat 50%; background-size:auto 13px; }

/* 타이틀 공통 */
[class^="body-"]:not(.body-main) [class$="_tit"] > h2 { margin:31px 0 12px; color:#d93d3e; font-size:17px; font-weight:600; text-align:center; line-height:1.1; }

/* 더보기 공통 */
.goods_main_more_btn,
.more_btn,
.main_more_btn { color:#666; background:#fff; border-color:#b1b1b1; }

/* 셀렉트박스 */
#wrap select {-webkit-appearance:none; -moz-appearance:none; appearance:none; height:27px; padding:0 33px 0 10px; color:#454545; font-size:12px; font-weight:300; border:1px solid #e5e5e5; border-radius:2.5px; background:#fff url("../img/select-arrow.png") no-repeat right 9px top 50%; background-size:11px 6px; }
#wrap select::-ms-expand{ display:none; }

/*========================================================================
상품 목록
========================================================================*/
/* 중분류 */
.goods_list .goods_list_category { margin:0 0 13px; }
.goods_list .goods_list_category ul { width:calc(100% + 12px); margin-left:-6px; padding:0; text-align:center; }
.goods_list .goods_list_category ul li { width:25%; padding:0 6px 12px; box-sizing:border-box; }
.goods_list .goods_list_category ul li a { width:100%; padding:3px 0; color:#878787; font-size:12px; font-weight:300; text-align:center; border:1px solid #e6e6e6; border-radius:2.5px; box-sizing:border-box; }
.goods_list .goods_list_category ul li span { display:none; }
.goods_list .goods_list_category ul li.selected a { color:#fff; font-weight:500; border-color:#0056bb; background:#0056bb; }

/* sort/filter */
.goods_list .goods_list_content .goods_top_box { padding:12.5px 0; border-top:1px solid #e7e7e7; background:#fff; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li { padding:0; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button { display:block; position:relative; width:27px; height:27px; font-size:0; border:1px solid #e5e5e5; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button.on { border-color:#0056bb; filter: none !important; } 
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:first-child button { border-top-left-radius:2.5px; border-bottom-left-radius:2.5px; background-size:14px; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:first-child button.on { background:#0056bb url("../img/icon_product_type_list.png") no-repeat center; background-size:17px; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button { border-left:0; background-size:14px; border-top-right-radius:2.5px; border-bottom-right-radius:2.5px; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li:nth-child(2) button.on { background:#0056bb url("../img/icon_product_type_gallery2.png") no-repeat center; background-size:14px; }
.goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li.view-thumb { display:none; }

/* 추천 상품 진열 */
.goods_list .goods_list_recom { margin:0 0 25px; }
.goods_list .goods_list_recom h3 { display:none; }
.recommend_prd_list > li { position:relative; padding:0 2.5px; box-sizing:border-box; }
.recommend_prd_list > li .goods_prd_item11_box { padding:5px; border:1px solid #e8e8e8; border-radius:12.5px; }
.recommend_prd_list > li .btn_area  { padding:0; text-align:right; }
.recommend_prd_list > li .btn_area .btn_basket_cart { width:30px; height:30px; padding:0; border-radius:100%; background:#ededed; }

/* 목록 간격 */
.goods_list .goods_list_recom .recommend_prd_list,
.goods_list .goods_list_box > ul { width:calc(100% + 5px); margin-left:-2.5px; }

/* 목록 상품 진열 */
#wrap .goods_prd_item11 { position:relative; padding:0 2.5px 5px; box-sizing:border-box; }
#wrap .goods_prd_item11_box { padding:5px; border:1px solid #e8e8e8; border-radius:12.5px; }
#wrap .goods_prd_img { padding-bottom:8.5px; }
#wrap .goods_prd_img .img_box .img, 
#wrap .goods_view .goods_view_image_slider .slick-slide { display:block; position:relative; border-radius:12.5px; overflow:hidden; }
#wrap .goods_prd_img .img_box .img img { border:0; }
#wrap .goods_prd_content .goods_info_list { padding:0 2.5px; }
#wrap .goods_prd_content .goods_info_list li { padding:0; }
#wrap .goods_prd_content .goods_info_list .goods_info_tit { padding-bottom:8px; border-bottom:1px solid #e7e7e7; }
#wrap .goods_prd_content .goods_info_list li.prd_name { color:#222222; font-size:12.5px; font-weight:600; line-height:1.2; }
#wrap .goods_prd_content .goods_info_list li.short_des { margin:6px 0 5px; color:#aaaaaa; font-size:10px; font-weight:300; line-height:1.3; }
#wrap .goods_prd_content .goods_info_list .prd-price-wrap { display:flex; align-items:baseline; line-height:1; }
#wrap .goods_prd_content .goods_info_list li.fixed_price { padding:0 4px 0 0; color:#aaaaaa; font-size:10px; font-weight:200; }
#wrap .goods_prd_content .goods_info_list li.price { font-weight:600; }
#wrap .goods_prd_content .goods_info_list li.price .c_price { color:#222222; font-size:12.5px; }
.sale-rate { display:none; }
.goods_list .goods_list_box > ul > li .btn_area { padding:0; text-align:right; }
.goods_list .goods_list_box > ul > li .btn_basket_cart { width:30px; height:30px; padding:0; border-radius:100%; background:#d93d3e; }
.btn_basket_cart input { display:block; width:14px; margin:2px auto 0; font-size:0; border:0; background:url("../img/prd-cart-btn.png") no-repeat center; background-size:100%; }
.goods_prd_icon { position:absolute; top:0; }

/* 리스트형 목록 상품 진열 */
.goods_prd_item02 { padding:0 0 8px; border:0; }
#wrap .goods_prd_item02 > .goods_prd_item02_box { display:flex; padding:5px; border:1px solid #e8e8e8; border-radius:12.5px; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .goods_prd_img { width:92px; padding:0; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .goods_prd_content { position:relative; width:100%; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .goods_prd_content .goods_list_info > a { display:block; width:74%; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .goods_prd_content .goods_info_list li.prd_name { padding:0; border:0; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .goods_info-bottom { margin-top:8px; border-top:1px solid #e7e7e7; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .btn_area { position: absolute; bottom:0; right:0; z-index:99; }
#wrap .goods_prd_item02 > .goods_prd_item02_box .goods_prd_icon { display:none; }

.goods_list .btn_box { padding:25px 0 0; }
.more_btn { color:#222222; font-size:12px; font-weight:400; border-color:#e5e5e5; border-radius:2.5px; background:#fff ; }
.more_btn .more-plus { display:inline-block; position:relative; width:9px; height:9px; margin:0 0 0 6px;}
.more_btn .more-plus::before { content: ""; position: absolute; top:calc(50% - 1px); left:0; width:9px; height:1px; background: #000; }
.more_btn .more-plus::after { content: ""; position: absolute; top:0; left:calc(50% - 1px); width:1px; height:9px; background: #000; }
/*========================================================================
상품 상세
========================================================================*/
.goods_view { margin:15px 0 0; }
.goods_view .cont_detail { padding:0; }

.goods_view_image_slider .slick-dots { position:absolute; bottom:25px; left:50%; height:2px; transform:translateX(-50%); margin:0; }
.goods_view_image_slider .slick-dots li { height:2px; }
.goods_view_image_slider .slick-dots li button { width:20px; height:2px; margin:0; border-radius:0; background-color:#fff; opacity:1; }
.goods_view_image_slider .slick-dots li.slick-active button { border-color:#222222; background:#222222; }

.goods_view .detail_info .detail_info_top { padding:20px 0; border:0; }
.goods_view .detail_info .view-info-top { position:relative; }
.goods_view .detail_info h3 { width:80%; color:#222222; font-size:16.5px; font-weight:700; line-height:17.5px; }
.goods_view .detail_info p.descBox { margin:9px 0 0; color:#626161; font-size:12.5px; font-weight:300; line-height:14.5px; }
.goods_view .detail_info .detail_info_top .price_box { position:static; margin:0; padding:0; }
.goods_view .detail_info .detail_info_top .price_box .price, 
.goods_view .detail_info .detail_info_top .price_box .won,
.goods_view .detail_info .detail_info_top .price_box del,
.goods_view .detail_info .detail_info_top .price_box .won1,
.goods_view .share_btn_box { display:none; }
.goods_view .detail_info .detail_info_top .sale-rate { display:block; float:right; position:absolute; right:0; top:0; color:#0056bb; font-size:17px; font-weight:800; line-height:1; }
.goods_view .detail_info .detail_info_top .sale-rate em { font-size:17px; }

.goods_view .color_chip { padding:0 0 9px; }
.goods_view .color_chip > div { margin:0 0 0 2px; }
.goods_view .detail_info .detail_sub_info { padding:12px 0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.goods_view .detail_info .detail_sub_info dl { padding:0; }
.goods_view .detail_info .detail_sub_info dl dt { width:30%; padding:8px 0; color:#333333; font-size:12.5px; }
.goods_view .detail_info .detail_sub_info dl dd { width:70%; padding:8px 0; color:#333333; font-size:12.5px; }
.goods_view .detail_info .detail_sub_info dl dd strong { font-weight:600; }

.goods_view .detail_info_box { padding:0; }
.detail_board_box .item_list_head .item_list_write_box,
.goods_board_review_list .btn_box,
.goods_board_qa_list .btn_box { padding: 0 0 15px; }

/* 구매관련 버튼 */
.detail_buy .detail_prd_btn { padding:15px; }
.detail_buy .detail_prd_btn ul { display:flex; }
.detail_buy .detail_prd_btn ul li { flex:auto; padding:0; }
.detail_buy .detail_prd_btn ul li.detail-btn-wish,
.detail_buy .detail_prd_btn ul li.detail-btn-cart { width:45px; height:45px; box-sizing:border-box; }
.detail_buy .detail_prd_btn ul li.detail-btn-cart { margin:0 9px; }
.detail_buy .detail_prd_btn ul li.detail-btn-buy { width:calc(100% - 108px); }
.detail_buy .detail_prd_btn ul li > a { flex:none; display:block; height:45px; line-height:43px; padding:0; font-size:14px; font-weight:600; border-radius:22.5px; }
.detail_buy .detail_prd_btn .detail_order_btn { flex:auto; color:#ffffff; background:#d93d3e; border-color:#d93d3e; }
.detail_buy .detail_prd_btn .detail_wish_btn { border:1px solid #d93d3e; border-radius:50%; background:url("../../_dbook/img/detail_wish_btn.png") no-repeat 50% 46%; background-size:20px auto; box-sizing:border-box; }
.detail_buy .detail_prd_btn .detail_wish_btn > span { display:block; text-indent:-9999px; }
.detail_buy .detail_prd_btn .detail_cart_btn { border:1px solid #d93d3e; border-radius:50%; background:#d93d3e url("../../_dbook/img/detail_cart_btn.png") no-repeat 50% 46%; background-size:17px auto; box-sizing:border-box; }
.detail_buy .detail_prd_btn .detail_cart_btn > span { display:block; text-indent:-9999px; }

/* 옵션레이어 */
.total_price_box { padding: 15px 15px 4px 15px; }
.total_price_box ul { display:block; }
.total_price_box ul li dl { display:flex; justify-content:space-between; }
.total_price_box ul li dl dt { color:#222222; }
.total_price_box ul li dl dd { color:#222222; font-size:17px; }
/* 탭버튼 */
.goods_view .detail_btm_tab_menu_box { height:32px; margin:62px 0 15px; border:0; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul { position:relative; width:100%; height:32px; margin:0; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul::before { content:""; position:absolute; bottom:0; left:100%; width:100%; height:1px; background:#c7c7c7; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul::after { content:""; position:absolute; bottom:0; right:100%; width:100%; height:1px; background:#c7c7c7; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li { height:32px; border-bottom:1px solid #c7c7c7; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a { padding:15px 0; color:#b0b0b0; font-size:12px; font-weight:400; line-height:1; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span { display:none; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected { height:32px; border:1px solid #c7c7c7; border-top-right-radius:5px; border-top-left-radius:5px; border-bottom:0; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a { color:#d93d3e; font-weight:500; }

/* 관련상품 */
.related_goods h3 { padding:35px 0 22px; color:#222222; font-size:16px; font-weight:700; text-align:center; line-height:1; }
#wrap .goods_view  .related_goods .list > li { padding:0; }
.related_goods .list > li .goods_prd_content .goods_info_list li.prd_name,
.related_goods .list > li .goods_prd_content .goods_info_list li.short_des { text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.related_goods .list > li .btn_area  { padding:0; text-align:right; }
.related_goods .list > li .btn_area .btn_basket_cart { width:30px; height:30px; padding:0; border-radius:100%; background:#ededed; }
.related_goods .swiper-container-horizontal>.swiper-pagination-bullets { margin:12.5px 0 0; text-align:center; line-height:1; }
.related_goods .swiper-pagination-clickable .swiper-pagination-bullet { width:7px; height:7px; }
.related_goods .swiper-pagination-bullet-active { background:#0056bb; }