@charset "utf-8";

/*========================================================================
메인 영역
========================================================================*/
.body-main #header #category { background:transparent; }
.body-main #header #category::after { border:0; }
.body-main #container { width:100%; }
.body-main #contents { padding:0; }
.body-main #topLine { height:0; }

/* 숨김처리 */
.body-main [class*=main-box].hide { display:none; }

/* 메인 비주얼 */
.main-visual {position:relative; overflow:hidden; margin-top:-65px; }
.main-visual .slick-slider {position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; }
/* 캡션 */
.main-visual .slick-counter { position:absolute; bottom:140px; left:50%; z-index:61; margin-left:525px; color:#010101; font-size:21px; font-weight:300; letter-spacing:-0.5px; }
.main-visual .slick-counter .current { font-size:34px; font-weight:300;}
/* 버튼 */
.main-visual .slick-slider .slick-prev,
.main-visual .slick-slider .slick-next { display:inline-block; position:absolute; top:50%; left:50%; z-index:70; width:30px; height:68px; margin:0 0 0 -750px; background:url('../img/main_slide_prev.png') no-repeat 50%; cursor:pointer; transform:translateY(-50%); }
.main-visual .slick-slider .slick-next { left:auto; right:50%; margin:0 -750px 0 0; background:url('../img/main_slide_next.png') no-repeat 50%;}

/* box 간격 */
.main-box { position:relative; z-index:61; margin:-80px 0 0;}
.main-box2 {margin:50px 0 0;}
.main-box3 {margin:90px 0 0;}
.main-box4 {margin:90px 0 0;}
.main-box5 {margin:110px 0 0;}
.main-box6 {margin:50px 0 0;}
.main-box7 {margin:90px 0 0;}
.main-box8 {margin:90px 0 0;}
.main-box9 {margin:60px 0;}

/* 메인 타이틀 */
.main-wrap .goods_list_tit { display:none; }
.main-wrap .title {margin:0 0 30px; color:#000000; font-size:36px; font-weight:400; line-height:1; }
.main-wrap .title span { display:inline-block; vertical-align:top; position:relative; width:24px; height:32px; margin-left:5px; }
.main-wrap .title span::before { content:''; position:absolute; top:4px; left:50%; width:2px; height:24px; margin-left:-1px; background:#000; }
.main-wrap .title span::after { content:''; position:absolute; top:50%; left:0; width:24px; height:2px; margin-top:-1px; background:#000; }

.main-wrap {  }

/* ---------- 메인 박스 1 ---------- */
/* 공지사항 */
.main-wrap .main-box .title { display:inline-block; vertical-align:middle; margin:0; font-size:18px; font-weight:500; } 
.main-notice { position:relative; width:1200px; height:80px; line-height:80px; padding:0 50px; margin:0 auto; background:#fff; }
.main-notice .main-notice-list { display:inline-block; vertical-align:middle; color:#000; font-size:18px; }
.main-notice .board-tit { margin-left:90px; font-weight:300; }
.main-notice .board-date { margin-left:30px; color:#a8a8a8; font-weight:400; }
.main-notice .main-notice-more { display:inline-block; vertical-align:middle; position:absolute; top:50%; right:50px; transform:translateY(-50%); }
.main-notice .main-notice-more span { display:inline-block; width:22px; height:22px; text-indent:-9999px; }
.main-notice .main-notice-more span::before { content:''; display:inline-block; position:absolute; top:50%; left:50%; width:2px; height:20px; background:#000; transform:translate(-50%,-50%); }
.main-notice .main-notice-more span::after { content:''; display:inline-block; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#000; transform:translate(-50%,-50%); }

/* ---------- 메인 박스 2 ---------- */
/* 배너 */
.main-top-bn .main-top-bn-list { padding:7px 0 0; font-size:0; }
.main-top-bn .main-top-bn-list li { display:inline-block; vertical-align:top; width:585px; overflow:hidden; }
.main-top-bn .main-top-bn-list li:first-child { margin-right:30px; }
.main-top-bn-img { max-width:100%; }
.main-top-bn-info { padding-top:17px; }
.main-top-bn-info > div { display:inline-block; vertical-align:top; width:530px; padding-right:20px; color:#737373; font-size:18px; line-height:1.2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; }
.main-top-bn-info h3 { margin-bottom:10px; color:#000000; font-size:24px; }
.main-top-bn-info > span { display:inline-block; vertical-align:top; position:relative; width:55px; height:55px; background:#443b32; text-align:center;  }
.main-top-bn-info > span::before { content:''; display:inline-block; position:absolute; top:50%; left:50%; width:2px; height:30px; background:#fff; transform:translate(-50%,-50%); }
.main-top-bn-info > span::after { content:''; display:inline-block; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#fff; transform:translate(-50%,-50%); }

/* ---------- 메인 박스 3 ---------- */
/* 상품 탭슬라이드 */
.tab-prd { position:relative; }
.tab-prd .item_hl_tab_type .goods_tab_tit { position:absolute; top:-65px; right:0; }
.tab-prd .item_hl_tab_type .goods_tab_tit ul { width:auto; }
.tab-prd .item_hl_tab_type .goods_tab_tit li { display:inline-block; vertical-align:middle; width:auto !important; padding:0; margin:0; }
.tab-prd .item_hl_tab_type .goods_tab_tit li a { padding:8px 18px; border:0; color:#959595; font-size:20px; font-weight:300; line-height:1; letter-spacing:-0.5px; cursor:pointer; }
.tab-prd .item_hl_tab_type .goods_tab_tit li:last-child a { padding-right:0;}
.tab-prd .item_hl_tab_type .goods_tab_tit li.on a { color:#000000; font-weight:400; }
.tab-prd .goods_list_cont .goods_tab_box > ul { width:calc(100% + 24px); margin-left:-12px; }
.tab-prd .goods_list_cont .goods_tab_box > ul li { margin-top:-5px; }
.tab-prd .goods_list_cont .goods_tab_box > ul li .item_cont { padding:0 12px; }

/* ---------- 메인 박스 4 ---------- */
/* 이달의 MD추천 :상품 슬라이드  */
.prd-slide { background:#f9f6f3; overflow:hidden;}
.main-wrap .prd-slide .title { margin-bottom:20px; }
.prd-slide .prd-slide-left { position:relative; width:730px; padding:90px 0 0; color:#000000; font-size:20px; font-weight:300; line-height:1.4; letter-spacing:-0.4px; }
.prd-slide .prd-slide-left .title,
.prd-slide .prd-slide-left .sub-title{ width:520px; }
.prd-slide .prd-slide-left .sub-title{ margin-bottom:45px; min-height:56px; }
.prd-slide .goods_list_cont ul { width:756px; margin-left:-13px; }
.prd-slide .item_cont{ padding:0 13px; }
.prd-slide .item_tit_box .item_name { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#000; font-size:20px; }
.prd-slide .prd-slide-left #prd-slide-prev,
.prd-slide .prd-slide-left #prd-slide-next { position:absolute; top:-105px; right:0; cursor:pointer; }
.prd-slide .prd-slide-left #prd-slide-prev { right:65px; }
.prd-slide .prd-slide-right { position:absolute; top:0; left:50%; width:790px; margin-left:210px; }

/* ---------- 메인 박스 5 ---------- */
/* 핫딜 :배너 + 상품 진열 */
#main .bn-prd .title { margin-bottom:25px; }
.bn-prd .bn-prd-wrap { font-size:0; }
.bn-prd .prd-left-bn { display:inline-block; vertical-align:top; width:360px; margin-right:38px; }
.bn-prd .prd-left-bn a { display:block; }
.bn-prd .prd-left-bn img { max-width:100%; }
.bn-prd .prd-list { display:inline-block; vertical-align:top; width:802px; }
.bn-prd .goods_list_cont .item_basket_type > ul { width:828px; margin-left:-13px; }
.bn-prd .goods_list_cont .item_basket_type > ul li .item_cont { padding:0 13px; }
.bn-prd .item_money_box .sale-rate { display:none; }

/* ---------- 메인 박스 6 ---------- */
/* 중간 띠배너 */
.main-mid-bn a { display:block; }
.main-mid-bn img { max-width:100%; }
.main-mid-bn img { max-width:100%; }
.main-mid-bn .slider-wrap.slick-slider { overflow:visible; }
.main-mid-bn .slider-wrap.slick-slider .slick-dots { position:unset; padding-top:8px; }
.main-mid-bn .slider-wrap.slick-slider .slick-dots li button { width:18px; height:3px; padding:0; border-radius:0; }
.main-mid-bn .slider-wrap.slick-slider .slick-dots li.slick-active button { width:32px; }

/* ---------- 메인 박스 7 ---------- */
/* 중간 배너 */
.main-bt-bn ul { font-size:0; }
.main-bt-bn ul li { display:inline-block; vertical-align:top; width:380px; margin-right:30px; }
.main-bt-bn ul li:last-child { margin-right:0; }
.main-bt-bn ul li a { display:block; }

/* ---------- 메인 박스 8 ---------- */
/* PRODUCT :상품진열  */
.bt-prd .goods_list_cont .item_basket_type > ul { width:1224px; margin-left:-12px; }
.bt-prd .goods_list_cont .item_basket_type > ul li .item_cont{ padding:0 12px; }

/* ---------- 메인 박스 9 ---------- */
/* 브랜드 롤링 배너 */
.main-brand-bn { position:relative; }
.main-brand-bn li.cycle-slide { width:120px !important; margin-right:60px; vertical-align:top; }
.main-brand-bn li a { display:block; text-align:center; }
.main-brand-bn li span { display:block; width:120px; margin:0 auto; border-radius:50%; overflow:hidden; }
.main-brand-bn li p { margin-top:15px; color:#000000; font-size:20px; white-space:normal; }
.main-brand-bn > span { position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; }
.main-brand-bn .main_brand_prev { left:-80px; }
.main-brand-bn .main_brand_next { right:-80px; }