@charset "UTF-8";

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


/*========================================================================
상단 영역
========================================================================*/
#header_wrap header .header_box { border-color:#e3e3e3; }
#header .header-wrap { display:flex; align-items:center; position:relative; width:100%; padding:11px 10px; background:#fff; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#header h1.top-logo { display:inline-block; width:167px; margin-left:6px; 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 .top-lgt-menu { display:inline-block; vertical-align:middle; width:24px; height:100%; padding:3px 4px }
#header .top-cate-btn { display:flex; align-items:center; justify-content:center; vertical-align:top; }
#header .top-cate-btn a { display:block; position:relative; width:24px; height:18px; text-indent:-9999px; }
#header .top-cate-btn 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 .top-cate-btn 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 .top-btn-wrap { position:absolute; top:50%; right:10px; margin-top:-12.5px; background:#ffffff; text-align:center; }
#header .top-btn-wrap ul::after { content:''; clear:both; overflow:hidden; }
#header .top-btn-wrap ul li { position:static; float:left; width:25px; height:25px; line-height:25px; margin:0 7.5px; }
#header .top-btn-wrap ul li a { display:block; text-indent:-9999px; }
#header .top-btn-wrap li.search { margin-right:4px; }
#header .top-btn-wrap li.search a { background:url("../img/top_search_btn.png") no-repeat; background-size:100% auto; }
#header .top-btn-wrap li.myshop { position:relative; }
#header .top-btn-wrap li.myshop a { background:url("../img/top_mypage_btn.png") no-repeat; background-size:100% auto; }
#header .top-btn-wrap li.myshop .join-benefit-flag { position:absolute; top:-22px; left:50%; width:64px; animation:floating .6s alternate infinite ease-in; transform:translateX(-50%); }
#header .top-btn-wrap li.myshop .join-benefit-flag .join-flag img { width:100%; }
@keyframes floating { 
	0% { top:-22px; } 
	100% { top:-25px; } 
}
#header .top-btn-wrap li.basket a { position:relative; background:url("../img/top_cart_btn.png") no-repeat; background-size:100% auto; }
#header .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 .cate-wrap { position:relative; padding:0 10px; height:36px; line-height:36px; background:#f0edeb; text-align:center; letter-spacing:-0.5px; }
#header .cate-wrap .cate-wrap-inner { position:relative; z-index:1; padding:0 27px; background:#fff; }
#header .cate-wrap .cate-list li { display:inline-block; vertical-align:top; width:auto; padding:0 3%;}
#header .cate-wrap a { color:#000000; font-size:14px; letter-spacing:-0.5px; }
#header .cate-wrap .swiper-button-prev,
#header .cate-wrap .swiper-button-next { left:0; width:27px; height:36px; margin-top:-18px; background:url("../img/top_cate_prev.png") no-repeat 50% 50%; background-size:6px auto; outline:none; }
#header .cate-wrap .swiper-button-next { left:auto; right:0; background:url("../img/top_cate_next.png") no-repeat 50% 50%; background-size:6px auto; }
#header .cate-wrap .swiper-button-next.swiper-button-disabled, 
#header .cate-wrap .swiper-button-prev.swiper-button-disabled { opacity:1; }


/*========================================================================
하단 영역
========================================================================*/
footer { position:relative; padding:28px 0 0; background:#000; }
.footer-wrap { padding:0 10px 40px; }
footer .footer-logo { width:113px; } 
footer .footer-logo img { width:100%; }
.footer-info-wrap { display:table; width:100%; padding:23px 0; box-sizing:border-box; }
.footer-info-wrap .footer-info { display:table-cell; vertical-align:top; }
.footer-info-wrap .footer-info > div { display:inline-block; padding:5px 0; }
.footer-info-wrap .footer-info h3 { position:relative; padding-bottom:5px; color:#fff; font-size:12px; font-weight:400; }
.footer-info-wrap .footer-info strong { display:block; margin-bottom:6px; color:#e61d5f; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.5px; }
.footer-info-wrap .footer-info p { color:#fff; font-size:12px; line-height:1.4; letter-spacing:-0.5px; }
.footer-info-wrap .footer-info p + p { padding-top:6px; }
.footer-util { padding:13px 0; line-height:1.4; letter-spacing:-0.5px; }
.footer-util ul { width:100%; font-size:0; box-sizing:border-box; }
.footer-util li { display:inline-block; vertical-align:top; position:relative; padding:0 10px; font-size:12px; font-weight:400; }
.footer-util li::before { content:""; position:absolute; top:2px; left:0; height:11px; border-left:1px solid #b5b5b5; }
.footer-util li:first-child { padding-left:0; }
.footer-util li:first-child::before { border-left:0; }
.footer-util li a { color:#fff; }
.footer-toggle { min-height:200px; margin-top:10px; }
.footer-toggle .toggle-item .title { display:flex; align-items:center; gap:12px; padding-bottom:10px; cursor:pointer; }
.footer-toggle .toggle-item .title::after { content:""; width:6px; height:6px; margin-bottom:6px; border-left:1px solid #ffffff; border-bottom:1px solid #ffffff; transform:rotate(-45deg); } 
.footer-toggle .toggle-item.on .title::after { margin-bottom:-4px; transform:rotate(135deg); } 
.footer-toggle .toggle-item .title h3 { color:#fff; font-size:13px; font-weight:400; line-height:1; letter-spacing:-0.02em; }
.footer-toggle .toggle-item .contents { display:none; }
.footer-area .footer-addr { font-size:12px; line-height:1.4; }
.footer-area .footer-addr address span { color:rgb(255 255 255 / 80%); padding:0; }
.footer-area .footer-addr address .copyright { display:block; padding:5px 0 0; }
.footer-area .footer-addr address .hosting { display:block; padding:5px 0 0; }
.fixed_btn_top { bottom:10%; right:0; }
.fixed_btn_top span { display:block; width:43px; height:43px; padding:0 14px 0 0; background:url('../img/top_btn.png') no-repeat; background-size:43px 43px; text-indent:-9999px; opacity:0.7;}

.foot_certify {  background:#000; }

/*========================================================================
좌측 슬라이드 메뉴
========================================================================*/
#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; }


/*========================================================================
서브 공통
========================================================================*/
/* 더보기 공통 */
.more_btn,
.main_more_btn { color:#000; font-size:13px; font-weight:300; background:#fff; border-color:#4a4040; }
.more_btn::after,
.main_more_btn::after { content:'+'; }

/* 회사소개 */
.body-service.body-company .company { padding:0;  }
.body-service.body-company .company h3 { padding:15px; margin:0; }
.body-service.body-company .company article img { max-width:100%; }

/*========================================================================
상품 목록
========================================================================*/
.goods_list .goods_list_content .goods_top_box { padding:10px 0 20px; margin:0 10px; background:#fff; border-bottom:1px solid #c8c8c8; }
.goods_list .goods_list_box > ul > li:first-child { border-top:0; }
.goods_list .goods_list_content .pick_list_num { display:none; }

/* 하위 카테고리 */
.goods_list .goods_list_category { margin:10px 0 0; padding:0 10px; }
.goods_list .goods_list_category ul li a { padding:8px 0 7px; margin-right:14px; color:#959595; font-size:15px; font-weight:300; } 
/* 추천 상품 진열 */
.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.short_des { color:#999; font-size:13px; font-weight:400; }
.recommend_prd_list .goods_prd_content .goods_info_list li.fixed-price { color:#a3a3a3; font-size:12px; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price { font-size:15px; font-weight:400; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price .c_price { color:#000; }
.recommend_prd_list .goods_prd_content .goods_info_list li.price .sale-rate { margin-right:2px; color:#3d3631; }
.recommend_prd_list .goods_prd_content .goods_prd_icon { margin-top:5px; }

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

/* 목록 상품 진열 */
.goods_product_list .goods_prd_img .img_box .img img { border:0; }
.goods_product_list .goods_prd_content .goods_info_list li { color:#000; font-size:14px; }
.goods_product_list .goods_prd_content .goods_info_list li.short_des { color:#999; font-size:13px; font-weight:400; }
.goods_product_list .goods_prd_content .goods_info_list li.fixed-price { color:#a3a3a3; font-size:12px; }
.goods_product_list .goods_prd_content .goods_info_list li.price { font-size:15px; font-weight:400; }
.goods_product_list .goods_prd_content .goods_info_list li.price .c_price { color:#000; }
.goods_product_list .goods_prd_content .goods_info_list li.price .sale-rate { margin-right:2px; color:#3d3631; }
.goods_product_list .goods_prd_content .goods_prd_icon { margin-top:5px; }

/* 장바구니, 찜하기 버튼 공통 */
.goods_prd_img .btn_area { position:absolute; bottom:10px; right:10px; padding:0; }
.goods_prd_img .btn_area li { display:block; }
.goods_prd_img .btn_area li .related_cart_btn { width:25px; height:25px; padding:0; margin-bottom:5px; border:0; background:url('../img/icon_cart.png') no-repeat 100%; background-size:25px; }
.goods_prd_img .btn_area li .related_wish_btn { width:25px; height:25px; padding:0; border:0; background:url('../img/icon_wish.png') no-repeat 100%; background-size:25px; }


/*========================================================================
상품 상세
========================================================================*/
.goods_view .cont_detail { padding:0; } 
.goods_view .detail_info h3 { padding-top:10px; color:#000; font-size:20px; font-weight:500; line-height:1.25; }
.goods_view .detail_info .short-desc { margin:10px 0 15px; color:#666; font-size:13px; font-weight:300; }
.goods_view .detail_info .detail_info_top { padding:10px 0; margin:0 10px; border-color:#b2b2b2; }
.goods_view .detail_info .detail_info_top .price_box { font-size:13px; }
.goods_view .detail_info .detail_info_top .price_box .price,
.goods_view .detail_info .detail_info_top .price_box .won { font-size:18px; font-weight:400; }
.goods_view .detail_info .detail_info_top .sale-rate { display:none; }
.goods_view .detail_info .detail_sub_info { border-color:#b2b2b2; }
.goods_view .detail_info .detail_sub_info dl dt,
.goods_view .detail_info .detail_sub_info dl dd { color:#000; font-size:13px; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span { color:#9a9a9a; font-weight:300; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected { border:0; }
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a,
.goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a span { color:#222; font-weight:500; }
.detail_order_btn, 
.detail_cart_btn { color:#fff; font-size:14px; font-weight:500; }
.detail_cart_btn { background:#000; border-color:#000; }
.detail_order_btn { background:#41382f; border-color:#41382f; }
.related_goods .goods_prd_item2 .goods_prd_content .goods_info_list li.price .c_price { color:#000; }


/*========================================================================
서브페이지
========================================================================*/
.sub-page { text-align:center; }
.sub-page img { max-width:100%; }