@charset "utf-8"; 
.home .top-event { position: fixed; width: 100%; left: 0; top: 0; z-index: 9; transition: all .3s; } 
.home .top-event.hide { margin-top: -56px; } 
.home .header-wrap { position: fixed; width: 100%; left: 0; /* top: 56px; 22-09-19 188 GNB 변경 - 추가요청 : 헤더 고정 */z-index: 9; border-bottom: none } 
.home .header-holder { height: 56px }

/* 241030 메인페이지 gnb 수정 */ 
.home .white .logo a,
.home .white .nav-in a,
.home .white .search-type,
.home .white .member-holder a,
/* .home .white .golink-holder a { color: #fff } */
.home .white .search-type { border-bottom-color: #fff; } 
.home .white .logo a { background-image: url(../images/common/brand_logo_kvillage_w0.png); } 
.home .white .input-holder .search i { background-image:url(../images/common/ico24-search-wh.svg); } 
.home .white .alim-holder .favorite ._img { background-image:url(../images/common/ico24-heart-wh.svg); } 
.home .white .alim-holder .alert ._img { background-image:url(../images/common/ico24-alert-wh.svg); } 
.home .white .alim-holder .cart ._img { background-image:url(../images/common/ico24-cart-wh.svg); } 
.home .white ~ .content-wrap .swiper-button-prev,
.home .white ~ .content-wrap .swiper-button-next {background-image: url(../images/main/chevron-left.png) !important;}
.home .white ~ .content-wrap .ico-golink i {background:url(../images/common/ico-golink.svg) no-repeat center center;}
.home .white ~ .scroll-info i { background-image: url(../images/main/btn_scroll.png); }
.home .white ~ .scroll-info i em { background-image: url(../images/main/arrow-down.png); } 

/* 모바일에서 PC버전으로 보기 */
.is-pc .blur,
.is-pc .move,
.is-pc .left_right,
.is-pc .right_left {opacity:1; animation: reset !important;}
.is-pc .main [class ^= screen] {height:980px;}

/*screen0*/
.main [class ^= screen] { position: relative; overflow: hidden; } 
.fp-section.fp-table, .fp-slide.fp-table {height: 100%;}
.screen0,
.screen1,
.screen2,
.screen3,
.screen0 .fp-tableCell,
.screen1 .fp-tableCell,
.screen2 .fp-tableCell,
.screen3 .fp-tableCell { } 
[class ^=screen] .wrap-holder { width: 100%; height: 100%; } 
[class ^=screen] .wrap-in { width: 100%; height: 100%; overflow: hidden; } 

.header-wrap { transition: transform .3s; } 
.fp-viewing-1 .header-wrap,
.fp-viewing-2 .header-wrap,
.fp-viewing-3 .header-wrap,
.fp-viewing-4 .header-wrap,
.fp-viewing-5 .header-wrap,
.fp-viewing-6 .header-wrap,
.fp-viewing-7 .header-wrap,
.fp-viewing-8 .header-wrap,
.fp-viewing-9 .header-wrap,
.fp-viewing-10 .header-wrap { transform: translateY(0px); } 
.section-end .header-wrap, .section-end .scroll-info { display: none; } 
.flex { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } 
.content-wrap { padding: 0px 0 0px; } 

/* .main-slide-inner {position:relative; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} */

/* screen0 */
.screen0 {height:100vh;}
.screen0 .wrap-holder {display:flex; justify-content:center;} 
.screen0 .video {position:absolute; top:0; bottom:0; left:0; right:0; background:#000;}
.screen0 video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.screen0 .wrap-holder.full {width:100%;}
/* .screen0 .main-slide-inner > div {position:absolute;} */
.screen0 .p1 {left:134px; top:213px; padding:78px 78px 70px 70px; width:calc(100% - 268px); z-index:1;}
.screen0 .p2 {right:257px; bottom:0;}
.screen0 .a {position:absolute; left:0; top:0;}
.screen0 .c {margin:58px 0 45px;}

.screen1 .swiper-pagination.swiper-pagination-fraction,
.screen0 .swiper-pagination.swiper-pagination-fraction { width: 110px; font-size: 20px; color: #fff; left: 120px; bottom: 62px; position: absolute; height: 42px; line-height:42px; margin:0; z-index:1;}
.screen1 .swiper-pagination::before,
.screen0 .swiper-pagination::before {width: 100%; height: 100%; top:0;}
.screen1 .swiper-pagination.swiper-pagination-fraction span,
.screen0 .swiper-pagination.swiper-pagination-fraction span {font-size:inherit;}

/* screen1 */
.screen1 {height:100vh;}
.screen1 .wrap-holder { display: flex; justify-content: center; } 
/* .screen1 .main-slide-inner > div { position: absolute; }  */
.screen1 .p1 { left: 140px; top: 130px; z-index: 3;width: calc(100% - 280px); padding:0; } 
.screen1 .p2 { right: 140px; top: 454px; z-index: 3 } 
.screen1 .a { position:static; } 
.screen1 .b { margin: 108px 0 42px; } 
.screen1 .c { margin: 0; } 
.screen1 .visual { right: 0; top: 150px; z-index: 1 } 
.screen1 .slide-1 .visual { right:auto; top:auto;} 
.screen1 .ico-golink { margin: 54px 0 0 0 } 
.ico-golink i { width: 100px; height: 20px; background:url(../images/common/ico-golink-bl.svg) no-repeat center center; } 
.ico-golink-bl i { width: 100px; height: 20px; background:url(../images/common/ico-golink-bl.svg) no-repeat center center; } 
@keyframes man { 
 0% { transform: translateY(0px); } 
 50% { transform: translateY(10px); } 
 100% { transform: translateY(0px); } 
 }
 .swiper-brandpick .swiper-slide .section-tit-02 span[style*="BLACK"],
 .swiper-brandpick .swiper-slide .section-tit-02 span[style*="black"] {padding-bottom:5px; border-bottom:2px solid #000;}
 .swiper-brandpick .swiper-slide .section-tit-02 span[style*="WHITE"],
 .swiper-brandpick .swiper-slide .section-tit-02 span[style*="white"] {padding-bottom:5px; border-bottom:2px solid #fff;}

 /* screen2 */
.screen2 { background: #fff; height:100vh;} 
.screen2 .wrap-holder { display: flex; justify-content: center; } 
.screen2 .wrap-in { background: #fff; padding-top: 153px; text-align: center; overflow:hidden; } 
.screen2 .t { margin: 0 } 
.screen2 .l { margin: 10px 0 0; } 
.screen2 .i { width: 384px; height: 488px; position: relative; overflow: visible; } 
.screen2 .over, .swiper-trend a .prd-info { position: absolute; left: 0; bottom: 0; transition: all .3s; transform: translateY(100%);} 
.screen2 .i:hover .over, .swiper-trend a:hover .prd-info { transform: translateY(0); z-index:100; position:absolute; } 
.swiper-trend a .prd-info { width: 100%; background-color: rgba(0, 0, 0, .7); padding: 10px 30px 30px 30px } 
.swiper-trend a .prd-info .prd-brand { color: #888 } 
.swiper-trend a .prd-info .prd-name, .swiper-trend a .prd-info .prd-price, .swiper-trend a .prd-info .prd-mark { color: #fff } 
.screen2 .swiper-slide.on { z-index:1; } 
.screen2 .swiper-slide.on i { border:5px solid #fff; } 
.swiper-trend a {display:flex;align-items:center;width: 420px !important; height: 560px; overflow: hidden; transform: scale(0.715); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;background-color:#fff } 
 .swiper-trend .thumb-img img { width: 420px; height: auto } 
 .screen2 .swiper-slide .i>img:hover, 
 .swiper-trend a:hover { transition-duration: 300ms; transform: scale(1); z-index: 10}

 /* screen3 */
.screen3 { background: linear-gradient(to left,#fff 50%, #3586D7 50%); height:100vh;} 
.screen3 .wrap-holder { display: flex; justify-content: center; } 
.screen3 .wrap-in { background: #fff; } 
.screen3 .main-slide-inner { background-size:auto 100%; background-position:left top; } 
.screen3 .main-slide-inner > img {position:absolute; top:0; left:0; height:100%;}
.screen3 .img .p1 { position: absolute; left: 220px; top: 658px; user-select:none;} 
.screen3 .img .p2 { position: absolute; width: 940px; height:850px; right: 120px; bottom: 0 } 
.screen3 .img .p2 li { width: calc(100% / 3 - 10px); margin:0 10px 50px 0; } 
.screen3 .img .b { position: absolute; left: -460px; top: -360px; } 
.screen3 .img .d { margin: 114px 0 31px; } 
.screen3 .img .f { margin: 80px 0 0px; } 
.screen3 .img .g { position: absolute; left: 130px; top: 27px; } 
.screen3 .img .g img { animation: shoes 1.5s ease-in-out infinite; } 
.screen3 .prd-list .thumb-img{display:flex;align-items:center;overflow:hidden;height:400px;background-color:#fff}
.screen3 .prd-list .thumb-img .thumb-over{display:flex;align-items:center;overflow:hidden;height:400px;background-color:#fff}
.screen3 .prd-list .thumb-img img { width: 300px; height: auto } 
.screen3 .prd-list .prd-info { padding:15px; background-color:#fff; } 
.screen3 .prd-list .prd-info .prd-brand { margin-top:0; } 
@keyframes shoes { 
 0% { transform: translateY(0px); } 
 50% { transform: translateY(20px); } 
 100% { transform: translateY(0px); } 
 }
/* --- 꼭필요한 css --- */
.vertical_motion { margin:0; padding:0; list-style:none; } 
.vertical_motion .vm_list { float:left; overflow:hidden; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } 
.vertical_motion .vm_list img { vertical-align:middle } 
.vertical_motion .vm_list.last { margin-right:0 } 
/* --- 꼭필요한 css --- */

/* screen4 */
.screen4 { background: linear-gradient(to left,#E2E9F3 50%, #fff 50%); height:100vh; } 
.screen4 .wrap-holder { display: flex; justify-content: center; } 
.screen4 .wrap-in { background: #fff; min-width: 2170px; width: 2170px; position: relative; } 
.screen4 .flex { height:100% } 
.screen4 .flex>li { width: 100%; height: 300%; background-position: center center; position: relative; transform: rotate(15deg); overflow:hidden; } 
.screen4 .flex>li .txt-area { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);white-space:nowrap;text-align:center;} 
.screen4 .flex>li:first-child .txt-area {left:53%;}
.screen4 .flex>li:last-child .txt-area {left:47%;}
.screen4 .flex>li a { display: block; position: absolute; left: -35%; top: -35%; width: 170%; height: 170%; background-position: center center; transform: rotate(345deg); } 

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {.screen4 .wrap-holder { left:-120px; } 
 }

 /* screen5 */
.screen5 {height:100vh;}
.screen5 .wrap-holder { display: flex; justify-content: center; } 
.screen5 .wrap-in { text-align: center; position: relative; } 
.screen5 .wrap-holder .t { padding-top: 110px; margin-bottom: 50px; } 
.screen5 .swiper-best-wrap { height:100%; background-repeat:no-repeat; } 
.screen5 .swiper-best { width: 1437px; margin-left: auto; margin-right: auto } 
.screen5 .swiper-best .thumb-img{display:flex;align-items:center;height:360px;overflow:hidden;background-color:#fff;} 
.screen5 .swiper-best .thumb-img .thumb-over{display:flex;align-items:center;height:360px;overflow:hidden;background-color:#fff;} 
.screen5 .swiper-best .thumb-img img { width: 270px; height: auto } 
.screen5 ul { padding:0 } 
.screen5 .women { position: absolute; left: -26px; top: 43px; } 
.screen5 .man { position: absolute; left: 1400px; top:160px; } 

/* screen6 */
.screen6 {height:100vh;}
.screen6 .align-l {position: relative;left: 0;top: 0;width: calc(100% - 1104px);height: 100%;}
.screen6 .wrap-holder { display: flex; justify-content: center; background-color:#e8e9e9 } 
.screen6 .img .p1 .a { position: absolute; right: 0px; bottom: 0; } 
.screen6 .img .p1 .b { position: absolute; left: 99px; top: 625px;width: calc(100% - 198px);} 
.screen6 .img .p2 { position: absolute; width: 1104px; height: 790px; right: 0; top: 0; height:100%; } 
.screen6 .img .p2 ul { height:100%; align-items:flex-start; } 
.screen6 .img .p2 li { height:50%; margin:0; } 
.screen6 .img .p2 li a { height:100%; } 
.screen6 .img .p2 li .thumb-img {display:flex;align-items:center;overflow:hidden;background-color:#fff;height: 100% } 
.screen6 .img .p2 li .thumb-over {display:flex;align-items:center;overflow:hidden;background-color:#fff;height: 100% } 
.screen6 .img .p2 li img { min-width: 368px; height:auto; object-fit: cover; min-height:100%;} 
.screen6 .swiper-slide {justify-content: flex-start;}
.screen6 .prd-info .btn-favorite {position:absolute; right:10px; top:10px;}
.screen6 .prd-info .btn-favorite:not(.on) i {background-image: url(../images/common/ico-favorite-w.svg);}


/* screen7 */
.screen7 {height:100vh;}
.screen7 .wrap-holder { display: flex; justify-content: center; background-color: #fff; } 
.screen7 .img .p1 { position: absolute; left: 0; top: 0 } 
.screen7 .img .p2 { position: absolute; right: 0; top: 170px; width:630px; } 
.screen7 .swiper .swiper-pagination { position: absolute!important; bottom:140px; left:auto; right:0; width:620px; text-align: left;} 

/* screen8 */
.screen8 {height:100vh;}
.screen8 .wrap-holder { display: flex; justify-content: center; background-color: #fff; } 
.screen8 .img .sub-tit { position: absolute; left: 50%; top: 120px; margin-left: -40px; } 
.screen8 .img .nav { position: absolute; left: 50%; top: 220px; transform: translateX(-50%); } 
.screen8 .img .tag-holder a { white-space:nowrap; } 
.screen8 .img .left-txt { position: absolute; left: 121px; bottom: 348px; } 
.screen8 .img .lists { position: absolute; left: 50%; bottom: 0; margin-left: -842px; } 
.screen8 .img .lists .s8 { position:absolute; bottom:0; } 
.screen8 .img .lists .s8 a { display: inline-block; margin: 28px 28px 0 0; overflow: hidden } 
.screen8 .img .lists .s8.twin { width: 580px; } 
.screen8 .img .lists .s8.bigger { left: 492px; } 
.screen8 .img .lists .s8.list { left: 976px; width: 800px; } 
.screen8 .prd-list .thumb-img img {width:216px; height:288px;}
.screen8 .thumb-img img {width:216px; height:288px;}
.screen8 .bigger .thumb-img img {width:455px; height:606px;}
.prd-zoom a img { transition: transform .3s } 
.prd-zoom a:hover img { transform: scale(1.1); } 

/* .fp-viewing-0 .top-navi { display: none; }  */

.footer-banner { display: block; width: 100%; height: 210px; background:url(../images/main/footer_/Bottom_banner.png) no-repeat center center } 

 .scrollbar.swiper-container { height: calc(100% + 10%); } 
 .swiper-horizontal>.swiper-scrollbar { height: 2px !important; margin-top: 20px; z-index: 5; }  
 .swiper-scrollbar-drag { background: #000 !important; } 
 .screen8 .swiper-scrollbar-drag { background: #fff !important; } 
 .screen8 .swiper-horizontal>.swiper-scrollbar { height: 2px !important; top: 592px; } 

 .scroll-info { display: flex; pointer-events: none; justify-content: center; position: fixed; bottom: 25px; width: 100%; } 
 .scroll-info i { width: 70px; height: 88px; background: url(../images/main/btn_scroll_b.png); display: inline-block; } 
 .scroll-info i em { width: 14px; height: 18px; background: url(../images/main/arrow-down_b.png); display: inline-block; margin: 31px 0 0 28px; animation: loop 1.5s ease-in-out infinite; } 

.fp-viewing-7 .golink-holder a { color: #000!important } 

 @keyframes loop { 
 0% { transform: translateY(-10px); opacity: 0; } 
 50% { transform: translateY(0); opacity: 1; } 
 60% { transform: translateY(0); opacity: 1; } 
 100% { transform: translateY(5px); opacity: 0; } 
 }

.wrap-holder .swiper-slide-active .right_left { animation: right_left 1s ease forwards; } 
.wrap-holder .swiper-slide-active .left_right { animation: left_right 1s ease forwards; } 

.wrap-holder .swiper-slide-active.swiper-slide .b { animation-delay: 0.5s; } 
.wrap-holder .swiper-slide-active.swiper-slide .c { animation-delay: 0.6s; } 
.wrap-holder .swiper-slide-active.swiper-slide .d { animation-delay: 0.65s; } 
.wrap-holder .swiper-slide-active.swiper-slide .e { animation-delay: 0.7s; } 

.screen2 .swiper-wrapper div:nth-child(1) { animation-delay: 0.5s; } 
.screen2 .swiper-wrapper div:nth-child(2) { animation-delay: 0.55s; } 
.screen2 .swiper-wrapper div:nth-child(3) { animation-delay: 0.6s; } 
.screen2 .swiper-wrapper div:nth-child(4) { animation-delay: 0.65s; } 
.screen2 .swiper-wrapper div:nth-child(5) { animation-delay: 0.7s; } 

.screen3 .swiper-slide .a { animation-delay: 0.5s; } 
.screen3 .swiper-slide .d { animation-delay: 0.7s; } 
.screen3 .swiper-slide .e { animation-delay: 0.8s; } 
.screen3 .swiper-slide .f { animation-delay: 0.85s; } 
.screen3 .swiper-slide .g { animation-delay: 0.7s; } 
.screen3 .swiper-slide .b { animation-delay: 0.8s; } 

.screen4 .swiper-slide .c { animation-delay: 0.5s; } 
.screen4 .swiper-slide .d { animation-delay: 0.6s; } 
.screen4 .swiper-slide .e { animation-delay: 0.65s; } 
.screen4 .swiper-slide .a { animation-delay: 0.75s; } 

.screen5 .swiper-slide .c { animation-delay: 0.5s; } 
.screen5 .swiper-slide .d { animation-delay: 0.6s; } 
.screen5 .swiper-slide .e { animation-delay: 0.65s; } 

.screen6 .swiper-slide .a { animation-delay: 0.5s; } 
.screen6 .swiper-slide .b { animation-delay: 0.6s; } 
.screen6 .swiper-slide .c { animation-delay: 0.65s; } 

.screen7 ul li:nth-child(1) div { animation-delay: 0.5s; } 
.screen7 ul li:nth-child(2) div { animation-delay: 0.55s; } 
.screen7 ul li:nth-child(3) div { animation-delay: 0.6s; } 
.screen7 ul li:nth-child(4) div { animation-delay: 0.65s; } 
.screen7 ul li:nth-child(5) div { animation-delay: 0.7s; } 
.screen7 .wrap-holder .a { animation-delay: 0.8s; } 
.screen7 .wrap-holder .b { animation-delay: 1s; } 

.screen8 .swiper-wrapper div:nth-child(1) { animation-delay: 0.5s; } 
.screen8 .swiper-wrapper div:nth-child(2) { animation-delay: 0.55s; } 
.screen8 .swiper-wrapper div:nth-child(3) { animation-delay: 0.6s; } 
.screen8 .swiper-wrapper div:nth-child(4) { animation-delay: 0.65s; } 
.screen8 .swiper-wrapper div:nth-child(5) { animation-delay: 0.65s; } 

.screen8 .s8.a { animation-delay: 0.5s; } 
.screen8 .s8.a { animation-delay: 0.6s; } 
.screen8 .s8.a { animation-delay: 0.7s; } 

/*//////////*/
.main .screen2 .right .dimmed.bgm:before {animation: bgm 1s 0.25s ease-in-out forwards; } 
@keyframes bgm { 
 0% { left: -100%; } 
 60% { left: 0; } 
 70% { left: 0; } 
 100% { left: 40%; } 
 }


.fade-In { opacity: 0; } 
.fade-In.animate { animation: fade-In 1s ease forwards; } 

@keyframes fade-In { 
 0% { transform: translateX(50px); opacity: 0; } 
 100% { transform: translateX(0); opacity: 1; } 
 }

.fade { opacity: 0; } 
.fade.animate { animation: fade .5s ease forwards; } 

@keyframes fade { 
 0% { transform: translateX(0px); opacity: 0; } 
 100% { transform: translateX(0); opacity: 1; } 
 }



.blur.animate { animation: blur 1s ease forwards; } 
@keyframes blur { 
 0% { filter: blur(10px); opacity: 0; transform: translateY(10px); } 
 100% { filter: blur(0); opacity: 1; transform: translateY(0px); } 
 }
.scale.animate { animation: scale 1.5s ease forwards; } 
@keyframes scale { 
 0% { transform: scale(1.15); opacity: 0; } 
 100% { transform: scale(1); opacity: 1; } 
 }


.move { opacity: 0; } 
.blur { opacity: 0; } 
.moving { opacity: 0; } 
.left_right { opacity: 0; } 
.left_right.animate {animation: left_right 1s ease forwards; } 

@keyframes left_right {0% { transform: translateX(-100px); opacity: 0; } 
100% { transform: translateX(0); opacity: 1; } 
 }
.right_left { opacity: 0; } 
.right_left.animate {animation: right_left 1s ease forwards; } 

@keyframes right_left {0% { transform: translateX(100px); opacity: 0; } 
100% { transform: translateX(0); opacity: 1; } 
 }

.txt-mask { display: inline-block; -webkit-animation: txt-mask 0.5s ease; animation: txt-mask 0.5s ease; } 

@keyframes txt-mask {0% { transform: translateY(50px); opacity: 0; } 
100% { transform: translateY(0); opacity: 1; } 
 }

.fp-auto-height .fp-tableCell,
.fp-auto-height { height: auto !important; } 
.swiper-container { position: relative; width: 100%; height: 100%; } 

 .swiper-slide { text-align: center; font-size: 18px;
 /* Center slide text vertically */
 display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } 

 .swiper-slide img { display: block; /* width: 100%; height: 100%; */
 object-fit: cover; }
 .swiper-slide > a {display:block; width:100%;} 

 .swiper-container { margin-left: auto; margin-right: auto; } 

 .swiper-button-next, .swiper-button-prev {width: 42px !important; height: 82px !important; background: url(../images/main/arrow_right.png) center center no-repeat !important; margin-top: -40px; } 
 .swiper-button-next:hover, .swiper-button-prev:hover { background-image: url(../images/main/chevron-left.png) !important; } 
 .swiper-button-next { right: 40px !important; } 
 .swiper-button-prev { left: 40px !important; transform: rotate(180deg); } 
 .swiper-button-next:after, .swiper-button-prev:after { content: ''; display:none } 

.swiper-best-wrap .swiper-button-next, .swiper-best-wrap .swiper-button-prev { width: 42px !important; height: 82px !important; background: url(../images/common/ico_chevron-left.svg) center center no-repeat !important; margin-top: 80px } 
.swiper-best + .swiper-button-next:hover, .swiper-best + .swiper-button-prev:hover { background-image: url(../images/common/ico_chevron-left.svg) !important; }

/* 240910 베스트 영역 수정 */
.swiper-best a .prd-info .org-price {
    font-size: 14px;
    color: #ccc;
    padding-left: 6px;
    font-weight: normal;
}
.swiper-best a .prd-price .sale-percent {
    font-size: 14px;
    color: #ff5b37;
    padding-left: 6px;
}
.swiper-trend a .prd-info .org-price {
    font-size: 14px;
    color: #ccc;
    padding-left: 6px;
    font-weight: normal;
}
.swiper-trend a .prd-price .sale-percent {
    font-size: 14px;
    color: #ff5b37;
    padding-left: 6px;
}
/* 240910 베스트 영역 수정 */

/* 241108 아이프레임 배경색 추가 */
.screen3 .prd-list .thumb-img #myVideo {background-color: #fff;}

/* 99: PC 메인 배너 템플릿 수정 요청 */
/* 공통 스타일 */
.swiper .swiper-pagination {
    width: 432px;
    bottom: 310px;
    z-index: 8;
}
.swiper .swiper-pagination-bullet {height: 8px !important; width: 10px !important; margin: 0 3px !important; border-radius: 0 !important; background: #ddd !important; }
.swiper .swiper-pagination-bullet-active {width: 40px !important; background: #000 !important;}
.swiper .swiper-pagination.swiper-pagination-bullets {transform: matrix(1, 0, -0.71, 0.71, 0, 0) !important;}
.home .white ~ .content-wrap .newSection03 .swiper-button-prev, 
.home .white ~ .content-wrap .newSection03 .swiper-button-next,
.home .white ~ .content-wrap .newSection07 .swiper-button-prev, 
.home .white ~ .content-wrap .newSection07 .swiper-button-next,
.home .white ~ .content-wrap .newSection06 .swiper-button-prev, 
.home .white ~ .content-wrap .newSection06 .swiper-button-next {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) center center no-repeat !important;
}

/* 최상단 영상 영역 추가 */
.newSection00 {height: 980px;}
.newSection00 .swiper .swiper-slide {overflow: hidden;}
.newSection00 .swiper-pagination.swiper-pagination-fraction {position: absolute; left: 182px; bottom: 54px; margin-left: 0;}
.newSection00 .swiper-pagination.swiper-pagination-fraction::before {width: 100%; height: 100%; top: 0;}
.newSection00 .swiper-button-next:hover, .newSection00 .swiper-button-prev:hover,
.newSection00 .swiper-button-next, .newSection00 .swiper-button-prev,
.home .white ~ .content-wrap .newSection00 .swiper-button-prev, .home .white ~ .content-wrap .newSection00 .swiper-button-next {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) no-repeat center center !important;
    opacity: 1;
}
.newSection00 .swiper-button-next.white-btn, .newSection00 .swiper-button-prev.white-btn,
.home .white ~ .content-wrap .newSection00 .swiper-button-prev.white-btn, .home .white ~ .content-wrap .newSection00 .swiper-button-next.white-btn {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/main/chevron-left.png) center center no-repeat !important;
    opacity: 1;
}
.newSection00 .swiper-button-prev {
    left: 40px !important;
}
.newSection00 .swiper-button-next {
    right: 40px !important;
}
.newSection00 .sw-btns_new {bottom: 40px;}
.newSection00 .swiper-pagination_new {bottom: 40px !important;}

.newSection01 {
    margin-top: 100px;
    height: calc(100vh - 140px);
    padding-bottom: 70px;
}

/* 최상단배너 */
 .main .newSection01 {
    margin-top: 140px;
    height: 700px;
    padding-bottom: 0;
}
.main .section ~ .section.newSection01 {
    margin-top: 100px;
}
.newSection01 .swiper-container .swiper-slide a {
    display: block;
    position: relative;
    height: 100%;
    background-size: cover;
    background-position: top center;
}
/* 20250519 UI/UX 3차 개선 */
 .newSection01 .swiper-container .swiper-slide  a.split_banner:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
} 

/*  .newSection01 .swiper-container .swiper-slide a:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}  */

/* 20250519 UI/UX 3차 개선 */
.newSection01 .swiper-container .split_banner .slide__txt-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.05px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
    z-index: 5;
}

.newSection01 .swiper-container .slide__txt-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #000;
    font-size: 18px;
    letter-spacing: -0.05px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
    z-index: 5;
}
.newSection01 .swiper-container .slide__txt-wrap.black {color: #000;}
.newSection01 .swiper-container .swiper-slide-wide .slide__txt-wrap {
    padding-left: 196px;
    text-align: left;
}
.newSection01 .swiper-container .slide__txt-wrap h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50.08px;
    margin: 12px 0 4px;
}
.newSection01 .swiper-container .slide__txt-wrap h2 span {
    font-size: 40px;
    font-weight: 700;
    line-height: 50.08px;
    margin: 12px 0 4px;
}
.newSection01 .swiper-container .slide__txt-wrap p {font-weight: 500; font-size: 18px;}
.newSection01 .swiper-container .slide__txt-wrap p span {font-weight: 500; font-size: 18px;}
.newSection01 .swiper-container .slide__txt-wrap p:last-child {font-weight: 400;}
.newSection01 .swiper-pagination.swiper-pagination-fraction {left: 182px; bottom: 54px;}

                /*<-- 수정사항 6번 20250519 UI/UX 3차 개선 */
                /* 브랜드픽과 동일하게 화살표 색상 white일 때 .swiper-slide에 .white 클래스 추가 */
                .newSection01 .swiper-button-next:hover, .newSection01 .swiper-button-prev:hover,
                .newSection01 .swiper-button-next, .newSection01 .swiper-button-prev,
                .home .white ~ .content-wrap .newSection01 .swiper-button-prev, .home .white ~ .content-wrap .newSection01 .swiper-button-next {
                    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) no-repeat center center !important;
                    opacity: 1;
                }
                .newSection01 .swiper-button-next.white-btn, .newSection01 .swiper-button-prev.white-btn,
                .home .white ~ .content-wrap .newSection01 .swiper-button-prev.white-btn, .home .white ~ .content-wrap .newSection01 .swiper-button-next.white-btn {
                    background: url(https://devcontents.k-village.co.kr/front/pc/images/main/chevron-left.png) center center no-repeat !important;
                    opacity: 1;
                }
                 /* //수정사항 6번 20250519 UI/UX 3차 개선 */
                .newSection01 .sw-btns_new {bottom: 40px;}
                .newSection01 .swiper-pagination_new {bottom: 40px !important;}
                .newSection01 .slide__txt-wrap.center-bottom {
                    justify-content: flex-end;
                    padding-bottom: 120px;
                }
                
                /* 최상단 배너 3분할 배너에서만 텍스트 효과 삭제 */
                .wrap-holder .swiper-slide-active.swiper-slide .split_banner .slide__txt-wrap { animation: none; }
                /* //최상단 배너 3분할 배너에서만 텍스트 효과 삭제 */
                
                /* 수정사항 6번 20250519 UI/UX 3차 개선 ->*/
                
/* .newSection01 .swiper-button-prev, .newSection01 .swiper-button-next,
.home .white ~ .content-wrap .newSection01 .swiper-button-prev {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) center center no-repeat !important;
    opacity: .2;
}
.newSection01 .swiper-button-next:hover, .newSection01 .swiper-button-prev:hover {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) center center no-repeat !important;
}   
.newSection01 .swiper-button-next,
.home .white ~ .content-wrap .newSection01 .swiper-button-next {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/main/chevron-left.png) center center no-repeat !important;
} */
.newSection01 .swiper-button-next:hover, .newSection01 .swiper-button-prev:hover,
.newSection01 .swiper-button-next, .newSection01 .swiper-button-prev,
.home .white ~ .content-wrap .newSection01 .swiper-button-prev, .home .white ~ .content-wrap .newSection01 .swiper-button-next {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) no-repeat center center !important;
    opacity: 1;
}
.newSection01 .swiper-button-next.white-btn, .newSection01 .swiper-button-prev.white-btn,
.home .white ~ .content-wrap .newSection01 .swiper-button-prev.white-btn, .home .white ~ .content-wrap .newSection01 .swiper-button-next.white-btn {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/main/chevron-left.png) center center no-repeat !important;
    opacity: 1;
}
.newSection01 .sw-btns_new {bottom: 40px;}
.newSection01 .swiper-pagination_new {bottom: 40px !important;}
.newSection01 .slide__txt-wrap.center-bottom {
    justify-content: flex-end;
    padding-bottom: 120px;
}
.newSection01 .swiper-container .slide__txt-wrap.center-middle {
    text-align: center;
    padding-right: 196px;
}
.newSection01 .swiper-container .slide__txt-wrap.right-middle {
    text-align: right;
    padding-right: 196px;
}
.wrap-holder .swiper-slide-active.swiper-slide .slide__txt-wrap { animation: right_left 1s ease forwards; } 
.wrap-holder .swiper-slide-active.swiper-slide .slide__txt-wrap .brand { animation-delay: 0.5s; } 
.wrap-holder .swiper-slide-active.swiper-slide .slide__txt-wrap h2 { animation-delay: 0.6s; } 
.wrap-holder .swiper-slide-active.swiper-slide .slide__txt-wrap p { animation-delay: 0.65s; } 

/* 트렌드 */
.newSection02 {height: auto;}
.newSection02 .wrap-holder {height: auto;}
.newSection02 {
    padding-top: 100px;
}
.newSection02 .wrap-in {padding-top: 0;}
.screen2 .l {
    overflow: hidden;
}
.section-tit-02 {
    font-size: 24px;
    letter-spacing: -0.5px;
    padding-bottom: 0;
}
.screen2 .scrollbar.swiper-container {
    height: 403px;
    width: 1870px;
}
.swiper-trend-new a .prd-info {
    width: 300px;
    margin-left: -25px;
    background-color: rgba(0, 0, 0, .7);
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
    transform: translateY(100%);
}
.swiper-trend-new a .prd-info .prd-name {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.5px;
}
.swiper-trend-new a .prd-info .prd-price {
    color: #fff;
    line-height: 24px;
}
.swiper-trend-new .prd-price .org-price {
    font-size: 14px;
    color: #ccc;
    vertical-align: top;
}
.swiper-trend-new .prd-price .sale-percent {padding-left: 6px;}
.swiper-trend-new a:hover .prd-info {
    transform: translateY(33px);
    z-index: 100;
    position: absolute;
}
.swiper-trend-new a .thumb-img {transition: all .3s;}
.swiper-trend-new a:hover .thumb-img {transform: scale(1.2);}
/* .swiper-trend-new a:hover .prd-info {
    width: 300px;
    margin-left: -25px;
} */
.screen2 .swiper-trend-new a:hover {
    transition-duration: 300ms;
    transform: scale(1);
    z-index: 10;
}
.thumb-img img {width: 100%;}
.newSection02 .swiper-horizontal>.swiper-scrollbar {width: 100%; left: 0; bottom: 0;}

/* 상품기획전B */
.newSection03 {
    height: auto;
    margin: 100px auto 0;
    background: none;
}
.newSection03 .wrap-holder {display: block; height: auto; background: transparent;}
.newSection03 .swiper-container {
    width: 1430px;
    height: 702px;
    overflow: hidden;
}
.newSection03 .swiper-container .slide__banner {
    position: relative;
    width: 640px;
    height: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.newSection03 .swiper-container .slide__banner:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 14.16%, rgba(255, 255, 255, 0) 42.87%);
}
.newSection03 .swiper-container .slide__banner.bottom:after {background: linear-gradient(180deg, rgba(255, 255, 255, 0) 49.96%, rgba(0, 0, 0, 0.2) 79.95%);}
.newSection03 .swiper-container .slide__banner__tit {
    position: relative;
    z-index: 2;
    padding: 80px 0 0 80px;
    color: #fff;
    text-align: left;
}
.newSection03 .swiper-container .slide__banner__tit.center-top {
    text-align: center;
    padding: 80px 0 0;
}
.newSection03 .swiper-container .slide__banner__tit.right-top {
    text-align: right;
    padding: 80px 80px 0 0;
}
.newSection03 .swiper-container .slide__banner__tit.left-bottom {
    height: auto;
    padding: 0;
    position: absolute;
    left: 80px;
    bottom: 80px;
}
.newSection03 .swiper-container .slide__banner__tit.center-bottom {
    width: 100%;
    height: auto;
    padding: 0;
    position: absolute;
    left: 0;
    bottom: 80px;
    text-align: center;
}
.newSection03 .swiper-container .slide__banner__tit.right-bottom {
    height: auto;
    padding: 0;
    position: absolute;
    right: 80px;
    bottom: 80px;
    text-align: right;
}
.newSection03 .swiper-container .slide__banner__tit p {
    font-size: 40px;
    font-weight: 700;
    line-height: 50.08px;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}
.newSection03 .swiper-container .slide__banner__tit span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 25.04px;
    letter-spacing: -0.5px;
}
.newSection03 .swiper-container .slide__prd-wrap {
    width: calc(100% - 640px);
    height: 100%;
}
.newSection03 .swiper-container .slide__prd-wrap li {
    width: 33.333%;
    height: 351px;
    background: #fff;
}
.newSection03 .swiper-container .slide__prd-wrap li .thumb-img .thumb-over,
.newSection03 .swiper-container .slide__prd-wrap li .thumb-img {height: 100%;}
.newSection03 .swiper-container .slide__prd-wrap li .prd-info {padding: 20px;}
.newSection03 .swiper-container .slide__prd-wrap li .prd-info .prd-name {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.5px;
}
.newSection03 .swiper-container .slide__prd-wrap li .prd-info .prd-price {
    line-height: 20px;
    letter-spacing: -0.5px;
}
.newSection03 .swiper-container .slide__prd-wrap li .prd-info .prd-price .org-price {
    font-size: 14px;
    color: #ccc;
    vertical-align: unset;
}
.newSection03 .swiper-container .slide__prd-wrap li .prd-info .prd-price .sale-percent {padding-left: 6px;}
.newSection03 .swiper-button-next, .newSection03 .swiper-button-prev {top: 52%}
.newSection03 .swiper-button-next {transform: translateY(-50%); right: 153px !important;}
.newSection03 .swiper-button-prev {transform: translateY(-50%) scaleX(-1); left: 153px !important;}
.newSection03 .swiper-button-prev:hover {
    background-image: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) !important;
}
.newSection03 .swiper-pagination {
    position: unset;
    width: 100%; 
    margin-top: 40px;
}
.newSection03 .swiper-pagination-bullet {height: 8px !important; width: 10px !important; margin: 0 3px !important; border-radius: 0 !important; background: #ddd !important; opacity: 1 !important; transition: .2s;}
.newSection03 .swiper-pagination-bullet-active {width: 40px !important; background: #000 !important;}
.newSection03 .swiper-pagination.swiper-pagination-bullets {transform: matrix(1, 0, -0.71, 0.71, 0, 0) !important;}

.newSection03 .btn-favorite {display: none;}

/* 상품기획전A */
.newSection04 {
    height: 820px;
    margin: 100px auto 0;
}
.newSection04 .main-slide-inner {
    width: 1430px;
    height: 100%;
    margin: 0 auto;
    background-position: left top;
}
.screen3 .img .p1 {
    position: unset;
    width: 687px;
    height: 100%;
    padding: 0;
    margin-right: 75px;
}
.screen3 .img .p1 > div {
    padding: 100px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.screen3 .img .p1.center-middle > div {justify-content: center;}
.screen3 .img .p1.center-top > div {justify-content: flex-start;}
.screen3 .img .p1.center-bottom > div {justify-content: flex-end;}
.newSection04.screen3 .img .p2 {
    position: unset;
    width: 668px;
    height: 100%;
}
.newSection04 .visual-txt02 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50.08px;
    letter-spacing: -0.5px;
    text-align: center;
}
.newSection04 .visual-txt03 {
    font-size: 22px;
    font-weight: 500;
    line-height: 27.54px;
    letter-spacing: -0.5px;
    text-align: center;
    margin-top: 12px;
}
.newSection04.screen3 .img .p2 .flex {justify-content: flex-start;}
.newSection04.screen3 .img .p2 li {
    width: 200px;
    height: auto;
    margin: 0 20px 30px 0;
}
.newSection04.screen3 .prd-list .thumb-img,
.newSection04.screen3 .prd-list .thumb-img .thumb-over {height: auto;}
.newSection04.screen3 .prd-list .thumb-img img {width: 200px;}
.newSection04.screen3 .prd-list .prd-info {padding: 5px 0 0;}
.newSection04.screen3 .prd-list .prd-name {margin-top: 0;}
.newSection04.screen3 .prd-list .prd-price {margin-top: 5px;}
.newSection04.screen3 .prd-price .org-price {margin-left: 10px; color: #ccc;}
.newSection04 .thumb-img .btn-favorite {z-index: 2;}

/* 매거진 */
.newSection05 {height: 700px; margin-top: 100px;}
.newSection05 .swiper {width: 1430px;}
.newSection05.screen7 .img .p2 {
    width: 432px;
    top: 102px;
}
.newSection05 .section-tit-02 {
    font-weight: 400;
    font-size: 24px;
    line-height: 30.05px;
    letter-spacing: -0.5px;
}
.newSection05 .visual-txt04 {
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.5px;
}
.newSection05 .visual-txt03 {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
    margin-top: 24px;
}
.newSection05 .ico-golink-bl {margin-top: 24px;}
.newSection05 .ico-golink-bl i {
    width: 71px;
    height: 13px;
    background: url(../images/common/main_section5_arr.svg)
}
.newSection05.screen7 .img .p2 {
    width: 432px;
    top: 102px;
    right: auto;
    left: 946px;
}
.newSection05.screen7 .swiper .swiper-pagination {
    width: 432px;
    bottom: 102px;
    right: auto;
    left: 946px;
}
.newSection05 .swiper-button-next:hover, .newSection05 .swiper-button-prev:hover,
.newSection05 .swiper-button-next, .newSection05 .swiper-button-prev,
.home .white ~ .content-wrap .newSection05 .swiper-button-prev, .home .white ~ .content-wrap .newSection05 .swiper-button-next {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) no-repeat center center !important;
    opacity: 1;
}
.newSection05 .swiper-button-next {
    transform: translateY(-50%);
    right: 153px !important;
}
.newSection05 .swiper-button-prev {
    transform: translateY(-50%) scaleX(-1);
    left: 153px !important;
}
.newSection05 .swiper-button-next, .newSection03 .swiper-button-prev {top: 52%;}

/* 베스트 */
.newSection06.screen5 {height: auto;}
.newSection06.screen5 .wrap-holder {height: auto;}
.newSection06.screen5 .wrap-holder .t {
    padding-top: 100px;
    margin-bottom: 40px;
}
.newSection06 .swiper-slide > a {height: 100%;}
.newSection06 .swiper-best {width: 1080px; height: 395px;}
.newSection06.screen5 .swiper-best .thumb-img,
.newSection06.screen5 .swiper-best .thumb-img .thumb-over {height: 266px;}
.newSection06.screen5 .swiper-best .thumb-img img {width: 200px;}
.newSection06 .filter-holder li a {
    font-weight: 700;
    font-size: 20px;
    line-height: 25.04px;
    letter-spacing: -0.5px;
    text-align: center;
    color: #ccc;
    margin: 0 6px;
}
.newSection06 .filter-holder li a.on {color: #000}
.newSection06 .swiper-button-prev {left: 320px !important;}
.newSection06 .swiper-button-next {left: auto !important; right: 320px !important;}
.newSection06 .swiper-button-prev, .newSection06 .swiper-button-next {top: 60% !important;}
.newSection06 .swiper-button-prev:hover {
    background-image: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) !important;
}
.newSection06 .prd-list .prd-brand {margin-top: 6px;}
.newSection06 .prd-list .prd-name, .newSection06 .prd-info .prd-name a {margin-top: 0;}
.newSection06 .prd-list .prd-price {margin-top: 7px;}
.newSection06 .swiper-best a .prd-info .org-price {color: #ccc;}
.newSection06 .swiper .swiper-pagination.swiper-pagination-bullets {bottom: 52px;}
.newSection06 .swiper .swiper-pagination {width: 100%;}

/* 브랜드이슈 */
.newSection08 {height: 700px; margin-top: 100px;}
.newSection08 .visual-txt01 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22.54px;
    letter-spacing: -0.5px;
    text-align: center;
}
.newSection08 .visual-txt02 {
    padding: 12px 0;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.5px;
    text-align: center;
}
.newSection08 .visual-txt03 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22.54px;
    letter-spacing: -0.5px;
    text-align: center;
}
.newSection08.screen4 .flex>li .txt-area {
    transform: translateX(-50%);
    height: 700px;
    top: 40.2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 브랜드 픽 */
.newSection09 {height: 700px; margin-top: 100px;}
.newSection09.screen1 .p1 {
    width: calc(100% - 420px);
    left: 210px;
    top: 180px;
}
.newSection09 .swiper-container .swiper-slide a {
    display: block;
    position: relative;
    height: 100%;
    background-size: 110% auto;
    background-position: top center;
}
.newSection09.screen1 .p1.line1 {top: 204px;}
.newSection09.screen1 .bg .p1.txt-display.left-bottom,
.newSection09.screen1 .bg .p1.txt-display.right-bottom {bottom: 160px; top: auto;}
.newSection09 .section-tit-02 {
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.5px;
}
.newSection09 .visual-txt02 {
    margin: 60px 0 24px;
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.5px;
}
.newSection09 .visual-txt03 {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
.newSection09 .ico-golink {margin: 24px 0 0 0;}
.newSection09 .ico-golink i {
    width: 70px;
    height: 11px;
    background: url(https://contents.k-emall.com/PUBL_con/etc/main/pc/main_section5_arr.svg) no-repeat center center !important;
}
.newSection09 .white .ico-golink i {background: url(https://contents.k-emall.com/PUBL_con/etc/main/pc/main_section5_arr_wh.svg) no-repeat center center !important;}
.newSection09 .swiper-button-next:hover, .newSection09 .swiper-button-prev:hover,
.home .white ~ .content-wrap .newSection09 .swiper-button-prev, .home .white ~ .content-wrap .newSection09 .swiper-button-next {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) no-repeat center center !important;
}
.newSection09 .swiper-button-next.white-btn, .newSection09 .swiper-button-prev.white-btn,
.home .white ~ .content-wrap .newSection09 .swiper-button-prev.white-btn, .home .white ~ .content-wrap .newSection09 .swiper-button-next.white-btn {
    background: url(https://devcontents.k-village.co.kr/front/pc/images/main/chevron-left.png) center center no-repeat !important;
}

/* #태그 */
.newSection10.screen8,
.newSection10.screen8 .wrap-holder,
.newSection10.screen8 [class ^=screen] .wrap-in {height: auto !important;}
.newSection10 .tag-holder li a {
    height: 36px;
    line-height: 36px;
    margin: 0 4px;
    padding: 0 20px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.5px;
}

.newSection10 .tag-holder li a.on {background-color: #FF5B37;}  /* 3-105 메인화면 강조컬러 활용 영역 추가 - 태그/인기검색어 영역 키워드 배경 컬러 */

.newSection10.screen8 .img .lists {
    width: 1635px;
    display: flex;
    gap: 20px;
    align-items: flex-end;
    margin-left: 0;
    transform: translateX(-50%);
    position: unset;
    transform: unset;
    margin: 0 auto;
    left: unset;
    bottom: unset;
    margin-bottom: 40px;
}
.newSection10.screen8 .img .lists .s8.twin {
    width: auto;
    display: flex;
    gap: 20px 19px;
}
.newSection10.screen8 .img .lists .s8 {
    position: relative;
    left: unset !important;
}
.newSection10.screen8 .img .lists .s8.list {
    width: 688px;
    gap: 20px 19px;
    display: flex;
    flex-wrap: wrap;
}
.newSection10.screen8 .img .lists .s8 a {
    position: relative;
    margin: 0;
}
.newSection10.screen8 .bigger .thumb-img img {height: 596px;}
.newSection10 .lists a .prd-info {
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    padding: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
    transform: translateY(101%);
} 
.newSection10 .lists a:hover .prd-info {
    transform: translateY(0);
    z-index: 100;
    position: absolute;
    color: #fff;
}
.newSection10 .lists .prd-info .prd-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #fff;
}
.newSection10 .lists .prd-info .prd-price {
    font-weight: 700;
    font-size: 14px;
    line-height: 17.53px;
    letter-spacing: -0.5px;
    color: #fff;
}
.newSection10 .lists .prd-info .prd-price .org-price {
    font-weight: 400;
    font-size: 14px;
    line-height: 17.53px;
    letter-spacing: -0.5px;
    color: #ccc;
    vertical-align: text-top;
    margin-left: 6px;
}   
.newSection10 .lists .prd-info .prd-price .sale-percent {
    vertical-align: text-top;
    padding-left: 6px;
}
.newSection10.screen8 .prd-zoom2.img .lists .s8.twin {
    width: 452px;
    flex-wrap: wrap;
}
.newSection10.screen8 .prd-zoom-search.img .lists .s8.twin {
    width: 452px !important;
    flex-wrap: wrap !important;
}
.newSection10.screen8 .prd-zoom-search.img .lists .s8.twin {
    width: 452px;
    flex-wrap: wrap;
}
.newSection10.screen8 .img .left-txt {
    position: absolute;
    left: 136px;
    bottom: auto;
    top: 240px;
}
.newSection10 .visual-txt04 {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.5px;
}
.newSection10 .ico-golink-bl i {
    width: 71px;
    height: 13px;
    background: url(https://contents.k-emall.com/PUBL_con/etc/main/pc/main_section5_arr.svg) no-repeat center center;
}
.newSection10.screen8 .img .sub-tit  {
    position: unset;
    margin: 100px auto 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    border: none;
}
.newSection10 .sub-tit span {
    font-weight: 400;
    font-size: 24px;
    line-height: 30.05px;
    letter-spacing: -0.5px;
    text-align: center;
    color: #000;
    border-bottom: 2px solid #000;
}
.newSection10.screen8 .img .nav {
    position: unset;
    transform: unset;
    margin-bottom: 40px;
}
.newSection10 .tag-holder li a.on {background-color: #FF5B37;}  /* 3-105 메인화면 강조컬러 활용 영역 추가 - 태그/인기검색어 영역 키워드 배경 컬러 */

/* 최하단 배너 */
.newSection11 {
    width: 1635px;
    height: 178px;
    margin: 100px auto 0;
}

/* 페이징 new 공통 */
.swiper-pagination {z-index: 8;}
.swiper-pagination_new {
    width: 80px !important;
    height: 27.5px !important;
    line-height: 28.5px !important;
    left: 182px !important;
    font-size: 14px !important;
}
.newSection09 .swiper-pagination_new {bottom: 54px !important;}
.swiper-pagination_new.swiper-pagination-fraction span {
    font-size: 14px !important;
    line-height: 0 !important;
}
.sw-btns_new {
    left: 262px;
    bottom: 54px;
    width: 36px;
    height: 27.5px;
}
.sw-btns_new .sw-stop {background-size: 7px auto;}

.event-bnr .swiper .swiper-pagination {
    width: auto;
    bottom: 35px;
}
/* 99: PC 메인 배너 템플릿 수정 요청 */


/*<-- 20250514 UI/UX 3차 개선 */
.newSection07 {height: 607px;}
.newSection07 .swiper-brand {
    width: 1080px;
    height: 406px;
}
.newSection07 .swiper-brand .swiper-slide {
    width: 255px;
    height: 100%;
    display: block;
    text-align: left;
}
.newSection07 .swiper-brand .swiper-slide a {height: 100%;}
.newSection07 .swiper-brand .swiper-slide img {width: 100%; min-height: 300px;}
.newSection07 .swiper-brand .tit01,
.newSection07 .swiper-brand .tit02 {
    width: 100%;
    padding-top: 8px;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.5px;
    height: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newSection07 .swiper-brand .tit02 {
    padding-top: 0;
    color: #333;
    font-weight: 400;
}
.newSection07 .swiper .swiper-pagination.swiper-pagination-bullets {width: 100%; bottom: 50px;}
.newSection07 .swiper-button-prev {left: 320px !important;}
.newSection07 .swiper-button-next {left: auto !important; right: 320px !important;}
.newSection07 .swiper-button-prev, .newSection07 .swiper-button-next {top: 63% !important;}
.newSection07 .swiper-button-prev:hover {
    background-image: url(https://devcontents.k-village.co.kr/front/pc/images/common/ico_chevron-left.svg) !important;
}
/* 20250514 UI/UX 3차 개선 -->*/