/* BASIC css start */
/*메인 공통*/
.section,.section :is(*){box-sizing: border-box;font-family: "Pretendard Variable", Pretendard, sans-serif;}
.section:not(#sec1){margin-bottom: 90px;}
.section .sec_inner{padding:0 5%}
.section h2{font-size:25px; font-family: "Pretendard Variable", Pretendard, sans-serif; color: #111111; font-weight: 600; margin-bottom: 25px;}
.section .txt_area p.sub{color: #000; line-height: 1.6;font-weight: 500;transition: all .4s;font-size: 14px; }
.section .txt_area p.big{ color: #000; font-weight: 500;line-height: 1.3; transition: all .4s;font-size: 27px; }
.section .txt_area a.more{ width:auto; display: inline-block; font-size: 13px; transition: transform .4s, opacity .4s;border: 1px solid #000;color: #000; margin-top: 8px;font-weight: 600;padding:5px 15px; }
.section :is(.sec_next,.sec_prev){position: unset;color: #000;width: 30px; background-color: #ddd; height:30px; border-radius: 50%; margin-top: 0; transition:all .1s}
.section :is(.sec_next,.sec_prev)::after{font-size: 11px; font-weight:700}
.section :is(.sec_next,.sec_prev):not(.swiper-button-disabled):hover{background-color:var(--main-color);color:#fff}
.section .swiper-pagination-bullet-active{background-color:var(--main-color)}
.section .prd_more_btn{text-align:center; margin-top:40px;}
.section .prd_more_btn>a {display:inline-block;font-family: 'Noto Sans KR', sans-serif;display:inline-block; border:1px solid #e8e9ed; padding:4px 0px; width:100%  }
.section .prd_more_btn>a button.btn_moreGray{background-color:#fff !important; color:#000; font-size:13px; font-weight:500; width:100%; display:flex; align-items:center ;justify-content:center; gap:10px}
.section .prd_more_btn>a button span{display:flex; align-items:center; justify-content:center;color:#000; }
.section .prd_more_btn>a button span img{display:inline-block;  transform:scale(.66); transform-origin:center center}


/* 이벤트베너 */
#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%; }


/* 매거진 */
.cateTit{  padding: 0px 0px 0px; text-align: left; }
.cateTit K1{ color: #1c1c1c; font-size: 34px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;  text-align: left;}
.cateTit K0{ color: #1c1c1c; font-size: 24px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;  text-align: left;}
.cateTit K2{ color: #1c1c1c; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;  text-align: left;}
.cateTit K3{ color: #e17235; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;  text-align: left;}
.cateTit K4{ color: #1c1c1c; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;  text-align: left;}
.cateTit K5{ color: #afafaf; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; font-weight: 200;  text-align: left;}
.cateTit K6{ color: #1c1c1c; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400;  text-align: left;}

/* 연결페이지02 */
.link_connect{padding: 30px 12px 0;}
.link_connect ul { *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: calc(100% / 5); margin: 0 0 12px; text-align: center;}
.link_connect ul li a{ color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.link_connect ul li a img{display: block; width: 58px; padding-bottom: 5px; margin: 0 auto;}


/* 상품 */
.procont{ margin: 30px 0 0;}
.procont .items li a img{ width: 100%; border-radius: 8px;}
.procont .items .slick-list{ padding-left: 62px;}
.procont .items .slick-slide{padding-right: 15px;}
.procont .items .slick-slide:nth-of-type(1){ margin-left: -48px;}

.cateTit{padding: 20px 16px;}
.cateTit h3{color: #000; font-size:20px; 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.cateTit h4{color: #000; font-size:12px; 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.shop_info{ margin: 11px 0 0;}
.prd-brnd{ margin: 0 0 2px; color: #757575; font-family: 'Noto Sans KR', sans-serif;}
.listName{ margin: 0 0 10px;}
.prd-price{color: #D22525; font-family: 'Noto Sans KR', sans-serif; }
.prd-price:after{content:''; display:block; clear:both}
.prd-price .dc_per{ float: left; margin: 0 2px 0 0; color: #ff7777; font-size: 15px;}
.prd-price .price{ float: left; color: #000; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
.prd-price strike{ float: left; margin: 0 0 0 2px; color: #757575; font-size: 12px;}

/* 띠배너 */
.longbnnr{margin: 40px 0 0;}

/* 이미지배너 */
.imgBanner{ margin: 40px 15px 0;}
.imgBanner div{ margin: 0 0 15px;}
.imgBanner img{ width: 100%;}

/* 탭상품 */
.tab_swip{width: 100%; margin-bottom: 7px; overflow: hidden;}
.tab_swip .tab:after{content:''; display:block; clear:both}
.tab_swip .tab div{float: left; width: initial !important; height: auto; padding: 10px 20px;}
.tab_swip .tab div.live{}
.tab_swip .tab div.live span{border-bottom: 2px solid #000; color:#000}
.tab_swip .tab div span{ padding: 2px 0; color: #757575; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif;}
.intabarea {display:none}
.intabarea.active{display:block}

.tabarea {margin-top:40px}
.tabarea .list_shopping2x ul.items{padding: 0 15px;}
.tabarea .list_shopping2x ul.items:after{content:''; display:block; clear:both}
.tabarea .list_shopping2x ul.items li{ width: 100%; border: 1px solid #efefef; border-radius: 10px; margin: 0 0 10px;}
.tabarea .list_shopping2x ul.items li a{padding-bottom: 0; }
.tabarea .list_shopping2x ul.items li a > div{ position: relative; padding: 15px;}
.tabarea .list_shopping2x ul.items li a > div:after{content:''; display:block; clear:both}
.tabarea .list_shopping2x ul.items li a .thumb{float: left; width: 40%; }
.tabarea .list_shopping2x ul.items li a .thumb img{border-radius: 10px;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo{ float: right; width: 54%; margin-top: 0; }
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info{ text-align: left;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-brnd{ margin: 0 0 4px; font-size: 13px;}
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .listName{ font-size: 14px; }
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-price{ position: absolute; bottom: 25px;}

/* 더보기 */
.more{margin: 10px 0 0;}
.more a{display: block; margin: 0 15px;}

/* 매거진 모바일 */

.cateTit K1{ color: #1c1c1c; font-size: 24px; font-family: 'Noto Sans KR', sans-serif; font-weight: 700;  margin: 20px;}
.cateTit K2{ color: #1c1c1c; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin-top:5px}
.cateTit K3{ color: #1c1c1c; font-size: 18px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; }


/* 인스타영역 */
.insta_area{ padding: 40px 30px 60px;}
.insta_area .sectionTit{margin:0 0 10px}
.insta_area .sectionTit:after{content:''; display:block; clear:both}
.insta_area .sectionTit h2{ float:  font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.insta_area .sectionTit h2 img{ width: 22px; margin: 0 4px 0 0; vertical-align: sub;}
.insta_area .sectionTit p{ float:right; margin: 2px 0 0; color:#ccc; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.insta_area .sectionTit div i img{ width: 100%;}

/*쿠폰 혜택 버튼*/
.coupon-benefit {position:relative; }
.btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


/* Youtube fullpage */
.ytLandscape {
    position: relative;
    padding-bottom: 56.25%;
}
.ytLandscape iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}


.mainVideo {
margin-top:20px;
position: relative;
width: 100%;
padding-bottom: 56.25%;
}

.mainVideo iframe {
position: absolute;
width: 100%;
height: 100%;
}


/* 상품 */
.procont{ margin: 30px 0 0;}
.procont .items li a img{ width: 100%; border-radius: 8px;}
.procont .items .slick-list{ padding-left: 62px;}
.procont .items .slick-slide{padding-right: 15px;}
.procont .items .slick-slide:nth-of-type(1){ margin-left: -48px;}

.cateTit{padding: 20px 16px;}
.cateTit h3{color: #000; font-size:20px; 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.cateTit h4{color: #000; font-size:12px; 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.shop_info{ margin: 11px 0 0;}
.prd-brnd{ margin: 0 0 2px; color: #757575; font-family: 'Noto Sans KR', sans-serif;}
.listName{ margin: 0 0 10px;}
.prd-price{color: #D22525; font-family: 'Noto Sans KR', sans-serif; }
.prd-price:after{content:''; display:block; clear:both}
.prd-price .dc_per{ float: left; margin: 0 2px 0 0; color: #ff7777; font-size: 15px;}
.prd-price .price{ float: left; color: #000; font-size: 15px; font-family: 'Noto Sans KR', sans-serif;}
.prd-price strike{ float: left; margin: 0 0 0 2px; color: #757575; font-size: 12px;}


/*sec1*/
#sec1{margin-bottom: 60px}
#sec1 .swiper{}
#sec1 .swiper>ul{}
#sec1 .swiper>ul>li{}
#sec1 .swiper>ul>li>a{display:block; width:100%}
#sec1 .swiper>ul>li>a>img{width: 100%;}
#sec1 .swiper .btn_wrap{padding: 10px; position: absolute; z-index: 4; bottom: 0;right:0; width: max-content;display: flex; align-items: center; gap: 7px;}
#sec1 .swiper .btn_wrap>*{}
#sec1 .swiper .btn_wrap>ul{background-color: rgba(0,0,0,.4);display: flex; align-items: center; gap: 13px; padding: 5px 10px; border-radius: 25px;}
#sec1 .swiper .btn_wrap>ul li{}
#sec1 .swiper .btn_wrap>ul li>div.swiper_prev,
#sec1 .swiper .btn_wrap>ul li>div.swiper_next{display: flex; align-items: center; justify-content: center;}
#sec1 .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#sec1 .swiper .btn_wrap>ul li .swiper_prev img{}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #fff;font-size: 13px;display: flex; align-items: center; gap: 1px;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 13px;}
#sec1 .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#sec1 .swiper .btn_wrap>ul li .swiper_next img{}
#sec1 .swiper .btn_wrap .control{}
#sec1 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%;background-color: rgba(0,0,0,.4);}
#sec1 .swiper .btn_wrap .control a.clicked{opacity: .5;}
#sec1 .swiper .btn_wrap .control a img{}
#sec1 .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(0px); opacity: 1;}
#sec1 .swiper ul li.swiper-slide-active .txt_area a.more{transform: translateY(0px); opacity: 1;}
#sec1 .swiper ul li .txt_area{overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left:0; padding-left:6%; max-width:95%}
#sec1 .swiper ul li .txt_area>*{transform: translateY(-25px);}
#sec1 .swiper ul li .txt_area p{opacity: 0; line-height: 1.3;}
#sec1 .swiper ul li .txt_area p.big{transition: all .6s;transition-delay: .1s;margin-bottom: 8px;}
#sec1 .swiper ul li .txt_area p.sub{  font-weight: 500; transition: all .6s; margin-bottom: 17px; transition-delay: .37s;}
#sec1 .swiper ul li .txt_area a.more{opacity: 0; transition-delay: .6s;}

/*sec2*/
#sec2{}
#sec2 .sec_inner{}
#sec2 .sec_inner{}
#sec2 .sec_inner .sec2_tit{display: flex; align-items: center; justify-content: space-between;margin-bottom: 20px;}
#sec2 .sec_inner .sec2_tit h2{margin-bottom: 0;}
#sec2 .sec_inner .sec2_tit .nav_wrap{display: flex; align-items: center;gap: 8px;}
#sec2 .sec_inner .sec2_tit .nav_wrap>*{}
#sec2 .sec_inner .sec2_tit .nav_wrap .swiper-button-next{}
#sec2 .sec_inner .sec2_tit .nav_wrap .swiper-button-prev{}
#sec2 .sec_inner .swiper{}
#sec2 .sec_inner .swiper>ul{}
#sec2 .sec_inner .swiper>ul>li{display: flex; flex-direction: column; gap: 10px; align-items: center;}
#sec2 .sec_inner .swiper>ul>li>a{display: flex;width: 100%;transition: all .1s; overflow: hidden;border-radius: 50%; }
#sec2 .sec_inner .swiper>ul>li>a>img{width: 100%;transition: all .1s;}
#sec2 .sec_inner .swiper>ul>li>p{text-align: center;color: #000;font-size: 14px; font-weight: 600;}

/*sec3*/
#sec3 .sec_inner{position:relative;}
#sec3 .sec_inner .sec3_cont .swiper{padding-bottom:25px;}

/*sec4*/
#sec4{}
#sec4 .sec_inner{}
#sec4 .sec_inner ul{display: flex; flex-wrap: wrap; gap: 25px;}
#sec4 .sec_inner ul li{position: relative;width:100%}
#sec4 .sec_inner ul li>a{display: block;width: 100%;}
#sec4 .sec_inner ul li>a>img{width: 100%;}
#sec4 .sec_inner ul li .txt_area{position: absolute; top: 50%;transform: translateY(-50%);  left: 30px;  max-width: 80%  }
#sec4 .sec_inner ul li .txt_area p{}
#sec4 .sec_inner ul li .txt_area p.big{font-size: 25px; font-weight: 600; margin-bottom: 6px;transition-delay: .1s; color:#212121}
#sec4 .sec_inner ul li .txt_area p.sub{font-size: 14px;line-height:1.4;transition-delay: .27s; color:#383838}
#sec4.act .sec_inner ul li .txt_area p{transform: translateY(-15px); opacity: 1;}

/*sec6*/
#sec6{}
#sec6 h2{padding-left:5%}
#sec6 .sec_inner{position:relative; padding:0}
#sec6 .sec_inner .sec6_cont{padding-left:5%}
#sec6 .sec_inner .sec6_cont .swiper{}
#sec6 .sec_inner .sec6_cont .swiper ul{}
#sec6 .sec_inner .sec6_cont .swiper ul li{width:57%}
#sec6 .sec_inner .sec6_cont .swiper ul li a{display: block; width: 100%;overflow:hidden;}
#sec6 .sec_inner .sec6_cont .swiper ul li a img{width: 100%; transition:transform .3s}
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area{padding:12px 0}
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p{transition: all .3s;}
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p.big{color: #161616; font-size:17px; margin-bottom:6px}
#sec6 .sec_inner .sec6_cont .swiper ul li .txt_area p.sub{color: #555555; font-size: 14px;line-height:1.4}

/*sec7*/
#sec7{}
#sec7 .sec_inner{}
#sec7 .sec_inner .sec7_cont{}
#sec7 .sec_inner .sec7_cont>div{}
#sec7 .sec_inner .sec7_cont .banner_area{position:relative;flex-grow:1;}
#sec7 .sec_inner .sec7_cont .banner_area>a{display: block;width: 100%;}
#sec7 .sec_inner .sec7_cont .banner_area>a img{width: 100%;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area{position: absolute; top: 50%;transform:translateY(-50%); left:30px;  max-width: 80%  }
#sec7 .sec_inner .sec7_cont .banner_area .txt_area>*{color: #fff;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.big{font-size: 21px; font-weight: 600; margin-bottom: 7px;}
#sec7 .sec_inner .sec7_cont .banner_area .txt_area p.sub{font-size: 12px;line-height:1.3; transition-delay: .27s;}
#sec7 .sec_inner .sec7_cont .item_area{height:auto; overflow-y:auto; margin-top:12px;}
#sec7 .sec_inner .sec7_cont .item_area .swiper{height:100%}
#sec7 .sec_inner .sec7_cont .item_area ul{}
#sec7 .sec_inner .sec7_cont .item_area ul>li{display: flex; flex-wrap: nowrap; align-items: center; width:100%; height:fit-content; padding:6px 0}
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb{width:30%}
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb>a{display:block; width:100%}
#sec7 .sec_inner .sec7_cont .item_area ul>li .thumb>a>img{object-fit: cover;}
#sec7 .sec_inner .sec7_cont .item_area ul>li .info{width:70%; padding:0 20px 0 20px; max-height:100%; }
#sec7 .swiper-vertical>.swiper-scrollbar{height:100%; width:2px; top:0; right:0}

/* sec8 */
#sec8{}
#sec8 .sec_inner{padding:0}
#sec8 .sec_inner h2{padding:0 5%}
#sec8 .sec_inner .sec8_cate{margin-bottom: 35px;}
#sec8 .sec_inner .sec8_cate ul{}
#sec8 .sec_inner .sec8_cate ul li{width:auto;}
#sec8 .sec_inner .sec8_cate ul li:first-child{margin-left:5%}
#sec8 .sec_inner .sec8_cate ul li a{overflow:hidden; display:block; width:100%;background-color: #f4f4f4; border-radius: 40px; padding: 8px 20px; text-align:center; color:#000;position:relative; font-size: 13px; font-weight: 500; display:block; transition:all .1s}
#sec8 .sec_inner .sec8_cate ul li.on>a{ color: #fff;background-color: var(--main-color);}
#sec8 .sec8_prd{padding:0 5%}
#sec8 .sec8_prd>div{display: none; position:relative;opacity:0; transition:opacity .5s}
#sec8 .sec8_prd>div.show{display: block;}
#sec8 .sec8_prd>div.act{opacity:1}

/*sec9*/
#sec9 {margin-bottom:70px !important;}
#sec9 .sec_inner h2{display: flex; align-items: center; gap: 16px;}
#sec9 .sec_inner h2 span{display: inline-block;color: #999999; font-size: 13px; font-weight: 500;}


/* 연결페이지02 */
.link_connect{padding: 30px 12px 0;}
.link_connect ul { *zoom:1; font-size: 0; }
.link_connect ul li { display: inline-block; width: calc(100% / 5); margin: 0 0 12px; text-align: center;}
.link_connect ul li a{ color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.link_connect ul li a img{display: block; width: 58px; padding-bottom: 5px; margin: 0 auto;}


#footer{margin-top:0 !important}
/* BASIC css end */