/* BASIC css start */
/*--------------------------------------------------------------------------------
//
//            공통
//
--------------------------------------------------------------------------------*/
.main {
    overflow:hidden;
}
.main section,
.main section *{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.main section{
    margin-bottom:22.222vw;
}

.main section h2.secTit,
.main section h2.secTit a{
    display:block;
    margin-bottom:4.167vw;
    font-size:5.556vw;
    font-weight:600;
    line-height:8.333vw;
}

h2.secTit{
    display:block;
    margin-bottom:4.167vw;
    font-size:5.556vw;
    font-weight:600;
    line-height:8.333vw;
}

html body {
    padding:0;
}

body header .mainHeader{
    display:block;
}

body header .etcPageHeader{
    display:none;
}

.list_shopping2x ul{padding: 0;}
.list_shopping2x li{width: 49%; margin-right: 2%;}
.list_shopping2x li:nth-of-type(2n){margin-right: 0;}
.list_shopping2x li a{padding: 0;}
.items .thumb{position: relative;}

.listName{padding-bottom: 8px;}
.prd-subname{margin-bottom: 8px;}
.shop_price{margin-top: 2px;}
.specialarea .items li:nth-of-type(2n){margin-right: 0;}
.specialarea .items li:nth-of-type(2n-1){margin-right: 2%;}

/*옵션 미리보기*/
.optionPreview{
    position:relative;
    margin-top:10px;
    width: 100%;
    max-width:140px;
    margin: 0 auto;
}

.optionPreview *{
    box-sizing:border-box;
}

.optionPreview > img{
    display:none;
}

.optionPreview .prevOptionBtn{
    position:relative;
    display:block;
    line-height:30px;
    border:1px solid #cfcfcf;
    border-radius:5px;
    cursor:pointer;
    width:100%;
    margin:0 auto;
}

.optionPreview .prevOptionBtn img{
    position:absolute;
    top:12.5px;
    right:10px;
}

.optionPreview #MK_opt_preview{
    top:28px !important;
    left:50% !important;
    width:100%;
    transform:translateX(-50%);
    border-radius:5px;
}

.optionPreview #MK_opt_preview .mk_prd_option_list{
    width: 100%;
    max-width:180px;
    padding: 10px 0 0;
    border: 1px solid #cfcfcf;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.optionPreview #MK_opt_preview .mk_prd_option_list li{
    width:90%;
    margin:5px 10px;
    padding-left:10px;
    border-radius:5px;
}

.optionPreview #MK_opt_preview .mk_prd_option_list li:hover{
    background:#f4f4f4;
}

.optionPreview #MK_opt_preview .mk_prd_option_list li.mk_opt_top,
.optionPreview #MK_opt_preview .mk_prd_option_list h5.option-name{
    display:none;
}

.optionPreview #MK_opt_preview .mk_prd_option_list li p,
.optionPreview #MK_opt_preview .mk_prd_option_list li a{
    display:inline-block;
    font-size:12px;
    color:#242424;
    line-height:22px;
}

.optionPreview #MK_opt_preview .mk_prd_option_list li.mk_bt_opt_close a{
    display:block;
    position:absolute;
    top:-27px;
    left:-10px;
    width:100%;
    height:32px;
    font-size:0;
}

/*--------------------------------------------------------------------------------
//
//            swiper overflow 수정
//
--------------------------------------------------------------------------------*/
.mainSec07{
    overflow:hidden;
}

.mainSec04 .swiper,
.mainSec06 .swiper,
.mainSec07 .swiper{
    overflow:visible;
}


/*--------------------------------------------------------------------------------
//
//            메인 대분류 카테고리 리스트
//
--------------------------------------------------------------------------------*/
.categoryListWrap .fixedArea{
    border-bottom:0.278vw solid #e9e9e9;
    background:#fff;
    transition:all 0.3s;
}

.categoryListWrap .fixedArea.fixed{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:1;
}

.categoryListWrap ul li{
    width:auto;
    margin-right:1.389vw;
}

.categoryListWrap ul li:last-child{
    margin-right:0;
}

.categoryListWrap ul li a{
    display:block;
    position:relative;
    padding: 2.778vw 4.167vw;
    font-size:3.889vw;
    line-height:5vw;
}

.categoryListWrap ul li a.active:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left: 3.167vw;
    width: calc(100% - 6.333vw);
    height:0.556vw;
    background:#000;
}

/*--------------------------------------------------------------------------------
//
//            section01
//
--------------------------------------------------------------------------------*/
.main .mainSec01{
    width:100%;
    margin-bottom:1.389vw;
    overflow:hidden;
}

.mainSec01 .swiper .swiper-slide img{
    display:block;
    width:100%;
}

.mainSec01 .swiper-horizontal>.swiper-pagination-progressbar,
.mainSec01 .swiper-pagination-progressbar.swiper-pagination-horizontal,
.mainSec01 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.mainSec01 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:70%;
    height:2px;
    top:auto;
    bottom:20px;
    left:15%;
}

.mainSec01 .swiper-pagination-progressbar{
    background:#000;
}

.mainSec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#fff;
}

.mainSec01 ul li{
    overflow:hidden;
}

.mainSec01 ul li a{
    display:block;
    position:relative;
}

.mainSec01 ul li .textBox{
    position:absolute;
    bottom:24.444vw;
    left:15px;
}

.mainSec01 ul li .textBox strong{
    display:block;
    margin-bottom:5.556vw;
    font-size:8.333vw;
    line-height:9.722vw;
    font-weight:400;
    color:#fff;
    opacity:0;
    margin-left:-100%;
    
    transition:all 0.5s;
}

.mainSec01 ul li .textBox span{
    display:block;
    font-size:4.167vw;
    line-height:5.556vw;
    color:#fff;
    opacity:0;
    margin-left:-100%;
    
    transition:all 0.8s;
}

.mainSec01 ul li .firsttext strong{
    display:block;
    margin-bottom:5.556vw;
    font-size:8.333vw;
    line-height:9.722vw;
    font-weight:400;
    color:#000;
    opacity:0;
    margin-left:-100%;
    
    transition:all 0.5s;
}

.mainSec01 ul li .firsttext span{
    display:block;
    font-size:4.167vw;
    line-height:5.556vw;
    color:#000;
    opacity:0;
    margin-left:-100%;
    
    transition:all 0.8s;
}

.mainSec01 ul li.swiper-slide-active .textBox strong{
    opacity:1;
    margin-left:0;
}

.mainSec01 ul li.swiper-slide-active .textBox span{
    opacity:1;
    margin-left:0;
}


/*--------------------------------------------------------------------------------
//
//            section02
//
--------------------------------------------------------------------------------*/
/*중간슬라이더*/
#middleslide{margin-top: 30px !important;}
#middleslide .swiper-pagination-bullet{border:1px solid #000; background:none !important; border-radius: 0 !important;width: 6px !important; height: 6px !important; margin: 0 3px !important;opacity:1 !important;}
#middleslide .swiper-pagination-bullet-active{background:#000 !important;}
#middleslide .swiper-pagination{text-align: right !important; left: -10px !important;}


/*중간2개배너*/
.main .midBanner {margin-top: 6px;}     
.main .midBanner .midBannerLeft {width:49%; float:left; position:relative; border-right: 1px solid #e7e7e7;}
.main .midBanner .midBannerRight {width:49%; float:right; position:relative;}
.main .midBanner img {width:100%; vertical-align:top;}
.main .midBanner .midBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.mb6{margin-bottom:6px;}

.mainSec02 .sec02Wrap{
    display:flex;
}

.mainSec02 .box1{
    width:32%;
    padding:9.722vw 4.167vw 4.167vw 4.167vw;
    text-align:center;
}

.mainSec02 .box1 .text01{
    display: block;
    margin-bottom: 1.944vw;
    font-size: 5.278vw;
    font-weight: 500;
    line-height: 6.944vw;
}

.mainSec02 .box1 .text02{
    display: block;
    margin-bottom: 3.889vw;
    font-size: 10vw;
    font-weight: 500;
    line-height: 12.778vw;
    font-family: 'Georgia';
}

.mainSec02 .box1 .text03{
    display: block;
    font-size: 3.333vw;
    line-height: 4.444vw;
    font-weight:500;
}

.mainSec02 .box2{
    width:68%;
    padding:9.722vw 4.167vw 0;
    overflow:hidden;
}

.mainSec02 .box2 .swiper{
    overflow:visible;
}

.mainSec02 .box2 ul{
    padding-right:15px;
}

.mainSec02 .box2 ul li img{
    display:block;
    width:100%;
}

.mainSec02 .box2 ul li span{
    display:block;
    padding-top:1.389vw;
    text-align:center;
    line-height:4.444vw;
    font-size:3.333vw;
    font-weight:500;
}

/*--------------------------------------------------------------------------------
//
//            section03
//
--------------------------------------------------------------------------------*/
.mainSec03 {margin-top:70px;}

.mainSec03 img{
    display:block;
    width:100%;
}

/*--------------------------------------------------------------------------------
//
//            section04
//
--------------------------------------------------------------------------------*/
.mainSec04 {}  
.mainSec04 .imgBox {}
.mainSec04 .imgBox img {/*width:180px;*/}

ul.list_shoppinginfo {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px;  text-align:center; font-size:0;}
li.shop_info {width:50%; display:inline-block; vertical-align: top; text-align:center;}
li.shop_info a {display: block; padding:0 2px 18px 2px;}
li img.listPic {width:100%;}
.list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}

/*--------------------------------------------------------------------------------
//
//            mainSec05
//
--------------------------------------------------------------------------------*/
.mainSec05{
    overflow:hidden;
}

.mainSec05 .goodsListWrap {
    margin-bottom:11.111vw;
}

.mainSec05 .goodsListWrap .swiper{
    overflow:visible;
}


.mainSec05 .goodsListWrap li:nth-child(1){
    position:relative;
    width:83.333vw;
    margin-left:-4.167vw;
}

.mainSec05 .goodsListWrap li:nth-child(1) a{
    display:block;
}

.mainSec05 .goodsListWrap li:nth-child(1) img{
    width:100%;
}

.mainSec05 .goodsListWrap li:nth-child(1) .textBox{
    position:absolute;
    bottom:13.889vw;
    left:4.167vw;
}

.mainSec05 .goodsListWrap li:nth-child(1) .textBox strong{
    display:block;
    margin-bottom:5.278vw;
    font-size:6.667vw;
    font-weight:400;
    line-height:8.333vw;
    color:#fff;
}

.mainSec05 .goodsListWrap li:nth-child(1) .textBox .hashTag span{
    display:inline-block;
    margin-right:0.556vw;
    padding:0 4.167vw;
    font-size: 3.056vw;
    line-height:6.667vw;
    text-align:center;
    background:#fff;
    border-radius:3.333vw;
}

.mainSec05 .goodsListWrap li:nth-child(n+2){
    width:43.056vw;
    margin-top:11.667vw;
}

.mainSec05 .goodsListWrap li:nth-child(1),
.mainSec05 .goodsListWrap li:nth-child(n+2){
    margin-right:4.167vw;
}

.mainSec05 .goodsListWrap li:last-child{
    margin-right:0;
}

.mainSec05 .goodsListWrap .moreAndPaging{
    padding:4.167vw;
}

.mainSec05 .goodsListWrap .moreAndPaging a{
    display:block;
    width:17.778vw;
    font-size:2.778vw;
    line-height:6.667vw;
    text-align:center;
    color:#fff;
    background:#000;
    border-radius:3.333vw;
}

.mainSec05 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 59.444vw;
    height: 0.556vw;
    top: auto;
    bottom: 7.222vw;
    left: 23.889vw;
    background:#d9d9d9;
}

.mainSec05 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}


/*--------------------------------------------------------------------------------
//
//            mainSec06
//
--------------------------------------------------------------------------------*/
.mainSec06 {
    overflow:visible;
}

section.mainSec06 h2.secTit, section.mainSec06 h2.secTit a{
    margin-bottom:2.778vw;
}

.mainSec06 .tabBtn{
    padding:0 0 3.778vw;
}


.mainSec06 .bestSellTab{
    display:none;
}

.mainSec06 .bestSellTab:nth-child(1){
    display:block;
}

.mainSec06 .tabBtn li{
    margin-right:6.944vw;
}

.mainSec06 .tabBtn li:last-child{
    margin-right:0;
}

.mainSec06 .tabBtn li a{
    display:block;
    font-size:3.333vw;
    line-height:5.556vw;
    color:#969696;
    font-weight:500;
}

.mainSec06 .tabBtn li.active a{
    color:#000;
}


/*--------------------------------------------------------------------------------
//
//            mainSec07
//
--------------------------------------------------------------------------------*/
.mainSec07 .leftBox{
    margin-bottom:90px;
}

.mainSec07 .planBox .box1{
    margin-bottom:6px;
}

.mainSec07 .planBox .box1 a img{
    width:100%;
}

.videoWrapper{position : relative; width : 100%; height : 0; padding-bottom : 56.25%;}
.videoWrapper iframe{position : absolute; top : 0; left : 0; width : 100%; height : 100%;}


.reviewarea {z-index:1;} 
/* BASIC css end */