/*
	사용폰트
	font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Inter', sans-serif;
	font-family: 'AppleSDGothicNeoL00';
	font-family: 'AppleSDGothicNeoM00';
	font-family: 'AppleSDGothicNeoB00';
	font-family: 'AppleSDGothicNeoEB00';
	font-family: 'AppleSDGothicNeoH00';

	font-family: 'AppleSDGothicNeoR00';
*/
/*공통 섹션*/
#title1,#title2{ position: relative;}
#title1 a, #title2 a{display:block; padding-left: 20px;}
#title1  h3 a.on img, #title2 h3 a.on img{ transform: rotate(180deg);}
#list1, #list2{left: -1px; top: 34px; width: 360px; box-sizing: border-box; display: none;  position: absolute; background:#fff; z-index:100; text-indent: 20px; line-height: 2.5; font-family: 'AppleSDGothicNeoM00';font-weight:700; font-size:20px;}
 #list1.on,#list2.on { display: block;  }
#list1 li, #list2 li{width:100%;  font-size:15px;}
 #list1 a:hover,  #list1 a:active,  #list1 a:focus, #list2 a:hover,  #list2 a:active,  #list2 a:focus { background: #232323; color: #fff;}

.contents{}
.title{display:block;}
.title h3 {margin-top:50px;}
.title h3 a{font-size:24px; font-weight:600;font-family: 'Inter', sans-serif; padding-bottom:16px; position:relative; display:block;}
.title h3 img{position:absolute; padding: 6px 10px; transition:all .3s;}
#title1 .on + .title h3 img, #title2 .on + .title h3 img{transform: rotate(180deg);}
/*광고팝업*/
.popup_ad{width:600px; height:750px; background:#fff; position:fixed; z-index:999; top:20px; left:20px; text-align:center; font-family: 'Noto Sans KR', sans-serif; padding-top:45px; box-shadow: 10px 11px 20px 6px #2e2e2e; }
.popup_ad p{font-size:12px;}
/*팝업햄버거 바*/
.popup_ad .button{right: 10px; top: 20px; left: auto; width:30px;position: absolute;}
.popup_ad .button span{transform: rotate(45deg); background:#000; width:100%; display:block; height:4px; text-indent:-9999px; font-size:0; }
.popup_ad .button span:nth-child(2) {margin: -3px 0; transform: rotate(-45deg);}

.ad_txt h2{font-family: 'Inter', sans-serif; font-size:30px; font-weight:800; position:relative; margin-bottom:40px;}
.ad_txt h2:after{content:"";  display: inline-block; width: 400px; height: 3px; background: #000; position: absolute;bottom: -20px; left: calc(50% - 200px);}
.ad_txt p{font-size:20px; font-weight:600; line-height: 1.25; margin-bottom:10px;}
.ad_txt span{font-size:15px; color:#000;}
.ad_txt strong{ color:#ff204b;}

.popup_img{ width:100%;  position:relative; height:380px; }
.popup_img span{animation:moving 3s ease-in-out Infinite Alternate; position: absolute; width:100%; height:100%;}
.popup_img span:nth-child(1){ background: url(../img/popup_img2.png)no-repeat center /300px; right:-10px; z-index: 1;}
.popup_img span:nth-child(2){background: url(../img/popup_img3.png)no-repeat 50% 85% / 280px; animation-delay: -0.2s;}
.popup_img span:nth-child(3){background:url(../img/popup_img4.png)no-repeat 30% 100% / 200px;
  animation-delay: -0.4s; z-index:-1;}
.popup_img span:nth-child(4){ background: url(../img/popup_img1.png)no-repeat 70% 10% / 130px;
animation-delay: -1s;}

@keyframes moving {
  0% {
	top:0;
	left:0;
  }

  100% {
	top:20px;
    left:5px;

  }
}

.click_txt{margin:0 168px; }
.click_txt a{font-size:16px; background:#ff204b; color:#fff; height:50px; line-height:50px; margin-bottom:15px; display: block;}
.click_txt a:last-child{border:1px solid; background:#fff; color:#000;}


.contents_box{ /*border:1px solid #000; padding:20px;*/ text-align:center; }
.contents_box .more_bt1{background:#000; color:#fff; padding: 10px 54px; width: fit-content;display: inline-block; margin-top: 40px; border-radius: 20px;}
.content_6 .contents_box .more_bt1{background:none;     margin-top:0px;}
/*메인비주얼*/
.mv{border-top:1px solid #000; border-bottom:1px solid #000;}
.mv .main_img { overflow: hidden; }
/*메인비주얼 글자 공통*/
.mv .mv_letter{height: auto;background: #fff;width: inherit;font-size: 30px;text-align: center; line-height: 87px; margin: 0 auto; position: absolute;
    bottom: -89px;}

/*스와이퍼 넥스트, 프리뷰*/
.mv .main_img .swiper-slide-next,.mv .main_img .swiper-slide-prev{opacity:0.6;}
.mv .main_img .swiper-slide-next a, .mv .main_img .swiper-slide-prev a{opacity:0; transition: all 0.5s;
    transform: translate(0px, 350px);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55); }

/*스와이퍼 액티브*/
.mv .main_img .swiper-slide-active { transition-timing-function: ease-in-out; }
.mv .main_img .swiper-slide-active a{display:block; opacity: 1;
    transition: all 0.5s;
    transform: translate(0px, 0px);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);}
.mv .main_img .swiper-slide-active a:last-child {transition-timing-function:initial;}

.mv .m_bg1 {background: url(../img/mainimg1.jpg) no-repeat center / cover;}
.mv .m_bg2 {background: url(../img/mainimg2.jpg) no-repeat center / cover;}
.mv .m_bg3 {background: url(../img/mainimg3.jpg) no-repeat center / cover;}
.mv .m_bg4 {background: url(../img/mainimg4.jpg) no-repeat center / cover;}
.mv .m_bg5 {background: url(../img/mainimg5.jpg) no-repeat center / cover;}
.mv .m_bg6 {background: url(../img/mainimg6.jpg) no-repeat center / cover;}

/*메인 제목*/
.mv{font-size:3.125vw;}
.mv span{font-size:1.25vw; font-family: 'AppleSDGothicNeoB00';  color:#fff; }
.mv p{font-size:2.604vw; text-decoration:none;}

.mv_title{margin-top: 18vw; padding: 56px 40px; line-height: 1.7;font-family: 'AppleSDGothicNeoB00';
color:#FFF;position: relative;bottom: -6.25vw;text-underline-position: from-font;text-decoration: underline;}
.mv .mv_title strong{ background:#000; text-decoration:overline; }
.mv_title5 span{color:#fff;}

/*메인 이미지*/
.main_img li{height: 48.90625vw; border: 1px solid;}
.main_img li a{display: block;}
.main_img li a img{width:100%;}


/*메인 버튼*/
.gnb_bottom{background:#000;}
.gnt_wb{background:#fff; width:fit-content; text-align:center; line-height:87px; margin: 0 auto; border: 1px solid; position: relative; width: calc(100% - 50%);}
.gnb_bottom .gnt_wb a:nth-child(2) {height:inherit; font-family: 'AppleSDGothicNeoM00';  display:block; text-indent: -9999px;}
.gnb_bottom .gnt_wb a.swiper-button { position: absolute; top: 50%;color:#000; }
.gnb_bottom .gnt_wb a.swiper-button:after{padding: 0 40px;}
.gnb_bottom .gnt_wb a.swiper-button-prev{left:0;}
.gnb_bottom .gnt_wb a.swiper-button-next{ right:0;}
.gnb_bottom .gnt_wb a img{height: fit-content; border-right: 1px solid; border-left: 1px solid;}

/*스와이퍼 동글이바*/
.mv .main_img .swiper-pagination{ bottom: 18%;}
.mv .main_img .swiper-pagination-bullet{width:10px; height: 10px;  background:#fff; opacity:1; border-radius:10px;}
.mv .main_img .swiper-pagination-bullet-active{background:#000;}
/*스와이퍼 화살표*/
.mv .swiper-button-prev, .mv .swiper-button-next{background:#fff;}

/*메인 카테고리*/
.mv_cg{ border-bottom:1px solid #000;margin-top: -4px;text-align: center;}
.mv_cg .cg a{ text-align: center;font-size: 50px; /*width: 14.285%;*/ padding-top: 5px;float: left;font-family: 'AppleSDGothicNeoB00'; font-style: italic; padding: 10px;}
.mv_cg .cg a:hover{color:#ff204b;text-decoration-line: underline;}
.mv_cg .cg p{padding-top:6px;}
.mv_cg h3{color:#ff204b; font-size:36px;font-family: 'Inter', sans-serif; font-weight:600;padding:20px 0;}

/*컨텐츠1*/
.content_1 .c_img{display: inline-block; }
.content_1 .c_img ul{display: flex; float:right; flex-wrap: wrap;justify-content: space-between; }
.content_1 .c_img ul li{width:calc(20% - 10px); float: left;text-align: left; }
.content_1 .c_img li:last-child{margin-right:0px;}
.content_1 .c_img a{font-size:14px;font-weight:500;margin-right:-2px; display: block; }
.content_1 .c_img a i{font-size:12px; color:#5d5d5d;}
.contents_box .c_img ul li a div{overflow:hidden; margin: 10px 0;}
.contents_box .c_img ul li a div img{width:100%;}
.contents_box .c_img ul li a:hover img{transition-duration: 2s;  transition-delay: 0.2s; transition: transform 0.25s ease-in-out; transform: scale3d(1.1, 1.1, 1.1);}
.content_1 .c_img a:hover{text-decoration:underline; }
.content_1 .c_img p{margin:10px 0 5px;  line-height: 1.148; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.content_1 .c_img span{color:#ff204b;}
.c_img ul li{display:none;}

/*컨텐츠2-1*/
.hot_deal_contents{border-top: 1px solid;}
.hot_deal_contents .hot_deal_lists{align-items: center; font-size:20px; font-weight:700; position:relative; padding:30px 10px 30px 30px; width: 44%;  float: left;}
.hot_deal_brand{position:relative;}
.hot_deal_contents .hot_deal_lists li .hot_deal_brand:after { content: ""; display: inline-block; width: 100px; height: 7px; background: #000; position: absolute;top: -17px; left: 0;}

.hot_deal_contents .hot_deal_lists .hot_deal_brand div { float: left; width:100%;}
.hot_deal_brand div img{width:100%;}
.hot_deal_lists li h4{text-align: end; font-size:14px; font-weight:400; position: relative;}
.hot_deal_lists li h4 a{padding: 10px 0; display: block;}
.hot_deal_lists h4 img{position:relative; margin:0 5px;}
.hot_deal_lists li a:hover, .hot_deal_lists  .hot_deal_brand a:hover .txt{text-decoration:underline;}
.hot_deal_brand a .txt{padding-left: 10px;}
.hot_deal_brand a{ display: flex;position:relative; line-height:1.5;font-size:20px;font-family: 'AppleSDGothicNeoB00'; }
.hot_deal_brand a i{font-weight:500;width: 70px;color: #fff;background: #ff204b;height: 40px;text-align: center;line-height: 40px;position:absolute;top:0; left:0;}
.hot_deal_brand  a .txt  p{font-size:16px;line-height:1.125; padding-top:12px;font-family: 'AppleSDGothicNeoL00';}
.hot_deal_brand .txt  span{color:#ff204b;font-size:24px;}

/*컨텐츠2-2뉴콜렉션*/
.new{ float: right; line-height: 1.5; width: 100%;}
.new_box{ float: right; width: 56%; padding: 60px 0 0px; position:relative; border-left: 1px solid;}
.new_box h4{position:absolute; float:right; font-size:13px; font-weight:500; right:0; top:0; padding-top:10px;}
.new_box h4 a:hover,.new_box a:hover{text-decoration:underline;}
.new_box h4 span{font-weight:900; color:#232323;}
.new_box img{width:100%;}
.new_collection{align-items: center; position:relative; float: right; width: 100%; }
.new_collection li{ float: left; padding: 0 10px;}
.new_collection_1{width:60%;  font-family: 'AppleSDGothicNeoB00'; position: relative; }
.new_collection_1:after{content: "";display: inline-block; width: 100px; height: 7px;background: #000; position: absolute; top: -20px; left: 10px;}
.new_collection .new_collection_1 a {display:block; font-family: 'AppleSDGothicNeoB00'; }
.new_collection .new_collection_1 a h5{font-size:24px; padding:30px 0; }
.new_collection .new_collection_1 a p{ font-family: 'AppleSDGothicNeoL00'; font-size:18px; }
.new_collection .new_collection_2{position: relative; bottom: 0;  font-family: 'AppleSDGothicNeoB00'; width: 40%; border-left: 1px solid;}
.new_collection_2:after{content: "";display: inline-block; width: 100px; height: 7px;background: #000; position: absolute; top: -20px; left: 10px;}
.new_collection .new_collection_2 a{  font-family: 'AppleSDGothicNeoB00';font-weight: 600; display: block;}
.new_collection .new_collection_2 a .txt{  padding: 10px 0;  font-weight: 400; overflow: hidden;text-overflow: ellipsis; position: relative;}
.new_collection .new_collection_2 a .txt p{font-family: 'AppleSDGothicNeoM00'; font-size:13px; padding:10px 0; }
.new_collection .new_collection_2 a .txt span{ text-decoration: line-through; color:#232323; }
.new_collection .new_collection_2 a .txt strong{color:#ff204b;  }
.new_collection .new_collection_2 a .txt img{width:10%; position: absolute;top: 10%; right: 0;}

/*광고 배너*/
.ab_banner{background:#232323; color:#fff; text-align:center;  margin-top:50px; position:relative; margin-top: 30px;}
.ab_banner a{color:#fff;position: relative; display: block;font-size:24px; display: block; background: url(../img/ab_banner1.jpg) no-repeat 20% center; height: 83px; padding-top: 17px; padding-left: 100px; line-height: 1.25;font-family: 'AppleSDGothicNeoB00';}
.ab_banner a span{font-size: 18px; font-family: 'AppleSDGothicNeoM00'; color:#fff;}
.ab_banner i{font-size:18px;font-family: 'AppleSDGothicNeoL00';;top:0;right:0;position: absolute; line-height:82px;}

/*컨텐츠3*/
.content_3{margin-bottom:65px;}
.content_3. hot_trandy_box{padding:0;height:610px;}
.hot_trandy_box ul{position:relative; }
.hot_trandy_box  ul li .img{ display:block; overflow: hidden;border: 1px solid #000; }
.hot_trandy_box ul li .arrow1, .hot_trandy_box ul li .arrow2{position:absolute; display:block; top:218px;}
.hot_trandy_box ul  li a p{border-top:1px solid #000; height:60px;line-height: 60px; text-align:center; width:100%; font-family: 'AppleSDGothicNeoEB00'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*스와이퍼*/
.content_3 ul .swiper-slide{width:25%;}
.content_3 ul .swiper-slide img{width:100%;}
/*화살표 두개*/
.hot_trandy_box .swiper-button{color:#000;}
.hot_trandy_box .swiper-button-prev {left:-0;}
.hot_trandy_box .swiper-button-next {right:0;}

/*컨텐츠4*/
.contents_box .cc_img ul{display:flex; justify-content:space-around; align-items: center; align-content: center; padding-top: 10px; flex-wrap: wrap; justify-content: space-between;}
.contents_box .cc_img ul li{position:relative; display:block; width: calc(25% - 100px/ 4); }
.contents_box .cc_img ul li a{display:block; width:100%; overflow:hidden; padding-bottom: 10px; text-align: initial;}
.contents_box .cc_img ul li a span{color:#ff204b; }
.contents_box .cc_img ul li a div{overflow:hidden;  box-shadow: 9px 0px 7px 2px;}
.contents_box .cc_img ul li a img{width: 100%;}
.contents_box .cc_img ul li a:hover img{transition-delay: 0.2s; transition: transform 0.25s ease-in-out; transform: scale3d(1.1, 1.1, 1.1);}
.contents_box .cc_img ul li p{padding-top:10px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:14px;}
.contents_box .cc_img ul li p span{color:#ff204b;}
.contents_box .cc_img ul li  i{width: 70px;color: #fff;background: #ff204b;height: 40px;text-align: center;line-height: 40px;position: absolute;top: 0; left: 0; text-decoration:underline;font-weight:600; }
 .more_bt1:hover, .contents_box .cc_img ul li a:hover{text-decoration:underline; font-weight:600;  }

/*컨텐츠5*/
.content_5 .contents_box{width:100%;}
.contents_box .ccc_img{display: inline-block; width: 100%; height: fit-content;}
.contents_box .ccc_img ul{display:flex; justify-content:space-around; align-items: center; align-content: center;flex-wrap: wrap; overflow:hidden; align-items: stretch;}
.contents_box .ccc_img ul li:hover{text-decoration:underline; font-weight:500;}
.contents_box .ccc_img ul li a:hover img{transition-delay: 0.2s; transition: transform 0.25s ease-in-out; transform: scale3d(1.1, 1.1, 1.1); overflow:hidden;}
.contents_box .ccc_img .category li{ position:relative; width: calc(25% - 50px/ 4);}
.contents_box .ccc_img .category li i{background:url(../img/tag.png)no-repeat; position:absolute; top:0; left:0; color:#fff; text-align:center; line-height:42px;background-size: cover; padding: 0 9px;}
.contents_box .ccc_img .category li a{display:block; padding-bottom:15px; text-align:left;}
.contents_box .ccc_img .category li a div{overflow:hidden;}
.contents_box .ccc_img .category li p{padding-top:15px;    font-size: 14px;}
.contents_box .ccc_img .category li span{color:#ff204b;font-family: 'AppleSDGothicNeoB00'; }
 .info_delivery{display: inline-block; margin-left: 6px; height: 18px;margin-top: 6px;padding: 0 8px;border: 1px solid #e4e4e4;border-radius: 1px;font-size: 10px;color: #5d5d5d !important;line-height: 18px; box-shadow:0;}
.contents_box .ccc_img .category li img{border:1px solid; width: 100%; }
/*탭*/
#tabs_wrap .icon_link ul{position:relative;}
#tabs_wrap .icon_link ul li{display:inline-block;}
#tabs_wrap .icon_link ul li.on{background:#fff;}
#tabs_wrap .icon_link ul li.on a{background:#ff204b; color:#fff;}
#tabs_wrap .icon_link ul li a{display:block;}

.tabs_contents{position:relative;   width: 100%;}
.tabs_contents > ul{ /*position:absolute; */ width:100%; height: fit-content;}

/*아이콘들*/
.icon_link{font-size:16px; font-weight:500;margin: 15px 0 45px; display: inline-block;}
.icon_link ul{float:right;}
.icon_link ul li{float:left; margin-right: 10px;}
.icon_link a{border:1px solid #eee; border-radius:15px; margin-right: 2.0833vw; background:#fff; padding:0 15px;line-height: 28.5px; display: block; margin: 5px 0;}
.icon_link a:hover{color:#ff204b;}
.icon_link2{ width: 100%; display: flex; font-size:13px; font-weight:500; margin-bottom: 13px; text-align: initial;}
.icon_link2 a{border:1px solid #eee; border-radius:15px; margin-right:10px; background:#fff; padding:0 15px;line-height: 21px; display:block;}
.icon_link2 a:hover{color:#ff204b;}

/*컨텐츠6*/
.content_6{background:url(../img/big_bg.jpg)no-repeat 0 0/ cover fixed;text-align: center; margin-top: 100px; padding-top:20px; }
.content_6 .title h3, .content_6 .title h2 .more_bt1{font-family: 'Inter', sans-serif; font-size:24px; font-weight:800; background:#eee; border-radius:90px; padding: 5px 35px;width: fit-content;}
.content_6 .title h2 .more_bt1{font-weight:500;}
.content_6 .title h3{margin-bottom: 65px; }
.content_6 .title span,.content_6 .title h2, .content_6 .title .cccc_img h4{color:#fff;font-family: 'AppleSDGothicNeoEB00';}
.content_6 .title span, .content_6 .title .cccc_img h4{font-size:30px;}
.content_6 .title h2{font-size:48px; line-height: 1.25;margin-top:52px;}
.content_6 .title p{font-size:24px; font-family: 'AppleSDGothicNeoB00'; color:#fff; margin:15px 0;}
.content_6 .title .cccc_img{ display: inline-block;}
.content_6 .title .cccc_img h4{margin: 60px 0 20px; text-align: left; text-indent: 35px;}
.content_6 .title .cccc_img ul{float:right;display: flex;flex-wrap: wrap;justify-content: center; justify-content: space-around;}
.content_6 .title .cccc_img ul li{float:left; margin-bottom:65px; position:relative; text-align:center;     width: calc(33.3333% - 22px / 3); padding: 0 35px;}
.content_6 .title .cccc_img ul li a:first-child{display:block;}
.cccc_img .brand_best{position: relative; display:block; width: inherit;/*top: 0; left: 0; */ }
.cccc_img .brand_best > img{width:100%;}
.cccc_img .brand_best_hover .brand_txt{}
.cccc_img .brand_best_hover{
	font-family: 'AppleSDGothicNeoM00'; font-size:28px; color: #fff;
	left: 0; position: absolute; top: 0; display:block;
	opacity:0; background:rgba(0,0,0,0.6);
	width:100%;
	transition: all 0.5s;
	height:100%; /*transform: translate(0px, 350px);*/ transition-timing-function: ease-in-out;}
.cccc_img .brand_best_hover img{position: absolute; bottom: 12px; right: 20px;}
.cccc_img .brand_day:hover .brand_best .brand_best_hover{
	display:block; transition-timing-function: ease-in-out;
    transition: all 0.5s; opacity:1;  transition: all 0.5s;
	transform: translate(0px, 0px); transition-timing-function: ease-in-out; padding: 39% 0;
	}
.cccc_img .brand_day:hover .brand_best .brand_best_hover img:active{ display:none; }
.cccc_img .brand_best_hover p{ font-size:18px; font-family: 'AppleSDGothicNeoL00';    margin: 5px 0;}
.cccc_img ul li p{font-size:24px; font-family: 'AppleSDGothicNeoB00'; color:#fff; margin:15px 0;}

/*광고 배너2*/
.ab_banner2{background:url(../img/ab_banner22.png)no-repeat 0 0%,url(../img/ab_banner11.png)no-repeat 72% 50% ; text-align:center;  margin:50px 0; background-color:#eef1f5; position:relative;}
.ab_banner2 a{font-size:36px;display: inline-block;font-family: 'AppleSDGothicNeoB00';display: block; padding: 52px; position: relative; }
.ab_banner2 a span{font-size:24px; font-family: 'AppleSDGothicNeoL00'; color:#000;font-family: 'AppleSDGothicNeoM00'; }
.ab_banner2 a i{font-size:18px;top:0;right:0;position: absolute; line-height: 176px;}

/*컨텐츠7*/

.content_7 .title h3 a > span{font-family: 'AppleSDGothicNeoL00'; font-size:18px; float:right; color:#000;  position: absolute; right: 0; bottom: -5px;}
.content_7 .content_7_swiper{padding:30px 0;}
.content_7 .content_7_swiper > ul li a{text-align: center;
    display: block;}
.content_7_swiper ul li a img{width:100%;}

/*스와이퍼*/
.content_7_swiper ul .swiper-slide{width:33.3333333%;}
/*.content_8_swiper ul .swiper-slide-active{width:50%;}
.content_8_swiper ul .swiper-slide-prev,.content_8_swiper ul .swiper-slide-next{width:25%;}*/
.content_7_swiper ul .swiper-slide {font-family: 'Noto Sans KR', sans-serif;  font-size:15px; font-weight: 600; text-align:center; }
.content_7_swiper ul .swiper-slide p{padding: 5px 0; }
.content_7_swiper ul .swiper-slide p i{text-decoration:line-through;}
.content_7_swiper ul .swiper-slide  span{font-weight: 400; color:#000;font-family: 'Noto Sans KR', sans-serif;  }
/*동글이바*/
.content_7 .swiper-pagination{bottom:5px;}
.swiper-pagination-bullet{width:10px; height: 10px;  background:#eee; opacity:1; vertical-align:middle;}
.swiper-pagination-bullet-active{background:#000;}


/*컨텐츠 8 비디오*/
.content_8 h3 span{font-family: 'AppleSDGothicNeoL00'; font-size: 18px; float: right; color: #000;}
.content_8 .video{ overflow: scroll; width: calc(100% - 20px); height: 440px;}
.content_8 .video::-webkit-scrollbar{ width: 5px; background-color: black;}
.content_8 .video::-webkit-scrollbar-thumb {background-color: #fff; width: 5px;}
.content_8 .video::-webkit-scrollbar-track { background-color: #fff; width: 5px;}
.content_8 .video ul{float:left; width:100%; }
.content_8 .video ul li{overflow: auto;}
.content_8 .video ul li iframe{width:100%;}
.content_8 .video .txt{font-size:18px; font-family: 'Noto Sans KR', sans-serif; font-weight:800; margin-top: 20px; line-height: 1.25; }
.content_8 .video .txt strong{color:red;}
.content_8 .video .txt span{font-size:14px; font-weight:400; color:#000; padding: 0 15px; position:relative;}
.content_8 .video .txt span:first-child{padding-left:0;}
.content_8 .video .txt span:after{content: "";
display: inline-block; width: 1px; height: 10px;
 background: #000; position: absolute; top: 5px; right: -2px;}
 .content_8 .video .txt span:first-of-type{padding-left:0;}
.content_8 .video .txt span:last-of-type:after{display:none; width:0;}
.content_8 .video .txt p{font-size:16px; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 20px;}
.content_8 .video .swiper-slide-active{ width:100%;}
.content_8 .swiper-slide-next,.content_8 .swiper-slide-prev{opacity:.5; transform:translateY(10px);}

/*컨텐츠 9*/
.content_9 .title h3 a p{font-family: 'AppleSDGothicNeoL00'; font-size: 18px; float: right; color: #000;}
.content_9 .contents_box{padding:0;}
/*컨텐츠 9리뷰 사진박스*/
.contents_box .rv_img > a{display:block;}
.contents_box .rv_img {font-size:24px; font-family: 'Noto Sans KR', sans-serif;font-weight:600;line-height: 1.25; text-align: left; width: calc(100% - 20px);     margin-top: 20px;}
.contents_box .rv_img .rv_img_list ul{float:right; width: calc(100% - 20px);}
.contents_box .rv_img .rv_img_list ul li{float:left; width:25%;}
.contents_box .rv_img .rv_img_list ul li div> img{width: 100%;}
.contents_box .rv_img .rv_img_list .txt{ text-align: left; padding-top: 10px;}
.contents_box .rv_img .rv_img_list .txt p{font-size:15px; font-family: 'Noto Sans KR', sans-serif;font-weight:300;padding: 20px 0; line-height:1.5;}
.contents_box .rv_img .rv_img_list .txt p strong{ font-weight:500;}

.rv_img_list >ul li a {display:block;margin-right: 10px; width: calc(100% - 100px / 4); position: relative;}
.rv_img_list >ul li div{position: relative;}

/*토크박스**************/
.rv_img_list ul li a .talk_box{ background:url(../img/talk_box.png)no-repeat; overflow: hidden;
    text-overflow: ellipsis;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0;
    transition-duration: 3s;
    transition: all 0.5s;}

.rv_img_list ul li a:hover .talk_box{display:block; background:url(../img/talk_box.png)no-repeat 0 84%; opacity: .6;
    width: 140px; height: 140px; text-align: center;  line-height: 165px; position: absolute; bottom: 67px;
    left: 6.041666666666667vw; font-size: 14px;  transition-duration: 3s; transition: all 0.5s; }
.rv_img_list ul li a div > div{ position: absolute;
    width: 260px;
    height: 162px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    text-overflow: ellipsis;}
.rv_img_list ul li a div > div p{ overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition-duration: 3s;
    transition: all 0.5s;}

.rv_img_list ul li a:hover div > div p{ font-size: 14px;  opacity: 1; width: 140px;
    height: 140px; bottom: 13px;
    left: 6.041666666666667vw; padding: 20px 10px;}

/*컨텐츠9 리뷰 돋보기*/
.rv_img_list ul li a i{
	width: 30px;
    background: rgba(255,255,255,0.8);
    height: 30px;
    text-align: center;
    line-height: 25px;
    position: absolute;
    bottom: 5px;
    left: 5px;
	color: transparent;
    border: 0px solid;
    border-radius: 20px;
	transition:width 0.5s;
}

.rv_img_list ul li a i img{ position: absolute; left: 4px; top: 5px;}
.rv_img_list ul li a:hover i{width: 144px;}
.rv_img_list ul li a i span{top: -5px; position: relative;transition:all 0.5s;font-size: 0;opacity: 0; color:#000;}
.rv_img_list ul li a:hover i span{font-size: 12px; opacity: 1;}

/*플로팅 배너*/
.floating_bn1{display:block; position:fixed; left: 0px;top: 140px;  z-index: 998;}
.floating_bn2{display:block; position:fixed; left: 0px;top: 392px;  z-index: 998;}
.floating_bn3{display:block; position:fixed; right: 0px;bottom: 50px;  z-index: 999;}

/*큰 테블릿 혹은 작은 노트북 1200px  */
@media screen and (max-width: 1200px){
	/*팝업광고*/
	.popup_ad, .floating_bn1, .floating_bn2 {display:none;}
	/*메인비주얼*/
	.mv .mv_letter {font-size: 2.4vw;}
	/*6*/
	.cccc_img .brand_best_hover {font-size: 2.083333333333333vw;;}
	/*ad 1*/
	.ab_banner2 {
    background: url(../img/ab_banner11.png)no-repeat 77% 50%,url(../img/ab_banner22.png)no-repeat -20% 0%; background-color: #eef1f5;}
}
@media screen and (max-width: 1024px){


	/*컨텐츠3*/
	.hot_trandy_box ul li a p {font-size: 15px;text-indent: 5px;}
	/*컨텐츠 5*/
	.content_5 .contents_box{ display: inline-block;}
	.icon_link2 {float:left;}
	.contents_box .ccc_img {width: calc(100% + 10px);}
	.contents_box .ccc_img ul{float: right;}
	.contents_box .ccc_img  li{float: left;}
	.contents_box .ccc_img .category li {width: 33.3333%;}
	.contents_box .ccc_img .category li a {width: calc(100% - 10px);}
	.contents_box .ccc_img .category li:last-child,.contents_box .ccc_img .category li:nth-child(7){display:none;}

	/*컨텐츠6*/
	.content_6 .title .cccc_img ul {display:block; width: calc(100% + 20px);}
	.content_6 .title .cccc_img ul li{width: calc(50% - 20px); margin-left: 20px; margin-bottom: 40px;}
	.cccc_img .brand_day:hover .brand_best .brand_best_hover {padding: 13.578125vw 0;}
}

@media screen and (max-width: 960px){

	/*MV*/
	.mv{font-size:20px;}
	.mv p, .mv span{font-size:20px;}
	.mv .main_img .swiper-pagination { bottom: 24%;}

	.content_1 .c_img ul li {width: 25%;}

	/*컨텐츠2-1*/
	.hot_deal_contents .hot_deal_lists {width: 50%; }
	.hot_deal_brand a,.hot_deal_brand .txt span, .new_collection .new_collection_1 a h5 {font-size: 2vw;}
	.hot_deal_brand a i {width:auto;}
	/*2-2*/
	.new_box {width: 50%; }
	.new_collection .new_collection_2 a:last-child {white-space: nowrap;}
	.new_collection .new_collection_1 a p, .new_collection .new_collection_2, .hot_deal_brand a .txt p {font-size: 1.9vw;}
	/*AD BANNER*/
	.ab_banner i { font-size: 15px; line-height: 135px;}

	.ab_banner a {background: url(../img/ab_banner1.jpg) no-repeat 0% center; padding-left: 0px;}
	/*컨텐츠4*/
	.contents_box .cc_img ul li {margin: 10px 20px;float: left; position: relative; display: block; width: calc(50% - 80px / 2);}
	/*컨텐츠5*/
	.contents_box .ccc_img ul {float: right; justify-content: flex-start;}
	.contents_box .ccc_img ul li,.contents_box .ccc_img .category li{float: left;margin-top: 5px;}

	/*광고배너 2*/
	.ab_banner2 {
    background: url(../img/ab_banner22.png)no-repeat -10000000032% -100000000000000%,url(../img/ab_banner11.png)no-repeat 17% 50%;background-color: #eef1f5;}
	.ab_banner2 a i{font-size: 15px; }
	/*7*/
	.content_7 .title h3 a > span, .content_8 h3 span, .content_9 .title h3 a p {font-size: 15px;}

}

@media screen and (max-width: 768px){
.contents { margin-top: 139px;}
/*mv 화이트 바*/
.mv_title{padding:5px;}
.gnt_wb {width:67%;}
.mv .mv_letter {font-size:2.6041666vw;}
.mv .main_img .swiper-pagination {display:none;}
/*카테고리*/
.mv_cg .cg a {font-size:6.51041666vw;}
/*컨텐츠1*/

.content_1 .c_img ul li {width: calc(50% - 10px);}
.content_1 .c_img a, .content_1 .c_img p {white-space: nowrap;}
.content_1 .c_img p { text-overflow: ellipsis;height: fit-content;overflow: hidden;}

.content_1 .c_img li:last-child {display:none;}

/*2공통*/
.hot_deal_brand a, .hot_deal_brand .txt span, .new_collection .new_collection_1 a h5 { font-size: 2.804166666666667vw;}
.new_collection .new_collection_1 a p, .new_collection .new_collection_2, .hot_deal_brand a .txt p{font-size:2.54375vw; }
/*2-1*/
.hot_deal_contents .hot_deal_lists { padding: 60px 5.2083333vw 30px ; width: 50%;}
.hot_deal_contents .hot_deal_lists li, .new_collection li{padding-bottom:30px;}
.hot_deal_lists li h4 a {padding: 10px 0;  right: -5px; position: absolute; top: -56px;}
.hot_deal_brand a {flex-direction: column;}
.hot_deal_brand a .txt {padding: 10px; padding-left:0;}

/*2-2*/
.new_box { width: 50%; }
.new_collection {padding: 0 5.2083333vw;}
.new_collection_1, .new_collection .new_collection_2 { width: 100%;     border-left: 0px solid; }
/*AD1*/
.ab_banner a {font-size: 3.125vw;}
.ab_banner a span { font-size: 2.54375vw;}
/*5*/
.icon_link{font-size:13px;}
.icon_link2{font-size:12px;}
/*6*/
.content_6 .title h3 { margin: 20px 22%; }
.content_6 .title h3, .content_6 .title h2 .more_bt1 {font-size: 3.125vw; width: auto;}
.content_6 .title h2{font-size: 5.25vw;margin-top: 6.7708333vw;}
.content_6 .title span, .content_6 .title .cccc_img h4 {font-size:20px;margin: 30px 0 20px;}
.content_6 .title .cccc_img h4{text-indent: 0;}
.content_6 .title .cccc_img ul li {margin-bottom: 30px;padding:0; }
.cccc_img .brand_day:hover .brand_best .brand_best_hover { padding: 15.578125vw 0;}
.cccc_img .brand_best_hover, .content_6 .title p{font-size: 3vw;}
.cccc_img .brand_best_hover p {font-size: 12px;}
.content_6 .contents_box .more_bt1 {padding:10px;}
/*AD2*/
.ab_banner2 a {font-size: 4.6875vw;}
.ab_banner2 a i { top: 30px;}
.ab_banner2 a span {font-size: 3.125vw;}
.ab_banner2 {background:url(../img/ab_banner11.png)no-repeat 5% 50%; background-color: #eef1f5;}

}

@media screen and (max-width: 480px){
/*공통*/
.title h3 {margin-top: 30px;}
.title h3 a {font-size: 18px;}
.title h3 img { padding: 3px 10px;}

.contents_box{padding:0 10px;}
.contents_box .more_bt1{ margin-top:0; margin: 10px;}
/*MV*/
.mv_title {margin-top: 34.041666vw; padding:30px;}
.mv .main_img .swiper-pagination { bottom: 30%;}
.main_img li {height: 94.90625vw;}
.gnt_wb { width: 100%; }
.mv .mv_letter { font-size: 4.16666vw;}
/*1*/
.content_1 .contents_box{border:0; padding:0;}
/*2 공통*/
.hot_deal_brand a, .hot_deal_brand .txt span, .new_collection .new_collection_1 a h5 {font-size: 15px;}
.new_collection .new_collection_1 a p, .new_collection .new_collection_2, .hot_deal_brand a .txt p { font-size: 14px;}
.hot_deal_contents .hot_deal_lists {padding: 60px 10px 30px;}
.new_collection { padding: 0;}
/*2-1*/
.hot_deal_lists li h4 {font-size: 12px;}
/*AD1*/
.ab_banner a { font-size: 15px; text-align: end;}
.ab_banner i, .ab_banner a span, .ab_banner2 a i { font-size: 13px;}
/*컨텐츠4*/
.contents_box .cc_img ul li {width:100%;}
.contents_box .cc_img ul li {margin:0;}
.content_6 .title .cccc_img ul li {width: calc(100% - 20px);}
/*5*/
.contents_box .ccc_img .category li {width: 50%;}
.icon_link2{margin-top:10px;}
/*6*/
.content_6 .title h3 {font-size: 15px;}
.content_6 .title p {font-size: 5vw; margin: 10px 0;}
.cccc_img .brand_day:hover .brand_best .brand_best_hover {padding: 33.578125vw 0;}
.cccc_img .brand_best_hover {font-size: 25px; margin:0;}
/*AD2*/
.ab_banner2 a {TEXT-ALIGN: end;padding: 52px 0; font-size: 18px;}
.ab_banner2 a span {font-size: 15px;}
/*7*/
.content_7 .content_7_swiper ul .swiper-slide .swiper-slide-active, .content_7_swiper ul .swiper-slide {width:100% !important;}
.content_7 .content_7_swiper ul .swiper-slide .swiper-slide-prev,.content_7 .content_7_swiper ul .swiper-slide .swiper-slide-next{width:0  !important;}
/*8*/
.content_8 .video{height:auto; overflow:auto;}
.content_8 .video ul li iframe{height:auto;}

}

@media screen and (max-width: 360px){
/*공통*/
.title h3 a{  line-height: 14px; font-size: 16px;}
.title h3 img { padding: 0px 10px;}
.content_7 .title h3 a > span, .content_8 h3 span, .content_9 .title h3 a p{font-size:12px;}

/*MV*/
.mv .mv_letter {font-size: 14px;}
/*1*/
.content_1 .c_img ul li {width: calc(100% - 20px);}
.contents_box .c_img ul li:first-child a div {margin: 0px 0 10px;}

/*2 공통*/
.hot_deal_contents .hot_deal_lists, .new_box  {width: 100%;}
/*2-1*/
.hot_deal_contents .hot_deal_lists {padding: 60px 30px 30px;}
/*2-2*/
.new_collection {padding: 20px;}
.new_box {border-left: 0px solid; border-top: 1px solid;}
.new_collection .new_collection_2 a:last-child { white-space: normal;}

/*5*/
.contents_box .ccc_img .category li { width: 100%;}
/*6*/
.content_6 .title h3 {margin:3%; width: inherit;}
.content_6 .title span, .content_6 .title .cccc_img h4 {font-size: 18px;}
.content_6 .title h2,.content_6 .title p {font-size: 5vw;}
.content_6 .title .cccc_img ul li { margin-bottom: 0;}
.content_6 .title .cccc_img ul li { margin-bottom: 0;}
.content_6 .title .cccc_img ul li { margin-bottom: 0;}
.content_6 .title .cccc_img ul li { margin-bottom: 0;}
/*ad2*/
.ab_banner2{  background-size: 85px;}
}