/* BASIC css start */
#contentWrapper {width: 100%;padding: 0 0 0 0;}
#contentWrap {/*width: 95%;max-width: 1800px;*/margin: 0 auto;}
/*#contentWrap {width: 1400px;}*/
#contentWrap {width: 100%; max-width: 100%;}
footer{width: 100% !important; max-width: 100% !important;}
/* 뉴메인용 그리드 배열 : 한줄에 하나씩 더 추가 */ 
.prd-wrap .prd-list {
    letter-spacing: 0;
}
/* 2->3 */
.prd-wrap ul.grid2 > li {
    width: 32%;
    margin-right: 2%;
}

.prd-wrap ul.grid2 > li:nth-child(2n) {
    margin-right: 2%;
}

.prd-wrap ul.grid2 > li:nth-child(3n) {
    margin-right: 0;
}

/* 3->4 */
.prd-wrap ul.grid3 > li {
    width: 23.5%;
    margin-right: 2%;
}
.prd-wrap ul.grid3 > li:nth-child(3n) {
    margin-right: 2%;
}
.prd-wrap ul.grid3 > li:nth-child(4n) {
    margin-right: 0;
}

/* 4->5 */
.prd-wrap ul.grid4 > li {
    width: 18.4%;
    margin-right: 2%;
}

.prd-wrap ul.grid4 > li:nth-child(4n) {
    margin-right: 2%;
}

.prd-wrap ul.grid4 > li:nth-child(5n) {
    margin-right: 0;
}
/* 5->6 */
.prd-wrap ul.grid5 > li {
    width: 15%;
    margin-right: 2%;
}
.prd-wrap ul.grid5 > li:nth-child(5n) {
    margin-right: 2%;
}
.prd-wrap ul.grid5 > li:nth-child(6n) {
    margin-right: 0;
}
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#mainTop{width:100%;}
#mainTop:after{content:""; display:block; clear:both;}
#mainTop > div{float:left;}

/* 상단 슬라이드 */
#visual{width:45%; position:relative; overflow:hidden;}
#visual .visual-cell{width:100%;}
#visual .visual-cell a{display:block;}
#visual .visual-cell a img{width:100%;}
#visual .flickity-page-dots{bottom:30px; text-align:left; padding-left:30px;}
#visual .flickity-page-dots .dot{width:6px; height:6px; margin:0 4px; background:#e4e4e4;}

#banners{width:calc(55% - 20px); margin-left:20px;}
#banners ul{height:100%;}
#banners ul li{width:100%; height:calc(50% - 10px); margin-bottom:20px;}
#banners ul li:last-child{margin:0;}
#banners ul li a{display:block; height:100%;}
#banners ul li a img{width:100%; max-height:100%;}


/* 상품 */
#prd_best,
#prd_new{padding-top:100px;}

#prd_best .prd-wrap .prd-list > li{position:relative;padding-bottom:0; margin-bottom:40px; overflow:hidden;}
#prd_best .prd-wrap .prd-list .thumbnail{margin:0;}
#prd_best .prd-wrap .prd-list > li .prd-info{position:absolute; bottom:0; left:0; width:100%; min-height:30%; line-height:16px; padding:18px 20px; box-sizing:border-box; cursor:pointer; background:rgba(78,71,71,0.3); transform: translateY(20%); opacity:0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
#prd_best .prd-wrap .prd-list > li .prd-info .prd-name{border-bottom:1px solid #d5d5d5;font-size:12px; }
#prd_best .prd-wrap .prd-list > li .prd-info .prd-term { color: #f3f3f3; }
#prd_best .prd-wrap .prd-list > li .prd-color {top:17px; right:15px;}
#prd_best .prd-wrap .prd-list > li .prd-color .white {border:0;}
#prd_best .prd-wrap .prd-list > li .prd-info{transform: translateY(20%);opacity: 0;}
#prd_best .prd-wrap .prd-list > li:hover .prd-info{transform: translateY(0); opacity:1;}
#prd_best .prd-wrap .prd-list .prd-thumb {margin-bottom:0;}
#prd_best .prd-wrap .prd-info .prd-name,
#prd_best .prd-wrap .prd-info .prd-price,
#prd_best .prd-wrap .prd-info .prd-subname {color:#f3f3f3;font-size:11px;}
#prd_best .prd-wrap .prd-info .prd-consumer,
#prd_best .prd-wrap .prd-info .ico_soldout {  }

/******** 메인 본문 최상단 슬라이드 ********/
.mainTopSlider {position:relative;overflow:hidden;width:100%;/*margin-bottom:50px;*//*padding-top:140px;*/}
.mainTopSlider .slider {width:100%}
.mainTopSlider .slider img {width:100%;}

/* 텍스트 스타일 */
 

/* 페이저, 화살표 */
.mainTopSlider .flickity-page-dots{bottom:50px;}
.mainTopSlider .flickity-page-dots .dot{ background: rgba(255,255,255,0.9);width: 9px;height: 9px;margin: 0 5px;}
.mainTopSlider .flickity-prev-next-button.previous{left:80px;}
.mainTopSlider .flickity-prev-next-button.next{right:80px;}

/* Fade CSS */
.mainTopSlider .flickity-slider {transform: none !important;}
.mainTopSlider .slider {left: 0 !important;}
.mainTopSlider .slider img {opacity:0;}
.mainTopSlider .slider.is-selected {}
.mainTopSlider .slider.is-selected img{opacity:1;}
.mainTopSlider .slider img,
.mainTopSlider .slider.is-selected img{;-webkit-transition:opacity 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:opacity 1.5s;}

/******** 공지사항 ********/
.notiMain {position:relative;clear:both;display:block;text-align:center;padding:0 0 50px 0;height:60px;width:100%;margin:50px auto 0;}
.notiMain ul li {display:block;line-height:24px; margin-bottom:8px;}
.notiMain ul li:last-child {margin-bottom:0;}
.notiMain ul li a {position:relative;display:inline-block;font-size:12px;color:#000;letter-spacing:0.3px; text-align:center; padding:0 5px; border-radius:2px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.notiMain ul li a:hover {background:#eee;}
.notiMain > a.more {display:block;font-size:12px;color:#000;letter-spacing:1px;position:absolute;right:0;top:20px;}
.notiMain > a.more:hover{text-decoration:underline; right:5px;}


.titleArea h2 {
    font-family: 'Cambay', '맑은 고딕', 'Nanum Gothic', sans-serif;
    color: #000;
}

.titleArea p {
    color: #000;
}

.titleArea h2:before {
    background-color: #000;
    top: 9px;
}
.prd-wrap .prd-info .prd-name {
    color: #000;
}

.prd-wrap .prd-info .prd-subname {
    color: #000;
}

.prd-wrap .prd-info .prd-price {
    color: #000;
}


.video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 비율에 맞게 조정 (9 / 16 * 100) */
      height: 0;
      overflow: hidden;
}
.video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}
/* BASIC css end */