/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

/* 메인 슬라이드 */
#main_slider{margin-top: 100px; position:relative;}
#main_slider .swiper-slide{}
#main_slider .swiper-slide a{display:block;}
#main_slider .swiper-slide a img{width:100%}
#main_slider .swiper-slide a .txtBox{position:absolute; width:calc(100% - 30px); left:50%; bottom:60px; transform:translateX(-50%); text-align:center;}
#main_slider .swiper-slide a .txtBox p{font-size:26px; color:#000; padding-bottom:8px; line-height:1;}
#main_slider .swiper-slide a .txtBox span:nth-child(2){display:block; font-size:15px; padding-bottom:18px; color:#000;}
#main_slider .swiper-slide a .txtBox span:nth-child(3){display:inline-block; font-size:14px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}
#main_slider .swiper-pagination{bottom: 0; top:auto; width: 100%; margin: 0 auto; height: 2px; left: 0%; background: rgba(0,0,0,0);}
#main_slider .swiper-pagination .swiper-pagination-progressbar-fill{background: #000;}


.main_title{font-size:32px; font-weight:500; text-align:center; margin:80px 0 40px 0; color:#000;}
.list_more{width:300px; max-width:85%; border:solid 1px #000; padding:10px 0; text-align:center; display:block; font-size:17px; color:#000; margin:30px auto 1px auto}

.prd-item{width:calc(50% - 8px);}
.prd-item a{display:block;}
.prd-item a .thumb img{width:100%;}
.prd-item a .thumb.swiper{padding-bottom:40px;}
.prd-item a .thumb.swiper .swiper-slide{padding:0;}
.prd-item a .thumb.swiper .swiper-pagination{bottom:3px;}
.prd-item a .thumb.swiper .swiper-pagination .swiper-pagination-bullet{width:14px; height:14px; margin:0 6px; opacity:1; position:relative;}
.prd-item a .thumb.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:''; display:block; position:absolute; width:22px; height:22px; top:50%; left:50%; transform:translate(-50%, -50%); border:solid 1px #000; border-radius:50%;}
.prd-item a .prd_info{text-align:center; padding-top:10px; padding-bottom:60px;}
.prd-item a .prd_info .name{font-size:15px; font-weight:600; color:#000;}
.prd-item a .prd_info .sub_name{padding-top:3px; font-size:13px; color:#7C7C7C; font-weight:400;}
.prd-item a .prd_info .price{padding-top:12px; display:flex; align-items: center; justify-content: center;  flex-wrap: wrap;}
.prd-item a .prd_info .price .custom_price{text-decoration:line-through; color:#7C7C7C; font-size:12px; font-weight:400; padding-right:4px;}
.prd-item a .prd_info .price .sell_price {font-size:14px; font-weight:300; color:#000;}
.prd-item a .prd_info .price .sell_price span{font-size:14px; font-weight:500; color:#000;}
.prd-item a .prd_info .price .listDiscount{font-size:14px; font-weight:500; color:#DE5426; padding-left:4px;}
.prd-item a .prd_info .discount_txt{padding-top:4px;  font-size:12px; font-weight:400; color:#DE5426;}


.sec1 .swiper-button-prev{left:11vw;}
.sec1 .swiper-button-next{right:11vw;}
.sec1 .swiper-button-prev,
.sec1 .swiper-button-next{top:100vw;}
.sec1 .swiper-button-prev::after,
.sec1 .swiper-button-next::after{color:#000000; font-size:18px; font-weight:500;}
.sec1 .swiper-slide{ padding:0 8px;}
.sec1 .swiper-slide > img{width:85%; display:block; margin:0 auto;}
.sec1 .swiper-slide ul{display:flex;flex-wrap: wrap; align-items: stretch; padding-top:26px; justify-content: space-between;}

.sec2 .text-pagination{display:flex; align-items: center; justify-content: center; margin-bottom:90px;}
.sec2 .text-pagination span{margin:0 10px; font-size:16px; color:#000;}
.sec2 .text-pagination span.active{text-decoration:underline;}
.sec2 .image-pagination{overflow:visible; margin-bottom:70px;}
.sec2 .image-pagination .swiper-slide{transition: transform 0.3s, opacity 0.3s; transform:scale(1)}
.sec2 .image-pagination .swiper-slide img {transition: transform 0.3s, opacity 0.3s; width:100%;}
.sec2 .image-pagination .swiper-slide.swiper-slide-active { transform: scale(1.4); opacity: 1; z-index:9}
.sec2 .image-pagination .swiper-slide:not(.swiper-slide-active) {opacity: 0.5;}
.sec2 .image-pagination .swiper-slide .txtBox{position:absolute; bottom:30px; left:50%; transform:translateX(-50%); text-align:center; width:90%;}
.sec2 .image-pagination .swiper-slide .txtBox p{color:#000; font-size:12px; font-weight:600; }
.sec2 .image-pagination .swiper-slide .txtBox span{color:#7C7C7C; font-size:10px;}
.sec2 .prdSwiper > .swiper-wrapper > .swiper-slide{padding:0 8px;}
.sec2 .prdSwiper > .swiper-wrapper > .swiper-slide ul{display:flex;flex-wrap: wrap; align-items: stretch; padding-top:26px; justify-content: space-between;}

.sec3 > .swiper-pagination{position:initial; display:flex; align-items: center; justify-content: center; margin-bottom:40px;}
.sec3 > .swiper-pagination .swiper-pagination-bullet{font-size:17px; font-weight:400; color:#000; margin:0 10px; width:auto; height:auto; background:none; opacity:1; margin:0 12px !important;}
.sec3 > .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{text-decoration:underline;}
.sec3 > .swiper-wrapper > .swiper-slide{padding:0 8px;}
.sec3 > .swiper-wrapper > .swiper-slide ul{display:flex;flex-wrap: wrap; align-items: stretch; padding-top:26px; justify-content: space-between;}

.sec4{background:#F9F9F9; margin-top:120px; padding-bottom:70px !important;}
.sec4 .main_title{margin-top:70px;}
.sec4 .swiper-slide img{width:100%;}
.sec4 .swiper-slide .txtBox{position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:calc(100% - 30px);}
.sec4 .swiper-slide .txtBox p{font-size:16px; color:#000; font-weight:600; padding-bottom:4px;}
.sec4 .swiper-slide .txtBox span{display:block; color:#7C7C7C; font-size:13px; padding-bottom:18px;}
.sec4 .swiper-slide .txtBox a{display:inline-block; font-size:13px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}

.sec5{padding:0 8px;}
.sec5 ul li{position:relative; margin-bottom:15px;}
.sec5 ul li img{width:100%;}
.sec5 ul li .txtBox{position:absolute; bottom:25px; left:50%; transform:translateX(-50%); width:calc(100% - 30px);}
.sec5 ul li .txtBox p{font-size:22px; color:#000; font-weight:600; padding-bottom:4px;}
.sec5 ul li .txtBox span{display:block; color:#7C7C7C; font-size:14px; padding-bottom:18px;}
.sec5 ul li .txtBox a{display:inline-block; font-size:13px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}

.sec6 .swiper-slide{text-align:center;}
.sec6 .swiper-slide img{width:100%;}
.sec6 .swiper-slide p{padding-top:16px; padding-bottom:6px; font-weight:600; font-size:16px; color:#000;}
.sec6 .swiper-slide span{display:block; font-size:14px; padding-bottom:18px;}
.sec6 .swiper-slide a{display:inline-block; font-size:13px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}

.sec7{margin:0 8px; margin-top:60px; padding-top:60px; border-top:solid 1px #E1E1E1; padding-bottom:20px;}
.sec7 ul li{display:block; text-align:center; padding-bottom:40px;}
.sec7 ul li p{padding-top:18px; padding-bottom: 6px; font-weight:600; font-size:16px; color:#000;}
.sec7 ul li span{display:block; font-size:15px; padding-bottom:18px; color:#7C7C7C;}
.sec7 ul li a{display:inline-block; font-size:13px; color:#000; padding-bottom:4px; border-bottom:solid 1px #000;}


/* 공통 */

.split_div{ height: 3px; width: 100%; background: #f0f0f0;}

.p_product .prd_wrap.swiper-container{ padding: 0 15px; padding-bottom:60px; position:relative;}
.p_product .prd_wrap.swiper-container .prd_list{ overflow: visible !important;}
.p_product .prd_wrap.swiper-container .prd_list > li{margin-bottom: 0;}

/* 베스트 */

.prd_slide.skin, .prd_slide.outlet{ margin: 20px 0 50px 0;}

.official.section{ background: #f4f4f4; padding: 30px 0 50px 0; margin-bottom: 0;}
.official .swiper-container{ padding: 0 15px;}
.official .swiper-container ul li a img{ width: 100%;}

.main_bn_wrap a{ display: block; }
.main_bn_wrap a:first-child{ margin-bottom: 5px;}
.main_bn_wrap a img{ width: 100%; }


/* BASIC css start */
#header.main{position: absolute;}
/*#header.main .top{background: transparent;}*/
/*#header.main .hidden_cate{display:none;}*/
#content.main{overflow:hidden;}
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {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;}


#layerNotice .close {float:initial; opacity:1; font-size:12px; }

#min_withbuy20 { width: 100%; }
.analyans-wrap .analyans-conts .analyans-slider li dl dt img {width:100%; height:100%; !important;}
.analyans-wrap .analyans-conts .analyans-slider li { padding:5px; margin-right:90px;  margin-left:90px;margin-bottom:70px;!important;}


#event_banner{
    width: 100%;
    max-width: 92%;
    margin: 0 auto;
    padding-bottom: 20px;
}
#event_banner .swiper-container{overflow: visible;}
#event_banner .swiper-slide{}
#event_banner .swiper-slide a{} 
#event_banner .swiper-slide a .thumb{
    width: 80px;
    margin: 0 auto;
} 
#event_banner .swiper-slide a .thumb img{
    width: 100%;
} 
#event_banner .swiper-slide a .text{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.8px;
}
@keyframes main_banner_text_ani{
    0%{
        -webkit-transform:translate3d(20%,0,0);
        opacity:0;transform:translate3d(20%,0,0)
        }
    to{
        -webkit-transform:translateZ(0);
        opacity:1;
        transform:translateZ(0)}
    }

.section{
    margin-bottom: 30px;
    padding: 0;
    overflow: hidden;
}


textarea:focus {
  outline: none!important
}
button:focus {
  outline: none!important
}
input:focus {
  outline: none!important
}


::-webkit-scrollbar {
    display: none !important;
}


/* BASIC css end */

.prd_wrap.swiper-container .swiper-pagination{width:100%; bottom:0; left:0;}
.prd_wrap.swiper-container .swiper-pagination .swiper-pagination-bullet{width:11px; height:11px; background:#7c7c7c; margin:0 8px;}
.prd_wrap.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#976D46}


/* BASIC css end */