@charset "utf-8";

/* z-index : common section 1050 ~ 2100, sub section 1 ~999 */

body {min-width:1440px;}
body #cfmClWrapper *:focus-visible {outline-offset:-2px;outline:dotted 2px #04a3bb;}/* 0812 */
/*
html, body {scrollbar-width:thin;} */
body, input, button, select, textarea {letter-spacing:0;}
body, label, span, a, h1, h2, h3, h4, h5, h6, p {font-family:"Pretendard",sans-serif;}
#cfmClFooter {margin-top:0;}
#cfmClWrapper {max-width:none;}
#cfmClGnb {border-bottom:none;} 

/* 영역별 순서 조정에 따른 간격 조정 */
.section {padding-top:64px; padding-bottom:64px; box-sizing:border-box;}
.section:first-child {margin-top:0;}
.section:last-child {padding-bottom:0;}
.section.cfmbgsection:last-child {padding-bottom:64px;}

.section.cfmbgsection .section-area-tit {padding-top:0;}
.section .column {width:1080px; margin:0 auto;} 
.section-area-tit {position:relative; height:48px; line-height:48px; padding-top:0; margin-bottom:20px; }
.section:first-child .section-area-tit {padding-top:0;}
.section-area-tit :is(h1, h2, h3, h4, h5, h6) {display:inline-block; line-height:48px; vertical-align:top; letter-spacing:0; font-weight:700; font-family:"KTFlow-Bold", sans-serif; font-size:32px; color:#191a1b;} 
.section-area-tit :is(h1, h2, h3, h4, h5, h6) a {position:relative; display:block; top:0; left:0; margin-right:0; padding-right:16px; font-family:"KTFlow-Bold", sans-serif; color:#191a1b;} 

/* 포커스 영역 */
.section-area-tit h2 a {padding-right:32px;}
.section-area-tit h2 a:after {content:""; position:absolute; top:4px; right:0; width:32px; height:32px; background:url(../../images/v2/main/event_arrow.svg) 50% 50% no-repeat; background-size:12px auto;}
.section-area-tit p {display:inline-block; padding-left:32px; vertical-align:top; letter-spacing:0; font-size:15px; font-family:"Pretendard";}
	/* 메인 인디케이터 */
.bx-wrapper {background:transparent;}
.bx-viewport li {min-height: 1px; min-width: 1px;}
.bx-wrapper .bx-controls {position:absolute; top:0; right:0; height:32px; text-align:right;} /* pager, prev/next, start/stop */
.bx-wrapper .bx-controls.bx-has-controls-direction {width:126px;}
.bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager {width:169px;}
.bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {width:169px;}
#cfmClContents .section .bx-wrapper .bx-controls .bx-pager {position:absolute; top:auto; bottom:0; left:32px; width:63px; height:32px; line-height:32px; overflow:hidden; padding:0 16px 0 0; text-align:right; font-size:16px; font-weight:500; font-family: 'Pretendard';; color:rgba(14,14,14,0.65); z-index:9; box-sizing:border-box;}
#cfmClContents .section .bx-wrapper .bx-controls .bx-pager > em{padding:0 2px 0 4px;}
#cfmClContents .section .bx-wrapper .bx-controls .bx-pager > span {color:#131415;}
#cfmClContents .section .bx-wrapper .bx-controls .bx-pager a {color:transparent; background:transparent;} 

.bx-wrapper .bx-pager.bx-default-pager a {border:none;}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {background:none;}
.bx-wrapper .bx-controls .bx-controls-auto {position:absolute; top:0; bottom:auto; right:0; width:32px; height:32px; z-index:9;}
.bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {position:absolute; top:0; right:0; display:block; min-width:auto; min-height:auto;}
.bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display:none;}
.bx-wrapper .bx-controls .bx-controls-auto a:hover,
.bx-wrapper .bx-controls .bx-controls-auto a:focus,
.bx-wrapper .bx-controls .bx-controls-auto a {display:inline-block; width:32px; height:32px; line-height:32px; margin:0; text-indent:0; font-size:6px; color:transparent; background-repeat:no-repeat; background-color:transparent; border-radius:0;z-index:9}
.bx-wrapper .bx-controls-auto .bx-stop {background-image:url(../../images/v2/main/btn_slide_controls.png); background-size:32px auto; background-position: 0 -84px !important;}
.bx-wrapper .bx-controls-auto .bx-start {background-image:url(../../images/v2/main/btn_slide_controls.png); background-size:32px auto; background-position: 0 -126px !important;}
.bx-wrapper .bx-controls .bx-controls-direction {position:absolute; top:0; bottom:auto; left:0;}
.bx-wrapper .bx-controls.bx-has-controls-direction .bx-controls-direction {width:126px;}
.bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager .bx-controls-direction {width:126px;}
.bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager .bx-controls-direction {width:126px;}
.bx-wrapper .bx-controls-direction a {display:inline-block; width:32px; height:32px; line-height:32px; margin:0; text-indent:0; font-size:6px; color:transparent; border-radius:8px;}
.bx-wrapper .bx-controls-direction a.bx-prev {position:absolute; top:0; bottom:auto; left:0; background:url(../../images/v2/main/btn_slide_controls_prev.svg) 0 0 no-repeat; background-size:32px auto; z-index:9;}
.bx-wrapper .bx-controls-direction a.bx-next {position:absolute; top:0; bottom:auto; right:0; background:url(../../images/v2/main/btn_slide_controls_next.svg) 0 0 no-repeat; background-size:32px auto; z-index:9;}
.bx-wrapper .bx-controls-direction a:hover{background-color:#E9EAEE;}
.bx-wrapper .bx-controls-direction a:active{background-color:#D5D8DD;}

/* top sliding banner */
.top-banner{position: fixed;top: -49px;left: 0;right: 0; height: 48px;line-height: 48px;overflow: hidden; background: #f0f4f5;text-align: center; z-index:2100;}
.top-banner > .inner {width:1280px;}
.top-banner > .inner > a {display:flex; flex-wrap:wrap; height:48px; align-content:center; align-items:center; justify-content:center; line-height:normal;}
.top-banner img {margin:0; vertical-align:initial;}
.top-banner span {color: #222;margin: 0;}
.top-banner .close-area { position: absolute; top: 0; right: 10px; height: 48px; line-height: 48px; align-content:center;}
.top-banner .close-area label { position:relative; top:-2px; color: #fff !important; letter-spacing:0; font-size: 13px;}
.top-banner .close-area .btn-close { position:relative; top:-2px; display: inline-block; margin-left: 10px; width: 20px; height: 20px; background: url(../../images/v2/main/btn_dark_cls.svg) no-repeat 50% 50%; color: transparent; vertical-align: middle;}/* 0807 */
	/* close sliding banner */
.option-area {display:inline-block;}
.option-area label {display:inline-block;height:20px; line-height:20px; margin-right:26px;color:#222;cursor:pointer;background-repeat:no-repeat;}
.option-area label:last-child {margin:0;}
.option-area [type="checkbox"] + label {background-image:url(../../images/v2/main/btn_dark_chk_default.svg);}
.option-area input:disabled + label {cursor:default;}
.option-area.dir-flow label {padding-left:30px;}
.option-area.dir-flow [type="checkbox"] + label {background-position:0 0;}
.option-area.dir-flow [type="checkbox"]:checked + label {background-image:url(../../images/v2/main/btn_dark_chk_checked.svg);}
.option-area.dir-flow [type="checkbox"]:disabled + label {opacity:0.6;}
	/* light mode */
.top-banner.type-wht .option-area [type="checkbox"] + label {background-image:url(../../images/v2/main/btn_light_chk_default.svg);}
.top-banner.type-wht .option-area.dir-flow [type="checkbox"]:checked + label {background-image:url(../../images/v2/main/btn_light_chk_checked.svg);}
.top-banner.type-wht .close-area label { color: #222 !important;} 
.top-banner.type-wht .close-area .btn-close { background-image: url(../../images/v2/main/btn_light_cls.svg);} 

/* brand message */
.brandmsg {box-sizing:content-box; height:300px; margin-bottom:0; padding:0;}
.brandmsg .column {width:100%; height:300px; position:relative;}
.brandmsg .column .banner-img {position:relative; display: block; overflow: hidden; width: 100%; height: 100%;}
.brandmsg .column .banner-img img {position:absolute;top:0;left:50%;margin-left:-960px;max-width:none;}

/* base section */
.basesection {box-sizing:content-box; min-height:370px;}
.basesection .bx-wrapper .bx-controls {top:-68px; right:0;}
.basesection .bx-viewport {border-radius:20px;}
.cfmbgsection .bx-wrapper .bx-controls-auto .bx-stop,
.cfmbgsection .bx-wrapper .bx-controls-auto .bx-stop:hover {background-image:url(../../images/v2/main/btn_slide_controls.png); background-size:32px auto; background-position: 0 -84px !important;}
.cfmbgsection .bx-wrapper .bx-controls-auto .bx-start,
.cfmbgsection .bx-wrapper .bx-controls-auto .bx-start:hover {background-image:url(../../images/v2/main/btn_slide_controls.png); background-size:32px auto; background-position: 0 -126px !important;}
.cfmbgsection .bx-wrapper .bx-controls-direction a.bx-prev,
.cfmbgsection .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-image:url(../../images/v2/main/btn_slide_controls.png); background-size:32px auto; background-position: 0 0 !important;}
.cfmbgsection .bx-wrapper .bx-controls-direction a.bx-next,
.cfmbgsection .bx-wrapper .bx-controls-direction a.bx-next:hover {background-image:url(../../images/v2/main/btn_slide_controls.png); background-size:32px auto; background-position: 0 -42px !important;}
#cfmClContents .section.cfmbgsection .bx-wrapper .bx-controls .bx-pager {color:var(--text-primary);}

/* main bigbanner */
.section.key-visual {box-sizing:content-box; height:450px; margin:0 auto; padding:0; overflow: hidden;}
.section.key-visual area {position:absolute; top:271px; left:50%; margin-left:-490px; width:122px; height:40px; border-radius:8px;}
.section.key-visual area:focus {outline:dotted 2px #119891;}
.key-visual .bx-wrapper {border:none;box-shadow:none}
.key-visual .bx-viewport li {height:452px; text-align:center;}
.key-visual .bx-viewport li .banner-img {position:relative; display: block; overflow: hidden; width: 100%; height: 100%;}
.key-visual .bx-viewport li .banner-img img {position:absolute;top:0;left:50%;margin-left:-960px;max-width:none;}
.key-visual .bx-wrapper .bx-controls,
.key-visual .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {position:absolute; top:auto; bottom:0; left:50%; width:1080px; margin-left:-540px;}
.key-visual .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {display:flex; bottom:40px;}
.section.key-visual .banner-img a:focus-visible, .section.key-visual .banner-img button:focus-visible {outline-offset: 1px;outline:dotted 2px #119891;line-height:40px;border-radius:6px;}
.key-visual .bx-wrapper .bx-controls-direction a.bx-prev {position:absolute; top:-177px; bottom:auto; left:-104px; width:48px; height:48px; background:url(../../images/v2/main/key_btn_slide_controls_prev_light.svg) 50% 50% no-repeat; background-size:auto 32px; z-index:9;}
.key-visual .bx-wrapper .bx-controls-direction a.bx-next {position:absolute; top:-177px; bottom:auto; left:1137px; right:auto; width:48px; height:48px; background:url(../../images/v2/main/key_btn_slide_controls_next_light.svg) 50% 50% no-repeat; background-size:auto 32px; z-index:9;}
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager {position:relative; display:block; width:auto; min-width:50px;height:24px; line-height:24px;padding-left:8px;padding-right:22px; align-content:center; text-align:right; font-size:12px; font-weight:500; left:0; color:rgba(255,255,255,0.6);background:rgba(13,14,15,0.5);border-radius:24px;box-sizing:border-box; transition:all 0.1s ease-in; transition:none;color:#D5D8DD;background:#55585D;}/* 0813 */
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager em{padding:0 0 0 2px;}
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager span{color:rgba(255,255,255,1);color:#FFFFFF;}/* 0813 */
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item {width:8px; height:8px; border-radius:8px; align-content:center;}
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager .bx-pager-item:has(.active) {width:18px;}
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager a {display:block; width:8px; height:8px; margin:0; border-radius:8px; background:rgba(25,26,27,0.5); transition:all 0.2s;}
#cfmClContents .section.key-visual .bx-wrapper .bx-controls .bx-pager a.active {width:18px; background:#191A1B;}
.section.key-visual .bx-wrapper .bx-controls .bx-controls-auto {position:relative; top:0; bottom:auto; left:-18px; right:auto; width:12px; height:24px; padding-top:0;border-radius:0;z-index: 9;}
.section.key-visual .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item{top:6px;}
.section.key-visual .bx-wrapper .bx-controls .bx-controls-auto .bx-start {width:12px; height:12px; border-radius:0; background:url(../../images/v2/main/btn_play_lightmode.svg) 50% 50% no-repeat; background-size:12px auto; background-position:54% 50% !important;}
.section.key-visual .bx-wrapper .bx-controls .bx-controls-auto .bx-stop {width:12px; height:12px; border-radius:0; background:url(../../images/v2/main/btn_pause_lightmode.svg) 50% 50% no-repeat; background-size:auto 12px;background-position:50% 50% !important;}
.section.key-visual.darkmode .bx-wrapper .bx-controls .bx-controls-auto .bx-start {background-image:url(../../images/v2/main/btn_play_darkmode.svg);}
.section.key-visual.darkmode .bx-wrapper .bx-controls .bx-controls-auto .bx-stop {background-image:url(../../images/v2/main/btn_pause_darkmode.svg);}
.section.key-visual.darkmode .bx-wrapper .bx-controls-direction a.bx-prev {background-image:url(../../images/v2/main/key_btn_slide_controls_prev_dark.svg);}
.section.key-visual.darkmode .bx-wrapper .bx-controls-direction a.bx-next {background-image:url(../../images/v2/main/key_btn_slide_controls_next_dark.svg);}
#cfmClContents .section.key-visual.darkmode .bx-wrapper .bx-controls .bx-pager{color:rgba(14,14,14,0.65);background:rgba(255,255,255,0.7);color:#6F737B;background:#FFFFFF;}/* 0813 */
#cfmClContents .section.key-visual.darkmode .bx-wrapper .bx-controls .bx-pager span{color:#131415;}
#cfmClContents .section.key-visual.darkmode .bx-wrapper .bx-controls .bx-pager a {font-size:2px; letter-spacing:0; background:rgba(256,256,256,0.45);}
#cfmClContents .section.key-visual.darkmode .bx-wrapper .bx-controls .bx-pager a.active {background:#fff;}

/* hot item list */
.hot-visual-list {box-sizing:content-box; height:426px; margin-bottom:-2px; box-sizing: border-box;}
.hot-visual-list h2,
.hot-visual-list h3 {color:var(--text-primary);}
.hot-visual-list .bx-wrapper {width:1080px; max-width:1080px !important; height:224px;}
.hot-visual-list .bx-wrapper .bx-viewport {min-height:224px;}
.hot-visual-list .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager,
.hot-visual-list .bx-wrapper .bx-controls {top:-60px; right:0; width:126px;}
.hot-visual-list .bx-wrapper .bx-controls .bx-controls-auto {display:none;}
.hot-visual-list li {width:1080px !important; padding:0;}
.hot-visual-list li a {position:relative; float:left; margin:0 0 0 16px; border-radius:16px;}
.hot-visual-list li a:first-child {margin-left:0;}
.hot-visual-list li a img {border-radius:16px; display:block;}
.hot-visual-list li a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border-radius:16px; border:solid 1px rgba(00,00,00,0.05); box-sizing:border-box;}

/* 핫딜
.hotdeal-visual {min-height:680px; padding-bottom:0;}
.hotdeal-visual > .column > .section-area-tit {display:none;}
.hotdeal-visual .bx-viewport {width:1080px !important; margin:0 auto;}
.hotdeal-visual .bx-viewport li {height:520px;}
.hotdeal-visual .bx-viewport li .banner-img > img {border-radius:20px;}
.hotdeal-visual .bx-wrapper .bx-controls {position:absolute; top:540px; right:0; left:0; width:1080px; text-align:right;}
.hotdeal-visual .bx-wrapper .bx-controls .bx-controls-direction {position:absolute; width:100%;}
.hotdeal-visual .bx-wrapper .bx-controls-direction a {display:inline-block; width:13px; height:25px; margin:0; text-indent:0; color:transparent;}
.hotdeal-visual .bx-wrapper .bx-controls-direction a.bx-prev {position:absolute; top:63px; bottom:auto; left:-44px; background:url(../../images/v2/main/btn_prev_hotdeal.png) 50% 50% no-repeat; z-index:9; opacity:1;}
.hotdeal-visual .bx-wrapper .bx-controls-direction a.bx-next {position:absolute; top:63px; bottom:auto; right:-44px; background:url(../../images/v2/main/btn_next_hotdeal.png) 50% 50% no-repeat; z-index:9; opacity:1;}
.hotdeal-visual .bx-wrapper .bx-controls-direction a.disabled {opacity:0.6; cursor:default;}
.hotdeal-visual .hdbox_gtimebox {position:absolute; top:25px; top:94px; left:auto; right:25px; box-sizing:border-box; width:300px; height:40px !important; padding:0 !important; text-align:right; line-height:40px; letter-spacing:0; font-size:18px; font-weight:bold; color:#222; background:transparent;}
.hotdeal-visual .hdbox_gtimebox > div {display:none;}
.hotdeal-visual .hdbox_gtimebox .gtday,
.hotdeal-visual .hdbox_gtimebox .gthur,
.hotdeal-visual .hdbox_gtimebox .gtmin,
.hotdeal-visual .hdbox_gtimebox .gtsnd,
.hotdeal-visual .hdbox_gtimebox .gtmsnd {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:20px; color:#fff; background:var(--text-primary);}
.hotdeal-visual .hotdeal-swiper-pager {overflow:hidden;}
.hotdeal-visual .hotdeal-swiper-pager.scrollEnd {}
.hotdeal-visual .hotdeal-swiper-pager .swiper-slide {min-width:1092px; height:136px; margin-top:30px;} 
.hotdeal-visual .hotdeal-swiper-pager a {float:left; position:relative; width:338px; height:133px; margin-left:30px; border-radius:20px; overflow:visible; border:solid 1px #D9D9D9; overflow:hidden;}
.hotdeal-visual .hotdeal-swiper-pager a.active {border:solid 1px #888888;}
.hotdeal-visual .hotdeal-swiper-pager a:first-child {margin-left:0;}
.hotdeal-visual .hotdeal-swiper-pager .swiper-slide span {float:left; position:relative; width:338px; height:133px; margin-left:30px; border-radius:20px;  background:url(../../images/v2/main/hotdeal_comingsoon.png) 0 0 no-repeat; background-size:100% auto; border:solid 1px #D9D9D9; overflow:hidden;}
.hotdeal-visual .hotdeal-swiper-pager a.active:focus {outline: none;} 
.hotdeal-visual .hotdeal-swiper-pager a.active:focus:before {content: ""; position: absolute; top: 0; left: 0; width: 334px; height: 129px; border: dotted 2px #119891; border-color: #222; border-radius: 20px; z-index: 9;} 
 */

/* KT Shop banner section */
.shop-area {position:relative;height:180px; padding:40px 0 0; margin-top:0; background-repeat:repeat-x;}
.shop-area:after {content:""; position:absolute; top:40px; left:0; right:0; bottom:0; width:1080px; height:180px; border-radius:16px; border:solid 1px rgba(00,00,00,0.05); box-sizing: border-box;z-index:9;} 
.section.hot-product-list.cfmbgsection .shop-area .bx-wrapper .bx-viewport{z-index:19;}
.section.hot-product-list.cfmbgsection .shop-area .bx-wrapper .bx-controls{z-index:29;}
.section.shop-area.cfmbgsection {padding:85px 0;}
.shop-area .section-area-tit {float:left; width:270px; height:410px;}
.shop-area .section-area-tit h2, 
.shop-area .section-area-tit h3 {display:inline-block; height:50px;}
.shop-area .section-area-tit .section5-title-subtit {display:block; margin-top:10px; padding-left:0; line-height:35px; letter-spacing:0; font-size:25px; color:#000;}
.shop-area .section-area-tit .section5-title-subtit em {text-decoration:none;}
.shop-area .bx-wrapper {float:none; width:100%; height:180px;}
.shop-area .bx-wrapper .bx-viewport {border-radius:16px; overflow:hidden;}
.shop-area .bx-wrapper ul {width:100%; height:180px;}
.shop-area .bx-wrapper li {width:100%; height:180px; padding:0; }
.shop-area .bx-wrapper li .banner-img a {float:left; margin-left:0100%;}
.shop-area .bx-wrapper li .banner-img a:first-child {margin-left:0;}
.shop-area .bx-wrapper li .banner-img a img,
.shop-area .bx-wrapper li .banner-img img {border-radius:16px;}

.shop-area .bx-wrapper .bx-controls,
.shop-area .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {top:auto; bottom:24px; left:auto; right:24px; width:50px; height:24px; border-radius:24px; background:rgba(13,14,15,0.5);color:#D5D8DD;background:#55585D; z-index:9;}/* 0813 */
.shop-area .bx-wrapper .bx-controls .bx-controls-auto {width:50px; height:24px;}
#cfmClContents .section.cfmbgsection .shop-area .bx-wrapper .bx-controls .bx-pager {left:9px; width:21px; height:24px; line-height:24px; padding:0; text-align:right; font-size:12px; font-weight:500; color:rgba(256,256,256,0.6);color:#D5D8DD;}/* 0813 */
#cfmClContents .section.cfmbgsection .shop-area .bx-wrapper .bx-controls .bx-pager > em {padding:0 0 0 2px;}
#cfmClContents .section.cfmbgsection .shop-area .bx-wrapper .bx-controls .bx-pager span {color:rgba(256,256,256,1);}
.shop-area .bx-wrapper .bx-controls-auto .bx-stop,
.shop-area .bx-wrapper .bx-controls-auto .bx-stop:hover,
.shop-area .bx-wrapper .bx-controls-auto .bx-stop:active,
.shop-area .bx-wrapper .bx-controls-auto .bx-stop:focus {width:24px; height:24px; background-image:url(../../images/v2/main/btn_pause_lightmode.svg); background-size:auto 12px; background-position: 50% 50% !important;}
.shop-area .bx-wrapper .bx-controls-auto .bx-start,
.shop-area .bx-wrapper .bx-controls-auto .bx-start:hover,
.shop-area .bx-wrapper .bx-controls-auto .bx-start:active,
.shop-area .bx-wrapper .bx-controls-auto .bx-start:focus {width:24px; height:24px; background-image:url(../../images/v2/main/btn_play_lightmode.svg); background-size:auto 12px; background-position: 50% 50% !important;}
.shop-area .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager .bx-controls-direction {width:63px;}
.shop-area .bx-wrapper .bx-controls-direction a.bx-prev,
.shop-area .bx-wrapper .bx-controls-direction a.bx-prev:hover {top:-58px; left:-988px; background:url(../../images/v2/main/key_btn_slide_controls_prev_light.svg) 50% 50% no-repeat; background-size:12px auto; background-position: 50% 50% !important; opacity:0.5;}
.shop-area .bx-wrapper .bx-controls-direction a.bx-next,
.shop-area .bx-wrapper .bx-controls-direction a.bx-next:hover {top:-58px; right:0; background:url(../../images/v2/main/key_btn_slide_controls_next_light.svg) 50% 50% no-repeat; background-size:12px auto; background-position: 50% 50% !important; opacity:0.5;}
	/* darkmode */
.shop-area.darkmode .bx-wrapper .bx-controls,
.shop-area.darkmode .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {background:rgba(256,256,256,0.7);background:#FFFFFF;}/* 0813 */
#cfmClContents .section.cfmbgsection .shop-area.darkmode .bx-wrapper .bx-controls .bx-pager {color:rgba(14,14,14,0.65);color:#6F737B;}/* 0813 */
#cfmClContents .section.cfmbgsection .shop-area.darkmode .bx-wrapper .bx-controls .bx-pager span {color:rgba(14,14,14,1);color:#131415;}/* 0813 */
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-stop,
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-stop:hover,
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-stop:active,
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-stop:focus {width:24px; height:24px; background-image:url(../../images/v2/main/btn_pause_darkmode.svg); background-size:auto 12px; background-position: 50% 50% !important;}
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-start,
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-start:hover,
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-start:active,
.shop-area.darkmode .bx-wrapper .bx-controls-auto .bx-start:focus {width:24px; height:24px; background-image:url(../../images/v2/main/btn_play_darkmode.svg); background-size:auto 12px; background-position: 50% 50% !important;}
.shop-area.darkmode .bx-wrapper .bx-controls-direction a.bx-prev,
.shop-area.darkmode .bx-wrapper .bx-controls-direction a.bx-prev:hover {top:-58px; left:-988px; background:url(../../images/v2/main/key_btn_slide_controls_prev_dark.svg) 50% 50% no-repeat; background-size:12px auto; background-position: 50% 50% !important; opacity:0.7;}
.shop-area.darkmode .bx-wrapper .bx-controls-direction a.bx-next,
.shop-area.darkmode .bx-wrapper .bx-controls-direction a.bx-next:hover {top:-58px; right:0; background:url(../../images/v2/main/key_btn_slide_controls_next_dark.svg) 50% 50% no-repeat; background-size:12px auto; background-position: 50% 50% !important; opacity:0.7;}
#cfmClContents .section.shop-area.darkmode .bx-wrapper .bx-controls .bx-pager {color:#fff;}
#cfmClContents .section.shop-area.darkmode .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display:initial;}
.section-hot-product-ban {position:relative;margin-top:0;border-radius:16px;overflow: hidden;}
.section-hot-product-ban a {display:block;}
.section-hot-product-ban img {width:100%}
#ktMainShopItem.section{padding-bottom:0;}
#ktMainShopBannerItem.section{padding-top:0;}

/* event */
.event-area {min-height:360px;}
.event-area .event-list {width:1080px; height:320px; display:flex; gap:15px; flex-wrap:wrap;}
.event-area .event-list li {width:350px !important; margin-right:0; padding:0; box-sizing:border-box;}
.event-area .event-list li:nth-child(3n+1) {padding:0;}
.event-area .event-list li a {position:relative; position:static; display:block;border-radius:16px;}/* 0814 */
.event-area .event-list li a:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:180px; border-radius:16px; border:solid 1px rgba(00,00,00,0.05); box-sizing:border-box;} 
.event-area .event-list li a .thumb {position:static;border-radius:16px;overflow:hidden;}/* 0814-2 */
.event-area .event-list .d-day {display:none;}
.event-area .event-list .summary {padding:24px 16px 0 16px;}
.event-area .event-list .type {margin-top:0; font-size:16px; font-weight:500; color:#6F737B; font-family:"Pretendard", sans-serif;}
.event-area .event-list .title {width:334px; width:auto; height:29px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; ; margin-top:4px; font-size:20px; font-weight:bold; font-family:"Pretendard", sans-serif; color:#191A1B;}
.event-area .event-list .date {margin-top:12px; font-size:16px; font-weight:400; color:#6F737B;}
.event-area .bx-controls {top:-60px; right:0;}
.event-area .bx-wrapper .bx-controls.bx-has-controls-direction.bx-has-pager {width:129px;}

/* cs area */
.cs-area {min-height:500px; padding-top:64px; background-repeat:repeat-x; background-color:#f5f5f7;}
.cs-area .section-area-tit {height:60px; padding-top:0;}
.cs-area .cs-faq-area {display:flex; justify-content: space-between; position:relative;}
.cs-area .mrs-title {position:absolute; top:-75px; right:0; width:630px; text-align:right;}
.cs-area .mrs-title li {display:inline-block; margin-left:20px;}
.cs-area .mrs-title li a {display:block; padding:9px 0; letter-spacing:0; font-size:18px; color:var(--text-primary);}
.cs-area .mrs-title li.active a {position:relative; font-weight:bold;}
.cs-area .mrs-title li.active a:after {content:""; position:absolute; bottom:6px; left:0; right:0; border-bottom:solid 2px var(--text-primary);}
.cs-area .cs-faq-list {display:flex; flex-wrap:wrap; align-content:space-between; gap:16px; width:1080px;}
.cs-area .cs-faq-list li {width:258px; height:202px; margin-right:0;}
.cs-area .cs-faq-list li:nth-child(2) ~ li {margin-top:0;}
.cs-area .cs-faq-list li:nth-child(odd) {margin-right:0;}
.cs-area .cs-faq-list li a {display:block; overflow:hidden; width:258px; height:202px; padding:92px 0 0 24px; border-radius:16px; border:none; background-position:24px 24px; background-color:#fff; background-repeat:no-repeat; box-sizing: border-box;}
.cs-area .cs-faq-list li a strong {display:block; line-height:30px; margin-bottom:8px; padding:0; font-size:20px; font-weight:700; letter-spacing: 0; color:#191A1B;}
.cs-area .cs-faq-list li a span {display:block; padding:0; font-size:16px; font-weight:500; letter-spacing: 0; color:#55585D;}

.cs-area .one-notice {width:1080px; height:70px; line-height:70px; margin-top:16px; border-radius:16px; background:#fff;}
.cs-area .one-notice h2,
.cs-area .one-notice h3 {position:relative; float:left; padding: 0 16px 0 24px; letter-spacing:0; font-size:20px; font-weight:700; color:#191a1b;}
.cs-area .one-notice h2:after,
.cs-area .one-notice h3:after {content:none; position:absolute; top:50%; right:0; width:1px; height:16px; margin-top:-8px; border-right:solid 1px #efefef;}
.cs-area .one-notice p {float:left; padding-left:0; letter-spacing:0;font-size:16px;}
.cs-area .one-notice p a {font-weight:500; color:#55585d;}
.cs-area .one-notice .btn-more-area {float:right; padding-right:24px; letter-spacing:0;font-size:16px;font-weight:400;}
.cs-area .one-notice .btn-more-area span {padding-right:24px; color:#6f737b;}
.cs-area .one-notice .btn-more-area a {position:relative; padding-right:16px; font-size:15px; font-weight:500; color:#191A1B;}
.cs-area .one-notice .btn-more-area a:after {content:""; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-8px; background:url(../../images/v2/main/footer_arr.svg) no-repeat 50% 50%; transform:rotate(-90deg);}
.cs-area .one-notice .btn-more-area a:before {content:none; position:absolute; top:50%; right:0; width:10px; height:2px; margin-top:-1px; background:#7f7f7f; transform:rotate(90deg); transition:0.5s all; }

/* kt shop section */
.section.hot-product-list {background:#F3F4F6;}
.section-hot-product-list {display:flex; flex-wrap:wrap; gap:16px;}
.section-hot-product-list .prod-list {position: relative; width:258px; height:328px; overflow:hidden; background:#ffffff; border-radius:16px; border: 1px solid #E9EAEE; box-sizing:border-box; transition:all 0.2s;} 
.section-hot-product-list .prod-list a {display:block;height:326px;box-sizing:border-box; padding:24px; border-radius:16px;}/* 0812 */
.section-hot-product-list .prod-list .more {display:none;}
.section-hot-product-list .prod-list .prod-tit {height:27px; text-align:left; font-size:18px; font-weight:500; font-family:"Pretendard", sans-serif;}
	/* prod title */
.section-hot-product-list .prod-list .prod-name {display:block; width:210px; height:27px; line-height:27px; overflow:hidden; text-overflow:ellipsis; letter-spacing:0; font-size:18px; font-weight:500; font-family:"Pretendard", sans-serif; white-space: nowrap; color:var(--text-primary);}
.section-hot-product-list .prod-list .prod-flag span {display:inline-block; margin-bottom:5px; background:#fff; font-size:11px; padding:4px 7px; line-height:1;}
.section-hot-product-list .prod-list .prod-flag .flag01 {color:#01a69f; border:1px solid #01a69f;}
.section-hot-product-list .prod-list .prod-flag img {margin-bottom:5px; height:20px;}
.section-hot-product-list .prod-list .prod-img {position:static; width:auto; height:210px; margin-bottom:16px; text-align:center; top:auto; bottom:auto; left:auto; transform:none;}
.section-hot-product-list .prod-list .prod-img img {width:auto; height:210px;}
.section-hot-product-list .prod-list .prod-price {display:none; margin-top:10px; color:var(--text-primary); font-family:"Pretendard", sans-serif; font-size:18px; font-weight:bold;}
.section-hot-product-list .prod-list .prod-price em {color:var(--text-primary);}
	/* prod plan */
.section-hot-product-list .prod-list .prod-price-info {display:block;position:relative;left:auto;bottom:auto;width:auto;height:auto;padding:0;font-family:"NPretendard", sans-serif;z-index:initial;background:#fff;border-radius:0;} 
.section-hot-product-list .prod-list .prod-price-info .prod-price-cond {display:block; width:208px; height:21px; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding-top:12px; border-top:solid 1px #E9EAEE; line-height:1.48; margin-bottom:0; border-radius:0; text-align:lef; align-content:center; font-size:14px; font-weight:500; font-family:"Pretendard", sans-serif; word-break:keep-all; color:#6F737B;} 
.section-hot-product-list .prod-list .prod-price-info .box-txt li {display:flex; justify-content:space-between; line-height:30px; font-size:15px; font-family:"Pretendard", sans-serif; color:var(--text-primary);}
.section-hot-product-list .prod-list .prod-price-info .box-txt li .txt {color:var(--text-primary);}
.section-hot-product-list .prod-list .prod-price-info .box-txt li:nth-child(2) ~ li,
.section-hot-product-list .prod-list .prod-price-info .box-txt li:nth-child(2) ~ li .txt {color:red;} 
	/* prod charge */
.section-hot-product-list .prod-list .box-txt.type2 {height:33px; line-height:33px; margin-bottom:16px; text-align:baseline; margin-top:0; padding-top:0; border-top:none;}
.section-hot-product-list .prod-list .box-txt.type2 li {display:block; justify-content:space-between; line-height:33px; text-align:left; word-break:keep-all;}
.section-hot-product-list .prod-list .box-txt.type2 li .txt {font-size:20px; font-weight:700; color:#191A1B;}
.section-hot-product-list .prod-list .box-txt.type2 li .price {font-size:22px; font-weight:700; font-family:"Pretendard", sans-serif; color:#191A1B;}
	/* charge detail */
.section-hot-product-list .prod-list .box-txt.type1 {padding-top:0; border-top:none;}
.section-hot-product-list .prod-list .box-txt.type1 li {display:flex; justify-content:space-between; height:21px; line-height:21px; margin-bottom:4px; text-align:left; word-break:keep-all;}
.section-hot-product-list .prod-list .box-txt.type1 li .txt {font-size:14px; font-weight:500; color:#6F737B;}
.section-hot-product-list .prod-list .box-txt.type1 li .price {font-size:14px; font-weight:600; font-family:"Pretendard", sans-serif; color:var(--text-primary);}
.section-hot-product-list .prod-list .box-txt.type1 li:nth-child(3) .price {color:#E0282F;}
	/* view button */
.hot-product-list .section-hot-product-btn {margin-top:0; text-align:right;}
.hot-product-list .section-hot-product-btn .section-hot-product-btn-moreview {position:absolute; top:10.5px; right:0; display:block; width:auto; height:27px; line-height:27px; padding:0; color:#6F737B; border:none; background:transparent; border-radius:0;}
.hot-product-list .section-hot-product-btn .section-hot-product-btn-moreview span {position:relative; padding-right:24px; font-size:18px; font-weight:600; letter-spacing:0;}
.hot-product-list .section-hot-product-btn .section-hot-product-btn-moreview span:before {content:''; position:absolute; top:-1px; right:0; width:24px; height:24px; margin-top:0; background:url(../../images/v2/layout/arrow_icon_tertiary01.svg) 50% 50% no-repeat; background-size:auto 9px; transform:rotate(90deg);}
	/* view button - product */
.hot-product-list .hot-product-btnbox .hot-product-btn {position:absolute; top:276px; right:14px; width:40px; height:40px; text-align:center; align-content:center;}
.hot-product-list .hot-product-btnbox .hot-product-btn span {position:static; font-size:2px; color:transparent;}
.hot-product-list .hot-product-btnbox .hot-product-btn:before {content:''; position:absolute; top:0; right:0; width:40px; height:40px; margin-top:0; background:url(../../images/v2/layout/arrow_icon_tertiary01.svg) 50% 50% no-repeat; background-size:auto 7.5px; transform:rotate(180deg);}
	/* sub title */
.section.hot-product-list .section4-title-subtit {margin-top:16px; text-align:right; font-size:14px; font-weight:400px; color:#6F737B;}
	/* close button */
.section-hot-product-list.list-open .prod-list {height: 468px;}	
.section-hot-product-list.list-open .prod-list a {height:466px;}/* 0812 */

.hot-product-list .section-hot-product-list.list-open .hot-product-btnbox .hot-product-btn:before {transform:rotate(0);}

@keyframes anime_textup { 0% { top:0; } 20% { top:-0.1rem; } 40% { top:0 } 60% { top:0 } 80% { top:0 } 100% { top:0 } }
.text_textup span {position: relative; animation:anime_textup 2s infinite;}
.text_textup span:nth-of-type(1) {animation-delay:0.1s;}
.text_textup span:nth-of-type(2) {animation-delay:0.2s;}
.text_textup span:nth-of-type(3) {animation-delay:0.3s;}
.text_textup span:nth-of-type(4) {animation-delay:0.4s;}
.text_textup span:nth-of-type(5) {animation-delay:0.5s;}
.text_textup span:nth-of-type(6) {animation-delay:0.6s;}
.text_textup span:nth-of-type(7) {animation-delay:0.7s;}
.text_textup span:nth-of-type(8) {animation-delay:0.8s;}
.text_textup span:nth-of-type(9) {animation-delay:0.9s;}
.text_textup span:nth-of-type(10) {animation-delay:1.0s;}
.text_textup span:nth-of-type(11) {animation-delay:1.1s;}
.text_textup span:nth-of-type(12) {animation-delay:1.2s;}
.text_textup span:nth-of-type(13) {animation-delay:1.3s;}
.text_textup span:nth-of-type(14) {animation-delay:1.4s;}
.text_textup span:nth-of-type(15) {animation-delay:1.5s;}
.text_textup span:nth-of-type(16) {animation-delay:1.6s;}
.text_textup span:nth-of-type(17) {animation-delay:1.7s;}
.text_textup span:nth-of-type(18) {animation-delay:1.8s;}
.text_textup span:nth-of-type(19) {animation-delay:1.9s;}
.text_textup span:nth-of-type(20) {animation-delay:2.0s;} 

/* 250820 메인팝업 z-index 정리 : 비상>온마시>일반 팝업이 모두 GNB 위로 올라오고 GNB가 펼쳐질 때는 그 뒤로 들어감. #cfmClHeader 는 1102 */
html .ermgy-popup-dim {z-index:1130;}/* 비상팝업 */
html .cfmmainpops {z-index:1120;}/* 일반팝업 */
html .see-click-area {z-index:1110;}/* 온마시팝업 */ 

html body.cfm-nonscroll .ermgy-popup-dim {z-index:1020;}/* 비상팝업 */
html body.cfm-nonscroll .cfmmainpops {z-index:1010;}/* 일반팝업 */
html body.cfm-nonscroll .see-click-area {z-index:1000;}/* 온마시팝업 */ 

/* 20260429 2026버전 빅배너 개편 */
.key-visual .banwrap_v2 {position:absolute; top:0; left:50%; width:1080px; height:450px; margin-left:-540px; text-align:left; font-family:"Pretendard", sans-serif;}
.key-visual .banwrap_user_v2 {position:absolute; top:61px; left:50%; width:1080px; height:auto; margin-left:-540px; text-align:left; line-height:1.49; font-size:18px; font-weight:700; font-family:"Pretendard", sans-serif; color:#fff;}
.banwrap_v2 .banwrap_tit_v2 {display:block; padding:100px 0 0 0; line-height:1.48; font-size:36px; font-weight:700; letter-spacing:0; font-family:"KTFlow-Bold", sans-serif; color:#fff;}
.banwrap_v2 .banwrap_tit_v2 span {font-family:"KTFlow-Bold", sans-serif;}
.banwrap_v2 .banwrap_sub_v2 {display:block; padding:12px 0 0 0; font-size:18px; font-weight:500; color:#fff;}
.banwrap_v2 .banwrap_btn_v2 {display:block; margin:24px 0 0 0; width:92px; height:44px; text-align:center; align-content:center; line-height:1; font-size:13px; font-weight:500; background:#fff; color:#131415; border-radius:8px; }/* 0807 */
.banwrap_v2 .banwrap_img_v2 {position:absolute; margin:0; right:77px;}
.key-visual .bx-viewport li .banner-img .banwrap_v2 img {position:static; margin-left:0;}
.banwrap_v2 .banwrap_red {}
.banwrap_v2 .pl6 {display:block; position:relative; left:0;;}
.banwrap_v2.white .banwrap_user_v2 {color:#55585D}
.banwrap_v2.white .banwrap_tit_v2 {color:#191A1B}
.banwrap_v2.white .banwrap_sub_v2 {color:#55585D}
.banwrap_v2.white .banwrap_btn_v2 {background:#131415; color:#fff;}
.banwrap_btnwrap_v2 {display:flex; gap:12px;padding:30px 0 0 0;}
.banwrap_v2 .banwrap_btnwrap_v2 .banwrap_btn_v2 {margin:0;}