@charset "utf-8";

/* common */
.slick-auto-height {height:auto !important;}

/*  */
.wrap-component button {border: none; cursor: pointer; }
.wrap-component a { text-decoration: none; }
.wrap-component .font-sans,
.wrap-component .font-sans * { font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', '돋움', sans-serif;}
.wrap-component .font-one,
.wrap-component .font-one * { font-family: 'SamsungOneKorean', '돋움', sans-serif;}
.wrap-component .font-batang,
.wrap-component .font-batang * { font-family: 'Batang', '바탕', 'SamsungOneKorean', '돋움', sans-serif;}
.wrap-component .component-contents.type-video .slick-track {display: -webkit-box; display: -webkit-flex; display: flex;}
.wrap-component .component-contents.type-video .slick-slide {flex-shrink: 0; height: inherit;}
.wrap-component .component-contents.type-video .slick-slide .visual-area {height: 100%;}
.wrap-component .component-contents.type-video .slick-slide .visual-area.vdoDim {background-color: #000;}
.wrap-component .component-contents.type-video .slick-slide .visual-area.vdoDim > img {opacity: .9;}
.wrap-component.w1440px .component-contents.type-video .slick-slider { height: 640px; }
.wrap-component.w1440px .component-contents.type-video .slick-slider .slick-list,
.wrap-component.w1440px .component-contents.type-video .slick-slider .slick-track { height: 100%; }
.wrap-component.w1440px .component-contents.type-video .slick-slider .slick-track video { object-fit: cover; }

/* kdp-65237 240923 */
@media all and (max-width:540px) {
	.wrap-component.w1440px .component-contents.type-video .slick-slider .slick-track video { object-fit: fill; }
}	
/* // kdp-65237 240923 */

/* 21-11-01 NEW KOR font */
.wrap-component .kor-sans,
.wrap-component .kor-sans * {font-family: 'Samsung Korea Sans', 'Samsung Sharp Sans', 'Dotum', '돋움', sans-serif;}

/* layout */
.wrap-component {position: relative; margin: 0 auto; padding: 60px 0;}
.wrap-component.w1920px {max-width: 1920px;}
.wrap-component.w1680px {max-width: 1600px;}
.wrap-component.w1600px {max-width: 1600px;}/* 2021-08-02 */
.wrap-component.w1440px {max-width: 1440px;}
.wrap-component.w1024px {max-width: 1024px;}
.wrap-component.linet {border-top: 1px solid #d9d9d9;}
.wrap-component.lineb {border-bottom: 1px solid #d9d9d9;}
.wrap-component .component-contents {overflow: hidden; position: relative; padding: 60px 0;}
.wrap-component-noti a {color: blue;}

/* common padding */
.wrap-component.pt-none {padding-top: 0;}
.wrap-component.pt-nrw {padding-top: 40px;}
.wrap-component.pt-wide {padding-top: 80px;}
.wrap-component.pt-vwide {padding-top: 160px;}
.wrap-component.pb-none {padding-bottom: 0;}
.wrap-component.pb-nrw {padding-bottom: 40px;}
.wrap-component.pb-wide {padding-bottom: 80px;}
.wrap-component.pb-vwide {padding-bottom: 160px;}
.wrap-component .pt-none {padding-top: 0;}
.wrap-component .pt-nrw {padding-top: 40px;}
.wrap-component .pt-wide {padding-top: 80px;}
.wrap-component .pt-vwide {padding-top: 160px;}
.wrap-component .pb-none {padding-bottom: 0;}
.wrap-component .pb-nrw {padding-bottom: 40px;}
.wrap-component .pb-wide {padding-bottom: 80px;}
.wrap-component .pb-vwide {padding-bottom: 160px;}
.wrap-component .component-contents.pt-none {padding-top: 0;}
.wrap-component .component-contents.pt-nrw {padding-top: 40px;}
.wrap-component .component-contents.pt-wide {padding-top: 80px;}
.wrap-component .component-contents.pt-vwide {padding-top: 160px;}
.wrap-component .component-contents.pb-none {padding-bottom: 0;}
.wrap-component .component-contents.pb-nrw {padding-bottom: 40px;}
.wrap-component .component-contents.pb-wide {padding-bottom: 80px;}
.wrap-component .component-contents.pb-vwide {padding-bottom: 160px;}

/* common text area */

/* s : KDP-6092 2021-09-15 vw px로 전환 */
.wrap-component .component-text { font-size:0; }
.wrap-component .component-text .logo { display:block; padding-bottom:20px; } /* 210318 */
.wrap-component .component-text .logo img {min-width: 56px; min-height: 56px;}
.wrap-component .component-text .box-title .title { display:block; line-height:1.15; font-weight:bold; font-size:52px; color:#000; word-break:keep-all}
.wrap-component .component-text .box-title .title.lrg { font-size: 60px; }
.wrap-component .component-text .box-title .title.lrg.pcd {font-size: 60px;}
.wrap-component .component-text .box-title .title.sml { font-size:36px; }
.wrap-component .component-text .box-title .title.hitm-tit { font-size:24px; } /* KDP-40615 */
.wrap-component .component-text .box-title .sub { display:block; line-height:1.3; font-weight:normal; font-size:24px; color:#000; word-break:keep-all; font-family: 'SamsungOneKorean';}
.wrap-component .component-text .box-title .sub.sml { font-size:18px; }
.wrap-component .component-text .box-title .sub.above { padding-bottom: 10px;}
.wrap-component .component-text .box-title .sub.below { padding-top:20px; }
.wrap-component .component-text .box-title .sub.pcd {font-size: 24px; }
.wrap-component .component-text .box-title .desc { margin-top: 35px; line-height:22px; font-size:18px; color:#000; letter-spacing:-0.05em; word-break:keep-all; font-family: 'SamsungOneKorean'; }
.wrap-component .component-text .box-title .desc.sml {font-size: 16px;}
.wrap-component .component-text .box-title .desc.pcd {font-size: 18px;}
.wrap-component .component-text .box-title + .box-btns { padding-top: 40px; padding-bottom: 0;}
.wrap-component .component-text .box-title + .box-disc {padding-bottom: 0;}
.wrap-component .component-text .box-disc { margin-top: 20px; }
.wrap-component .component-text .box-disc .disc { line-height:22px; font-size: 14px; color:#aaa; letter-spacing:-0.05em; word-break:keep-all; } /* 220927 수정 */
/* e : KDP-6092 2021-09-15 vw px로 전환 */


.wrap-component .component-contents .visual-area { font-size:0; }
.wrap-component .component-contents .visual-area.rounded,
.wrap-component .component-contents .visual-area.rounded img,
.wrap-component .component-contents.type-video .visual-area.rounded .video img {border-radius: 20px;}
.wrap-component .component-contents .visual-area .box-disc { display:none; padding:20px 24px; }
.wrap-component .component-contents .visual-area .box-disc .disc { line-height:22px; font-size: 14px; color:#000; letter-spacing:-0.7px; word-break:keep-all; } /* 220927 수정 */
.wrap-component .component-contents .visual-area .video {position: relative;}
.wrap-component .component-contents .visual-area .video.nonImg, 
.wrap-component .component-contents.nonImg .visual-area {padding-top: 50%;}
.wrap-component .component-contents .visual-area .video .video-js, 
.wrap-component .component-contents .visual-area .video video, 
.wrap-component .component-contents .visual-area .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 2;}
.wrap-component .obj-m {display: none;}
.wrap-component .playTime {position: absolute; right: 20px; bottom: 20px; padding: 7px 6px 5px; line-height: 1; background: #000; color: #fff; border-radius: 6px; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', '돋움', sans-serif; letter-spacing: 0; font-size: 13px; z-index: 1;}
.wrap-component .component-contents .component-text .box-title .pc-ver,
.wrap-component .component-text .box-disc .disc.pc-ver,
.wrap-component .component-contents .visual-area .box-disc .disc.pc-ver {display: block;}
.wrap-component .component-contents .component-text .box-title .mo-ver,
.wrap-component .component-text .box-disc .disc.mo-ver,
.wrap-component .component-contents .visual-area .box-disc .disc.mo-ver {display: none;}
.wrap-component .component-text .box-title.offerVer {user-select: text;} /* KDP-71103 [퍼블][B2C] 글로벌 닷컴 WEB (4) > OFFER 개편 */
/* button */
.wrap-component .box-btns {padding-bottom: 16px;}
.wrap-component .box-btns > ul {display: inline-block; margin: -10px 0; font-size: 0; vertical-align: top; white-space: nowrap;}
.wrap-component .box-btns > ul > li {height: 40px; margin: 10px -8px;}
.wrap-component .box-btns > ul > li button {margin: 0 10px;}
.wrap-component .btn-underline {display: inline-block; line-height: 20px; margin: 0 5px; padding: 0; font-size: 14px; border-bottom: 2px solid #000; vertical-align: middle;}
.wrap-component .btn-underline.btn-wht {color: #fff; border-color: #fff;}
.wrap-component .btn-round {display: inline-block; overflow: hidden; max-width: 100%; min-width: 96px; height: 40px; margin: 0 5px; line-height: 38px; padding: 0 24px; font-weight: bold; font-size: 14px; color: #000; text-align: center; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #000; border-radius: 20px; background: transparent; box-sizing: border-box; vertical-align: middle;}
.wrap-component .btn-round.btn-wht {border-color: transparent; background: #fff;}
.wrap-component .btn-round.btn-blk {color: #fff; border-color: #000; background: #000;}
.wrap-component .btn-round.btn-blu {color: #fff; border-color: #1428a0; background: #1428a0;}
.wrap-component .component-contents .visual-area .btn-play-video {position: absolute; top: 50%; left: 50%; z-index: 1; width: 100px; height: 100px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: url(/sec/static/_images/common/icon-play-video.svg) no-repeat; background-size: 100% auto; opacity: .5;}

/* dropdown */
.wrap-droplist.compo {display: inline-block; margin: 0 8px;}
.wrap-droplist.compo .droplist-button {min-width: 120px; width: 100%; min-height: auto; height: 40px; margin: 0; padding: 0 36px 0 20px; font-weight: bold; font-size: 14px; color: #000; border-radius: 5px; border: 1px solid #000;}
.wrap-droplist.compo .droplist-button:before {content: ''; display: block; position: absolute; top: 50%; margin-top: -8px; right: 6px; width: 16px; height: 16px; background: url('/sec/static/_images/common/icon-drop-down.svg') right center no-repeat;}
.wrap-droplist.compo.active .droplist-button:before {background-image: url('/sec/static/_images/common/icon-drop-up.svg');}
.wrap-droplist.compo .droplist {top: calc(100% - 1px); border-radius: 5px; border-color: #000;}
.wrap-droplist.compo .droplist li {overflow: hidden; line-height: 32px; padding: 0 20px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;}
.wrap-droplist.compo.active:not(.lowdrop):not(.bottom) .droplist {border-top-right-radius: 0; border-top-left-radius: 0;}
.wrap-droplist.compo.active:not(.lowdrop):not(.bottom) .droplist-button {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.wrap-droplist.compo.lowdrop.active .droplist-button, 
.wrap-droplist.compo.bottom.active .droplist-button {border-top-right-radius: 0; border-top-left-radius: 0;}
.wrap-droplist.compo.lowdrop .droplist, 
.wrap-droplist.compo.bottom .droplist {bottom: calc(100% - 1px); border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

/* common text align */
.wrap-component .component-contents[class*='txt-mid-'] .component-text:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: middle;}
.wrap-component .component-contents[class*='txt-mid-'] .component-text .component-text-inner {display: inline-block; width: 50%; vertical-align: middle;}
.wrap-component .component-contents[class*='txt-btm-'] .component-text:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: bottom;}
.wrap-component .component-contents[class*='txt-btm-'] .component-text .component-text-inner {display: inline-block; width: 50%; vertical-align: bottom;}
.wrap-component .component-contents .txt-top-left .component-text-inner, 
.wrap-component .component-contents .txt-mid-left .component-text-inner, 
.wrap-component .component-contents .txt-btm-left .component-text-inner,
.wrap-component .component-contents .txt-top-center .component-text-inner, 
.wrap-component .component-contents .txt-mid-center .component-text-inner, 
.wrap-component .component-contents .txt-btm-center .component-text-inner{width:100%}/*210305 ie 미지원시 삭제 가능 */
.wrap-component .component-contents.txt-top-right .component-text, 
.wrap-component .component-contents.txt-mid-right .component-text, 
.wrap-component .component-contents.txt-btm-right .component-text {text-align: right;}
.wrap-component .component-contents.txt-top-center .component-text, 
.wrap-component .component-contents.txt-mid-center .component-text, 
.wrap-component .component-contents.txt-btm-center .component-text, 
.wrap-component .component-contents.txt-mid-center .box-disc {text-align: center;}
.wrap-component .component-contents.txt-top-right .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-mid-right .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-btm-right .component-text .box-btns > ul > li {float: right;}
.wrap-component .component-contents.txt-top-center .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-mid-center .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-btm-center .component-text .box-btns > ul > li {display: inline-block; float: none; vertical-align: top;}

/* common text align in slider */
.wrap-component .visual .component-text, 
.wrap-component .slick-slider .component-text {width: 1392px; margin: 0 auto;}
.wrap-component.w1680px .visual .component-text, 
.wrap-component.w1680px .slick-slider .component-text {width: 1200px;}
.wrap-component.w1440px .visual .component-text, 
.wrap-component.w1440px .slick-slider .component-text {width: 1200px;}
.wrap-component.w1024px .visual .component-text, 
.wrap-component.w1024px .slick-slider .component-text {width: 800px;}
.wrap-component .component-contents .visual .component-text .component-text-inner, 
.wrap-component .component-contents .slick-slider .component-text .component-text-inner {padding: 0;}/* 210413 */
.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner{padding-bottom:50px}/* 211222 */
.wrap-component .component-contents .visual .component-text[class*='txt-mid-']:before, 
.wrap-component .component-contents .slick-slider .component-text[class*='txt-mid-']:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: middle;}
.wrap-component .component-contents .visual .component-text[class*='txt-mid-'] .component-text-inner, 
.wrap-component .component-contents .slick-slider .component-text[class*='txt-mid-'] .component-text-inner {display: inline-block; vertical-align: middle;}
.wrap-component .component-contents .visual .component-text[class*='txt-btm-']:before, 
.wrap-component .component-contents .slick-slider .component-text[class*='txt-btm-']:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: bottom;}
.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner,
.wrap-component .component-contents .slick-slider .component-text[class*='txt-btm-'] .component-text-inner {display: inline-block; vertical-align: bottom;}
.wrap-component .component-contents .visual .component-text.txt-top-right, 
.wrap-component .component-contents .visual .component-text.txt-mid-right, 
.wrap-component .component-contents .visual .component-text.txt-btm-right, 
.wrap-component .component-contents .slick-slider .component-text.txt-top-right, 
.wrap-component .component-contents .slick-slider .component-text.txt-mid-right, 
.wrap-component .component-contents .slick-slider .component-text.txt-btm-right {text-align: right;}
.wrap-component .component-contents .visual .component-text.txt-top-right .component-text-inner, 
.wrap-component .component-contents .visual .component-text.txt-mid-right .component-text-inner, 
.wrap-component .component-contents .visual .component-text.txt-btm-right .component-text-inner, 
.wrap-component .component-contents .slick-slider .component-text.txt-top-right .component-text-inner, 
.wrap-component .component-contents .slick-slider .component-text.txt-mid-right .component-text-inner, 
.wrap-component .component-contents .slick-slider .component-text.txt-btm-right .component-text-inner {text-align: left;}
.wrap-component .component-contents .visual .component-text.txt-top-center, 
.wrap-component .component-contents .visual .component-text.txt-mid-center, 
.wrap-component .component-contents .visual .component-text.txt-btm-center, 
.wrap-component .component-contents .slick-slider .component-text.txt-top-center, 
.wrap-component .component-contents .slick-slider .component-text.txt-mid-center, 
.wrap-component .component-contents .slick-slider .component-text.txt-btm-center {text-align: center;}
.wrap-component .component-contents .visual .component-text.txt-top-right .box-btns > ul > li, 
.wrap-component .component-contents .visual .component-text.txt-mid-right .box-btns > ul > li, 
.wrap-component .component-contents .visual .component-text.txt-btm-right .box-btns > ul > li, 
.wrap-component .component-contents .slick-slider .component-text.txt-top-right .box-btns > ul > li, 
.wrap-component .component-contents .slick-slider .component-text.txt-mid-right .box-btns > ul > li, 
.wrap-component .component-contents .slick-slider .component-text.txt-btm-right .box-btns > ul > li {float: right;}
.wrap-component .component-contents .visual .component-text.txt-top-center .box-btns > ul > li, 
.wrap-component .component-contents .visual .component-text.txt-mid-center .box-btns > ul > li, 
.wrap-component .component-contents .visual .component-text.txt-btm-center .box-btns > ul > li, 
.wrap-component .component-contents .slick-slider .component-text.txt-top-center .box-btns > ul > li, 
.wrap-component .component-contents .slick-slider .component-text.txt-mid-center .box-btns > ul > li, 
.wrap-component .component-contents .slick-slider .component-text.txt-btm-center .box-btns > ul > li {display: inline-block; float: none; vertical-align: top;}

/* common popup */
.popup-comp-wrap {display: none; top: 50%;}
.layer-pop .popup-component-contents {max-height: calc(100vh - 86px);}

/* common video */
.wrap-component .component-contents .visual-area img, 
.wrap-component .component-contents.type-video .visual-area .video img {width: 100%;}
.wrap-component .component-contents.type-video .component-text .component-text-inner {z-index: 5;}
.wrap-component .component-contents.type-video .visual-area {position: relative;}
.wrap-component .component-contents.type-video .visual-area.auto {z-index: 3;}
.wrap-component .component-contents.type-video .visual-area.show ~ .box-video-btns {display: none;}
.wrap-component .component-contents.type-video .visual-area .video .btn-video-close {position: absolute; top: 10px; right: 10px; bottom: auto; left: auto; z-index: 100; width: 36px; height: 36px; background: url('/sec/static/_images/common/icon-close-wht.svg') no-repeat center center; background-size: 20px auto; z-index: 10; font-size: 0; cursor: pointer;}
.wrap-component .component-contents.type-video .visual-area .video .video-js, 
.wrap-component .component-contents.type-video .visual-area .video video, 
.wrap-component .component-contents.type-video .visual-area .video iframe {width: 100%; background: #000;}
.wrap-component .component-contents.type-video .visual-area.dimm > .video:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .4);}
.wrap-component .component-contents.type-video .visual-area.rounded.dimm > .video:after {border-radius: 20px;}
.wrap-component .component-contents.type-video .box-video-btns {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, 0); margin-top: -45px; text-align: center; font-size: 16px; color: #fff;}
.wrap-component .component-contents.type-video .visual-head {margin: 10px 0; font-size: 19px; font-weight: bold; line-height: 1.1;}
.wrap-component .component-contents.type-video .visual-sub {font-size: 14px; line-height: 1.2;}
.wrap-component .component-contents.type-video .box-video-btns .btn-video-play {display: inline-block; width: 118px; height: 118px; border-radius: 100%; opacity: 1; cursor: pointer; background: url(/sec/static/_images/common/icon-play-line-wht.svg) no-repeat; background-size: 118px auto; transition: .5s all;}
.wrap-component .component-contents.type-video .box-video-btns .btn-video-play:hover {opacity: 1; transition: .5s all;}
.wrap-component .component-contents.type-video .box-video-btns .btn-video-play.btn-type-blk {background-image: url(/sec/static/_images/common/icon-play-line-blk.svg);}
.wrap-component .component-contents.type-video .box-video-btns .btn-video-play.btn-type-blk ~ p {color: #000;}

.popup-comp-player {max-width: 1440px; padding: 0; border-radius: 0; background: transparent;}
.popup-comp-player .popup-component-contents .component-content .video {position: relative; width: 100%; max-height: 75.8vh;}
.popup-comp-player .popup-component-contents .component-content .video .video-js, 
.popup-comp-player .popup-component-contents .component-content .video video, 
.popup-comp-player .popup-component-contents .component-content .video iframe {position: relative; width: 100%; height: auto; max-height: 75.8vh; background: #000;}
.popup-comp-player .popup-component-contents .component-content .video.ifrm iframe {height: 75.8vh;}

.popup-comp-player.embed {max-width: 100%;}
.popup-comp-player.embed {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20 !important; transform: none;}
.popup-comp-player.embed .popup-component-contents {position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-height: none;}
.popup-comp-player.embed .popup-component-contents .component-content {height: 100%;}
.popup-comp-player.embed .popup-component-contents .component-content .video {height: 100%; max-height: 100%;}
.popup-comp-player.embed .popup-component-contents .component-content .video .video-js, 
.popup-comp-player.embed .popup-component-contents .component-content .video video, 
.popup-comp-player.embed .popup-component-contents .component-content .video iframe {height: 100%; max-height: 100%;}
.popup-comp-player.embed .popup-component-contents .component-content .video.ifrm iframe {height: 100%;}
.popup-comp-player.embed .popup-component-contents .component-head .pop-close {top: 10px; right: 10px; bottom: auto; left: auto; z-index: 100; width: 36px; height: 36px; border: none; border-radius: 0; transform: none; background: url('/sec/static/_images/common/icon-close-wht.svg') no-repeat center center; background-size: 20px auto;}
.popup-comp-player.embed .popup-component-contents .component-content .video-js .vjs-control-bar {position: absolute; z-index: 2; bottom: 0;}

.popup-comp-player .popup-component-contents .component-content .thumb {position: absolute; z-index: 3; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; background-color: #000;}
.popup-comp-player .popup-component-contents .component-content .thumb img {position: absolute; z-index: 1; left: 50%; top: 50%; max-width: none; width: auto; height: 75.8vh; transform: translate(-50%, -50%);}
.popup-comp-player .popup-component-contents .component-content .thumb::before {content: ''; position: absolute; z-index: 2; left: 50%; top: 50%; width: 123px; height: 123px; background: url(/sec/static/_images/common/icon-play-line-wht.svg) no-repeat 0 0 / 100% auto; transform: translate(-50%, -50%); opacity: 0; transition: opacity .3s ease-in-out;}
.popup-comp-player .popup-component-contents .component-content .thumb.ready {cursor: pointer;}
.popup-comp-player .popup-component-contents .component-content .thumb.ready::before {opacity: 1;}

/* common slider */
.wrap-component .slick-slider.ind-dot .slick-dots {display: inline-block; position: relative; left: 50%; transform: translateX(-50%); text-align: center; vertical-align: bottom;}
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots {display: inline-block; text-align: center; vertical-align: bottom;}
.wrap-component .slick-slider.ind-dot .slick-dots li, 
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li {display: inline-block; font-size: 0; vertical-align: top;}
.wrap-component .slick-slider.ind-dot .slick-dots li ~ li, 
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li, /*230810*/
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li ~ li {margin-left: 4px;}
.wrap-component .slick-slider.ind-dot .slick-dots li button, 
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button {display: inline-block; position: relative; width: 16px; height: 16px; color: transparent; background: transparent;}
.wrap-component .slick-slider.ind-dot .slick-dots li button span, 
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button span {font-size: 0;}
.wrap-component .slick-slider.ind-dot .slick-dots li button:after, 
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button:after {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%); border-radius: 100%; background-color: #8f8f8f;}
.wrap-component .slick-slider.ind-dot .slick-dots li.slick-active button:after, 
.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #000;}

.wrap-component .control-blk .slick-slider.ind-dot .slick-dots li.slick-active button:after, 
.wrap-component .control-blk .slick-slider.ind-dot ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #000;}
.wrap-component .control-wht .slick-slider.ind-dot .slick-dots li.slick-active button:after, 
.wrap-component .control-wht .slick-slider.ind-dot ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #fff;}

/* 230810 ind-dot-typeUK 추가*/
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .wrap-controls{ margin-right: 0; position: relative;}
.wrap-component .control-blk .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots{background: rgba(255,255,255,0.75); border: 1px solid rgba(0,0,0,0.15);}
.wrap-component .control-wht .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots{background: rgba(0,0,0,0.75); border: 1px solid rgba(255,255,255,0.15);}
.wrap-component .control-blk .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #000;}
.wrap-component .control-wht .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #fff;}
.wrap-component .slick-slider.ind-dot-typeUK ul.slick-dots,
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots {padding: 3px 28px 3px 7px; border-radius: 12px; display: inline-block; text-align: center; vertical-align: bottom;}
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slide-btn {width: 16px; height: 16px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li, 
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li {display: inline-block; font-size: 0; vertical-align: top;}
/* .wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li, */
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li ~ li, 
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li ~ li {margin-left: 4px;}
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li button, 
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button {display: inline-block; position: relative; width: 16px; height: 16px; color: transparent; background: transparent;}
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li button span, 
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button span {font-size: 0;}
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li button:after, 
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button:after {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%); border-radius: 100%; background-color: #8f8f8f;}
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li.slick-active button:after, 
.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #000;}
.wrap-component .slick-slider.ind-dot-typeUK + .slider-controls .wrap-controls {direction: ltr;}
.wrap-component .slick-slider.ind-dot-typeUK .slick-dots, .wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots{direction: rtl;}
/* 230830 : 홈메인 모바일 KV 기능 수정 Phase 2 */
@media (max-width:320px) {
	.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slide-btn,
	.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button {width:14px; height:14px;}
	.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li button:after,
	.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button:after {width:50%; height:50%;}
	.wrap-component .slick-slider.ind-dot-typeUK ul.slick-dots, .wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots {padding:2.75px 27px 2.55px 7px; font-size:0; line-height:normal; /* height:19px;*/}
}
@media (max-width:280px) {
	.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slide-btn,
	.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button {width:12.5px; height:12.5px;}
	.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li button:after,
	.wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button:after {width:50%; height:50%;}
	.wrap-component .slick-slider.ind-dot-typeUK ul.slick-dots, .wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots {padding:2px 24px 2.15px 5px; font-size:0; line-height:normal; /* height:19px;*/}
	.wrap-component .slick-slider.ind-dot-typeUK .slick-dots li ~ li, .wrap-component .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li ~ li {margin-left:2.5px;}
}

/* //230810 ind-dot-typeUK 추가*/

.wrap-component .slider-controls {font-size: 0; text-align: center;}
.wrap-component .slider-controls.hide {display: none;}
.wrap-component .slider-controls .wrap-controls {display: inline-block; font-size: 0; margin-right: 8px; vertical-align: middle;}
.wrap-component .slider-controls .wrap-controls {direction: rtl;} /* 230810*/
.wrap-component .slick-slider.ind-line .slick-dots, .wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots{direction: ltr;} /* 230810 */
.wrap-component .slick-slider.ind-dot .slick-dots, .wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots{direction: ltr;} /* 230810 */

.wrap-component .slick-slider.ind-in ~ .slider-controls {position: absolute; right: 0; left: 0; z-index: 5; bottom: 108px;}
.wrap-component .slick-slider.ind-out ~ .slider-controls {margin-top: 48px;}
.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 48px;}
.wrap-component .slider-controls .slide-btn {position: relative; width: 16px; height: 16px; vertical-align: bottom; z-index: 5;}
.wrap-component .slider-controls .slide-btn { margin-left: 10px;}/* 230810 */
.wrap-component .slider-controls .slick-dots button span {color: #fff;}
.wrap-component .slider-controls .slick-dots li.slick-active button:after {background: rgba(255,255,255,.8);}
.wrap-component .slider-controls .slide-btn.slide-play {display: none; /*background: url(/sec/static/_images/common/icon-slick-play-sml-wht.svg) 50% 50% no-repeat;*/} /*210728 ie 오류*/
.wrap-component .slider-controls.paused .slide-btn.slide-play {display: inline-block;}
.wrap-component .slider-controls.paused .slide-btn.slide-pause {display: none;}

.wrap-component .ind-out ~ .slider-controls .slick-dots button span, 
.wrap-component .control-blk .slider-controls .slick-dots button span {color: #000;}
.wrap-component .control-blk .slider-controls .slick-dots li.slick-active button:after, 
.wrap-component.control-blk .slider-controls .slick-dots li.slick-active button:after {background: #000;}
.wrap-component .control-blk .slider-controls .slide-btn.slide-play, 
.wrap-component.control-blk .slider-controls .slide-btn.slide-play {background: url(/sec/static/_images/common/icon-slick-play-sml.svg) 50% 50% no-repeat;}
.wrap-component .control-blk .slider-controls .slide-btn.slide-pause, 
.wrap-component.control-blk .slider-controls .slide-btn.slide-pause {background: url(/sec/static/_images/common/icon-slick-pause-sml.svg) 50% 50% no-repeat;}

.wrap-component .control-wht .slider-controls .slick-dots button span {color: #fff;}
.wrap-component .control-wht .slider-controls .slick-dots li.slick-active button:after, 
.wrap-component.control-wht .slider-controls .slick-dots li.slick-active button:after {background: #fff;}
.wrap-component .control-wht .slider-controls .slide-btn.slide-play, 
.wrap-component.control-wht .slider-controls .slide-btn.slide-play {background: url(/sec/static/_images/common/icon-slick-play-sml-wht.svg) 50% 50% no-repeat;}
.wrap-component .control-wht .slider-controls .slide-btn.slide-pause, 
.wrap-component.control-wht .slider-controls .slide-btn.slide-pause {background: url(/sec/static/_images/common/icon-slick-pause-sml-wht.svg) 50% 50% no-repeat;}

.wrap-component .slick-slider.ind-line .slick-dots, 
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots {display: inline-block; padding: 0 0 6px; text-align: center; vertical-align: bottom;}
.wrap-component .slick-slider.ind-line .slick-dots li, 
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li {position: relative; display: inline-block; width: 114px; margin: 0 8px; font-size: 0; vertical-align: bottom;}
.wrap-component .slick-slider.ind-line .slick-dots li button, 
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button {position: relative; width: 100%; padding: 0 0 8px; font-weight: bold; color: #000; background: transparent;}
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button span {font-size: 0;}
.wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button span {font-size: 14px; color: #fff;}
.wrap-component .slick-slider.ind-out ~ .slider-controls .wrap-controls .slick-dots li button span, 
.wrap-component .control-blk .slider-controls .wrap-controls.type-title .slick-dots li button span {color: #000 !important;}

.wrap-component .slick-slider.ind-line .slick-dots li button:before, 
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: rgba(0,0,0,.3);}
.wrap-component .control-wht .slick-slider.ind-line .slick-dots li button:before, 
.wrap-component .control-wht .slick-slider.ind-line ~ .slider-controls .slick-dots li button:before, 
.wrap-component.control-wht .slick-slider.ind-line .slick-dots li button:before, 
.wrap-component.control-wht .slick-slider.ind-line ~ .slider-controls .slick-dots li button:before {background-color: rgba(255,255,255,.4);}
.wrap-component .slick-slider.ind-line .slick-dots li button:hover:before, 
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button:hover:before {background-color: rgba(0,0,0,.5);}
.wrap-component .control-wht .slick-slider.ind-line .slick-dots li button:hover:before, 
.wrap-component .control-wht .slick-slider.ind-line ~ .slider-controls .slick-dots li button:hover:before {background-color: rgba(255,255,255,.4);}
.wrap-component .slick-slider.ind-line .slick-dots li.slick-active button:after, 
.wrap-component .slick-slider.ind-line ~ .slider-controls.ready .slick-dots li.slick-active button:after {content: ''; position: absolute; bottom: 0; left: 0; height: 2px; animation-name: slider-progress;}
.wrap-component .slick-slider.ind-line .slick-dots li button span, 
/* .wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button span {display: -webkit-box; padding-top: 1px; max-height: 28px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}22-07-15 KDP-14977 */
.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button span {display: -webkit-box; padding-top: 1px; max-height: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}/* 231101 KDP-41172 */

.wrap-component .slick-slider.ind-line.s3000 ~ .slider-controls .slick-dots li button:after {animation-duration: 3.5s;}
.wrap-component .slick-slider.ind-line.s4000 ~ .slider-controls .slick-dots li button:after {animation-duration: 4.5s;}
.wrap-component .slick-slider.ind-line.s5000 ~ .slider-controls .slick-dots li button:after {animation-duration: 5.5s;}
@keyframes slider-progress {
	from { width: 0; }
	to { width: 100%; }
}
.wrap-component .slider-controls.paused .slick-dots li.slick-active button:after {animation-play-state: paused;}
.wrap-component .slider-tab-title {padding: 0 24px; text-align: center;}
.wrap-component .slider-tab-title .swiper-wrapper {justify-content: center;}
.wrap-component .slider-tab-title .title {display: inline-block; max-width: 20%;/* 211025 KDP-7044 */ width: auto; padding: 0 20px;/* 22-06-16 KDP-13663 */}
.wrap-component .slider-tab-title .title button {display: inline-block; position: relative; line-height: 1.33em; padding: 0 1px 2px 1px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 16px;/* 22-06-16 KDP-13663 */ color: #363636; letter-spacing: -.07em; background: transparent;}
.wrap-component .slider-tab-title .title button:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: transparent;}
.wrap-component .slider-tab-title .title.swiper-slide-thumb-active button {font-weight: bold; color: #000;}
.wrap-component .slider-tab-title .title.swiper-slide-thumb-active button:before {background-color: #000;}

.wrap-component .slick-slider .slick-arrow {position: absolute; top: 50%; z-index: 2; transform: translateY(-50%); background-color: transparent;}
.wrap-component .slick-slider .slick-arrow:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.wrap-component .slick-slider .slick-arrow.slick-disabled {opacity: .2;}
.wrap-component .slick-slider .slick-arrow.slick-prev {left: 60px;}
.wrap-component .slick-slider .slick-arrow.slick-next {right: 60px;}
.wrap-component.w1440px .slick-slider .slick-arrow.slick-prev {left: 40px;}
.wrap-component.w1440px .slick-slider .slick-arrow.slick-next {right: 40px;}
.wrap-component.w1024px .slick-slider .slick-arrow.slick-prev {left: 20px;}
.wrap-component.w1024px .slick-slider .slick-arrow.slick-next {right: 20px;}
.wrap-component.mode-center .slick-slider .slick-arrow.slick-prev {left: 22px;}
.wrap-component.mode-center .slick-slider .slick-arrow.slick-next {right: 22px;}

.wrap-component .slick-slider.arr-circle .slick-arrow {width: 56px; height: 56px; font-size: 1px; color: transparent; border-radius: 100%; background: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,.16);}
.wrap-component .slick-slider.arr-circle .slick-arrow:after {background: url(/sec/static/_images/common/icon-slick-circle.svg) no-repeat 55% 50%;}
.wrap-component .slick-slider.arr-circle .slick-arrow.slick-prev:after {transform: rotate(180deg);}

.wrap-component .control-blk .slick-slider.arr-circle .slick-arrow {background: #000;}
.wrap-component .control-blk .slick-slider.arr-circle .slick-arrow:after {background-image: url(/sec/static/_images/common/icon-slick-circle-wht.svg);}

.wrap-component .slick-slider.arr-line .slick-arrow {width: 22px; height: 40px; font-size: 1px; color: transparent;}
.wrap-component .slick-slider.arr-line .slick-arrow:after {width: 100%; height: 100%;}
.wrap-component.control-blk .slick-slider.arr-line .slick-arrow.slick-prev:after, 
.wrap-component .control-blk .slick-slider.arr-line .slick-arrow.slick-prev:after {background: url(/sec/static/_images/common/icon-slick-prev-compo.svg) 50% 50% no-repeat;}
.wrap-component.control-blk .slick-slider.arr-line .slick-arrow.slick-next:after, 
.wrap-component .control-blk .slick-slider.arr-line .slick-arrow.slick-next:after {background: url(/sec/static/_images/common/icon-slick-next-compo.svg) 50% 50% no-repeat;}
.wrap-component .slick-slider.arr-line .slick-arrow.slick-prev:after {background: url(/sec/static/_images/common/icon-slick-prev-compo-wht.svg) 50% 50% no-repeat;}
.wrap-component .slick-slider.arr-line .slick-arrow.slick-next:after {background: url(/sec/static/_images/common/icon-slick-next-compo-wht.svg) 50% 50% no-repeat;}
.wrap-component .slick-slider.arr-box .slick-arrow {width: 44px; height: 120px; font-size: 1px; color: transparent; background-color: rgba(0, 0, 0, .6);}
.wrap-component .slick-slider.arr-box .slick-arrow:not(.slick-disabled):hover, 
.wrap-component .slick-slider.arr-box .slick-arrow:not(.slick-disabled):active {background-color: rgba(0, 0, 0, 1);}
.wrap-component .slick-slider.arr-box .slick-arrow:not(.slick-disabled):hover:after, 
.wrap-component .slick-slider.arr-box .slick-arrow:not(.slick-disabled):active:after {opacity: 1 !important;}
.wrap-component .slick-slider.arr-box .slick-arrow.slick-prev {left: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.wrap-component .slick-slider.arr-box .slick-arrow.slick-next {right: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.wrap-component .slick-slider.arr-box .slick-arrow.slick-prev:after {width: 44px; height: 120px; background: url(/sec/static/_images/common/icon-slick-prev-wht-lrg.svg) 50% 50% no-repeat; background-size: 44px auto;}
.wrap-component .slick-slider.arr-box .slick-arrow.slick-next:after {width: 44px; height: 120px; background: url(/sec/static/_images/common/icon-slick-next-wht-lrg.svg) 50% 50% no-repeat; background-size: 44px auto;}

.wrap-component .arrow-wht .slick-slider.arr-circle .slick-arrow {background: #fff;}
.wrap-component .arrow-wht .slick-slider.arr-circle .slick-arrow:after {background-image: url(/sec/static/_images/common/icon-slick-circle.svg);}
.wrap-component .arrow-blk .slick-slider.arr-circle .slick-arrow {background: #000;}
.wrap-component .arrow-blk .slick-slider.arr-circle .slick-arrow:after {background-image: url(/sec/static/_images/common/icon-slick-circle-wht.svg);}

.wrap-component .arrow-wht .slick-slider.arr-line .slick-arrow.slick-prev:after {background-image: url(/sec/static/_images/common/icon-slick-prev-compo-wht.svg);}
.wrap-component .arrow-wht .slick-slider.arr-line .slick-arrow.slick-next:after {background-image: url(/sec/static/_images/common/icon-slick-next-compo-wht.svg);}
.wrap-component .arrow-blk .slick-slider.arr-line .slick-arrow.slick-prev:after {background-image: url(/sec/static/_images/common/icon-slick-prev-compo.svg);}
.wrap-component .arrow-blk .slick-slider.arr-line .slick-arrow.slick-next:after {background-image: url(/sec/static/_images/common/icon-slick-next-compo.svg);}

/* Component 01 - Feature Benefit */
.feature-benefit .component-contents {display: flex;}
.feature-benefit .component-contents .component-text {flex: 1; padding: 0 80px;}
.feature-benefit .component-contents .component-text .component-text-inner {margin: 60px 0 10px;}
.feature-benefit .component-contents[class*='txt-top-'] .component-text .component-text-inner, 
.feature-benefit .component-contents[class*='txt-mid-'] .component-text .component-text-inner, 
.feature-benefit .component-contents[class*='txt-btm-'] .component-text .component-text-inner {width: 100%;}
.feature-benefit .component-contents.txt-top-right .component-text .component-text-inner, 
.feature-benefit .component-contents.txt-mid-right .component-text .component-text-inner, 
.feature-benefit .component-contents.txt-btm-right .component-text .component-text-inner {width: 100%; text-align: right;}
.feature-benefit .component-contents .visual-area {flex: 1; font-size: 0;}
.feature-benefit .component-contents .visual-area:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.feature-benefit .component-contents .visual-area img {width: 100%; vertical-align: middle;}
.feature-benefit .component-contents.type-video {position: relative;}
.feature-benefit .component-contents.type-video .visual-area .video {display: inline-block; position: relative; width: 100%; vertical-align: middle;}
.feature-benefit.img-left-5to5 .component-contents .visual-area, 
.feature-benefit.img-left-5to5 .component-contents .component-text {flex-basis: 50%; max-width: 50%;}
.feature-benefit.img-left-6to4 .component-contents .visual-area {flex-basis: 60%; max-width: 60%;}
.feature-benefit.img-left-6to4 .component-contents .component-text {flex-basis: 40%; max-width: 40%;}
.feature-benefit.img-left-7to3 .component-contents .visual-area {flex-basis: 70%; max-width: 70%;}
.feature-benefit.img-left-7to3 .component-contents .component-text {flex-basis: 30%; max-width: 30%;}
.feature-benefit[class*='img-left-'] .component-contents {flex-direction: row-reverse;}
.feature-benefit[class*='img-right-'] .component-contents .visual-area {text-align: right;}
.feature-benefit.img-right-5to5 .component-contents .visual-area, 
.feature-benefit.img-right-5to5 .component-contents .component-text {flex-basis: 50%; max-width: 50%;}
.feature-benefit.img-right-6to4 .component-contents .visual-area {flex-basis: 60%; max-width: 60%;}
.feature-benefit.img-right-6to4 .component-contents .component-text {flex-basis: 40%; max-width: 40%;}
.feature-benefit.img-right-7to3 .component-contents .visual-area {flex-basis: 70%; max-width: 70%;}
.feature-benefit.img-right-7to3 .component-contents .component-text {flex-basis: 30%; max-width: 30%;}
.feature-benefit.img-bottom .component-contents {display: block;}
.feature-benefit.img-bottom .component-contents .visual-area .box-disc {display: block; padding-top: 20px;}
.feature-benefit.img-bottom .component-contents .component-text {padding-bottom: 50px;}
.feature-benefit.img-bottom .component-contents .component-text .box-disc {display: none;}
.feature-benefit.img-bottom .component-contents .component-text.txt-top-right, 
.feature-benefit.img-bottom .component-contents .component-text.txt-mid-right, 
.feature-benefit.img-bottom .component-contents .component-text.txt-btm-right {text-align: right;}
.feature-benefit.img-bottom .component-contents.txt-left .component-text, 
.feature-benefit.img-bottom .component-contents.txt-left .visual-area .box-disc {text-align: left;}
.feature-benefit.img-bottom .component-contents.txt-right .component-text, 
.feature-benefit.img-bottom .component-contents.txt-right .visual-area .box-disc {text-align: right;}
.feature-benefit .box-btns > ul {margin: -0.521vw 0;}
.feature-benefit .box-btns > ul > li {height: 2.083vw; margin: 0.521vw -0.417vw;}
.feature-benefit .box-btns > ul > li button {margin: 0 0.521vw;}
.feature-benefit .btn-underline {line-height: 1.42; margin: 0 0.260vw; font-size: 0.729vw;}
.feature-benefit .btn-round {min-width: 5vw; height: 2.083vw; margin: 0 0.260vw; line-height: 2.71; padding: 0 1.250vw; font-size: 0.729vw; border-radius: 1.042vw;}

.feature-benefit .component-contents.type-video .visual-area .video.nonImg {padding-top: 0;}
.feature-benefit .component-contents.type-video .visual-area .video.nonImg .video-js {position: relative;}
.feature-benefit .component-contents.type-video .visual-area .video.nonImg .video-js > video,
.feature-benefit .component-contents.type-video .visual-area .video.nonImg > video {position: relative; display: block;}
.feature-benefit .component-contents.type-video .visual-area .video.nonImg > video {z-index: auto;}
.feature-benefit .component-contents.type-video .visual-area .video.nonImg.ifrm {padding-top: 56.23%;}
.feature-benefit .component-contents.type-video .visual-area .video.nonImg.ifrm > iframe {position: absolute;}

/* Component 02 - Feature full-bleed */
.feature-full-bleed .component-contents {position: relative;}
.feature-full-bleed .component-contents .component-text {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.feature-full-bleed .component-contents .component-text .box-title .title {line-height: 1.2;}
.feature-full-bleed .component-contents .component-text .component-text-inner {display: inline-block; padding: 80px 80px 80px 160px;}
.feature-full-bleed .component-contents[class*='txt-btm-'] .component-text .component-text-inner {padding: 50px 80px;}
.feature-full-bleed .component-contents.txt-top-right .component-text .component-text-inner, 
.feature-full-bleed .component-contents.txt-mid-right .component-text .component-text-inner, 
.feature-full-bleed .component-contents.txt-btm-right .component-text .component-text-inner {text-align: left;}
.feature-full-bleed .component-contents.type-video .visual-area .video.nonImg {padding-top: 0;}
.feature-full-bleed .component-contents.type-video .visual-area .video.nonImg > video {position: relative; display: block; height: auto; z-index: auto;}
.feature-full-bleed .box-btns > ul {margin: -0.521vw 0;}
.feature-full-bleed .box-btns > ul > li {height: 2.083vw; margin: 0.521vw -0.417vw;}
.feature-full-bleed .box-btns > ul > li button {margin: 0 0.521vw;}
.feature-full-bleed .btn-underline {line-height: 1.42; margin: 0 0.260vw; font-size: 0.729vw;}
.feature-full-bleed .btn-round {min-width: 5vw; height: 2.083vw; margin: 0 0.260vw; line-height: 2.71; padding: 0 1.250vw; font-size: 0.729vw; border-radius: 1.042vw;}
.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area {display: none;}
.feature-full-bleed .component-contents .visual-area .video.nonImg.youtube {padding-top: 56.25%;}
.feature-full-bleed .component-contents .visual-area .video.nonImg.youtube iframe {z-index: 0;}
.feature-full-bleed .component-contents .visual-area .video.nonImg.brightcove .video-js,
.feature-full-bleed .component-contents .visual-area .video.nonImg.brightcove .video-js video {position: relative; display: block; height: auto; z-index: auto;}

/* Component 03 - Carousel Container */
.carousel-container .component-contents .slider-carousel-visual .visual {position: relative;}
.carousel-container .component-contents .slider-carousel-visual .visual img {max-width: 100%;}
.carousel-container .component-contents .slider-carousel-visual .visual-area .video {display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 15;}
.carousel-container .component-contents .slider-carousel-visual .visual-area.auto .video, 
.carousel-container .component-contents .slider-carousel-visual .visual-area.show .video {display: block;}
.carousel-container .component-contents .component-text {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: inherit;}
.carousel-container .component-contents .component-text .component-text-inner {position: relative; z-index: 2; display: inline-block; padding:0 }
.carousel-container .component-contents .slider-carousel-visual.rounded .visual {overflow: hidden; border-radius: 20px;}
.carousel-container.mode-center.w1920px, 
.carousel-container.mode-center.w1680px, 
.carousel-container.mode-center.w1440px, 
.carousel-container.mode-center.w1024px {max-width: inherit;}
.carousel-container.mode-center.w1920px .component-contents .slider-carousel-visual {max-width: 1920px; margin: 0 auto;}
.carousel-container.mode-center.w1680px .component-contents .slider-carousel-visual {max-width: 1600px; margin: 0 auto;}
.carousel-container.mode-center.w1440px .component-contents .slider-carousel-visual {max-width: 1440px; margin: 0 auto;}
.carousel-container.mode-center.w1024px .component-contents .slider-carousel-visual {max-width: 1024px; margin: 0 auto;}
.carousel-container.mode-center .component-contents .slider-carousel-visual {margin: 0 -24px;}
.carousel-container.mode-center .component-contents .slider-carousel-visual .slick-list {overflow: visible;}
.carousel-container.mode-center .component-contents .slider-carousel-visual .visual {margin: 0 24px;}
.carousel-container .component-contents.type-video .visual-area.dimm:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .4);}
.carousel-container .component-contents.type-video .slider-carousel-visual.rounded .visual-area.dimm:after {border-radius: 20px;}
.carousel-container .component-contents .visual .component-text .box-title .desc {font-family: 'SamsungOneKorean', '돋움', sans-serif; letter-spacing: -.03em;}
.carousel-container .component-contents .component-text.txt-top-left,
.carousel-container .component-contents .component-text.txt-top-right,
.carousel-container .component-contents .component-text.txt-top-center,
.carousel-container .component-contents .component-text.txt-btm-left,
.carousel-container .component-contents .component-text.txt-btm-right,
.carousel-container .component-contents .component-text.txt-btm-center {top: 60px; bottom: 60px;}

/* KDP-6092 2021-09-15 vw px 변환 */
.carousel-container .box-btns > ul {margin: -10px 0;}
/* .carousel-container .box-btns > ul > li {height: 40px; margin: 10px -8px;} *//*230703*/
.carousel-container .box-btns > ul > li {height: 40px; margin: 10px 0;}
.carousel-container .box-btns > ul > li button {margin: 0 10px;}
.carousel-container .btn-underline {line-height: 1.42; margin: 0 5px; font-size: 14px;}
.carousel-container .btn-round {min-width: 96px; height: 40px; margin: 0 5px; line-height: 2.71; padding: 0 24px; font-size: 14px; border-radius: 20px;}

.carousel-container .component-contents.layout-divide .visual-area.vdoDim .video video {height: auto;}
/* 210729 countdown */
.box-countdown >ul {display:flex;margin:20px 0 14px 4px}/* 22-02-09 unpac */
.txt-top-center .box-countdown >ul,
.txt-mid-center .box-countdown >ul,
.txt-btm-center .box-countdown >ul{justify-content:center}/* 211206 */
.box-countdown >ul >li,
.box-countdown .num{font-size:52px;font-weight:600;font-family: 'Samsung Sharp Sans', sans-serif;letter-spacing:-1px}
.box-countdown .num{display:inline-block;margin-left:-4px;text-align:center}
.box-countdown >ul >li +li::before{content:":";display:inline-block;margin-left:10px;vertical-align: top}
.box-countdown .num span{display:block;width:58px;margin-top:5px;font-size:16px;font-weight:400;text-align:center;}
.control-wht .box-countdown{color:#fff}
.component-contents .box-countdown >ul >li,
.component-contents .box-countdown .num{color:inherit}

/* KDP-6092 2021-09-15 vw px 변환 */
@media screen and (max-width:1920px){
	.carousel-container .box-btns > ul {margin: -0.521vw 0;}
	/* .carousel-container .box-btns > ul > li {height: 2.083vw; margin: 0.521vw -0.417vw;} *//*230703 */
	.carousel-container .box-btns > ul > li {height: 2.083vw; margin: 0.521vw 0;}
	.carousel-container .box-btns > ul > li button {margin: 0 0.521vw;}
	.carousel-container .btn-underline {line-height: 1.42; margin: 0 0.260vw; font-size: 0.729vw;}
	.carousel-container .btn-round {min-width: 5vw; height: 2.083vw; margin: 0 0.260vw; padding: 0 1.250vw; font-size: 0.729vw; border-radius: 1.042vw;}
}
@media screen and (min-width:1101px) and (max-width:1440px){
	.wrap-component.w1440px .component-contents.type-video .slick-slider { height: 500px; }
	.box-countdown >ul{margin:2.4306vw 0 2.4306vw 0.2778vw}
	.box-countdown >ul >li,
	.box-countdown .num{font-size:3.6111vw}
	.box-countdown .num{margin-left:-0.2778vw}
	.box-countdown >ul >li +li::before{margin-left:0.5417vw}
	.box-countdown .num span{width:4.0278vw;font-size:1.1111vw}
}
@media screen and (min-width:801px) and (max-width:1100px){ /* 210923 */
	.wrap-component.w1440px .component-contents.type-video .slick-slider { height: 400px; }
	.box-countdown >ul{margin:1.9818vw 0 0.9818vw 0}/* 22-02-09 unpac */
	.box-countdown >ul >li,
	.box-countdown .num{font-size:3.1111vw}
	.box-countdown .num{margin-left:-0.3636vw}
	.box-countdown >ul >li +li::before{margin-left:0.5091vw}
	.box-countdown .num span{width:4.3727vw;margin-top:2px;font-size:1.1545vw}
}
@media screen and (min-width:541px) and (max-width:800px){
	.wrap-component.w1440px .component-contents.type-video .slick-slider { height: 300px; }
	/* 211206 */
	.txt-top-center .box-countdown >ul,
	.txt-mid-center .box-countdown >ul,
	.txt-btm-center .box-countdown >ul{justify-content:baseline}
	.txtm-top-center .box-countdown >ul,
	.txtm-middle-center .box-countdown >ul,
	.txtm-bottom-center .box-countdown >ul{justify-content:center}
	.txtm-top-right .box-countdown >ul,
	.txtm-middle-right .box-countdown >ul,
	.txtm-bottom-right .box-countdown >ul{justify-content:right}
	.box-countdown >ul{margin:3.1818vw 0 3.1818vw 0.5000vw}/* 210928 */
	.box-countdown >ul >li,
	.box-countdown .num{font-size:6.5000vw}
	.box-countdown .num{margin-left:-0.5000vw}
	.box-countdown >ul >li +li::before{margin-left:1.2500vw}
	.box-countdown .num span{width:7.2500vw;font-size:1.4545vw}
}
@media screen and (max-width:540px){
	.wrap-component.w1440px .component-contents.type-video .slick-slider { height: 70vh; }
	/* 211206 */
	.txt-top-center .box-countdown >ul,
	.txt-mid-center .box-countdown >ul,
	.txt-btm-center .box-countdown >ul{justify-content:baseline}
	.txtm-top-center .box-countdown >ul,
	.txtm-middle-center .box-countdown >ul,
	.txtm-bottom-center .box-countdown >ul{justify-content:center}
	.txtm-top-right .box-countdown >ul,
	.txtm-middle-right .box-countdown >ul,
	.txtm-bottom-right .box-countdown >ul{justify-content:right}dk
	.box-countdown >ul{margin:7.4074vw 0}
	.box-countdown >ul >li,
	.box-countdown .num{font-size:9vw; margin-left:0;letter-spacing:-0.1852vw}
	.box-countdown >ul >li +li::before{margin-left:1.8519vw}
	.box-countdown .num span{width:10.7407vw;margin-top:5px;font-size:2.5926vw}
}
/* Component 04 - Feature Benefit Bundle */
.feature-benefit-bundle .component-contents .component-text {text-align: center;}
.feature-benefit-bundle .component-text .box-title {margin-bottom: 60px;}
.feature-benefit-bundle .component-text .box-title > *:last-child {padding: 0;}
.feature-benefit-bundle .component-contents .visual-area {padding: 60px 0;}
.feature-benefit-bundle.line .component-contents .visual-area {border-top: 1px solid #d9d9d9; border-radius: 0;}
.feature-benefit-bundle .component-contents .visual-area .box-disc {display: block; width: 100%; margin-bottom: -20px; padding: 60px 60px 0;}
.feature-benefit-bundle .component-contents .visual-area .slider-area {display: flex;}
.feature-benefit-bundle .component-contents .visual-area .slider-benefit-list {flex: 1; padding-right: 80px; padding-left: 70px;}
.feature-benefit-bundle .component-contents .visual-area .slider-benefit-detail:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.feature-benefit-bundle .component-contents .visual-area .slider-benefit-detail .slick-list {display: inline-block; width: 100%; vertical-align: middle;}
.feature-benefit-bundle.img-right-5to5 .component-contents .visual-area .slider-benefit-list, 
.feature-benefit-bundle.img-right-5to5 .component-contents .visual-area .slider-benefit-detail {flex-basis: 50%; max-width: 50%;}
.feature-benefit-bundle.img-right-6to4 .component-contents .visual-area .slider-benefit-list {flex-basis: 40%; max-width: 40%;}
.feature-benefit-bundle.img-right-6to4 .component-contents .visual-area .slider-benefit-detail {flex-basis: 60%; max-width: 60%;}
.feature-benefit-bundle.img-right-7to3 .component-contents .visual-area .slider-benefit-list {flex-basis: 30%; max-width: 30%;}
.feature-benefit-bundle.img-right-7to3 .component-contents .visual-area .slider-benefit-detail {flex-basis: 70%; max-width: 70%;}
.feature-benefit-bundle[class*='img-left-'] .component-contents .visual-area .slider-area {flex-direction: row;}
.feature-benefit-bundle.img-left-5to5 .component-contents .visual-area .slider-benefit-list, 
.feature-benefit-bundle.img-left-5to5 .component-contents .visual-area .slider-benefit-detail {flex-basis: 50%; max-width: 50%;}
.feature-benefit-bundle.img-left-6to4 .component-contents .visual-area .slider-benefit-list {flex-basis: 40%; max-width: 40%;}
.feature-benefit-bundle.img-left-6to4 .component-contents .visual-area .slider-benefit-detail {flex-basis: 60%; max-width: 60%;}
.feature-benefit-bundle.img-left-7to3 .component-contents .visual-area .slider-benefit-list {flex-basis: 30%; max-width: 30%;}
.feature-benefit-bundle.img-left-7to3 .component-contents .visual-area .slider-benefit-detail {flex-basis: 70%; max-width: 70%;}
.feature-benefit-bundle .visual-area .slider-benefit-list .slick-list {overflow: visible;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle {margin: 32px 0;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle:first-child {margin-top: 0;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle:last-child {margin-bottom: 0;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle a {display: flex;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .ico {flex: 0 0 72px; height: 72px; margin-right: 20px;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .ico img {max-width: 100%;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info {flex: 1 auto;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit {line-height: 1.33em; font-weight: bold; font-size: 22px; color: #000; letter-spacing: -.07em;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .desc {line-height: 1.33em; font-size: 18px; color: #000; letter-spacing: -.07em; word-break: keep-all;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit + .desc {padding-top: 20px;}
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle.slick-current .info .tit, 
.feature-benefit-bundle .visual-area .slider-benefit-list .bundle.slick-current .info .desc {color: #1428a0;}
.feature-benefit-bundle .visual-area.rounded .slider-benefit-detail .detail {overflow: hidden; border-radius: 20px;}

@media all and (max-width:1600px) {
	.feature-benefit-bundle .component-text .box-title {margin-bottom: 3.75vw;}
	.feature-benefit-bundle .component-contents .visual-area {padding-top: 3.75vw;}
	.feature-benefit-bundle .component-contents .visual-area .box-disc {padding: 3.75vw 3.75vw 2.5vw;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-list {padding-right: 5vw; padding-left: 4.375vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle {margin: 2vw 0;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .ico {flex: 0 0 4.5vw; height: 4.5vw; margin-right: 1.25vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit {font-size: 1.375vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .desc {font-size: 1.125vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit + .desc {padding-top: 1.25vw;}
	.feature-benefit-bundle .visual-area.rounded .slider-benefit-detail .detail {border-radius: 1.25vw;}
}
@media all and (max-width:1440px) {
	.feature-benefit-bundle .component-text .box-title {margin-bottom: 4.16667vw;}
	.feature-benefit-bundle .component-contents .visual-area {padding: 4.1667vw 0;}
	.feature-benefit-bundle .component-contents .visual-area .box-disc {margin-bottom: -1.38889vw; padding: 4.1667vw 4.1667vw 0;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-list {padding-right: 5.5556vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle {margin: 2.2222vw 0;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .ico {flex: 0 0 5vw; height: 5vw; margin-right: 1.3889vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit {font-size: 1.5278vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .desc {font-size: 1.25vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit + .desc {padding-top: 1.3889vw;}
	.feature-benefit-bundle .visual-area.rounded .slider-benefit-detail .detail {border-radius: 1.3889vw;}
}
@media all and (max-width:1100px) {
	.feature-benefit-bundle .component-text .box-title {margin-bottom: 5.4545vw;}
	.feature-benefit-bundle .component-contents .visual-area {padding: 5.4545vw 0;}
	.feature-benefit-bundle .component-contents .visual-area .box-disc {margin-bottom: -1.81818vw; padding: 5.4545vw 5.4545vw 0;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-list {padding-right: 7.2727vw; padding-left: 6.364vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle {margin: 2.9091vw 0;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .ico {flex: 0 0 6.5455vw; height: 6.5455vw; margin-right: 1.8182vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit {font-size: 2vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .desc {font-size: 1.6364vw;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit + .desc {padding-top: 1.8182vw;}
	.feature-benefit-bundle .visual-area.rounded .slider-benefit-detail .detail {border-radius: 1.8182vw;}
}
@media all and (max-width:800px) {
	.feature-benefit-bundle .component-text .box-title {margin-bottom: 40px;}
	.feature-benefit-bundle.img-left-5to5 .component-contents .visual-area .slider-benefit-list, 
	.feature-benefit-bundle.img-left-6to4 .component-contents .visual-area .slider-benefit-list, 
	.feature-benefit-bundle.img-left-7to3 .component-contents .visual-area .slider-benefit-list, 
	.feature-benefit-bundle.img-right-5to5 .component-contents .visual-area .slider-benefit-list, 
	.feature-benefit-bundle.img-right-6to4 .component-contents .visual-area .slider-benefit-list, 
	.feature-benefit-bundle.img-right-7to3 .component-contents .visual-area .slider-benefit-list, 
	.feature-benefit-bundle.img-left-5to5 .component-contents .visual-area .slider-benefit-detail, 
	.feature-benefit-bundle.img-left-6to4 .component-contents .visual-area .slider-benefit-detail, 
	.feature-benefit-bundle.img-left-7to3 .component-contents .visual-area .slider-benefit-detail, 
	.feature-benefit-bundle.img-right-5to5 .component-contents .visual-area .slider-benefit-detail, 
	.feature-benefit-bundle.img-right-6to4 .component-contents .visual-area .slider-benefit-detail, 
	.feature-benefit-bundle.img-right-7to3 .component-contents .visual-area .slider-benefit-detail {display: block; max-width: 100% !important;}
	.feature-benefit-bundle .component-contents .visual-area {padding-top: 40px;}
	.feature-benefit-bundle .component-contents .visual-area .slider-area {display: block;}
	.feature-benefit-bundle .component-contents .visual-area .box-disc, 
	.feature-benefit-bundle.m-narrow .component-contents .visual-area .box-disc {padding: 40px 12px 0; text-align: center;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-list {padding: 0; text-align: center;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-detail img {width: 100%;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-detail:after {display: none;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .slick-list {overflow: hidden;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle {margin: 0;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle a {display: block;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .ico {display: inline-block; flex: none; width: 52px; height: 52px; margin-right: 0; margin-bottom: 20px;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info {display: block; padding-bottom: 40px;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit {font-size: 18px;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .desc {font-size: 14px;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle .info .tit + .desc {padding-top: 8px;}
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle.slick-current .info .tit, 
	.feature-benefit-bundle .visual-area .slider-benefit-list .bundle.slick-current .info .desc {color: #000;}
	.feature-benefit-bundle .visual-area.rounded .slider-benefit-detail .detail {border-radius: 20px;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-detail .slick-dots {padding: 20px 0;}
	.feature-benefit-bundle .component-contents .visual-area .slider-benefit-detail.type-preview .detail {padding: 0 6px;}
	.feature-benefit-bundle.m-narrow .visual-area .slider-benefit-detail:not(.type-preview) {padding: 0 12px;}
	.note8_notice > p > a {font-size: unset;}
	.popup-comp-player.embed .popup-component-contents .popup-com-head {z-index: 3;}
	.feature-benefit.img-left-5to5 .component-contents .component-text, 
	.feature-benefit.img-left-6to4 .component-contents .component-text, 
	.feature-benefit.img-left-7to3 .component-contents .component-text, 
	.feature-benefit.img-right-5to5 .component-contents .component-text, 
	.feature-benefit.img-right-6to4 .component-contents .component-text, 
	.feature-benefit.img-right-7to3 .component-contents .component-text {padding-top: 40px;}
	.feature-full-bleed .component-contents.txt-top-right .component-text .component-text-inner, 
	.feature-full-bleed .component-contents.txt-mid-right .component-text .component-text-inner, 
	.feature-full-bleed .component-contents.txt-btm-right .component-text .component-text-inner {text-align: inherit;}
	.feature-benefit .component-contents[class*='-left'] .visual-area {text-align: left;}
	.feature-benefit .component-contents[class*='-center'] .visual-area {text-align: center;}
	.feature-benefit .component-contents[class*='-right'] .visual-area {text-align: right;}
}

/* Component 05 - Primary Selection */
.primary-selection {text-align: center;}
.primary-selection .component-contents .component-text {padding-right: 74px; padding-left: 74px; padding-bottom: 60px;}
.primary-selection .component-contents .component-text .box-btns {padding-bottom: 20px;}
.primary-selection .component-contents .component-text .box-btns > ul > li {height: auto;}
.primary-selection .component-contents .component-text .box-btns .btn-underline {top: auto; transform: none;}
.primary-selection .visual-area {position: relative; padding: 0 24px;}
.primary-selection .visual-area .slider-prd-selection:not(.slick-slider) {display: flex;}
.primary-selection .visual-area .slider-prd-selection:not(.slick-slider) .prd-item {flex-grow: 1; flex-basis: 0;}
.primary-selection .visual-area .slider-prd-selection {position: static; padding: 0 50px;}
.primary-selection .visual-area .slider-prd-selection .slick-list {margin-left: -8px;}
.primary-selection .visual-area .slider-prd-selection .prd-item {position: relative; margin: 0 8px; padding: 30px 25px 40px; background: #fff;}
.primary-selection .visual-area .slider-prd-selection .prd-item .flag {position: absolute; top: 27px; left: 30px; height: 20px; line-height: 20px; padding: 0 11px; font-size: 12px; color: #1428a0; letter-spacing: -.06px; border-radius: 30px; border: 1px solid #1428a0;}
.primary-selection .visual-area .slider-prd-selection .prd-item .prd-img {display: inline-block; max-width: 260px;}
.primary-selection .visual-area .slider-prd-selection .prd-item .prd-img img {width: 100%;}
.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info {min-height: 142px; padding-top: 36px;}
.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .name {line-height: 1.33em; margin-top: 2px; font-weight: bold; font-size: 20px; color: #000;}
.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .desc {padding-top: 14px; line-height: 1.33em; font-size: 14px; color: #000;}
.primary-selection .visual-area .slider-prd-selection .prd-item .box-btns {padding-top: 20px; padding-bottom: 0;}
.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-prev {left: 9px;}
.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-next {right: 9px;}
.primary-selection .visual-area.rounded .slider-prd-selection .prd-item {border-radius: 20px;}

/* Component 06 - Product Selection */
.product-selection {border-top: 1px solid transparent;}
.product-selection, 
.product-selection.w1920px, 
.product-selection.w1680px, 
.product-selection.w1440px, 
.product-selection.w1024px {max-width: none; overflow: hidden;}
.product-selection.w1920px .component-contents {max-width: 1920px;}
.product-selection.w1680px .component-contents {max-width: 1680px;}
.product-selection.w1440px .component-contents {max-width: 1440px;}
.product-selection.w1024px .component-contents {max-width: 1024px;}

.product-selection .component-contents {margin: 0 auto; padding: 0 24px; overflow: visible;}
.product-selection .component-text {margin: 0 0 -100px;}
.product-selection .component-text .box-title .desc {padding-bottom: 60px;}
.product-selection .slick-list {overflow: visible;}
.product-selection .slick-list .slick-list {overflow: hidden;}

.product-selection .visual-area {position: relative; margin: 100px -20px 0;}
.product-selection .visual-area > .slide-nav {position: absolute; top: -100px; right: 20px;}
.product-selection .visual-area > .slide-nav button {width: 22px; height: 40px; margin-left: 60px; font-size: 0;}
.product-selection .visual-area > .slide-nav .btn-prev {background: url('/sec/static/_images/common/icon-slick-prev-compo.svg') no-repeat; background-size: 100% auto;}
.product-selection .visual-area > .slide-nav .btn-next {background: url('/sec/static/_images/common/icon-slick-next-compo.svg') no-repeat; background-size: 100% auto;}
.product-selection .visual-area > .slide-nav .swiper-button-disabled {opacity: .3;}

.product-selection .box-product-card {width: 320px;}
.product-selection .rounded .box-product-card .inner {border-radius: 20px;}

.product-selection .card-images {overflow: hidden; width: 240px; max-height: 240px; margin: 0 auto; padding: 10px; border-radius: 10px; background: #f7f7f7;}
.product-selection .card-images img {width: 100%;}
.product-selection .card-opt .pf-color-sel {padding-top: 12px;}
.product-selection .card-opt .itm-color-list {padding: 0;}
.product-selection .card-opt .itm-color-list li ~ li {margin-left: 1px;}
.product-selection .card-opt .itm-color-list label {height: auto;}
.product-selection .card-opt .itm-color-list .itm-color-object {margin: 4px;}
/*221205:비교하기*/
.product-selection .box-product-card .inner {position: relative; width: 280px; margin: 0 20px; padding: 20px 20px 200px; border: 1px solid #d9d9d9; background: #fff;}
.product-selection .card-filter {margin-top: 13px;}
.product-selection .card-detail {padding-top: 16px; text-align: center;}
.product-selection .card-detail .box-info .info-model {padding-top: 10px; line-height: 1.33; font-size: 12px; color: #000; letter-spacing: 0;}
.product-selection .card-detail .box-info .info-tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 47px; line-height: 1.32; font-weight: bold; font-size: 18px; letter-spacing: -.01em; overflow: hidden;}
.product-selection .card-detail .bott-fix {position: absolute; bottom: 130px; right: 0; left: 0; padding: 0 20px; text-align: left;}
.product-selection .box-btm-btns {position: absolute; bottom: 50px; right: 0; left: 0; margin: 0 20px 20px; text-align: center;}
.product-selection .box-btm-btns .btn-underline, .product-selection .box-btm-btns .btn-round {margin: 0;}
.product-selection .box-compare {font-size: 16px; position: absolute; bottom: 0px; right: 0; left: 0; margin: 0 20px 20px; border-top: 1px solid #D9D9D9; padding-top: 12px;}
.product-selection .box-compare .link-compare-i {float: left; cursor: pointer; position: relative; padding-left: 24px; color: #000; font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: bold;}
.product-selection .box-compare .link-compare-i:before {content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background: url(/sec/static/_images/common/iconPlus-default.svg) no-repeat center; background-size: 100% auto; transform: translateY(-50%);}
.product-selection .box-compare .link-compare-i.disabled{color: #2189FF;}
.product-selection .box-compare .link-compare-i.disabled:before {background: url(/sec/static/_images/common/iconPlus-active.svg) no-repeat center; background-size: contain;}
.product-selection .box-compare .link-review {float: right; position: relative; padding-left: 22px; color: #000; font-size: 14px; line-height: 19px; letter-spacing: 0;}
.product-selection .box-compare .link-review span{font-weight: bold; vertical-align: initial;}
.product-selection .box-compare .link-review:before {content: ''; display: block; clear: both; position: absolute; left: 0; width: 16px; height: 16px; background: url(/sec/static/_images/common/icon-star.svg) no-repeat center; background-size: 100% auto;}
.product-selection .box-compare .compare:after {content: ""; display: block; clear: both;}
/* // 221205:비교하기*/
.product-selection .card-detail .box-info {padding-bottom: 12px;}
.product-selection .card-detail .bott-fix .pic-mem {padding-top: 8px;}
.product-selection .card-detail .bott-fix [class^='pic-'] {overflow: hidden; font-size: 12px; text-align: right;}
.product-selection .card-detail .bott-fix [class^='pic-'] span, 
.product-selection .card-detail .bott-fix [class^='pic-']:not(.pic-ben) em {display: inline-block; font-style: normal; color: #707070; font-size: 12px; line-height: 16px;}
.product-selection .card-detail .bott-fix [class^='pic-'] span {float: left;}
.product-selection .card-detail .bott-fix .pic-ben {padding-top: 6px; color: #000; font-size: 18px; line-height: 23px; font-weight: bold;}
.product-selection .card-detail .bott-fix .pic-ben span {margin-top: 4px; color: #000; font-size: 12px; font-weight: bold;}
.product-selection .card-detail .bott-fix .pic-ben em {font-style: normal; color: #000; font-weight: bold; font-size: 18px;}
.product-selection .card-option .set-opt {display: flex;}
.product-selection .card-option .set-opt ~ .set-opt {margin-top: 16px;}
.product-selection .card-option .set-opt .opt-tit {width: 40%; line-height: 1.33em; font-size: 14px; color: #000; letter-spacing: 0;}
.product-selection .card-option .set-opt .wrap-droplist {width: 60%;}
.product-selection .card-option .set-opt .wrap-droplist .droplist-button {min-height: 18px; padding-right: 26px; font-weight: bold; color: #000; text-align: right; border: none;}
.product-selection .card-option .set-opt .wrap-droplist .droplist-button:before {right: 0;}

@media all and (max-width:1440px) {
	.product-selection .component-contents {padding: 0 1.66667vw;}
	.product-selection .component-text {margin: 0 0 -6.94444vw;}
	.product-selection .component-text .box-title .desc {padding-bottom: 4.16667vw;}
	.product-selection .visual-area {margin: 6.94444vw -1.38889vw 0;}
	.product-selection .visual-area > .slide-nav {top: -6.94444vw; right: 3.33333vw;}
	.product-selection .visual-area > .slide-nav button {width: 1.52778vw; height: 2.7778vw; margin-left: 4.16667vw; background-size: cover !important;}
	.product-selection .box-product-card {width: 22.22222vw;}
	.product-selection .box-product-card .inner {width: 19.44444vw; margin: 0 1.38889vw; padding: 1.38889vw 1.38889vw 13.34722vw;}
	.product-selection .rounded .box-product-card .inner {border-radius: 1.38889vw;}
	.product-selection .card-images {width: 16.66667vw; max-height: 16.66667vw; padding: .69444vw; border-radius: .69444;}
	.product-selection .card-opt .pf-color-sel {padding-top: .83333vw;}
	.product-selection .card-opt .itm-color-list .itm-color-object {margin: .27778vw;}
	.product-selection .card-detail {padding-top: 1.25vw;}
	.product-selection .card-detail .box-info {padding-bottom: .83333vw;}
	.product-selection .card-detail .box-info .info-tit {height: 3.26389vw; font-size: 1.25vw;}
	.product-selection .card-detail .box-info .info-model {padding-top: .41667vw; font-size: .83333vw;}
	.product-selection .card-detail .bott-fix {bottom: 8.55556vw; padding: 0 1.38889vw;}
	.product-selection .card-detail .bott-fix .pic-mem {padding-top: .55556vw;}
	.product-selection .card-detail .bott-fix [class^='pic-'] {font-size: .83333vw;}
	.product-selection .card-detail .bott-fix [class^='pic-'] span, 
	.product-selection .card-detail .bott-fix [class^='pic-']:not(.pic-ben) em {font-size: .83333vw; line-height: 1.11111vw;}
	.product-selection .card-detail .bott-fix .pic-ben {padding-top: .41667vw; font-size: 1.25vw; line-height: 1.59722vw;}
	.product-selection .card-detail .bott-fix .pic-ben span {margin-top: .27778vw; font-size: .83333vw;}
	.product-selection .card-detail .bott-fix .pic-ben em {font-size: 1.25vw;}
	.product-selection .box-btm-btns {margin: 0 1.38889vw 1.38889vw; bottom: 3.4722vw;}
	.product-selection .box-btm-btns .btn-underline, 
	.product-selection .box-btm-btns .btn-round {margin: 0 1.111vw;}
	.product-selection .card-option .set-opt ~ .set-opt {margin-top: 1.11111vw;}
	.product-selection .card-option .set-opt .opt-tit {font-size: .97222vw;}
	.product-selection .card-option .set-opt .wrap-droplist .droplist-button {min-height: 1.25vw; padding-right: 1.80556vw;}
	.product-selection .box-compare {font-size: 1.111vw; margin: 0 1.389vw 1.389vw; padding-top: 0.833vw;}
	.product-selection .box-compare .link-review {padding-left: 1.528vw; font-size: 0.972vw; line-height: 1.319vw;}
	.product-selection .box-compare .link-compare-i {padding-left: 1.667vw; font-size: 0.972vw;}
}
@media all and (max-width:1100px) {
	.product-selection .component-contents {padding: 0 2.18182vw;}
	.product-selection .component-text {margin: 0 0 -9.09091vw;}
	.product-selection .component-text .box-title .desc {padding-bottom: 5.45455vw;}
	.product-selection .visual-area {margin: 9.09091vw -1.81818vw 0;}
	.product-selection .visual-area > .slide-nav {top: -9.09091vw; right: 4.36364vw;}
	.product-selection .visual-area > .slide-nav button {width: 2vw; height: 3.63636vw; margin-left: 5.45455vw;}
	.product-selection .box-product-card {width: 29.09091vw;}
	.product-selection .box-product-card .inner {width: 25.45455vw; margin: 0 1.81818vw; padding: 1.81818vw 1.81818vw 16.54545vw;}
	.product-selection .rounded .box-product-card .inner {border-radius: 1.81818vw;}
	.product-selection .card-images {width: 21.81818vw; max-height: 21.81818vw; padding: .90909vw; border-radius: .90909vw;}
	.product-selection .card-opt .pf-color-sel {padding-top: 1.09091vw;}
	.product-selection .card-opt .itm-color-list .itm-color-object {margin: .36364vw;}
	.product-selection .card-detail {padding-top: 1.63636vw;}
	.product-selection .card-detail .box-info {padding-bottom: 1.09091vw;}
	.product-selection .card-detail .box-info .info-tit {height: 4.27273vw; font-size: 1.63636vw;}
	.product-selection .card-detail .box-info .info-model {padding-top: .54545vw; font-size: 1.09091vw;}
	.product-selection .card-detail .bott-fix {bottom: 10.27273vw; right: 0; left: 0; padding: 0 1.81818vw;}
	.product-selection .card-detail .bott-fix .pic-mem {padding-top: .72727vw;}
	.product-selection .card-detail .bott-fix [class^='pic-'] {font-size: 1.09091;}
	.product-selection .card-detail .bott-fix [class^='pic-'] span, 
	.product-selection .card-detail .bott-fix [class^='pic-']:not(.pic-ben) em {font-size: 1.09091vw; line-height: 1.45455vw;}
	.product-selection .card-detail .bott-fix .pic-ben {padding-top: .54545vw; font-size: 1.63636vw; line-height: 2.09091vw;}
	.product-selection .card-detail .bott-fix .pic-ben span {margin-top: .36364vw; font-size: 1.09091vw;}
	.product-selection .card-detail .bott-fix .pic-ben em {font-size: 1.63636vw;}
	.product-selection .box-btm-btns {margin: 0 1.81818vw 1.81818vw;}
	.product-selection .box-btm-btns .btn-underline, 
	.product-selection .box-btm-btns .btn-round {margin: 0 1.455vw;}
	.product-selection .card-option .set-opt ~ .set-opt {margin-top: 1.45455vw;}
	.product-selection .card-option .set-opt .opt-tit {font-size: 1.27273vw;}
	.product-selection .card-option .set-opt .wrap-droplist .droplist-button {min-height: 1.63636vw; padding-right: 2.36364vw;}
	.product-selection .box-compare {font-size: 1.455vw; margin: 0 20px 19.998px; padding-top: 0.881vw;}
	.product-selection .box-compare .link-review {padding-left: 2vw; font-size: 1.273vw; line-height: 1.273vw;}
	.product-selection .box-compare .link-compare-i {font-size: 1.273vw;}
	.product-selection .box-compare .link-review span{font-size: 1.273vw;}
	.product-selection .box-compare .link-compare-i:before{top: 7px;}
	.product-selection .box-compare .link-review:before{top: -3px;}
}
@media all and (max-width:800px) {
	.product-selection .component-contents {padding: 0;}
	.product-selection .component-text {margin: 0;}
	.product-selection .visual-area {margin: -1.667vw 1.667vw 0;}
	.product-selection .visual-area > .slide-nav {display: none;}
	.product-selection .slider-select-prdlist {display: flex; flex-wrap: wrap;}
	.product-selection .box-product-card {width: 50%;}
	.product-selection .box-product-card .inner {width: auto; margin: 1.667vw; padding: 4.444vw 4.444vw 49.278vw;}
	.product-selection .card-images {width: 100%; max-width: 100%; max-height: 100%; border-radius: 2.778vw;}
	.product-selection .card-opt .pf-color-sel {padding-top: 3.333vw;}
	.product-selection .card-opt .itm-color-list li ~ li {margin-left: 1vw; padding-bottom: 1vw;}
	.product-selection .card-filter {margin-top: 3.333vw;}
	.product-selection .card-detail {padding-top: 5vw;}
	.product-selection .card-detail .box-info {padding-bottom: 3.333vw;}
	.product-selection .card-detail .box-info .info-tit {height: 10.556vw; font-size: 3.889vw; text-align: left;}
	.product-selection .card-detail .box-info .info-model {padding-top: 1.5111vw; font-size: 3.333vw; text-align: left;}
	.product-selection .card-detail .bott-fix {bottom: 32.9222vw; padding: 0 4.444vw;}
	.product-selection .card-detail .bott-fix .pic-mem {padding-top: 1.111vw;}
	.product-selection .card-detail .bott-fix [class^='pic-'] {font-size: 3.333vw;}
	.product-selection .card-detail .bott-fix [class^='pic-'] span, 
	.product-selection .card-detail .bott-fix [class^='pic-']:not(.pic-ben) em {font-size: 3.333vw; line-height: 4.444vw;}
	.product-selection .card-detail .bott-fix .pic-ben {padding-top: 1.111vw; font-size: 3.889vw; line-height: 6.389vw;}
	.product-selection .card-detail .bott-fix .pic-ben span {margin-top: 1.111vw; font-size: 3.333vw;}
	.product-selection .card-detail .bott-fix .pic-ben em {font-size: 3.889vw;}
	/* .product-selection .box-btm-btns {display: flex; height: 23.889vw; margin: 0; padding: 0 4.444vw 5vw; justify-content: center; align-items: center; flex-wrap: wrap;} */
	.product-selection .box-btm-btns {display: flex; height: 33.889vw; margin: 0; padding: 0 4.444vw 5vw; justify-content: center; align-items: center; flex-wrap: wrap;}/*221205:비교하기*/
	.product-selection .box-btm-btns .btn-underline {order: 2; margin: 0.833vw 1.944vw; font-size: 3.889vw;}
	.product-selection .box-btm-btns .btn-round {order: 1; margin: 0.833vw 1.944vw; font-size: 3.889vw; min-width: 26.667vw; height: 11.111vw; line-height: 10.556vw; padding: 0 6.667vw; border-radius: 5.556vw;}
	.product-selection .card-option .set-opt ~ .set-opt {margin-top: 4.444vw;}
	.product-selection .card-option .set-opt .opt-tit {position: absolute; overflow: hidden; border: 0; width: 0.278vw; height: 0.278vw; clip: rect(0.278vw, 0.278vw, 0.278vw, 0.278vw); clip-path: inset(50%);}
	.product-selection .card-option .set-opt .wrap-droplist {width: 100%;}
	.product-selection .card-option .set-opt .wrap-droplist .droplist-button {min-height: 4.444vw; padding-right: 7.222vw; font-size: 3.333vw; text-align: left;}
	.product-selection .itm-color-object {width: 4.444vw; height: 4.444vw;}
	.product-selection .pf-opt-sel.slideOn .filter-slick {margin: 0 7.222vw;}
	.product-selection .pf-opt-sel li span {padding-top: 1vw;}
	.product-selection .type-mo-slide {margin: 0 0 0 2.778vw;}
	.product-selection .type-mo-slide .slider-select-prdlist {flex-wrap: nowrap;}
	.product-selection .type-mo-slide .slider-select-prdlist .box-product-card {width: 69.444vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .box-product-card .inner {margin: 1.667vw 2.778vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .card-images {padding: 4.167vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .box-info {padding-bottom: 5vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .box-info .info-tit {height: 12.2vw; font-size: 5vw; line-height: 1.22;}
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .bott-fix .pic-ben {position: relative;}
	/* .product-selection .type-mo-slide .slider-select-prdlist .card-detail .bott-fix .pic-ben:after {content: ''; position: absolute; bottom: -2.500vw; left: 0; right: 0; width: 100%; height: 1px; background-color: #BCB9B9;} */
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .bott-fix [class^='pic-'] {overflow: visible;}
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .bott-fix [class^='pic-'] span, 
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .bott-fix [class^='pic-']:not(.pic-ben) em {font-size: 3.889vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .card-detail .bott-fix .pic-ben em {font-size: 4.444vw;}

	.product-selection .type-mo-slide .slider-select-prdlist .box-btm-btns {margin-left: -3.4vw; margin-right: -3.4vw; bottom: 9.5vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .box-btm-btns .btn-round {margin: 0.833vw 3.4vw;}
	.product-selection .type-mo-slide .slider-select-prdlist .box-btm-btns .btn-underline {margin: 0.833vw 3.4vw;}

	.product-selection .box-compare .link-compare-i{padding-left: 5.111vw; font-size: 3.333vw;}
	
	.product-selection .box-compare .link-review:before{top: -0.278vw;width: 4vw;height: 4vw;left: 1.389vw;}
	.product-selection .box-compare .link-review{padding-left: 5.833vw; font-size: 3.889vw; line-height: 3.889vw;}
	.product-selection .box-compare{margin: 0 4.444vw 5.556vw; padding-top: 2.222vw;}
	
	.product-selection .box-compare .link-review,
	.product-selection .box-compare .link-review span {font-size: 3.333vw;}/*221205:비교하기*/
}

/* Component 07 - Columns Container */
.columns-container .component-contents .component-text {text-align: center;}
.columns-container .component-text .box-title .desc {padding-bottom: 60px;}
.columns-container .visual-area .slider-col-container {display: flex; flex-direction: row; justify-content: center;}
.columns-container .visual-area .slider-col-container .col-item {flex-grow: 0; flex-basis: 30.5%; min-width: 0;}
.columns-container .visual-area .slider-col-container .col-item .col-img {display: inline-block;}
.columns-container .visual-area .slider-col-container .col-item .col-img img {width: 100%;}
.columns-container .visual-area .slider-col-container .col-item .col-video {position: relative;}
.columns-container .visual-area .slider-col-container .col-item .col-video.dimm:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .4);}
.columns-container .visual-area .slider-col-container .col-item .col-info {padding: 40px 24px;}
.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .title {padding-bottom: 0; line-height: 1.33em; font-weight: bold; font-size: 32px; color: #000; letter-spacing: -.07em;}
.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {display: block; line-height: 1.33em; padding-top: 20px; font-size: 20px; color: #000;}
.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {line-height: 1.33em; padding-top: 20px; font-size: 14px; color: #000;}
.columns-container .visual-area .slider-col-container .col-item .col-info .box-btns {padding: 60px 0 0;}
.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc {display: block; padding: 16px 0 0;}
.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc p {padding-left: 9px; text-indent: -9px; line-height: 1.33em; font-size: 14px; color: #000;}
.columns-container .visual-area .slider-col-container .col-item.col-item-center {text-align: center;}
.columns-container .visual-area .slider-col-container .col-item.col-item-right {text-align: right;}
.columns-container .visual-area .slider-col-container.col-space-nrml {padding: 0 6px;}
.columns-container .visual-area .slider-col-container.col-space-nrml .col-item {margin: 0 18px;}
.columns-container .visual-area .slider-col-container.col-space-wide {padding: 0 24px; margin-left: -30px; margin-right: -30px;}
.columns-container .visual-area .slider-col-container.col-space-wide .col-item {margin: 0 30px;}
.columns-container .visual-area .slider-col-container[class*='col-space-'].col-line .col-item ~ .col-item {position: relative;}
.columns-container .visual-area .slider-col-container[class*='col-space-'].col-line .col-item ~ .col-item:after {content: ''; position: absolute; top: 0; width: 1px; height: 100%; background-color: #d9d9d9;}
.columns-container .visual-area .slider-col-container.col-space-none.col-line .col-item ~ .col-item:after {left: 0;}
.columns-container .visual-area .slider-col-container.col-space-nrml.col-line .col-item ~ .col-item:after {left: -18px;}
.columns-container .visual-area .slider-col-container.col-space-wide.col-line .col-item ~ .col-item:after {left: -30px;}
.columns-container .visual-area.rounded .slider-col-container .col-img, 
.columns-container .visual-area.rounded .slider-col-container .col-video {overflow: hidden; border-radius: 20px;}
.columns-container .visual-area.rounded .slider-col-container .col-item {border-top-right-radius: 20px; border-top-left-radius: 20px;}
/* .columns-container .component-contents.type-video .box-video-btns .btn-video-play {width: 50px; height: 50px; background-size: 50px auto;} */ /* 2021-04-14 */

.columns-container .visual-area .slider-col-container.item-2below .col-item {flex-basis: 50%;}
.columns-container .visual-area .slider-col-container.item-2below .col-img, 
.columns-container .visual-area .slider-col-container.item-2below .col-video {width: 100%;}

/* Component 10 - Text Box */
.textbox-simple .component-contents {position: relative; overflow: visible;}
.textbox-simple .component-contents .component-text {padding: 0 24px;} /* KDP-74645 닷컴 pd 컴포넌트 디스클라이머 여백 수정 */
.textbox-simple .component-contents[class*='txt-top-'] .component-text .component-text-inner {width: 100%;}
.textbox-simple .component-contents.txt-top-right .component-text .component-text-inner {text-align: right;}

/* Component 11 - Q&A */
.qna-container .component-contents {overflow: visible; position: relative;}
.qna-container .component-contents .component-text {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.qna-container .component-contents .component-text .component-text-inner {display: inline-block; padding: 80px;}
.qna-container .component-contents .visual-area img {max-width: 100%;}
.popup-comp-qna {position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; padding: 0; transform: none; border-radius: 0;}
.popup-comp-qna .electric-range-qna .pop-close {position: absolute; top: 40px; right: 40px; bottom: auto; left: auto; width: 42px; height: 42px; z-index: 1; border: none; border-radius: 0; background: url(/sec/static/_images/common/icon-close.svg) 50% 50% no-repeat; background-size: 22px auto; transform: none;}
.popup-comp-qna .electric-range-qna .cnt-wrap {position: relative; display: table;}
.popup-comp-qna .electric-range-qna .cnt-wrap > div {display: table-cell; vertical-align: top;}
.popup-comp-qna .electric-range-qna .pick-wrap {width: 26%; padding: 60px 42px 0; background-color: #f2f2f2; text-align: center;}
.popup-comp-qna .electric-range-qna .pick-wrap h3 {padding-bottom: 60px; line-height: 1.33em; font-weight: bold; font-size: 32px; color: #000; letter-spacing: -.07em;}
.popup-comp-qna .electric-range-qna .question-list li {position: relative; display: inline-block; width: 100%; height: 88px; text-align: left; background-color: #fff; border: 2px solid #d9d9d9; border-radius: 50px;}
.popup-comp-qna .electric-range-qna .question-list li a {display: block; height: 100%; padding-left: 114px;}
.popup-comp-qna .electric-range-qna .question-list li a .txt {position: absolute; top: 50%; line-height: 1.33em; font-weight: bold; font-size: 18px; color: #363636; letter-spacing: -.07em; transform: translateY(-50%); word-break: keep-all;}
.popup-comp-qna .electric-range-qna .question-list li a .icon {position: absolute; top: 50%; left: 46px; width: 48px; height: 60px; transform: translateY(-50%);}
.popup-comp-qna .electric-range-qna .question-list li a .icon img {width: 100%; opacity: .5; filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale'); filter: gray; -webkit-filter: grayscale(100%);}
.popup-comp-qna .electric-range-qna .question-list li.on {border-color: #1428a0;}
.popup-comp-qna .electric-range-qna .question-list li.on a .txt {color: #1428a0;}
.popup-comp-qna .electric-range-qna .question-list li.on a .icon img {opacity: 1; filter: none; -webkit-filter: grayscale(0);}
.popup-comp-qna .electric-range-qna .question-list li ~ li {margin-top: 40px;}
.popup-comp-qna .electric-range-qna .cont-wrap {width: 74%; padding: 54px 100px 100px; background-color: #f7f7f7;}
.popup-comp-qna .electric-range-qna .answer-list > li {display: none;}
.popup-comp-qna .electric-range-qna .answer-list > li.on {display: block;}
.popup-comp-qna .electric-range-qna .answer-list > li .desc {line-height: 1.33em; font-size: 14px; color: #000; letter-spacing: -.07em; text-align: center;}
.popup-comp-qna .electric-range-qna .answer-list dl {padding-top: 24px; text-align: left;}
.popup-comp-qna .electric-range-qna .answer-list dl dt {position: relative; padding-bottom: 40px; line-height: 1.33em; font-weight: normal; font-size: 20px; color: #000; letter-spacing: -.07em; word-break: keep-all;}
.popup-comp-qna .electric-range-qna .answer-list dl dd {position: relative; line-height: 1.33em; font-weight: bold; font-size: 32px; color: #000; letter-spacing: -.07em; word-break: keep-all;}
.popup-comp-qna .electric-range-qna .answer-list dl .answer-ico {position: absolute; top: 0; left: -60px; width: 40px; height: 67px;}
.popup-comp-qna .electric-range-qna .answer-list dl dt .answer-ico {top: -21px; background: url(/sec/static/_images/common/icon-qus.svg) center center no-repeat; background-size: 44px auto;}
.popup-comp-qna .electric-range-qna .answer-list dl dd .answer-ico {top: -15px; background: url(/sec/static/_images/common/icon-ans.svg) center center no-repeat; background-size: 42px auto;}
.popup-comp-qna .electric-range-qna .answer-list .answer-img {padding: 60px 0 40px;}
.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer {display: flex;}
.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] {width: calc(50% - 20px);}
.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] img {width: 100%;}
.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div {padding-top: 30px; line-height: 1.33em; font-weight: normal; font-size: 18px; color: #000; text-align: center; letter-spacing: -.07em;}
.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div strong {display: block; padding-bottom: 20px; line-height: 1.33em; font-weight: bold; font-size: 22px; color: #000; letter-spacing: -.07em;}
.popup-comp-qna .electric-range-qna .answer-list .answer-img .cont2 {margin-left: 40px;}
.popup-comp-qna .electric-range-qna .answer-list.rounded .answer-img [class^=cont] img {border-radius: 20px;}

/* Component 12 - Check List */
.checklist-container .component-text {text-align: center;}
.checklist-container .slider-tab-title {padding: 20px 0;}
.checklist-container .slider-checklist-visual .visual {position: relative;}
.checklist-container .slider-checklist-visual .visual .txt-area {position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-left: 50%;}
.checklist-container .slider-checklist-visual .visual .txt-area:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner {display: inline-block; padding-right: 80px; vertical-align: middle;}
.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .title {display: block; padding-bottom: 40px; line-height: 1.33em; font-weight: bold; font-size: 32px; letter-spacing: -.07em; word-break: keep-all;}
.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .desc {line-height: 1.33em; font-size: 20px; letter-spacing: -.07em; word-break: keep-all;}
.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .icon {margin-top: 80px; width: 80px; height: 80px;}
.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .icon img {width: 100%;}
.checklist-container .slider-checklist-visual.rounded {overflow: hidden; border-radius: 20px;}

/* Component 13 - Article Citation */
.article-citation .component-contents {position: relative;}
.article-citation .component-contents .component-text {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.article-citation .component-contents .component-text .component-text-inner {display: inline-block; padding: 80px;}
.article-citation .component-contents .visual-area img {max-width: 100%;}
.popup-comp-news {max-width: 100%; width: 72%; padding: 0; border-radius: 0;}
.popup-comp-news .popup-component-contents {overflow: hidden; overflow-y: auto; height: 576px;}
.popup-comp-news .popup-component-contents .obj-m {display: none;}

/* Component 14 - Video 3~4 Columns */
.video-columns .component-contents .component-contents-inner {position: relative;}
.video-columns .component-contents .component-text {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.video-columns .component-contents .component-text .component-text-inner {display: block; padding: 80px;}
.video-columns .component-contents .visual-area img {max-width: 100%;}
.video-columns .component-contents .layer-pop .video {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.video-columns .component-contents .layer-pop .video .video-js {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-columns .component-contents .layer-pop .visual-area {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.video-columns .component-contents .layer-pop .visual-area img {max-width: 100%; max-height: 100%;}
.video-columns .component-contents .bundle-area {padding: 24px 50px;}

.video-columns .component-contents .bundle-area.bg-clr-wht {background: #fff;}
.video-columns .component-contents .bundle-area.bg-clr-lgry {background: #f7f7f7;}
.video-columns .component-contents .bundle-area.bg-clr-dgry {background: #363636;}
.video-columns .component-contents .bundle-area.bg-clr-blk {background: #000;}
.video-columns .component-contents .bundle-area.bg-clr-blu {background: #1428a0;}

.video-columns .component-contents .bundle-area .box-video-list {display: flex; flex-wrap: wrap; justify-content: center; font-size: 0; text-align: center;}
.video-columns .component-contents .bundle-area .box-video-list .bundle {display: inline-block; position: relative; flex: 0 0 calc(25% - 15px); width: calc(25% - 15px); height: inherit; text-align: left;}
.video-columns .component-contents .bundle-area .box-video-list .bundle ~ .bundle {margin-left: 20px;}
.video-columns .component-contents .bundle-area .box-video-list .bundle a {position: relative; display: block; height: 100%; padding: 24px 20px 20px; background: #fff; color: #000;}
.video-columns .component-contents .bundle-area .box-video-list .bundle a:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid transparent; transition: all .5s ease;}

.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-wht a {background: #fff;}
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-lgry a {background: #f7f7f7;}
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-wht a:after,
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-lgry a:after {border: 1px solid #ddd;}
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-dgry a {background: #363636; color: #fff;}
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blk a {background: #000; color: #fff;}
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blu a {background: #1428a0; color: #fff;}

.video-columns .component-contents .bundle-area .box-video-list .bundle .info {padding-bottom: 16px;}
.video-columns .component-contents .bundle-area .box-video-list .bundle .info .sub {padding-bottom: 8px; line-height: 1.33em; font-size: 18px; letter-spacing: -.07em;}
.video-columns .component-contents .bundle-area .box-video-list .bundle .info .title {line-height: 1.33em; font-size: 22px; letter-spacing: -.07em;}
.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video {display: inline-block; height: 28px; padding: 0 15px; text-align: center; border: 1px solid #000; border-radius: 20px; color: #000;}
.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video span {display: inline-block; line-height: 26px; margin-bottom: 1px; padding-right: 22px; font-weight: bold; font-size: 14px; vertical-align: top; background: url(/sec/static/_images/common/icon-play-circle.svg) 98% 50% no-repeat; background-size: 16px auto;}

.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-dgry .btn-video, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blk .btn-video, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blu .btn-video {border: 1px solid #fff; color: #fff;}

.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-dgry .btn-video span, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blk .btn-video span, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blu .btn-video span {background-image: url(/sec/static/_images/common/icon-play-circle2.svg);}

.video-columns .component-contents .bundle-area .box-video-list .bundle .icon {position: absolute; bottom: 24px; right: 20px; width: 80px; height: 80px; background-repeat: no-repeat; background-size: contain;}
.video-columns .component-contents .bundle-area .box-video-list .bundle a:hover:after {border: 2px solid #2189ff; transition: all .5s ease;}
.video-columns .component-contents .bundle-area .box-video-list .bundle a:hover .btn-video {border-color: #2189ff; background-color: #2189ff; color: #fff;}
.video-columns .component-contents .bundle-area .box-video-list .bundle a:hover .btn-video span {background-image: url(/sec/static/_images/common/icon-play-circle-active.svg); transition: all .5s ease;}

.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-dgry a:hover .btn-video, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blk a:hover .btn-video, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blu a:hover .btn-video {border: 1px solid #fff; background: #fff; color: #2189ff;}

.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-dgry a:hover .btn-video span, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blk a:hover .btn-video span, 
.video-columns .component-contents .bundle-area .box-video-list .bundle.bg-clr-blu a:hover .btn-video span {background-image: url(/sec/static/_images/common/icon-play-circle-active2.svg);}

.popup-comp-video {position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; padding: 0; border-radius: 0; transform: none; background: #000;}
.popup-comp-video .popup-component-contents .video video, 
.popup-comp-video .popup-component-contents .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popup-comp-video .popup-component-contents .component-head .pop-close {top: 10px; right: 10px; bottom: auto; left: auto; z-index: 100; width: 36px; height: 36px; border: none; border-radius: 0; transform: none; background: url('/sec/static/_images/common/icon-close-wht.svg') no-repeat center center; background-size: 20px auto;}

/* Component 16 - FAQ */
.faq-container .component-contents {overflow: visible; position: relative; text-align: center;}
.faq-container .component-contents .component-text .box-title .desc {padding-bottom: 40px;}
.faq-container .component-contents .slider-faq-container {position: static; width: 70%; margin: 0 auto;}
.faq-container .component-contents .slider-faq-container .list {position: relative;}
.faq-container .component-contents .slider-faq-container .list a {display: block; padding: 17px 0 24px;}
.faq-container .component-contents .slider-faq-container .list .qus {display: inline-block; width: 52px; height: 52px; margin-bottom: 29px; background-repeat: no-repeat; background-size: 52px auto; transition: all .3s ease;}
.faq-container .component-contents .slider-faq-container .list .title {display: block; height: 140px; padding: 0 50px; line-height: 1.33em; font-weight: bold; font-size: 22px; color: #000; letter-spacing: -.07em; word-break: keep-all; transition: all .3s ease;}
.faq-container .component-contents .slider-faq-container .list .btn-underline {margin-top: 20px; background: transparent; transition: all .3s ease;}
.faq-container .component-contents .slider-faq-container .list a:hover .title {color: #1428a0; transition: all .3s ease;}
.faq-container .component-contents .slider-faq-container .list a:hover .btn-underline {color: #1428a0; border-color: #1428a0; transition: all .3s ease;}
.faq-container .component-contents .slider-faq-container .list.slick-active ~ .slick-active:after {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #d9d9d9;}
.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-prev, 
.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-next {top: auto; bottom: 175px;}
.popup-comp-faq {position: absolute; top: 0; max-width: 100%; width: 100%; padding: 0; text-align: left; transform: translateX(-50%); border-radius: 0; box-shadow: 2px 2px 20px rgba(0, 0, 0, .2);}
.popup-comp-faq .popup-component-contents {max-height: inherit;}
.popup-comp-faq .popup-component-contents .pop-close {top: 40px; right: 40px; bottom: auto; left: auto; z-index: 100; width: 26px; height: 26px; border: none; border-radius: 0; background: url(/sec/static/_images/common/icon-close.svg) 50% 50% no-repeat; background-size: 22px auto; transform: none;}
.popup-comp-faq .popup-content .popup-head {position: relative; padding: 0 40px; background: #f5f5f5;}
.popup-comp-faq .popup-content .popup-head .title {display: block; line-height: 1.33em; padding: 38px 38px 38px 60px; font-weight: normal; font-size: 20px; color: #000; letter-spacing: -.07em;}
.popup-comp-faq .popup-content .popup-head .title .qus {position: absolute; top: 50%; left: 40px; width: 45px; height: 45px; transform: translateY(-50%); background-repeat: no-repeat; background-size: 45px auto;}
.popup-comp-faq .popup-content .popup-detail {position: relative; padding: 46px 100px 60px;}
.popup-comp-faq .popup-content .popup-detail .ans {position: absolute; top: 42px; left: 40px; width: 45px; height: 45px; background-repeat: no-repeat; background-size: 45px auto;}
.popup-comp-faq .popup-content .popup-detail .txt {line-height: 1.33em; font-weight: bold; font-size: 32px; color: #000; letter-spacing: -.07em; word-break: keep-all;}
.popup-comp-faq .popup-content .popup-detail .img {display: inline-block; overflow: hidden; margin-top: 49px;}
.popup-comp-faq .popup-content .popup-detail .img img {max-width: 100%;}
.popup-comp-faq .popup-content .popup-detail .box-disc {padding-top: 40px;}
.popup-comp-faq .popup-content .popup-detail .box-disc p {line-height: 1.33em; font-size: 14px; color: #000; letter-spacing: -.07em; word-break: keep-all;}
.popup-comp-faq .popup-content.rounded .popup-detail .img {border-radius: 20px;}
#mask.faq {display: none !important;}

/* Component 18 - Gallery Carousel */
.gallery-carousel .component-contents .component-text {text-align: center;}
.gallery-carousel .component-text .box-title .desc {padding-bottom: 60px;}
.gallery-carousel .component-contents .visual-area .box-disc {display: block; padding: 40px 10vw;}
.gallery-carousel .slider-grid-gallery {overflow: hidden; padding: 0 10vw;}
.gallery-carousel .slider-grid-gallery .slide-visual {display: flex; margin: -12px;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col {flex: 1 0 33%;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col.wide {flex: 2 0 67%;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner {display: flex; flex-direction: column; height: 100%;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row {flex: 1 0 auto; padding: 12px; min-height: 1px;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a {display: block; overflow: hidden; height: 100%;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a img {max-width: 100%; width: 100%; height: 100%; transition: all 1s;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner {display: flex;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a {flex-grow: 0; flex-shrink: 0; flex-basis: auto; width: calc(50% - 12px); height: 100%;}
.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a ~ a {margin-left: 24px;}
.gallery-carousel .slider-grid-gallery .slide-visual.slick-active .visual-col .visual-col-inner .row a:hover img {transform: scale(1.2); transition: all ease-in-out 1s;}
.gallery-carousel .slider-grid-gallery .slick-dots {left: auto; margin-top: 40px; text-align: center; transform: none;}
.gallery-carousel .visual-area.rounded .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a {border-radius: 20px;}
.popup-comp-gallery {max-width: 100%; padding: 0; border-radius: 0; background: transparent;}
.popup-comp-gallery .slider-gallery-detail .big img {display: inline-block; width: auto; max-width: calc(100% - 440px); max-height: 70vh;}
.popup-comp-gallery .slider-gallery-detail .slick-slide:not(.slick-current) {visibility: hidden;}
.popup-comp-gallery .slider-gallery-detail .slick-arrow {position: absolute; top: 50%; width: 50px; height: 50px; z-index: 1; transform: translateY(-50%); font-size: 1px; color: transparent;}
.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-prev {left: 26px; background: url(/sec/static/_images/common/icon-slick-prev-wht-lrg.svg) 50% 50% no-repeat; background-size: 50px auto;}
.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-next {right: 26px; background: url(/sec/static/_images/common/icon-slick-next-wht-lrg.svg) 50% 50% no-repeat; background-size: 50px auto;}
.popup-comp-gallery .popup-component-contents {height: inherit; max-height: inherit;}

/* Component 19 - Tab Container */
.tabtype-container .component-contents .component-text {text-align: center;}
.tabtype-container .component-text .box-title .desc {margin-bottom: 60px;}
.tabtype-container .tablist-prd-container {overflow: hidden; position: relative; text-align: center;}
.tabtype-container .slider-tab-title {padding-bottom: 36px;}
.tabtype-container .slider-tab-title .title button {padding-bottom: 5px;}
.tabtype-container .slider-tab-title .title ~ .title {margin-left: 0;}
.tabtype-container .set-tab-prd {padding: 2px 0;}
.tabtype-container .slick-track {display: flex !important;}
.tabtype-container .slick-slide.no-square {height: inherit !important;}
.tabtype-container .set-tab-prd .set-tab-prd-inner {height: 100%; padding: 0 12px;}
.tabtype-container .set-tab-prd.rounded .prd-item-inner {border-radius: 20px;}
.tabtype-container .tab-prd-list {display: flex; flex-flow: row wrap; height: 100%; margin: -12px 0;}
.tabtype-container .tab-prd-list .prd-item {width: 25%; height: 50%; padding: 12px; text-align: center;}
.tabtype-container .tab-prd-list .prd-item-inner {display: block; overflow: hidden; position: relative; height: 100%; background: #f4f4f4;}
.tabtype-container .tab-prd-list .prd-item-inner:before {content: ''; float: left; padding-bottom: 100%;}
.tabtype-container .tab-prd-list .flag {position: absolute; top: 16px; left: 16px; height: 24px; padding: 0 6px; border-radius: 12px; border: 1px solid #1428a0; text-transform: uppercase; z-index: 2;}
.tabtype-container .tab-prd-list .flag span {display: inline-block; line-height: 24px; font-weight: bold; font-size: 12px; color: #1428a0; text-align: center; vertical-align: top;}
.tabtype-container .tab-prd-list .prd-name {position: absolute; bottom: 24px; right: 0; left: 0; z-index: 1; padding: 0 24px;}
.tabtype-container.w1024px .tab-prd-list .prd-name {bottom: 18px;}
.tabtype-container .tab-prd-list .prd-name .tit {overflow: hidden; /* height:46px; */ font-weight: bold; line-height: 1.32; font-size: 18px; letter-spacing: -.01em; color: #000; display:block; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: nowrap}/* 210119 : ie 말줄임 수정 */
.tabtype-container .tab-prd-list .prd-name .num {display: block; padding: 4px 0 0; line-height: 1.29em; font-weight: normal; font-size: 12px; color: #000; letter-spacing: 0;}
.tabtype-container .tab-prd-list .prd-name .memb {display: block; padding: 12px 0 0; line-height: 1.29em; font-weight: normal; font-size: 14px; color: #000; letter-spacing: 0;}
.tabtype-container .tab-prd-list .prd-name .memb em, 
.tabtype-container .tab-prd-list .prd-name .memb span {line-height: 1.29em; margin-left: 11px; font-style: normal; font-weight: normal; font-size: 14px; letter-spacing: 0; vertical-align: middle;}
.tabtype-container .tab-prd-list .prd-name .memb span {margin-left: 1px;}
.tabtype-container .tab-prd-list .prd-figure {position: relative; max-height: 75%; margin: 10px 30px; padding-top: calc(100% - 117px);}
.tabtype-container.w1024px .tab-prd-list .prd-figure {padding-top: calc(100% - 80px);}
.tabtype-container .tab-prd-list .prd-figure .fig-img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-size: 0; text-align: center;}
.tabtype-container .tab-prd-list .prd-figure .fig-img:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.tabtype-container .tab-prd-list .prd-figure .fig-img img {display: inline-block; max-height: 100%; vertical-align: middle;}
.tabtype-container .tab-prd-list .prd-figure .fig-img img.obj-m {display: none;}
.tabtype-container .tab-prd-list .prd-item-inner.fullbleed .prd-figure {left: 0; bottom: 0; right: 0; width: 100%; height: 100%; margin: 0;}
.tabtype-container .tab-prd-list .prd-item-inner.fullbleed .prd-figure img {width: 100%; max-height: none;}
.tabtype-container .tab-prd-list .prd-item-inner.fullbleed .prd-name {color: #fff;}
.tabtype-container .tab-prd-list .prd-item-inner.fullbleed .prd-name .tit, 
.tabtype-container .tab-prd-list .prd-item-inner.fullbleed .prd-name .txt {color: inherit;}
.tabtype-container .tab-prd-list .prd-name .tit + .txt {display: block; padding-top: 6px;}
.tabtype-container .tab-prd-list.type2 .prd-item-grp {display: flex; flex-flow: row wrap; width: 50%; height: inherit;}
.tabtype-container .tab-prd-list.type2 .prd-item-grp .prd-item {width: 50%;}
.tabtype-container .tab-prd-list.type2 .prd-item.point {width: 50%; height: inherit;}
.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name {bottom: 48px;}
.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit {font-size: 24px;}
.tabtype-container .tab-prd-list.type2.type-center .prd-item-grp {flex-direction: column; width: 25%;}
.tabtype-container .tab-prd-list.type2.type-center .prd-item-grp .prd-item {width: 100%;}
.tabtype-container .tab-prd-list.type11 .prd-item {width: 33.333%; height: 100%;}
.tabtype-container .tab-prd-list.type11 .prd-figure {padding-top: 0;}
.tabtype-container .tab-prd-list.type11 .prd-figure .fig-img {position: relative;}
.tabtype-container .tab-prd-list.type11 .prd-item .prd-name {bottom: 48px;}
.tabtype-container .tab-prd-list.type11 .prd-item .prd-name .tit {font-size: 24px;}
.tabtype-container .tab-prd-list.type11 .prd-item .prd-item-inner:not(.fullbleed) .prd-figure {height: 0; padding-bottom: calc(100% - 117px);}
.tabtype-container .tab-prd-list.type11 .prd-item .prd-item-inner:not(.fullbleed) .prd-figure .fig-img {position: absolute;}
.tabtype-container .tab-prd-list.type11 .prd-item .prd-item-inner.fullbleed .prd-figure {margin-top: 0;}
.tabtype-container .tab-prd-list.type11.col-2 .prd-item {width: 50% !important;}
.tabtype-container .tab-prd-list.type11.col-3 .prd-item a {height:684px !important;}/* 2022-01-04 */
.tabtype-container .tab-prd-list.type11 .prd-item.type-product {height: auto;}
.tabtype-container .tab-prd-list.type11 .prd-item.type-product .prd-name .tit, 
.tabtype-container .tab-prd-list.type11 .prd-item.type-product .prd-name .txt {color: #000;}
.tabtype-container .tab-prd-list.type11 .prd-item.type-product .prd-figure {max-height: 100%; height: calc(100% - 124px);}

.tabtype-container .tab-prd-list.type11.col-2 .prd-item.type-product .prd-item-inner .prd-figure {width: auto; height: auto; max-height: 75%; margin: 10px 30px;}
.tabtype-container .tab-prd-list.type11.col-2 .prd-item.type-product .prd-item-inner .prd-figure .fig-img {position: absolute;}
.tabtype-container .tab-prd-list.type11.col-2 .prd-item.type-product .prd-item-inner .prd-figure img {width: auto; max-height: 100%}
.tabtype-container .tab-prd-list.type11.col-3 .prd-item.type-product .prd-item-inner .prd-figure {width: auto; max-height: 75%; margin: 10px 30px;}/* 22-01-27 오류수정 height auto 제외 */
.tabtype-container .tab-prd-list.type11.col-3 .prd-item.type-product .prd-item-inner .prd-figure .fig-img {position: absolute;}
.tabtype-container .tab-prd-list.type11.col-3 .prd-item.type-product .prd-item-inner .prd-figure img {width: auto; max-height: 100%}

.tabtype-container .tab-prd-list.type12 .prd-item {width:33.333%; height:100%;}
.tabtype-container .tab-prd-list.type12 .prd-figure {padding-top:0 !important;}
.tabtype-container .tab-prd-list.type12 .prd-figure .fig-img {position:relative !important;}
.tabtype-container .tab-prd-list.type12 .prd-item .prd-name {bottom:48px;}
.tabtype-container .tab-prd-list.type12 .prd-item .prd-name .tit {font-size:24px;}
.tabtype-container .tab-prd-list.type12 .prd-item .prd-item-inner:not(.fullbleed) .prd-figure {height:0; padding-bottom:calc(100% - 117px);}
.tabtype-container .tab-prd-list.type12 .prd-item .prd-item-inner:not(.fullbleed) .prd-figure .fig-img {position:absolute;}
.tabtype-container .tab-prd-list.type12 .prd-item .prd-item-inner.fullbleed .prd-figure {margin-top:0;}
.tabtype-container .tab-prd-list.type12.col-2 .prd-item {width:50% !important;}
.tabtype-container .tab-prd-list.type12.col-3 .prd-item a {height:auto !important;}
.tabtype-container .tab-prd-list.type12 .prd-item.type-product {height:auto;}
.tabtype-container .tab-prd-list.type12 .prd-item.type-product .prd-name .tit, .tabtype-container .tab-prd-list.type12 .prd-item.type-product .prd-name .txt {color:#000;}
.tabtype-container .tab-prd-list.type12 .prd-item.type-product .prd-figure {height:calc(100% - 124px); max-height:100%;}
.tabtype-container .tab-prd-list.type12.col-2 .prd-item.type-product .prd-item-inner .prd-figure {width:auto; height:auto; max-height:75%; margin:10px 30px;}
.tabtype-container .tab-prd-list.type12.col-2 .prd-item.type-product .prd-item-inner .prd-figure .fig-img {position:absolute;}
.tabtype-container .tab-prd-list.type12.col-2 .prd-item.type-product .prd-item-inner .prd-figure img {width:auto; max-height:100%}
.tabtype-container .tab-prd-list.type12.col-3 .prd-item.type-product .prd-item-inner .prd-figure {width:auto; max-height:75%; margin:10px 30px;}
.tabtype-container .tab-prd-list.type12.col-3 .prd-item.type-product .prd-item-inner .prd-figure .fig-img {position:absolute;}
.tabtype-container .tab-prd-list.type12.col-3 .prd-item.type-product .prd-item-inner .prd-figure img {width:auto; max-height:100%}
.tabtype-container .tab-prd-list.type12 .prd-item-inner:before {display:none;}

.tabtype-container .tab-prd-list .prd-item.type-video {position: relative;}
.tabtype-container .tab-prd-list .prd-item.type-video.dimm .prd-item-inner:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .4);}
.tabtype-container .tab-prd-list .prd-item.type-video .box-video-btns {position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%);}
.tabtype-container .tab-prd-list .prd-item.type-video .box-video-btns .btn-video-play {display: inline-block; width: 88px; height: 88px; border-radius: 100%; opacity: .6; background: url(/sec/static/_images/common/icon-play-line-wht.svg) center center no-repeat; background-size: 118px auto; transition: .5s all;}
.tabtype-container.w1024px .tab-prd-list .prd-item.type-video .box-video-btns .btn-video-play {background-size: 88px auto;}
.tabtype-container .tab-prd-list .prd-item.type-video .box-video-btns .btn-video-play:hover {opacity: 1; transition: .5s all;}
.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player {overflow: hidden; position: absolute; top: 12px; right: 12px; bottom: 12px; left: 12px; max-width: 100%; width: auto; padding: 12px; transform: none; background: #000;}
.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player .popup-component-contents, 
.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player .popup-component-contents .component-content, 
.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player .popup-component-contents .component-content .video {height: 100%;}
.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player .popup-component-contents .component-content .video video, 
.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player .popup-component-contents .component-content .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.tabtype-container .set-tab-prd.rounded .tab-prd-list .prd-item.type-video .popup-comp-player {border-radius: 20px;}
@media all and (max-width:1600px) {
	.tabtype-container .tablist-prd-container .slider-tab-title {padding-bottom: 2.25vw;}
	.tabtype-container .tablist-prd-container .slider-tab-title .title button {padding-bottom: .3125vw;}
	.tabtype-container .set-tab-prd .set-tab-prd-inner {padding: 0 .75vw;}
	.tabtype-container .set-tab-prd.rounded .prd-item-inner {border-radius: 1.25vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list {margin: -.75vw 0;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-figure {padding-top: calc(100% - 7.3125vw);}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item {padding: .75vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .flag {top: 1vw; left: 1vw; height: 1.5vw; padding: 0 .375vw; border-radius: .75vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .flag span {line-height: 1.5vw; font-size: .75vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name {bottom: 1.5vw; right: 0; left: 0; z-index: 1; padding: 0 1.5vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .tit {font-size: 1.125vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .num {padding: .25vw 0 0; font-size: .75vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .memb {padding: .75vw 0 0; font-size: .875vw;}
	.tabtype-container .tab-prd-list .prd-item.type-video .box-video-btns .btn-video-play {display: inline-block; width: 5.5vw; height: 5.5vw; background-size: 7.375vw auto;}
	.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player {top: .75vw; right: .75vw; bottom: .75vw; left: .75vw; padding: .75vw;}
	.tabtype-container .set-tab-prd.rounded .tab-prd-list .prd-item.type-video .popup-comp-player {border-radius: 1.25vw;}
	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit, 
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name .tit {font-size: 1.5vw;}
	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name, 
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name {bottom: 3vw;}

	.tabtype-container:not(.w1024px) .tab-prd-list.type11 .prd-figure {padding-top: 0;}
	.tabtype-container .tab-prd-list.type11 .prd-item.type-product .prd-figure {height: calc(100% - 7.75vw);}
	.tabtype-container .tab-prd-list.type11.col-2 .prd-item.type-product .prd-item-inner .prd-figure {padding-bottom: calc(100% - 7.3125vw);}
}
@media all and (max-width:1440px) {
	.tabtype-container .tablist-prd-container .slider-tab-title {padding-bottom: 2.5vw;}
	.tabtype-container .tablist-prd-container .slider-tab-title .title button {padding-bottom: .3472vw;}
	.tabtype-container .set-tab-prd .set-tab-prd-inner {padding: 0 .8333vw;}
	.tabtype-container .set-tab-prd.rounded .prd-item-inner {border-radius: 1.3889vw;}
	.tabtype-container .tab-prd-list {margin: -.8333vw 0;}
	.tabtype-container .tab-prd-list .prd-figure {padding-top: calc(100% - 8.125vw);}
	.tabtype-container .tab-prd-list .prd-item {padding: .8333vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .flag {top: 1.1111vw; left: 1.1111vw; height: 1.6667vw; padding: 0 .4167vw; border-radius: .8333vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .flag span {line-height: 1.6667vw; font-size: .8333vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name {bottom: 1.6667vw; right: 0; left: 0; z-index: 1; padding: 0 1.6667vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .tit {font-size: 1.25vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .tit.name {height: auto;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .num {padding: .278vw 0 0; font-size: .833vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .memb {padding: .833vw 0 0; font-size: .9722vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .memb em {margin-left: .7639vw; font-size: .9722vw;}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .memb span {font-size: .9722vw;}
	.tabtype-container .tab-prd-list .prd-item.type-video .box-video-btns .btn-video-play {width: 6.1111vw; height: 6.1111vw; background-size: 8.1944vw auto;}
	.tabtype-container .tab-prd-list .prd-item.type-video .popup-comp-player {top: .8333vw; right: .8333vw; bottom: .8333vw; left: .8333vw; padding: .8333vw;}
	.tabtype-container .set-tab-prd.rounded .tab-prd-list .prd-item.type-video .popup-comp-player {border-radius: 1.3889vw;}
	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit, 
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name .tit {font-size: 1.667vw;}
	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name, 
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name {bottom: 3.333vw;}
	.tabtype-container .tab-prd-list.type11 .prd-item.type-product .prd-figure {height: calc(100% - 8.61vw);}
	.tabtype-container .tab-prd-list.type11.col-3 .prd-item a {height:100% !important;}/* 2022-01-04 */
}
/* 211025 KDP-7044 */
@media all and (max-width:1100px) {
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .tit{font-size: 1.45vw}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .num{padding: 0.478vw 0 0}
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .memb em,
	.tabtype-container:not(.w1024px) .tab-prd-list .prd-item .prd-name .memb span{font-size: 1.4722vw}
}
@media all and (max-width:800px) {
	/* 스와이퍼 접근성 추가 - 20230704 */
	.tabtype-container .tablist-prd-container .slider-tab-title#sliderTabTitle_789352 {white-space: normal;padding-bottom: 20px !important;}
    .tabtype-container .tablist-prd-container .slider-tab-title#sliderTabTitle_789352 .swiper-wrapper {transform:none !important;display: flex;flex-wrap: wrap;}
    .tabtype-container .tablist-prd-container .slider-tab-title#sliderTabTitle_789352 .swiper-wrapper .title {width: 50%; margin: 10px 0;}

	.tabtype-container .slider-tabtype-list .slick-slide {height: 100% !important;}
	.tabtype-container .tablist-prd-container .slider-tab-title {padding-bottom: 40px;}
	.tabtype-container .tablist-prd-container .slider-tab-title .title {padding: 0 12px;}
	.tabtype-container .tablist-prd-container .slider-tab-title .title {padding: 0;}
	.tabtype-container .tablist-prd-container .slider-tab-title .slick-list {overflow: visible;}
	.tabtype-container .tablist-prd-container .slider-tab-title .slick-track {white-space: nowrap;}
	.tabtype-container .set-tab-prd .set-tab-prd-inner {height: auto; padding: 0 6px;}
	.tabtype-container .set-tab-prd.rounded .prd-item-inner {border-radius: 10px;}
	.tabtype-container .set-tab-prd.rounded .tab-prd-list .prd-item .prd-figure {border-radius: 10px;}
	.tabtype-container .tab-prd-list {height: auto; margin: -6px 0;}
	.tabtype-container .tab-prd-list .prd-figure {margin: 0; padding: 0;}
	.tabtype-container .tab-prd-list .prd-figure .fig-img {position: absolute;}
	.tabtype-container .tab-prd-list .prd-name .tit {-webkit-line-clamp: 2;}
	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit, 
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name .tit {font-size: 16px;}

	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner {background: transparent;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item {width: 50%; height: auto; padding: 6px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item + .prd-item + .prd-item {margin-top: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .flag {top: 13px; left: 16px; height: 18px; padding: 0 6px; border-radius: 10px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .flag span {line-height: 18px; font-size: 10px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name {position: static; height: auto; padding: 12px 16px 0;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .tit {height: 41px; font-size: 16px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .tit.name {height: 41px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .num {padding: 4px 0 0; font-size: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .memb {padding: 12px 0 0; font-size: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .memb em, 
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .memb span {margin-left: 11px; font-size: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name .memb span {margin-left: 1px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-figure {position: static; padding: 0; transform: none; background: #f4f4f4;}
	.tabtype-container .slider-tabtype-list .set-tab-prd.rounded .tab-prd-list .prd-item .prd-figure {border-radius: 10px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-figure .fig-img {display: block; width: auto; overflow: hidden;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-figure .fig-img:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-figure .fig-img:after {display: none;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-figure .fig-img img {position: static; max-width: 100%; height: auto; display: inline-block; vertical-align: middle;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner.fullbleed .prd-name {position: absolute; bottom: 0; padding-bottom: 18px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner.fullbleed .prd-figure .fig-img {position: absolute; padding: 0; background: #f4f4f4;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner.fullbleed .prd-figure .fig-img img {height: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type1 .prd-item-inner .prd-figure, 
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-inner .prd-figure {display: block; width: 100%; position: relative; margin-top: 0; height: 0; padding-top: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type1 .prd-item-inner.fullbleed .prd-figure, 
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-inner.fullbleed .prd-figure {margin-top: 0;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-grp {width: 100%; height: auto;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-grp + .prd-item, 
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point + .prd-item-grp, 
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11.col-2 .prd-item + .prd-item {margin-top: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-grp .prd-item {width: 50%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point {width: 100%; height: auto;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-item-inner:not(.fullbleed) .prd-figure {width: 100%; height: auto; transform: none;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2.type-center .prd-item-grp {flex-direction: row; width: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type2.type-center .prd-item-grp .prd-item {width: 50%;}
	
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item {width: 100%; height: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item + .prd-item {margin-top: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item .prd-item-inner:not(.fullbleed) .prd-figure {width: 100%; height: auto; transform: none;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item .prd-item-inner.fullbleed .prd-figure {margin-top: 0;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11.col-2 .prd-item {width: 100% !important;}

	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item {width: 100%; height: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item + .prd-item {margin-top: 12px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item .prd-item-inner:not(.fullbleed) .prd-figure {width: 100%; height: auto; transform: none;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item .prd-item-inner.fullbleed .prd-figure {margin-top: 0;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12.col-2 .prd-item {width: 100% !important;}

	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item.type-video .box-video-btns .btn-video-play {width: 87px; height: 87px; opacity: 1; background-size: 87px auto;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item.type-video .popup-comp-player {top: 8px; right: 8px; bottom: 8px; left: 8px; padding: 8px;}
	.tabtype-container .slider-tabtype-list .set-tab-prd.rounded .tab-prd-list .prd-item.type-video .popup-comp-player {border-radius: 10px;}

	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item.type-product .prd-figure {height: auto; padding-top: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item.type-product .prd-figure .fig-img {position: absolute; padding: 0; top: 20px; bottom: 116px; right: 68px; left: 68px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11 .prd-item.type-product .prd-figure .fig-img img {height: auto;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type11.col-2 .prd-item.type-product .prd-figure {padding-top: 0; padding-bottom: 100%;}
	
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item.type-product .prd-figure {height: auto; padding-top: 100%;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item.type-product .prd-figure .fig-img {position: absolute; padding: 0; top: 20px; bottom: 116px; right: 68px; left: 68px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12 .prd-item.type-product .prd-figure .fig-img img {height: auto;}
	.tabtype-container .slider-tabtype-list .tab-prd-list.type12.col-2 .prd-item.type-product .prd-figure {padding-top: 0; padding-bottom: 100%;}

	.tabtype-container .tab-prd-list.type11.col-2 .prd-item.type-product .prd-item-inner .prd-figure {margin: 0;}
	.tabtype-container .tab-prd-list.type11.col-2 .prd-item.type-product .prd-item-inner .prd-name {position: absolute; bottom: 0; padding-bottom: 18px;}

	.tabtype-container .tab-prd-list.type12.col-2 .prd-item.type-product .prd-item-inner .prd-figure {margin: 0;}
	.tabtype-container .tab-prd-list.type12.col-2 .prd-item.type-product .prd-item-inner .prd-name {position: absolute; bottom: 0; padding-bottom: 18px;}
}
@media all and (max-width:395px) {
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .flag {top: 8px; left: 11px; height: 15px; padding: 0 5px;}
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .flag span {line-height: 15px;}
}
@media all and (max-width:340px) {
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name {padding: 12px 7px 0;}
}

/* Component 20 - Video List */
.video-list-container {text-align: center;}
.video-list-container .component-text .box-title .desc {padding-bottom: 60px;}
.video-list-container .slider-video-list {padding: 0 24px;}
.video-list-container .slider-video-list .slick-list {overflow: visible; margin: 0 -12px;}
.video-list-container .slider-video-list .slick-track {margin: 0 auto;}
.video-list-container .slider-video-list .video {display: inline-block; position: relative; padding: 0 12px;}
.video-list-container .slider-video-list .video a {display: block;}
.video-list-container .slider-video-list .video .video-img {position: relative; overflow: hidden; text-align: left; border-radius: 20px;}
.video-list-container .slider-video-list .video .video-img:before {content: ''; position: absolute; top: 50%; right: 30px; z-index: 1; width: 50px; height: 50px; transform: translateY(-50%); opacity: 0; background: url(/sec/static/_images/common/icon-play-line-wht.svg) no-repeat; background-size: 50px auto;}
.video-list-container .slider-video-list .video.dimm .video-img:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5);}
.video-list-container .slider-video-list .video .video-img img {max-width: 100%; width: 100%; transition: all .6s;}
.video-list-container .slider-video-list .video:hover .video-img:before {opacity: 1; transition: all ease .6s;}
.video-list-container .slider-video-list .video:hover .video-img img {transform: scale(1.2); transition: all ease-out .6s;}
.video-list-container .slider-video-list .video .video-img .img-tit {position: absolute; top: 50%; left: 24px; right: 100px; z-index: 1; line-height: 1.33em; font-weight: normal; font-size: 16px; color: #fff; transform: translateY(-50%);}
.video-list-container .slider-video-list .video .video-img .time {position: absolute; bottom: 24px; right: 24px; z-index: 1; font-weight: normal; font-size: 14px; color: #fff;}
.video-list-container .slider-video-list .video .video-info {padding-top: 30px;}
.video-list-container .slider-video-list .video .video-info .title {margin-bottom: 20px; line-height: 1.33em; font-weight: normal; font-size: 20px; color: #000;}
.video-list-container .slider-video-list .video .video-info .desc {line-height: 1.33em; font-weight: normal; font-size: 14px; color: #000;}
.video-list-container .slider-video-list.slick-slider.ind-dot .slick-dots {margin: 40px 0; left: auto; transform: none;}
.video-list-container .box-btns {padding-top: 80px;}
.video-list-container .slider-video-list .video .popup-comp-player {overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; padding: 0; border-radius: 20px; transform: none; background: #000;}
.video-list-container .slider-video-list .video .popup-comp-player .popup-component-contents, 
.video-list-container .slider-video-list .video .popup-comp-player .popup-component-contents .component-content, 
.video-list-container .slider-video-list .video .popup-comp-player .popup-component-contents .component-content .video {height: 100%;}
.video-list-container .slider-video-list .video .popup-comp-player .popup-component-contents .component-content .video video, 
.video-list-container .slider-video-list .video .popup-comp-player .popup-component-contents .component-content .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Component 21 - Three Column Carousel */
.three-column-carousel {text-align: center;}
.three-column-carousel .component-text .box-title {margin-bottom: 60px;}
.three-column-carousel .slider-three-column {display: flex; text-align: left;}
.three-column-carousel .slider-three-column.slick-initialized {display: block; padding: 0 60px;}
.three-column-carousel .slider-three-column .slick-list {margin: 0 -22px;}
.three-column-carousel .slider-three-column .slick-track {display: flex; margin: 0 auto; justify-content: center;}
.three-column-carousel .slider-three-column .column {flex: 1; display: flex; flex-direction: column; position: relative; height: auto; padding: 0 22px 40px;}
.three-column-carousel .slider-three-column .column .col-img img {max-width: 100%; width: 100%;}
.three-column-carousel .slider-three-column .column .info {flex-grow: 1; padding: 40px 60px 60px;}
.three-column-carousel .slider-three-column .column .info .tit {display: inline-block; line-height: 43px; font-weight: bold; font-size: 32px; color: #000; letter-spacing: -.01em;}
.three-column-carousel .slider-three-column .column .info .tit ~ .sub-tit {margin: 24px 0 0;}
.three-column-carousel .slider-three-column .column .info .sub-tit {display: block; margin: 0 0 24px; line-height: 26px; font-size: 20px; font-weight: normal; color: #000; letter-spacing: 0;}
.three-column-carousel .slider-three-column .column .info .desc {line-height: 21px; padding-top: 24px; font-size: 16px; color: #000; letter-spacing: 0; word-break: keep-all;}
.three-column-carousel .slider-three-column .column .box-btn {padding: 0 60px;}
.three-column-carousel .slider-three-column .column.col-item-center {text-align: center;}
.three-column-carousel .slider-three-column .column.col-item-right {text-align: right;}
.three-column-carousel .slider-three-column .column .col-video {position: relative;}
.three-column-carousel .slider-three-column .column .col-video .popup-comp-player .popup-component-contents, 
.three-column-carousel .slider-three-column .column .col-video .popup-comp-player .popup-component-contents .component-content, 
.three-column-carousel .slider-three-column .column .col-video .popup-comp-player .popup-component-contents .component-content .video, 
.three-column-carousel .slider-three-column .column .col-video .popup-comp-player .popup-component-contents .component-content .video video, 
.three-column-carousel .slider-three-column .column .col-video .popup-comp-player .popup-component-contents .component-content .video iframe {height: 100%;}
.three-column-carousel .slider-three-column .column.dimm .col-video:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5);}
.three-column-carousel .component-contents .visual-area .box-disc {display: block; padding-top: 40px;}
.three-column-carousel .component-contents .visual-area .box-disc .disc {line-height: 16px; font-size: 12px; color: #444; letter-spacing: 0;}
.three-column-carousel .visual-area.rounded .slider-three-column .column .col-img, 
.three-column-carousel .visual-area.rounded .slider-three-column .column .col-video {overflow: hidden; border-radius: 20px;}
@media all and (max-width:1600px) {
	.three-column-carousel .component-text .box-title {margin-bottom: 3.75vw;}
	.three-column-carousel .slider-three-column.slick-initialized {padding: 0 3.75vw;}
	.three-column-carousel .slider-three-column .slick-list {margin: 0 -1.375vw;}
	.three-column-carousel .slider-three-column .column {padding: 0 1.375vw 2.5vw;}
	.three-column-carousel .slider-three-column .column .info {padding: 2.5vw 3.75vw 3.75vw;}
	.three-column-carousel .slider-three-column .column .info .tit {line-height: 2.6875vw; font-size: 2vw;}
	.three-column-carousel .slider-three-column .column .info .tit ~ .sub-tit {margin: 1.5vw 0 0;}
	.three-column-carousel .slider-three-column .column .info .sub-tit {line-height: 1.625vw; margin: 0 0 1.5vw; font-size: 1.25vw;}
	.three-column-carousel .slider-three-column .column .info .desc {line-height: 1.3125vw; padding-top: 1.5vw; font-size: 1vw;}
	.three-column-carousel .slider-three-column .column .box-btn {padding: 0 3.75vw;}
	.three-column-carousel .box-disc {padding-top: 2.5vw;}
	.three-column-carousel .box-disc .disc {line-height: 1vw; font-size: .75vw;}
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-img, 
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-video {border-radius: 1.25vw;}
}
@media all and (max-width:1440px) {
	.three-column-carousel .component-text .box-title {margin-bottom: 4.1667vw;}
	.three-column-carousel .slider-three-column.slick-initialized {padding: 0 4.1667vw;}
	.three-column-carousel .slider-three-column .slick-list {margin: 0 -1.5278vw;}
	.three-column-carousel .slider-three-column .column {padding: 0 1.5278vw 2.7778vw;}
	.three-column-carousel .slider-three-column .column .info {padding: 2.7778vw 4.1667vw 4.1667vw;}
	.three-column-carousel .slider-three-column .column .info .tit {line-height: 2.9861vw; font-size: 2.2222vw;}
	.three-column-carousel .slider-three-column .column .info .tit ~ .sub-tit {margin: 1.6667vw 0 0;}
	.three-column-carousel .slider-three-column .column .info .sub-tit {line-height: 1.8056vw; margin: 0 0 1.6667vw; font-size: 1.3889vw;}
	.three-column-carousel .slider-three-column .column .info .desc {line-height: 1.4583vw; padding-top: 1.6667vw; font-size: 1.1111vw;}
	.three-column-carousel .slider-three-column .column .box-btn {padding: 0 4.1667vw;}
	.three-column-carousel .box-disc {padding-top: 2.7778vw;}
	.three-column-carousel .box-disc .disc {line-height: 1.1111vw; font-size: .8333vw;}
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-img, 
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-video {border-radius: 1.3889vw;}
}
@media all and (max-width:1100px) {
	.three-column-carousel .component-text .box-title {margin-bottom: 5.4545vw;}
	.three-column-carousel .slider-three-column.slick-initialized {padding: 0 5.4545vw;}
	.three-column-carousel .slider-three-column .slick-list {margin: 0 -2vw;}
	.three-column-carousel .slider-three-column .column {padding: 0 2vw 3.6364vw;}
	.three-column-carousel .slider-three-column .column .info {padding: 3.6364vw 2.7273vw 5.4545vw;}
	.three-column-carousel .slider-three-column .column .info .tit {line-height: 3.9091vw; font-size: 2.9091vw;}
	.three-column-carousel .slider-three-column .column .info .tit ~ .sub-tit {margin: 2.1818vw 0 0;}
	.three-column-carousel .slider-three-column .column .info .sub-tit {line-height: 2.3636vw; margin: 0 0 2.1818vw; font-size: 1.8182vw;}
	.three-column-carousel .slider-three-column .column .info .desc {line-height: 1.9091vw; padding-top: 2.1818vw; font-size: 1.4545vw;}
	.three-column-carousel .slider-three-column .column .box-btn {padding: 0 5.4545vw;}
	.three-column-carousel .box-disc {padding-top: 3.6364vw;}
	.three-column-carousel .box-disc .disc {line-height: 1.4545vw; font-size: 1.0909vw;}
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-img, 
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-video {border-radius: 1.8182vw;}
}
@media all and (max-width:800px) {
	.three-column-carousel .component-text .box-title {margin-bottom: 40px;}
	.three-column-carousel .slider-three-column {flex-wrap: wrap;}
	.three-column-carousel .slider-three-column.slick-initialized {margin: 0; padding: 0 12px;}
	.three-column-carousel .slider-three-column .slick-list {margin: 0;}
	.three-column-carousel .slider-three-column .column {padding: 0 12px 40px;}
	.three-column-carousel .slider-three-column .column .info {padding: 20px 24px 40px;}
	.three-column-carousel .slider-three-column .column .info .tit {line-height: 40px; font-size: 30px;}
	.three-column-carousel .slider-three-column .column .info .sub-tit {line-height: 21px; padding-top: 8px; font-size: 16px;}
	.three-column-carousel .slider-three-column .column .info .desc {line-height: 16px; padding-top: 16px; font-size: 12px;}
	.three-column-carousel .slider-three-column .column .box-btn {padding: 0 24px;}
	.three-column-carousel .slider-three-column.type-vertical .column {flex: 0 auto; width: calc(50% - 12px);}
	.three-column-carousel .slider-three-column.type-vertical .column:nth-child(2n) {margin-left: 24px;}
	.three-column-carousel .slider-three-column.type-vertical .column:nth-child(2) ~ .column {margin-top: 40px;}
	.three-column-carousel .box-disc {padding-top: 40px;}
	.three-column-carousel .box-disc .disc {line-height: 16px; font-size: 12px;}
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-img, 
	.three-column-carousel .visual-area.rounded .slider-three-column .column .col-video {border-radius: 20px;}
	.three-column-carousel.m-narrow {padding: 0 12px;}
	.three-column-carousel .slick-slider.arr-box .slick-arrow {width: 15px; height: 30px;}
	.three-column-carousel .slick-slider.arr-box .slick-arrow.slick-prev {background: none; left: 12px;}
	.three-column-carousel .slick-slider.arr-box .slick-arrow.slick-next {background: none; right: 12px;}
	.three-column-carousel.m-narrow .slick-slider.arr-box .slick-arrow.slick-prev {left: 0;}
	.three-column-carousel.m-narrow .slick-slider.arr-box .slick-arrow.slick-next {right: 0;}
	.three-column-carousel .slick-slider.arr-box .slick-arrow.slick-prev:after {width: 15px; height: 30px; background: url(/sec/static/_images/common/icon-slick-prev-compo.svg) no-repeat; background-size: 15px auto;}
	.three-column-carousel .slick-slider.arr-box .slick-arrow.slick-next:after {width: 15px; height: 30px; background: url(/sec/static/_images/common/icon-slick-next-compo.svg) no-repeat; background-size: 15px auto;}
	.three-column-carousel .slick-slider.arr-box .slick-arrow:not(.slick-disabled):hover, 
	.three-column-carousel .slick-slider.arr-box .slick-arrow:not(.slick-disabled):active {background: none;}
}

/* KDP-6092 2021-09-15 vw px 변환 */
@media all and (max-width:1920px) {
	/* common text area */
	.wrap-component .component-text .logo {padding-bottom:1.042vw; } 
	.wrap-component .component-text .logo img {min-width: 2.917vw; min-height: 2.917vw;}
	.wrap-component .component-text .box-title .title {font-size:2.708vw;}
	.wrap-component .component-text .box-title .title.lrg { font-size: 3.125vw; }
	.wrap-component .component-text .box-title .title.lrg.pcd {font-size: 3.125vw;}
	.wrap-component .component-text .box-title .title.sml { font-size:1.875vw; }
	.wrap-component .component-text .box-title .sub {font-size:1.250vw;}
	.wrap-component .component-text .box-title .sub.sml { font-size:0.938vw; }
	.wrap-component .component-text .box-title .sub.above { padding-bottom: 0.521vw;}
	.wrap-component .component-text .box-title .sub.below { padding-top:1.042vw; }
	.wrap-component .component-text .box-title .sub.pcd {font-size: 1.2500; }
	.wrap-component .component-text .box-title .desc { margin-top: 35px; font-size:0.938vw;}
	.wrap-component .component-text .box-title .desc.sml {font-size: 0.833vw;}
	.wrap-component .component-text .box-title .desc.pcd {font-size: 0.938vw;}
	.wrap-component .component-text .box-title + .box-btns { padding-top: 2.083vw; padding-bottom: 0;}
	.wrap-component .component-text .box-title + .box-disc {padding-bottom: 0;}
	.wrap-component .component-text .box-disc { margin-top: 20px; }
	.wrap-component .component-text .box-countdown + .box-disc,
	.wrap-component .component-text .box-countdown + .box-btns {margin-top: 0.783vw;}/* 22-02-09 unpac */
	.wrap-component .component-text .box-disc .disc, .wrap-component .component-contents .visual-area .box-disc .disc {font-size:0.729vw;} /* 220927 수정 */
}

@media all and (max-width:1700px) {
	.wrap-component .slick-slider .component-text {width: 1200px;}
}
@media all and (max-width:1600px) {
	/* common padding */
	.wrap-component.pt-nrw {padding-top: 2.5vw;}
	.wrap-component.pt-wide {padding-top: 5vw;}
	.wrap-component.pt-vwide {padding-top: 10vw;}
	.wrap-component.pb-nrw {padding-bottom: 2.5vw;}
	.wrap-component.pb-wide {padding-bottom: 5vw;}
	.wrap-component.pb-vwide {padding-bottom: 10vw;}
	.wrap-component .pt-nrw {padding-top: 2.5vw;}
	.wrap-component .pt-wide {padding-top: 5vw;}
	.wrap-component .pt-vwide {padding-top: 10vw;}
	.wrap-component .pb-nrw {padding-bottom: 2.5vw;}
	.wrap-component .pb-wide {padding-bottom: 5vw;}
	.wrap-component .pb-vwide {padding-bottom: 10vw;}
	.wrap-component .component-contents.pt-nrw {padding-top: 2.5vw;}
	.wrap-component .component-contents.pt-wide {padding-top: 5vw;}
	.wrap-component .component-contents.pt-vwide {padding-top: 10vw;}
	.wrap-component .component-contents.pb-nrw {padding-bottom: 2.5vw;}
	.wrap-component .component-contents.pb-wide {padding-bottom: 5vw;}
	.wrap-component .component-contents.pb-vwide {padding-bottom: 10vw;}

	/* common text area */
	.wrap-component .component-text .logo {padding-bottom: 1.25vw;}
	.wrap-component .component-text .logo img {min-width: 3.5vw; min-height: 3.5vw;}
    .wrap-component .component-text .box-title .title { font-size:3.250vw; }
	.wrap-component .component-text .box-title .title.lrg { font-size: 3.750vw; }
	.wrap-component .component-text .box-title .title.lrg.pcd { font-size: 3.75vw;}
    .wrap-component .component-text .box-title .title.sml { font-size:2.250vw; }
	.wrap-component .component-text .box-title .sub { font-size:1.500vw; }
    .wrap-component .component-text .box-title .sub.sml { font-size:1.125vw; }
    .wrap-component .component-text .box-title .sub.above { padding-bottom:0.625vw; }
	.wrap-component .component-text .box-title .sub.below { padding-top:1.250vw; }
	.wrap-component .component-text .box-title .sub.pcd { font-size: 1.5vw; }
    .wrap-component .component-text .box-title .desc { margin-top: 35px; font-size:1.125vw; }
	.wrap-component .component-text .box-title .desc.sml { font-size:1vw; }
	.wrap-component .component-text .box-title .desc.pcd { font-size:1.125vw; }
	.wrap-component .component-text .box-title + .box-btns { padding-top: 2.500vw; }
    .wrap-component .component-text .box-disc { margin-top: 20px; }
    /* .wrap-component .component-text .box-disc .disc { font-size: 0.750vw; } */
    .wrap-component .component-contents .visual-area .box-disc { padding:1.2500vw 1.5000vw; }
    .wrap-component .component-contents .visual-area .box-disc .disc, .wrap-component .component-text .box-disc .disc { font-size:1vw; } /* 220927 수정 */

	/* button */
	.wrap-component .box-btns {padding-bottom: 1vw;}
	/* .wrap-component .box-btns > ul {margin: -.625vw;}230703 */
	.wrap-component .box-btns > ul {margin: -.625vw 0;}
	.wrap-component .btn-underline {line-height: 1.25vw; font-size: .875vw;}
	.wrap-component .btn-round {/* max-width:16.875vw; */ min-width: 6vw; height: 2.5vw; line-height: 2.375vw; padding: 0 1.5vw; font-size: .875vw; border-radius: 1.25vw;}
	.wrap-component .component-contents .visual-area .btn-play-video {width: 6.25vw; height: 6.25vw;}

	/* dropdown */
	.wrap-droplist.compo .droplist-button {min-width: 7.5vw; height: 2.5vw; padding: 0 2.25vw 0 1.25vw; font-size: .875vw; border-radius: .3125vw;}
	.wrap-droplist.compo .droplist-button:before {margin-top: -.5vw; right: .375vw; width: 1vw; height: 1vw; background-size: 1vw auto;}
	.wrap-droplist.compo.active .droplist-button:before {background-size: 1vw auto;}
	.wrap-droplist.compo .droplist {border-radius: .3125vw;}
	.wrap-droplist.compo .droplist li {line-height: 2vw; padding: 0 1.25vw; font-size: .875vw;}

	/* common video */
	.wrap-component .component-contents .visual-area.rounded img, 
	.wrap-component .component-contents.type-video .visual-area.rounded .video img {overflow: hidden; border-radius: 1.25vw;}
	.wrap-component .component-contents.type-video .box-video-btns .btn-video-play {width: 7.375vw; height: 7.375vw; background-size: 7.375vw auto;}
	.wrap-component .component-contents.type-video .visual-area.rounded.dimm > .video:after {border-radius: 1.25vw;}

	/* common slider */
	.wrap-component .slider-tab-title {padding: 0 1.5vw;}
	.wrap-component .slider-tab-title .title button {padding-bottom: .125vw; font-size: 1vw;/* 22-06-16 KDP-13663 */}
	.wrap-component .slick-slider .slick-arrow.slick-prev {left: 1.25vw;}
	.wrap-component .slick-slider .slick-arrow.slick-next {right: 1.25vw;}
	.wrap-component .slick-slider.arr-circle .slick-arrow {width: 3.5vw; height: 3.5vw;}
	.wrap-component .slick-slider.arr-line .slick-arrow {width: 4vw; height: 4vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow {width: 2.75vw; height: 7.5vw;}

	/* Component 01 - Feature Benefit */
	.feature-benefit .component-contents .component-text {padding: 0 5vw;}
	.feature-benefit .component-contents .component-text .component-text-inner {margin: 3.75vw 0;}
	.feature-benefit.img-bottom .component-contents .component-text {padding-bottom: 2.5vw;}
	.feature-benefit.img-bottom .component-contents .visual-area .box-disc {padding-top: 1.25vw;}

	/* Component 02 - Feature full-bleed */
	.feature-full-bleed .component-contents .component-text .component-text-inner {padding: 5vw;}
	.feature-full-bleed .component-contents[class*='txt-btm-'] .component-text .component-text-inner {padding: 1.875vw 5vw;}

	/* Component 03 - Carousel Container */
	.carousel-container .component-contents .component-text .component-text-inner {padding: 5vw;}
	.carousel-container .component-contents .slider-carousel-visual.rounded .visual {border-radius: 1.25vw;}
	.carousel-container.mode-center .component-contents .slider-carousel-visual {margin: 0 -1.5vw;}
	.carousel-container.mode-center .component-contents .slider-carousel-visual .visual {margin: 0 1.5vw;}
	.carousel-container .component-contents.type-video .slider-carousel-visual.rounded .visual-area.dimm:after {border-radius: 1.25vw;}
	.carousel-container .component-contents .component-text.txt-top-left,
	.carousel-container .component-contents .component-text.txt-top-right,
	.carousel-container .component-contents .component-text.txt-top-center,
	.carousel-container .component-contents .component-text.txt-btm-left,
	.carousel-container .component-contents .component-text.txt-btm-right,
	.carousel-container .component-contents .component-text.txt-btm-center {top: 3.750vw; bottom: 3.750vw;}

	/* Component 05 - Primary Selection */
	.primary-selection .component-contents .component-text {padding-right: 4.625vw; padding-left: 4.625vw; padding-bottom: 3.75vw;}
	.primary-selection .component-contents .component-text .box-btns {padding-bottom: 1.25vw;}
	.primary-selection .visual-area {padding: 0 1.5vw;}
	.primary-selection .visual-area .slider-prd-selection {padding: 0 3.125vw;}
	.primary-selection .visual-area .slider-prd-selection .slick-list {margin-left: -.5vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item {margin: 0 .5vw; padding: 1.875vw 1.5625vw 2.5vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-img {max-width: 16.25vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info {min-height: 8.875vw; padding-top: 2.25vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .name {margin-top: .125vw; font-size: 1.25vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .desc {padding-top: .875vw; font-size: .875vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .box-btns {padding-top: 1.25vw;}
	.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-prev {left: .5625vw;}
	.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-next {right: .5625vw;}
	.primary-selection .visual-area.rounded .slider-prd-selection .prd-item {border-radius: 1.25vw;}

	/* Component 07 - Columns Container */
	.columns-container .component-contents .component-text .box-title .desc {padding-bottom: 2.5vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info {padding: 2.5vw 1.500vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .title {font-size: 2vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {padding-top: 1.25vw; font-size: 1.25vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {padding-top: 1.25vw; font-size: .875vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-btns {padding: 3.75vw 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc {padding: 1vw 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc p {padding-left: .625vw; text-indent: -.625vw; font-size: .875vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml {padding: 0 .9375vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml .col-item {margin: 0 .9375vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide {padding: 0 1.875vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide .col-item {margin: 0 1.875vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml.col-line .col-item ~ .col-item:after {left: -.9375vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide.col-line .col-item ~ .col-item:after {left: -1.875vw;}
	.columns-container .visual-area.rounded .slider-col-container .col-img, 
	.columns-container .visual-area.rounded .slider-col-container .col-video {border-radius: 1.25vw;}
	.columns-container .visual-area.rounded .slider-col-container .col-item {border-top-right-radius: 1.25vw; border-top-left-radius: 1.25vw;}
	/* .columns-container .component-contents.type-video .box-video-btns .btn-video-play {width: 3.125vw; height: 3.125vw; background-size: 3.125vw auto;} */ /* 2021-04-15 */

	/* Component 10 - Text Box */
	.textbox-simple .component-contents .component-text {padding: 0 5vw;}

	/* Component 11 - Q&A */
	.qna-container .component-contents .component-text .component-text-inner {padding: 5vw;}
	.popup-comp-qna .electric-range-qna .pop-close {top: 2.5vw; right: 2.5vw; width: 2.625vw; height: 2.625vw; background-size: 1.375vw auto;}
	.popup-comp-qna .electric-range-qna .pick-wrap {padding: 3.75vw 2.625vw 0;}
	.popup-comp-qna .electric-range-qna .pick-wrap h3 {padding-bottom: 3.75vw; font-size: 2vw;}
	.popup-comp-qna .electric-range-qna .question-list li {height: 5.5vw; border-radius: 3.125vw;}
	.popup-comp-qna .electric-range-qna .question-list li a {padding-left: 7.125vw;}
	.popup-comp-qna .electric-range-qna .question-list li a .txt {font-size: 1.125vw;}
	.popup-comp-qna .electric-range-qna .question-list li a .icon {left: 2.875vw; width: 3vw; height: 3.75vw;}
	.popup-comp-qna .electric-range-qna .question-list li ~ li {margin-top: 2.5vw;}
	.popup-comp-qna .electric-range-qna .cont-wrap {padding: 3.375vw 6.25vw 6.25vw;}
	.popup-comp-qna .electric-range-qna .answer-list > li .desc {font-size: .875vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl {padding-top: 1.5vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl dt {padding-bottom: 2.5vw; font-size: 1.25vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl dd {font-size: 2vw; color: #000;}
	.popup-comp-qna .electric-range-qna .answer-list dl .answer-ico {left: -3.75vw; width: 2.5vw; height: 4.1875vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl dt .answer-ico {top: -1.3125vw; background-size: 2.75vw auto;}
	.popup-comp-qna .electric-range-qna .answer-list dl dd .answer-ico {top: -.9375vw; background-size: 2.625vw auto;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img {padding: 3.75vw 0 2.5vw;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] {width: calc(50% - 1.25vw);}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div {padding-top: 1.875vw; font-size: 1.125vw;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div strong {padding-bottom: 1.25vw; font-size: 1.375vw;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .cont2 {margin-left: 2.5vw;}
	.popup-comp-qna .electric-range-qna .answer-list.rounded .answer-img [class^=cont] img {border-radius: 1.25vw;}

	/* Component 12 - Check List */
	.checklist-container .slider-tab-title {padding: 1.25vw 0;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner {padding-right: 5vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .title {padding-bottom: 2.5vw; font-size: 2vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .desc {font-size: 1.25vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .icon {margin-top: 5vw; width: 5vw; height: 5vw;}
	.checklist-container .slider-checklist-visual.rounded .visual {border-radius: 1.25vw;}

	/* Component 13 - Article Citation */
	.article-citation .component-contents .component-text .component-text-inner {padding: 5vw;}
	.popup-comp-news .popup-component-contents {height: 36vw;}

	/* Component 14 - Video 3~4 Columns */
	.video-columns .component-contents .popup-comp-video {position: absolute;}
	.video-columns .component-contents .component-text .component-text-inner {padding: 5vw;}
	.video-columns .component-contents .bundle-area {padding: 1.5vw 3.125vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle {flex: 0 0 calc(25% - .9375vw); width: calc(25% - .9375vw);}
	.video-columns .component-contents .bundle-area .box-video-list .bundle ~ .bundle {margin-left: 1.25vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle a {padding: 1.5vw 1.25vw 1.25vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info {padding-bottom: 1vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info .sub {padding-bottom: .5vw; font-size: 1.125vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info .title {font-size: 1.375vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video {height: 1.75vw; padding: 0 .9375vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video span {line-height: 1.625vw; margin-bottom: .0625vw; padding-right: 1.375vw; font-size: .875vw; background-size: 1vw auto;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .icon {bottom: 1.5vw; right: 1.25vw; width: 5vw; height: 5vw;}

	/* Component 16 - FAQ */
	.faq-container .component-contents .component-text .box-title .desc {padding-bottom: 2.5vw;}
	.faq-container .component-contents .slider-faq-container .list a {padding: 1.0625vw 0 1.5vw;}
	.faq-container .component-contents .slider-faq-container .list .qus {width: 3.25vw; height: 3.25vw; margin-bottom: 1.8125vw; background-size: 3.25vw auto;}
	.faq-container .component-contents .slider-faq-container .list .title {height: 8.75vw; padding: 0 3.125vw; font-size: 1.375vw;}
	.faq-container .component-contents .slider-faq-container .list .btn-underline {margin-top: 1.25vw;}
	.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-prev, 
	.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-next {bottom: 10.9375vw;}
	.popup-comp-faq {box-shadow: .125vw .125vw 1.25vw rgba(0, 0, 0, .2);}
	.popup-comp-faq .popup-content .popup-head {padding: 0 2.5vw;}
	.popup-comp-faq .popup-content .popup-head .title {padding: 2.375vw 2.375vw 2.375vw 3.75vw; font-size: 1.25vw;}
	.popup-comp-faq .popup-content .popup-head .title .qus {left: 2.5vw; width: 2.8125vw; height: 2.8125vw; background-size: 2.8125vw auto;}
	.popup-comp-faq .popup-content .popup-detail {padding: 2.875vw 6.25vw 3.75vw;}
	.popup-comp-faq .popup-content .popup-detail .ans {top: 2.625vw; left: 2.5vw; width: 2.8125vw; height: 2.8125vw; background-size: 2.8125vw auto;}
	.popup-comp-faq .popup-content .popup-detail .txt {font-size: 2vw;}
	.popup-comp-faq .popup-content .popup-detail .img {margin-top: 3.0625vw;}
	.popup-comp-faq .popup-content .popup-detail .box-disc {padding-top: 2.5vw;}
	.popup-comp-faq .popup-content .popup-detail .box-disc p {font-size: .875vw;}
	.popup-comp-faq .popup-content.rounded .popup-detail .img {border-radius: 1.25vw;}

	/* Component 18 - Gallery Carousel */
	.gallery-carousel .component-contents .component-text {padding-bottom: 2.5vw;}
	.gallery-carousel .component-contents .visual-area .box-disc {padding: 2.5vw 10vw;}
	.gallery-carousel .visual-area.rounded .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a {border-radius: 1.25vw;}
	.gallery-carousel .slider-grid-gallery .slick-dots {margin-top: 2.5vw;}
	.popup-comp-gallery .slider-gallery-detail .big img {max-width: calc(100% - 27.5vw);}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow {width: 3.125vw; height: 3.125vw;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-prev {left: 1.625vw; background-size: 3.125vw auto;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-next {right: 1.625vw; background-size: 3.125vw auto;}

	/* Component 20 - Video List */
	.video-list-container .slider-video-list {padding: 0 1.5vw;}
	.video-list-container .slider-video-list .slick-list {margin: 0 -.75vw;}
	.video-list-container .slider-video-list .video {padding: 0 .75vw;}
	.video-list-container .slider-video-list .video .video-img {border-radius: 1.25vw;}
	.video-list-container .slider-video-list .video .video-img:before {right: 1.875vw; z-index: 1; width: 3.125vw; height: 3.125vw; background-size: 3.125vw auto;}
	.video-list-container .slider-video-list .video .video-img .img-tit {left: 1.5vw; right: 6.25vw; font-size: 1vw;}
	.video-list-container .slider-video-list .video .video-img .time {bottom: 1.5vw; right: 1.5vw; font-size: .875vw;}
	.video-list-container .slider-video-list .video .video-info {padding-top: 1.875vw;}
	.video-list-container .slider-video-list .video .video-info .title {margin-bottom: 1.25vw; font-size: 1.25vw;}
	.video-list-container .slider-video-list .video .video-info .desc {font-size: .875vw;}
	.video-list-container .slider-video-list.slick-slider.ind-dot .slick-dots {margin: 2.5vw 0;}
	.video-list-container .box-btns {padding-top: 5vw;}
	.video-list-container .slider-video-list .video .popup-comp-player {border-radius: 1.25vw;}
}

@media all and (max-width:1440px) {
	/* common padding */
	.wrap-component.pt-nrw {padding-top: 2.7778vw;}
	.wrap-component.pt-wide {padding-top: 5.5556vw;}
	.wrap-component.pt-vwide {padding-top: 11.1111vw;}
	.wrap-component.pb-nrw {padding-bottom: 2.7778vw;}
	.wrap-component.pb-wide {padding-bottom: 5.5556vw;}
	.wrap-component.pb-vwide {padding-bottom: 11.1111vw;}
	.wrap-component .pt-nrw {padding-top: 2.7778vw;}
	.wrap-component .pt-wide {padding-top: 5.5556vw;}
	.wrap-component .pt-vwide {padding-top: 11.1111vw;}
	.wrap-component .pb-nrw {padding-bottom: 2.7778vw;}
	.wrap-component .pb-wide {padding-bottom: 5.5556vw;}
	.wrap-component .pb-vwide {padding-bottom: 11.1111vw;}
	.wrap-component .component-contents .pt-nrw {padding-top: 2.7778vw;}
	.wrap-component .component-contents .pt-wide {padding-top: 5.5556vw;}
	.wrap-component .component-contents .pt-vwide {padding-top: 11.1111vw;}
	.wrap-component .component-contents .pb-nrw {padding-bottom: 2.7778vw;}
	.wrap-component .component-contents .pb-wide {padding-bottom: 5.5556vw;}
	.wrap-component .component-contents .pb-vwide {padding-bottom: 11.1111vw;}

    /* common text area */
	.wrap-component .component-text .logo { padding-bottom:1.389vw; }
	.wrap-component .component-text .logo img {min-width: 3.889vw; min-height: 3.889vw;}
    .wrap-component .component-text .box-title .title { font-size:3.611vw; }
    .wrap-component .component-text .box-title .title.lrg { font-size:4.167vw; }
    .wrap-component .component-text .box-title .title.lrg.pcd { font-size:4.1667vw; }
    .wrap-component .component-text .box-title .title.sml { font-size:2.500vw; }
	.wrap-component .component-text .box-title .sub { font-size:1.667vw; }
    .wrap-component .component-text .box-title .sub.sml { font-size:1.250vw; }
    .wrap-component .component-text .box-title .sub.above { padding-bottom:0.694vw; }
	.wrap-component .component-text .box-title .sub.below { padding-top:1.389vw; }
	.wrap-component .component-text .box-title .sub.pcd { font-size: 1.6667vw; }
    .wrap-component .component-text .box-title .desc { margin-top: 35px; font-size:1.250vw; }
	.wrap-component .component-text .box-title .desc.sml { font-size:1.111vw; }
	.wrap-component .component-text .box-title .desc.pcd { font-size:1.250vw; }
	.wrap-component .component-text .box-title + .box-btns { padding-top: 2.778vw; }
	.wrap-component .component-text .box-disc { margin-top: 2.778vw; }
	.wrap-component .component-text .box-disc .disc { font-size: 0.9722vw; } /* 220927 수정 */
	.wrap-component .component-contents .visual-area .box-disc { padding:1.3889vw 1.6667vw; }
	.wrap-component .component-contents .visual-area .box-disc .disc {font-size:0.9722vw; } /* 220927 수정 */
	.wrap-component .component-text .box-countdown + .box-disc,
	.wrap-component .component-text .box-countdown + .box-btns {margin-top: 0.783vw;}/* 22-02-09 unpac */

	/* button */
	.wrap-component .box-btns {padding-bottom: 1.1111vw;}
	/* .wrap-component .box-btns > ul {margin: -.6944vw;} 230703 */
	/* .wrap-component .box-btns > ul > li {height: 2.7778vw; margin: .6944vw -.555555556vw;} */
	.wrap-component .box-btns > ul {margin: -.6944vw 0;}
	.wrap-component .box-btns > ul > li {height: 2.7778vw; margin: .6944vw 0;}
	.wrap-component .box-btns > ul > li button {margin: 0 10px;}
	.wrap-component .btn-underline {line-height: 1.3889vw; font-size: .9722vw;}
	.wrap-component .btn-round {/* max-width:18.75vw; */ min-width: 6.666667vw; height: 2.7778vw; line-height: 2.6389vw; padding: 0 1.666667vw; font-size: .9722vw; border-radius: 1.3889vw;}
	.wrap-component .component-contents .visual-area .btn-play-video {width: 6.9444vw; height: 6.9444vw;}

	/* dropdown */
	.wrap-droplist.compo .droplist-button {min-width: 8.3333vw; height: 2.7778vw; padding: 0 2.5vw 0 1.3889vw; font-size: .9722vw; border-radius: .3472vw;}
	.wrap-droplist.compo .droplist-button:before {margin-top: -.5556vw; right: .4167vw; width: 1.1111vw; height: 1.1111vw; background-size: 1.1111vw auto;}
	.wrap-droplist.compo.active .droplist-button:before {background-size: 1.1111vw auto;}
	.wrap-droplist.compo .droplist {border-radius: .3472vw;}
	.wrap-droplist.compo .droplist li {line-height: 2.2222vw; padding: 0 1.3889vw; font-size: .9722vw;}

	/* common popup */
	.popup-comp-player {width: 90%;}
	.popup-comp-player.embed {width: 100%;}

	/* common video */
	.wrap-component .slick-slider .component-text, 
	.wrap-component.w1680px .slick-slider .component-text, 
	.wrap-component.w1440px .slick-slider .component-text {width: 100%; padding: 0 8.33333vw;}
	.wrap-component .component-contents .visual-area.rounded img, 
	.wrap-component .component-contents.type-video .visual-area.rounded .video img {overflow: hidden; border-radius: 1.3889vw;}
	.wrap-component .component-contents.type-video .box-video-btns .btn-video-play {width: 8.194vw; height: 8.194vw; background-size: 8.194vw auto;}
	.wrap-component .component-contents.type-video .visual-head {margin: .694vw 0; font-size: 1.319vw;}
	.wrap-component .component-contents.type-video .visual-sub {font-size: .972222vw;}
	.wrap-component .component-contents.type-video .visual-area.rounded.dimm > .video:after {border-radius: 1.3889vw;}

	/* common slider */
	.wrap-component .slick-slider.ind-dot .slick-dots li ~ li {margin-left: .2778vw;}
	.wrap-component .slick-slider.ind-dot .slick-dots li button {width: 1.1111vw; height: 1.1111vw;}
	.wrap-component .slick-slider.ind-dot .slick-dots li button:after {width: .5556vw; height: .5556vw;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li, /*230810*/
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li ~ li {margin-left: .2778vw;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button {width: 1.1111vw; height: 1.1111vw;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button:after {width: .5556vw; height: .5556vw;}

	.wrap-component .slider-controls .wrap-controls {margin-right: .555556vw;}
	.wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 7.5vw;}
	.wrap-component .slick-slider.ind-out ~ .slider-controls {margin-top: 3.33333vw;}
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 3.33333vw;}
	.wrap-component .slick-slider ~ .slider-controls .slide-btn {width: 1.04166667vw; height: 1.04166667vw; background-size: cover !important;}

	.wrap-component .slick-slider.ind-line .slick-dots, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots {padding-bottom: .4166667vw;}
	.wrap-component .slick-slider.ind-line .slick-dots li, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li {width: 6.9166667vw; margin: 0 .555556vw;}/* 22-08-22 KDP-16421 */
	.wrap-component .slick-slider.ind-line .slick-dots li button, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button {padding: 0 0 .5555556vw;}
	.wrap-component .slick-slider.ind-line .slick-dots li button span, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button span {max-height: 1.9vw;}/* 22-07-15 KDP-14977 */
	.wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button span {font-size: .97222vw;}

	.wrap-component .slider-tab-title {padding: 0 1.6667vw;}
	.wrap-component .slider-tab-title .title button {padding-bottom: .1389vw; font-size: 1.0417vw;/* 22-06-16 KDP-13663 */}
	.wrap-component .slick-slider .slick-arrow.slick-prev {left: 1.1111vw;}
	.wrap-component .slick-slider .slick-arrow.slick-next {right: 1.1111vw;}
	.wrap-component .slick-slider.arr-circle .slick-arrow {width: 3.8889vw; height: 3.8889vw; font-size: .0694vw;}
	.wrap-component .slick-slider.arr-circle .slick-arrow:after {background-size: 1.11111vw;}
	.wrap-component .slick-slider.arr-line .slick-arrow {width: 4.4444vw; height: 4.4444vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow {width: 3.0556vw; height: 8.3333vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-prev {border-top-right-radius: .3472vw; border-bottom-right-radius: .3472vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-next {border-top-left-radius: .3472vw; border-bottom-left-radius: .3472vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-prev:after {width: 3.0556vw; height: 8.3333vw; background-size: 3.0556vw auto;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-next:after {width: 3.0556vw; height: 8.3333vw; background-size: 3.0556vw auto;}

	/* Component 01 - Feature Benefit */
	.feature-benefit .component-contents .component-text {padding: 0 5.5556vw;}
	.feature-benefit .component-contents .component-text .component-text-inner {margin: 4.166667vw 0;}
	.feature-benefit.img-bottom .component-contents .component-text {padding-bottom: 2.7778vw;}
	.feature-benefit.img-bottom .component-contents .visual-area .box-disc {padding-top: 1.3889vw;}

	/* Component 02 - Feature full-bleed */
	.feature-full-bleed .component-contents .component-text .component-text-inner {padding: 5.5556vw;}
	.feature-full-bleed .component-contents[class*='txt-btm-'] .component-text .component-text-inner {padding: 2.08333vw 5.5556vw;}

	/* Component 03 - Carousel Container */
	.carousel-container .component-contents .component-text .component-text-inner {padding: 5.5556vw;}
	.carousel-container .component-contents .slider-carousel-visual.rounded .visual {border-radius: 1.3889vw;}
	.carousel-container.mode-center .component-contents .slider-carousel-visual {margin: 0 -1.6667vw;}
	.carousel-container.mode-center .component-contents .slider-carousel-visual .visual {margin: 0 1.6667vw;}
	.carousel-container .component-contents.type-video .slider-carousel-visual.rounded .visual-area.dimm:after {border-radius: 1.3889vw;}
	.carousel-container .component-contents .component-text.txt-top-left,
	.carousel-container .component-contents .component-text.txt-top-right,
	.carousel-container .component-contents .component-text.txt-top-center,
	.carousel-container .component-contents .component-text.txt-btm-left,
	.carousel-container .component-contents .component-text.txt-btm-right,
	.carousel-container .component-contents .component-text.txt-btm-center {top: 4.167vw; bottom: 4.167vw;}
	.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner{padding-bottom:2.5556vw}/* 211222 */

	/* Component 05 - Primary Selection */
	.primary-selection .component-contents .component-text {padding-right: 5.1389vw; padding-left: 5.1389vw; padding-bottom: 4.1667vw;}
	.primary-selection .component-contents .component-text .box-btns {padding-bottom: 1.3889vw;}
	.primary-selection .visual-area {padding: 0 1.6667vw;}
	.primary-selection .visual-area .slider-prd-selection {padding: 0 3.4722vw;}
	.primary-selection .visual-area .slider-prd-selection .slick-list {margin-left: -.5556vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item {margin: 0 .5556vw; padding: 2.0833vw 1.7361vw 2.7778vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-img {max-width: 18.0556vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info {min-height: 9.8611vw; padding-top: 2.5vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .name {margin-top: .1389vw; font-size: 1.3889vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .desc {padding-top: .9722vw; font-size: .9722vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .box-btns {padding-top: 1.3889vw;}
	.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-prev {left: .625vw;}
	.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-next {right: .625vw;}
	.primary-selection .visual-area.rounded .slider-prd-selection .prd-item {border-radius: 1.3889vw;}

	/* Component 07 - Columns Container */
	.columns-container .component-contents .component-text .box-title .desc {padding-bottom: 2.7778vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info {padding: 2.7778vw 1.667vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .title {font-size: 2.2222vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {padding-top: 1.3889vw; font-size: 1.3889vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {padding-top: 1.3889vw; font-size: .9722vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-btns {padding: 4.1667vw 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc {padding: 1.1111vw 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc p {font-size: .9722vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml {padding: 0 1.0417vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml .col-item {margin: 0 1.0417vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide {padding: 0 2.0833vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide .col-item {margin: 0 2.0833vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml.col-line .col-item ~ .col-item:after {left: -1.0417vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide.col-line .col-item ~ .col-item:after {left: -2.0833vw;}
	.columns-container .visual-area.rounded .slider-col-container .col-img, 
	.columns-container .visual-area.rounded .slider-col-container .col-video {border-radius: 1.3889vw;}
	.columns-container .visual-area.rounded .slider-col-container .col-item {border-top-right-radius: 1.3889vw; border-top-left-radius: 1.3889vw;}
	/* .columns-container .component-contents.type-video .box-video-btns .btn-video-play {width: 3.4722vw; height: 3.4722vw; background-size: 3.4722vw auto;} */ /* 2021-04-15 */

	/* Component 10 - Text Box */
	.textbox-simple .component-contents .component-text {padding: 0 5.5556vw;}

	/* Component 11 - Q&A */
	.qna-container .component-contents .component-text .component-text-inner {padding: 5.5556vw;}
	.popup-comp-qna .electric-range-qna .pop-close {top: 2.7778vw; right: 2.7778vw; width: 2.9167vw; height: 2.9167vw; background-size: 1.5278vww auto;}
	.popup-comp-qna .electric-range-qna .pick-wrap {padding: 4.1667vw 2.9167vw 0;}
	.popup-comp-qna .electric-range-qna .pick-wrap h3 {padding-bottom: 4.1667vw; font-size: 2.2222vw;}
	.popup-comp-qna .electric-range-qna .question-list li {height: 6.1111vw; border-radius: 3.4722vw;}
	.popup-comp-qna .electric-range-qna .question-list li a {padding-left: 7.9167vw;}
	.popup-comp-qna .electric-range-qna .question-list li a .txt {font-size: 1.25vw;}
	.popup-comp-qna .electric-range-qna .question-list li a .icon {left: 3.1944vw; width: 3.3333vw; height: 4.1667vw;}
	.popup-comp-qna .electric-range-qna .question-list li ~ li {margin-top: 2.7778vw;}
	.popup-comp-qna .electric-range-qna .cont-wrap {padding: 3.75vw 6.9444vw 6.9444vw;}
	.popup-comp-qna .electric-range-qna .answer-list > li .desc {font-size: .9722vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl {padding-top: 1.6667vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl dt {padding-bottom: 2.7778vw; font-size: 1.3889vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl dd {font-size: 2.2222vw; color: #000;}
	.popup-comp-qna .electric-range-qna .answer-list dl .answer-ico {left: -4.1667vw; width: 2.7778vw; height: 4.6528vw;}
	.popup-comp-qna .electric-range-qna .answer-list dl dt .answer-ico {top: -1.4583vw; background-size: 3.0556vw auto;}
	.popup-comp-qna .electric-range-qna .answer-list dl dd .answer-ico {top: -1.0417vw; background-size: 2.9167vw auto;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img {padding: 4.1667vw 0 2.7778vw;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] {width: calc(50% - 1.3889vw);}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div {padding-top: 2.0833vw; font-size: 1.25vw;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div strong {padding-bottom: 1.3889vw; font-size: 1.5278vw;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .cont2 {margin-left: 2.7778vw;}
	.popup-comp-qna .electric-range-qna .answer-list.rounded .answer-img [class^=cont] img {border-radius: 1.3889vw;}

	/* Component 12 - Check List */
	.checklist-container .slider-tab-title {padding: 1.3889vw 0;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner {padding-right: 5.5556vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .title {padding-bottom: 2.7778vw; font-size: 2.2222vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .desc {font-size: 1.3889vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .icon {margin-top: 5.5556vw; width: 5.5556vw; height: 5.5556vw;}
	.checklist-container .slider-checklist-visual.rounded .visual {border-radius: 1.3889vw;}

	/* Component 13 - Article Citation */
	.article-citation .component-contents .component-text .component-text-inner {padding: 5.5556vw;}
	.popup-comp-news .popup-component-contents {height: 40vw;}

	/* Component 14 - Video 3~4 Columns */
	.video-columns .component-contents .component-text .component-text-inner {padding: 5.5556vw;}
	.video-columns .component-contents .bundle-area {padding: 1.6667vw 3.4722vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle {flex: 0 0 calc(25% - 1.0417vw); width: calc(25% - 1.0417vw);}
	.video-columns .component-contents .bundle-area .box-video-list .bundle ~ .bundle {margin-left: 1.3889vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle a {padding: 1.6667vw 1.3889vw 1.3889vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info {padding-bottom: 1.1111vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info .sub {padding-bottom: .5556vw; font-size: 1.25vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info .title {font-size: 1.5278vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video {height: 1.9444vw; padding: 0 1.0417vw;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video span {line-height: 1.8056vw; margin-bottom: .0694vw; padding-right: 1.5278vw; font-size: .9722vw; background-size: 1.1111vw auto;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .icon {bottom: 1.6667vw; right: 1.3889vw; width: 5.5556vw; height: 5.5556vw;}

	/* Component 16 - FAQ */
	.faq-container .component-contents .component-text .box-title .desc {padding-bottom: 2.7778vw;}
	.faq-container .component-contents .slider-faq-container .list a {padding: 1.1806vw 0 1.6667vw;}
	.faq-container .component-contents .slider-faq-container .list .qus {width: 3.6111vw; height: 3.6111vw; margin-bottom: 2.0139vw; background-size: 3.6111vw auto;}
	.faq-container .component-contents .slider-faq-container .list .title {height: 9.7222vw; padding: 0 3.4722vw; font-size: 1.5278vw;}
	.faq-container .component-contents .slider-faq-container .list .btn-underline {margin-top: 1.3889vw;}
	.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-prev, 
	.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-next {bottom: 12.1528vw;}
	.popup-comp-faq {box-shadow: .1389vw .1389vw 1.3889vw rgba(0, 0, 0, .2);}
	.popup-comp-faq .popup-content .popup-head {padding: 0 2.7778vw;}
	.popup-comp-faq .popup-content .popup-head .title {padding: 2.6389vw 2.6389vw 2.6389vw 4.1667vw; font-size: 1.3889vw;}
	.popup-comp-faq .popup-content .popup-head .title .qus {left: 2.7778vw; width: 3.125vw; height: 3.125vw; background-size: 3.125vw auto;}
	.popup-comp-faq .popup-content .popup-detail {padding: 3.1944vw 6.9444vw 4.1667vw;}
	.popup-comp-faq .popup-content .popup-detail .ans {top: 2.9167vw; left: 2.7778vw; width: 3.125vw; height: 3.125vw; background-size: 3.125vw auto;}
	.popup-comp-faq .popup-content .popup-detail .txt {font-size: 2.2222vw;}
	.popup-comp-faq .popup-content .popup-detail .img {margin-top: 3.4028vw;}
	.popup-comp-faq .popup-content .popup-detail .box-disc {padding-top: 2.7778vw;}
	.popup-comp-faq .popup-content .popup-detail .box-disc p {font-size: .9722vw;}
	.popup-comp-faq .popup-content.rounded .popup-detail .img {border-radius: 1.3889vw;}

	/* Component 18 - Gallery Carousel */
	.gallery-carousel .component-contents .component-text {padding-bottom: 2.7778vw;}
	.gallery-carousel .component-contents .visual-area .box-disc {padding: 2.7778vw 10vw;}
	.gallery-carousel .visual-area.rounded .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a {border-radius: 1.3889vw;}
	.gallery-carousel .slider-grid-gallery .slick-dots {margin-top: 2.7778vw;}
	.popup-comp-gallery .slider-gallery-detail .big img {max-width: calc(100% - 30.5556vw);}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow {width: 3.4722vw; height: 3.4722vw;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-prev {left: 1.8056vw; background-size: 3.4722vw auto;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-next {right: 1.8056vw; background-size: 3.4722vw auto;}

	/* Component 20 - Video List */
	.video-list-container .slider-video-list {padding: 0 1.6667vw;}
	.video-list-container .slider-video-list .slick-list {margin: 0 -.8333vw;}
	.video-list-container .slider-video-list .video {padding: 0 .8333vw;}
	.video-list-container .slider-video-list .video .video-img {border-radius: 1.3889vw;}
	.video-list-container .slider-video-list .video .video-img:before {right: 2.0833vw; z-index: 1; width: 3.4722vw; height: 3.4722vw; background-size: 3.4722vw auto;}
	.video-list-container .slider-video-list .video .video-img .img-tit {left: 1.6667vw; right: 6.9444vw; font-size: 1.1111vw;}
	.video-list-container .slider-video-list .video .video-img .time {bottom: 1.6667vw; right: 1.6667vw; font-size: .9722vw;}
	.video-list-container .slider-video-list .video .video-info {padding-top: 2.0833vw;}
	.video-list-container .slider-video-list .video .video-info .title {margin-bottom: 1.3889vw; font-size: 1.3889vw;}
	.video-list-container .slider-video-list .video .video-info .desc {font-size: .9722vw;}
	.video-list-container .slider-video-list.slick-slider.ind-dot .slick-dots {margin: 2.7778vw 0;}
	.video-list-container .box-btns {padding-top: 5.5556vw;}
	.video-list-container .slider-video-list .video .popup-comp-player {border-radius: 1.3889vw;}
}

/* 필요한 부분만 적용 */
@media all and (max-width:1100px) {
	/* 211025 */
	.wrap-component .component-text .box-title .desc{font-size:1.375vw}
	
	.wrap-component .component-contents .visual-area .box-disc {padding: 1.8182vw 2.1818vw;}
	.wrap-component .component-contents .visual-area .box-disc .disc, .wrap-component .component-text .box-disc .disc {font-size: 1.091vw;} /* 220927 수정 */


	/* button */
	.wrap-component .box-btns {padding-bottom: 1.4545vw;}
	/* .wrap-component .box-btns > ul {margin: -.9091vw;} 230703*/
	/* .wrap-component .box-btns > ul > li {height: 3.6364vw; margin: .9091vw -.727272727vw;} */
	.wrap-component .box-btns > ul {margin: -.9091vw 0;}
	.wrap-component .box-btns > ul > li {height: 3.6364vw; margin: .9091vw 0;}
	.wrap-component .box-btns > ul > li button {margin: 0 .727272727vw;}
	.wrap-component .btn-underline {line-height: 1.8182vw; font-size: 1.2727vw;}
	.wrap-component .btn-round {/* max-width:24.5455vw; */ min-width: 8.7272727vw; height: 3.6364vw; line-height: 3.4545vw; padding: 0 2.1818182vw; font-size: 1.2727vw; border-radius: 1.8182vw;}
	.wrap-component .component-contents .visual-area .btn-play-video {width: 9.0909vw; height: 9.0909vw;}

	/* dropdown */
	.wrap-droplist.compo .droplist-button {min-width: 10.9091vw; height: 3.6364vw; padding: 0 3.2727vw 0 1.8182vw; font-size: 1.2727vw; border-radius: .4545vw;}
	.wrap-droplist.compo .droplist-button:before {margin-top: -.7273vw; right: .5455vw; width: 1.4545vw; height: 1.4545vw; background-size: 1.4545vw auto;}
	.wrap-droplist.compo.active .droplist-button:before {background-size: 1.4545vw auto;}
	.wrap-droplist.compo .droplist {border-radius: .4545vw;}
	.wrap-droplist.compo .droplist li {line-height: 2.9091vw; padding: 0 1.8182vw; font-size: 1.2727vw;}

	/* common video */
	.wrap-component .slick-slider .component-text, 
	.wrap-component.w1680px .slick-slider .component-text, 
	.wrap-component.w1440px .slick-slider .component-text, 
	.wrap-component.w1024px .slick-slider .component-text {width: 100%; padding: 0 10.90909091vw;}
	.wrap-component .component-contents .visual-area.rounded img, 
	.wrap-component .component-contents.type-video .visual-area.rounded .video img {overflow: hidden; border-radius: 1.8182vw;}
	.wrap-component .component-contents.type-video .box-video-btns .btn-video-play {width: 8.1818vw; height: 8.1818vw; background-size: 8.1818vw auto;}
	.wrap-component .component-contents.type-video .visual-head {margin: 0 0 .90909vw; font-size: 2.1818182vw;}
	.wrap-component .component-contents.type-video .visual-sub {font-size: 1.2727273vw;}
	.wrap-component .component-contents.type-video .visual-area.rounded.dimm > .video:after {border-radius: 1.8182vw;}

	/* common slider */
	.wrap-component .slick-slider.ind-dot .slick-dots li ~ li {margin-left: .3636vw;}
	.wrap-component .slick-slider.ind-dot .slick-dots li button {width: 1.4545vw; height: 1.4545vw;}
	.wrap-component .slick-slider.ind-dot .slick-dots li button:after {width: .7273vw; height: .7273vw;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li, /*230810*/
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li ~ li {margin-left: .3636vw;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button {width: 1.4545vw; height: 1.4545vw;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button:after {width: .7273vw; height: .7273vw;}

	.wrap-component .slider-controls .wrap-controls {margin-right: .7272727vw;}

	.wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 9.8181818vw;}
	.wrap-component .slick-slider.ind-out ~ .slider-controls {margin-top: 4.3636364vw;}
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 2vw;}/* 211025 */
	.wrap-component .slick-slider ~ .slider-controls .slide-btn {width: 1.4545455vw; height: 1.4545455vw;}

	.wrap-component .slick-slider.ind-line .slick-dots, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots {padding-bottom: .545455vw;}
	.wrap-component .slick-slider.ind-line .slick-dots li, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li {width: 7.0909vw; margin: 0 0.5vw;}/* 22-08-23 KDP-16421 */
	.wrap-component .slick-slider.ind-line .slick-dots li button, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button {padding: 0 0 .72727vw;}
	.wrap-component .slick-slider.ind-line .slick-dots li button span, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button span {max-height: 3.4545455vw;}
	.wrap-component .slick-slider.ind-line ~ .slider-controls.type-title .slick-dots li button span {font-size: 1.2727273vw;}

	.wrap-component .slider-tab-title {padding: 0 2.1818vw;}
	.wrap-component .slider-tab-title .title button {padding-bottom: .1818vw; font-size: 1.2727vw;/* 22-06-16 KDP-13663 */}
	.wrap-component .slick-slider .slick-arrow.slick-prev {left: 1.8182vw;}
	.wrap-component .slick-slider .slick-arrow.slick-next {right: 1.8182vw;}
	.wrap-component .slick-slider.arr-circle .slick-arrow {width: 5.0909vw; height: 5.0909vw; font-size: .0909vw;}
	.wrap-component .slick-slider.arr-line .slick-arrow {width: 5.8182vw; height: 5.8182vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow {width: 4vw; height: 10.9091vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-prev {border-top-right-radius: .4545vw; border-bottom-right-radius: .4545vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-next {border-top-left-radius: .4545vw; border-bottom-left-radius: .4545vw;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-prev:after {width: 4vw; height: 10.9091vw; background-size: 4vw auto;}
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-next:after {width: 4vw; height: 10.9091vw; background-size: 4vw auto;}

	/* Component 01 - Feature Benefit */
	.feature-benefit .component-contents .component-text {padding: 0 7.2727vw;}
	.feature-benefit .component-contents .component-text .component-text-inner {margin: 5.4545455vw 0;}
	.feature-benefit.img-bottom .component-contents .component-text {padding-bottom: 3.6364vw;}
	.feature-benefit.img-bottom .component-contents .visual-area .box-disc {padding-top: 1.3636vw;}

	/* Component 02 - Feature full-bleed */
	.feature-full-bleed .component-contents .component-text .component-text-inner {padding: 7.2727vw;}

	/* Component 03 - Carousel Container */
	.carousel-container .component-contents .component-text .component-text-inner {padding: 7.2727vw;}
	.carousel-container .component-contents .slider-carousel-visual.rounded .visual {border-radius: 1.8182vw;}
	.carousel-container.mode-center .component-contents .slider-carousel-visual {margin: 0 -2.1818vw;}
	.carousel-container.mode-center .component-contents .slider-carousel-visual .visual {margin: 0 2.1818vw;}
	.carousel-container .component-contents.type-video .slider-carousel-visual.rounded .visual-area.dimm:after {border-radius: 1.8182vw;}
	.carousel-container .component-contents .component-text.txt-top-left,
	.carousel-container .component-contents .component-text.txt-top-right,
	.carousel-container .component-contents .component-text.txt-top-center,
	.carousel-container .component-contents .component-text.txt-btm-left,
	.carousel-container .component-contents .component-text.txt-btm-right,
	.carousel-container .component-contents .component-text.txt-btm-center {top: 5.455vw; bottom: 5.455vw;}	
	.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner{padding-bottom:0}/* 211222 */

	/* Component 05 - Primary Selection */
	.primary-selection .component-contents .component-text {padding-right: 6.7273vw; padding-left: 6.7273vw; padding-bottom: 5.4545vw;}
	.primary-selection .component-contents .component-text .box-btns {padding-bottom: 1.8182vw;}
	.primary-selection .visual-area {padding: 0 2.1818vw;}
	.primary-selection .visual-area .slider-prd-selection {padding: 0 4.5455vw;}
	.primary-selection .visual-area .slider-prd-selection .slick-list {margin-left: -.7273vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item {margin: 0 .7273vw; padding: 2.7273vw 2.2727vw 3.6364vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-img {max-width: 23.6364vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info {min-height: 12.9091vw; padding-top: 3.2727vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .name {margin-top: .1818vw; font-size: 1.8182vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .desc {padding-top: 1.2727vw; font-size: 1.2727vw;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .box-btns {padding-top: 1.8182vw;}
	.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-prev {left: .8182vw;}
	.primary-selection .visual-area .slider-prd-selection.arr-line .slick-arrow.slick-next {right: .8182vw;}
	.primary-selection .visual-area.rounded .slider-prd-selection .prd-item {border-radius: 1.8182vw;}

	/* Component 07 - Columns Container */
	.columns-container .component-contents .component-text .box-title .desc {padding-bottom: 3.6364vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info {padding: 3.6364vw 2.182vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .title {font-size: 2.9091vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {padding-top: 1.8182vw; font-size: 1.8182vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {padding-top: 1.8182vw; font-size: 1.2727vw;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-btns {padding: 5.4545vw 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc {padding: 1.4545vw 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc p {padding-left: .825vw; text-indent: -.825vw; font-size: 1.2727vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml {padding: 0 1.3636vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml .col-item {margin: 0 1.3636vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide {padding: 0 2.7273vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide .col-item {margin: 0 2.7273vw;}
	.columns-container .visual-area .slider-col-container.col-space-nrml.col-line .col-item ~ .col-item:after {left: -1.3636vw;}
	.columns-container .visual-area .slider-col-container.col-space-wide.col-line .col-item ~ .col-item:after {left: -2.7273vw;}
	.columns-container .visual-area.rounded .slider-col-container .col-img, 
	.columns-container .visual-area.rounded .slider-col-container .col-video {border-radius: 1.8182vw;}
	.columns-container .visual-area.rounded .slider-col-container .col-item {border-top-right-radius: 1.8182vw; border-top-left-radius: 1.8182vw;}
	/* .columns-container .component-contents.type-video .box-video-btns .btn-video-play {width: 4.5455vw; height: 4.5455vw; background-size: 4.5455vw auto;} */ /* 2021-04-15 */

	/* Component 10 - Text Box */
	.textbox-simple .component-contents .component-text {padding: 0 7.2727vw;}

	/* Component 11 - Q&A */
	.qna-container .component-contents .component-text .component-text-inner {padding: 7.2727vw;}
	.popup-comp-qna .electric-range-qna .answer-list > li .desc {font-size: 1.0909vw;}

	/* Component 12 - Check List */
	.checklist-container .slider-tab-title {padding: 1.8182vw 0;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner {padding-right: 7.2727vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .title {padding-bottom: 3.6364vw; font-size: 2.9091vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .desc {font-size: 1.8182vw;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .icon {margin-top: 7.2727vw; width: 7.2727vw; height: 7.2727vw;}
	.checklist-container .slider-checklist-visual.rounded .visual {border-radius: 1.8182vw;}

	/* Component 13 - Article Citation */
	.article-citation .component-contents .component-text .component-text-inner {padding: 7.2727vw;}
	.popup-comp-news .popup-component-contents {height: 52.3636vw;}

	/* Component 14 - Video 3~4 Columns */
	.video-columns .component-contents .component-text .component-text-inner {padding: 7.2727vw;}

	/* Component 16 - FAQ */
	.faq-container .component-contents .component-text .box-title .desc {padding-bottom: 3.6364vw;}
	.faq-container .component-contents .slider-faq-container .list a {padding: 1.5455vw 0 2.1818vw;}
	.faq-container .component-contents .slider-faq-container .list .qus {width: 4.7273vw; height: 4.7273vw; margin-bottom: 2.6364vw; background-size: 4.7273vw auto;}
	.faq-container .component-contents .slider-faq-container .list .title {height: 12.7273vw; padding: 0 4.5455vw; font-size: 2vw;}
	.faq-container .component-contents .slider-faq-container .list .btn-underline {margin-top: 1.8182vw;}
	.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-prev, 
	.faq-container .component-contents .slider-faq-container.arr-line .slick-arrow.slick-next {bottom: 15.9091vw;}
	.popup-comp-faq {box-shadow: .1818vw .1818vw 1.8182vw rgba(0, 0, 0, .2);}
	.popup-comp-faq .popup-content .popup-head {padding: 0 3.6364vw;}
	.popup-comp-faq .popup-content .popup-head .title {padding: 3.4545vw 3.4545vw 3.4545vw 5.4545vw; font-size: 1.8182vw;}
	.popup-comp-faq .popup-content .popup-head .title .qus {left: 3.6364vw; width: 4.0909vw; height: 4.0909vw; background-size: 4.0909vw auto;}
	.popup-comp-faq .popup-content .popup-detail {padding: 4.1818vw 9.0909vw 5.4545vw;}
	.popup-comp-faq .popup-content .popup-detail .ans {top: 3.8182vw; left: 3.6364vw; width: 4.0909vw; height: 4.0909vw; background-size: 4.0909vw auto;}
	.popup-comp-faq .popup-content .popup-detail .txt {font-size: 2.9091vw;}
	.popup-comp-faq .popup-content .popup-detail .img {margin-top: 4.4545vw;}
	.popup-comp-faq .popup-content .popup-detail .box-disc {padding-top: 3.6364vw;}
	.popup-comp-faq .popup-content .popup-detail .box-disc p {font-size: 1.2727vw;}
	.popup-comp-faq .popup-content.rounded .popup-detail .img {border-radius: 1.8182vw;}

	/* Component 18 - Gallery Carousel */
	.gallery-carousel .component-contents .component-text {padding-bottom: 3.6364vw;}
	.gallery-carousel .component-contents .visual-area .box-disc {padding: 3.6364vw 10vw;}
	.gallery-carousel .visual-area.rounded .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a {border-radius: 1.8182vw;}
	.gallery-carousel .slider-grid-gallery .slick-dots {margin-top: 3.6364vw;}
	.popup-comp-gallery .slider-gallery-detail .big img {max-width: calc(100% - 40vw);}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow {width: 4.5455vw; height: 4.5455vw;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-prev {left: 2.3636vw; background-size: 4.5455vw auto;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-next {right: 2.3636vw; background-size: 4.5455vw auto;}

	/* Component 20 - Video List */
	.video-list-container .slider-video-list {padding: 0 2.1818vw;}
	.video-list-container .slider-video-list .slick-list {margin: 0 -1.0909vw;}
	.video-list-container .slider-video-list .video {padding: 0 1.0909vw;}
	.video-list-container .slider-video-list .video .video-img {border-radius: 1.8182vw;}
	.video-list-container .slider-video-list .video .video-img:before {right: 2.7273vw; z-index: 1; width: 4.5455vw; height: 4.5455vw; background-size: 4.5455vw auto;}
	.video-list-container .slider-video-list .video .video-img .img-tit {left: 2.1818vw; right: 9.0909vw; font-size: 1.4545vw;}
	.video-list-container .slider-video-list .video .video-img .time {bottom: 2.1818vw; right: 2.1818vw; font-size: 1.2727vw;}
	.video-list-container .slider-video-list .video .video-info {padding-top: 2.7273vw;}
	.video-list-container .slider-video-list .video .video-info .title {margin-bottom: 1.8182vw; font-size: 1.8182vw;}
	.video-list-container .slider-video-list .video .video-info .desc {font-size: 1.2727vw;}
	.video-list-container .slider-video-list.slick-slider.ind-dot .slick-dots {margin: 3.6364vw 0;}
	.video-list-container .box-btns {padding-top: 7.2727vw;}
	.video-list-container .slider-video-list .video .popup-comp-player {border-radius: 1.8182vw;}
}
@media all and (max-width:802px) {
	.wrap-component .slick-slider.arr-line .slick-arrow {width: 12px; height: 20px;}
	.wrap-component .slick-slider .slick-arrow.slick-prev {left: 16px;}
	.wrap-component .slick-slider .slick-arrow.slick-next{right: 16px;}
	.wrap-component .arrow-blk .slick-slider.arr-line .slick-arrow.slick-prev:after,
	.wrap-component .arrow-blk .slick-slider.arr-line .slick-arrow.slick-next:after,
	.wrap-component .slick-slider.arr-line .slick-arrow.slick-prev:after,	
	.wrap-component .slick-slider.arr-line .slick-arrow.slick-next:after{background-size: contain;}
	.wrap-component .slick-slider .component-text, 
	.wrap-component.w1680px .slick-slider .component-text, 
	.wrap-component.w1440px .slick-slider .component-text, 
	.wrap-component.w1024px .slick-slider .component-text {padding: 0 54px;}
}

/* 테블릿 & 모바일 */
@media all and (max-width:800px) {
	/* common padding 모바일은 공통 padding값 */
	.wrap-component {padding: 60px 0;}
	.wrap-component.pt-nrw, 
	.wrap-component.pt-wide, 
	.wrap-component.pt-vwide {padding-top: 60px;}
	.wrap-component.pb-nrw, 
	.wrap-component.pb-wide, 
	.wrap-component.pb-vwide {padding-bottom: 60px;}
	.wrap-component .obj-m {display: block;}
	.wrap-component .obj-m ~ img {display: none !important;} /* KDP-20205 웹접근성 수정 b2b 25p */
	.wrap-component .txtm-top-right .obj-m {display:inline-block;text-align:right;}/* 210423 : KDP-1781 */
    .wrap-component .component-contents { padding:40px 0; }
    .wrap-component .component-contents.pt-nrw,
    .wrap-component .component-contents.pt-wide,
    .wrap-component .component-contents.pt-vwide { padding-top:40px; }
    .wrap-component .component-contents.pb-nrw,
    .wrap-component .component-contents.pb-wide,
    .wrap-component .component-contents.pb-vwide { padding-bottom:40px; }
    
    /* common text area - mobile */
    .wrap-component .component-text { padding-right:12px; padding-left:12px; }
	.wrap-component .component-text .box-title .logo { padding-bottom:5.556vw; } 
	.wrap-component .component-text .box-title .logo img { min-width: 22.222vw; min-height: 8.333vw;}
	/* s : 231103 : KDP-41321 */
	.wrap-component .component-text .box-title .title { line-height:1.16; font-size:6vw; }
	.wrap-component .component-text .box-title .title.pcd { font-size: 6vw; }
	.wrap-component .component-text .box-title .title.lrg { font-size: 8.333vw; }
	.wrap-component .component-text .box-title .title.lrg.pcd { font-size: 8.333vw; }
    .wrap-component .component-text .box-title .title.sml { font-size:4.667vw; }
	/* e : 231103 : KDP-41321 */
	.wrap-component .component-text .box-title .sub { line-height:1.27; font-size:5vw; }
    .wrap-component .component-text .box-title .sub.above { padding-bottom:2.778vw; }
    .wrap-component .component-text .box-title .sub.below { padding-top:2.778vw;}
    .wrap-component .component-text .box-title .sub.sml { font-size:4.444vw; }
	.wrap-component .component-text .box-title .sub.pcd { font-size: 4.444vw; }
    .wrap-component .component-text .box-title .desc { margin-top: 24px; line-height:1.33; font-size:4.444vw; }
	.wrap-component .component-text .box-title .desc.sml { font-size:3.333vw; }
	.wrap-component .component-text .box-title .desc.pcd { font-size: 4.444vw; }
	/* .wrap-component .component-text .box-title + .box-btns {padding-top: 8.333vw;} */
	.wrap-component .component-text .box-title + .box-btns {padding-top: 24px;}
	.wrap-component .component-text .box-disc { margin-top:20px; }
    .wrap-component .component-text .box-disc .disc {font-size: 13px;}
    .wrap-component .component-contents .visual-area .box-disc { display:block; padding:20px 12px; } /* KDP-74645 닷컴 pd 컴포넌트 디스클라이머 여백 수정 */
    .wrap-component .component-contents .visual-area .box-disc .disc {font-size: 13px; line-height: 18px; letter-spacing: -0.65px;}
	.wrap-component .component-contents .component-text .box-title .pc-ver,
	.wrap-component .component-text .box-disc .disc.pc-ver,
	.wrap-component .component-contents .visual-area .box-disc .disc.pc-ver {display: none;}
	.wrap-component .component-contents .component-text .box-title .mo-ver,
	.wrap-component .component-text .box-disc .disc.mo-ver,
	.wrap-component .component-contents .visual-area .box-disc .disc.mo-ver {display: block;}
	.wrap-component .component-text .box-countdown + .box-disc,
	.wrap-component .component-text .box-countdown + .box-btns {margin-top: 0.783vw;}/* 22-02-09 unpac */

	/* button */
	.wrap-component .box-btns {padding-bottom: 40px;}
	.wrap-component .box-btns > ul {margin: -10px 0;}
	.wrap-component .box-btns > ul > li {height: 40px; margin: 10px -8px;}
	.wrap-component .box-btns > ul > li button {margin: 0 10px;}
	.wrap-component .btn-underline {line-height: 5.27vw; margin: 0; font-size: 3.88vw;}
	.wrap-component .btn-round {min-width: 96px; height: 40px; line-height: 38px; padding: 0 24px; font-size: 14px; border-radius: 20px;}
	.wrap-component .component-contents .visual-area .btn-play-video {width: 46px; height: 46px;}

	/* dropdown */
	.wrap-droplist.compo .droplist-button {min-width: 120px; height: 40px; padding: 0 36px 0 20px; font-size: 14px; border-radius: 5px;}
	.wrap-droplist.compo .droplist-button:before {margin-top: -8px; right: 6px; width: 16px; height: 16px; background-size: 16px auto;}
	.wrap-droplist.compo.active .droplist-button:before {background-size: 16px auto;}
	.wrap-droplist.compo .droplist {border-radius: 5px;}
	.wrap-droplist.compo .droplist li {line-height: 32px; padding: 0 20px; font-size: 14px;}

	/* common text align */
	.wrap-component .component-contents[class*='txt-mid-'] .component-text:before, 
	.wrap-component .component-contents[class*='txt-btm-'] .component-text:before {display: none;}
	.wrap-component .component-contents[class*='txt-top-'] .component-text .component-text-inner, 
	.wrap-component .component-contents[class*='txt-mid-'] .component-text .component-text-inner, 
	.wrap-component .component-contents[class*='txt-btm-'] .component-text .component-text-inner {width: 100%;}
	.wrap-component .component-contents[class*='txtm-middle-'] .component-text:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: middle;}
	.wrap-component .component-contents[class*='txtm-bottom-'] .component-text:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: bottom;}
	.wrap-component .component-contents[class*='txtm-middle-'] .component-text .component-text-inner {display: inline-block; width: 100%; vertical-align: middle;}
	.wrap-component .component-contents[class*='txtm-bottom-'] .component-text .component-text-inner {display: inline-block; width: 100%; vertical-align: bottom;}
	.wrap-component .component-contents.txtm-top-right .component-text .box-btns > ul > li, 
	.wrap-component .component-contents.txtm-middle-right .component-text .box-btns > ul > li, 
	.wrap-component .component-contents.txtm-bottom-right .component-text .box-btns > ul > li {float: right;}
	.wrap-component .component-contents.txtm-top-center .component-text .box-btns > ul > li, 
	.wrap-component .component-contents.txtm-middle-center .component-text .box-btns > ul > li, 
	.wrap-component .component-contents.txtm-bottom-center .component-text .box-btns > ul > li {display: inline-block; float: none; vertical-align: top;}
	.wrap-component .component-contents.txtm-top-left .component-text, 
	.wrap-component .component-contents.txtm-middle-left .component-text, 
	.wrap-component .component-contents.txtm-bottom-left .component-text, 
	.wrap-component .component-contents.txtm-top-left .visual-area .box-disc, 
	.wrap-component .component-contents.txtm-middle-left .visual-area .box-disc, 
	.wrap-component .component-contents.txtm-bottom-left .visual-area .box-disc {text-align: left;}
	.wrap-component .component-contents.txtm-top-right .component-text, 
	.wrap-component .component-contents.txtm-middle-right .component-text, 
	.wrap-component .component-contents.txtm-bottom-right .component-text, 
	.wrap-component .component-contents.txtm-top-right .component-text .component-text-inner, 
	.wrap-component .component-contents.txtm-middle-right .component-text .component-text-inner, 
	.wrap-component .component-contents.txtm-bottom-right .component-text .component-text-inner, 
	.wrap-component .component-contents.txtm-top-right .visual-area .box-disc, 
	.wrap-component .component-contents.txtm-middle-right .visual-area .box-disc, 
	.wrap-component .component-contents.txtm-bottom-right .visual-area .box-disc {text-align: right;}
	.wrap-component .component-contents.txtm-top-center .component-text, 
	.wrap-component .component-contents.txtm-middle-center .component-text, 
	.wrap-component .component-contents.txtm-bottom-center .component-text, 
	.wrap-component .component-contents.txtm-top-center .visual-area .box-disc, 
	.wrap-component .component-contents.txtm-middle-center .visual-area .box-disc, 
	.wrap-component .component-contents.txtm-bottom-center .visual-area .box-disc {text-align: center;}
	.wrap-component.m-narrow .component-contents .visual-area .box-disc {padding-right: 0; padding-left: 0;}
	/* 2021-09-15 */
	.wrap-component.feature-full-bleed .component-text .logo { display:inline-block; max-width: 100%; }

	/* 2021-05-12 */
	.feature-benefit.img-left-5to5 .component-contents .component-text .box-disc,
	.feature-benefit.img-right-5to5 .component-contents .component-text .box-disc,
	.feature-benefit.img-left-6to4 .component-contents .component-text .box-disc,
	.feature-benefit.img-right-6to4 .component-contents .component-text .box-disc,
	.feature-benefit.img-left-7to3 .component-contents .component-text .box-disc,
	.feature-benefit.img-right-7to3 .component-contents .component-text .box-disc { display:none; }

	/* common text align in slider */
	.wrap-component .component-contents .slick-slider .component-text {padding: 40px 24px 24px;}
	.wrap-component .component-contents .slick-slider .component-text[class*='txt-mid-']:before, 
	.wrap-component .component-contents .slick-slider .component-text[class*='txt-btm-']:before {display: none;}
	.wrap-component .component-contents .slick-slider .component-text[class*='txt-mid-'] .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text[class*='txt-btm-'] .component-text-inner {width: 100%;}
	.wrap-component .component-contents .slick-slider .component-text[class*='txtm-middle-']:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: middle;}
	.wrap-component .component-contents .slick-slider .component-text[class*='txtm-bottom-']:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: bottom;}
	.wrap-component .component-contents .slick-slider .component-text[class*='txtm-middle-'] .component-text-inner {display: inline-block; width: 100%; vertical-align: middle;}
	.wrap-component .component-contents .slick-slider .component-text[class*='txtm-bottom-'] .component-text-inner {display: inline-block; width: 100%; vertical-align: bottom;}
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-right .box-btns > ul > li, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-right .box-btns > ul > li, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-right .box-btns > ul > li {float: right;}
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-center .box-btns > ul > li, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-center .box-btns > ul > li, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-center .box-btns > ul > li {display: inline-block; float: none; vertical-align: top;}
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-left, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-left, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-left,
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-left .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-left .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-left .component-text-inner {text-align: left;}
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-right, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-right, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-right, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-right .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-right .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-right .component-text-inner {text-align: right;}
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-center, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-center, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-center,
	.wrap-component .component-contents .slick-slider .component-text.txtm-top-center .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-middle-center .component-text-inner, 
	.wrap-component .component-contents .slick-slider .component-text.txtm-bottom-center .component-text-inner {text-align: center;}

	/* common popup */
	.popup-comp-wrap {top: 60px; left: 12px; width: calc(100% - 24px); transform: none;}
	.popup-comp-wrap .popup-component-contents .component-head {position: fixed; top: 0; right: 0; left: 0; z-index: 1;}
	.popup-comp-wrap .popup-component-contents .component-head .pop-close {top: 10px; right: 10px; bottom: auto; left: auto; width: 36px; height: 36px; border: none; transform: none; background: url('/sec/static/_images/common/icon-close-wht.svg') no-repeat center center; background-size: 16px auto;}

	/* common video */
	.wrap-component .component-contents .visual-area.rounded img, 
	.wrap-component .component-contents.type-video .visual-area.rounded .video img {overflow: hidden; border-radius: 20px;}
	.wrap-component .component-contents.type-video .box-video-btns [class*='btn-video-'] {width: 90px; height: 90px; background-size: 90px auto;}
	.wrap-component .component-contents.type-video .visual-head {margin: 0 0 5px; font-size: 20px;}
	.wrap-component .component-contents.type-video .visual-sub {font-size: 12px;}
	.wrap-component .component-contents.type-video .visual-area.rounded.dimm > .video:after {border-radius: 20px;}
	.wrap-component .component-contents.type-video .visual-area .box-disc {display: block;} /* KDP-56990 특정컴포넌트 오류현상 수정요청의 건 */
	.wrap-component .component-contents.type-video .component-text .box-disc {display: none;} /* KDP-56990 특정컴포넌트 오류현상 수정요청의 건 */
	.popup-comp-player.embed {width: 100%;}
	.popup-comp-player.embed .popup-component-contents .component-head {position: absolute; z-index: 3;}
	.popup-comp-player.embed .popup-component-contents .component-head .pop-close {top: 10px; right: 10px;}
	.popup-comp-player:not(.embed) {position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%;}
	.popup-comp-player:not(.embed) .popup-component-contents .component-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.popup-comp-player:not(.embed) .popup-component-contents .component-content:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: middle;}
	.popup-comp-player:not(.embed) .popup-component-contents .component-content .video {display: inline-block; vertical-align: middle;}

	/* common slider */
	.wrap-component .slick-slider .slick-slide img {max-width: 100%;}
	.wrap-component .slider-controls .wrap-controls {margin-right: 8px;}

	.wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 68px;}
	.wrap-component .slick-slider.ind-out ~ .slider-controls {margin-top: 20px;}
	/* .wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 34px;} clickable_dual_right : clickable_dual */
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 24px;} /* clickable_dual_right : clickable_dual */
	.wrap-component .slick-slider ~ .slider-controls .slide-btn {width: 16px; height: 16px;}

	.wrap-component .slick-slider.ind-dot .slick-dots li ~ li {margin-left: 4px;}
	.wrap-component .slick-slider.ind-dot .slick-dots li button {width: 16px; height: 16px;}
	.wrap-component .slick-slider.ind-dot .slick-dots li button:after {width: 8px; height: 8px;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li, /*230810*/
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li ~ li {margin-left: 4px;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button {width: 16px; height: 16px;}
	.wrap-component .slick-slider.ind-dot ~ .slider-controls .slick-dots li button:after {width: 8px; height: 8px;}
	.wrap-component .slick-slider.ind-line .slick-dots, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots {padding-bottom: 6px;}
	.wrap-component .slick-slider.ind-line .slick-dots li, 
	.wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li {width: 7vw; margin: 0 1vw;}
	.wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button span {font-size: 0;}

	.wrap-component .slider-tab-title {padding: 0 12px;}
	.wrap-component .slider-tab-title {margin: 0 12px; padding: 0;}
	.wrap-component .slider-tab-title .swiper-wrapper {justify-content: left;}
	.wrap-component .slider-tab-title.md-center .swiper-wrapper {justify-content: center;}
	.wrap-component .slider-tab-title .title {max-width: none;}
	.wrap-component .slider-tab-title .title button {margin: 0 12px; padding-bottom: 2px; font-size: 18px;}
	.wrap-component .slick-slider.arr-circle .slick-arrow {width: 11.111vw; height: 11.111vw;}
	.wrap-component .slick-slider.arr-circle .slick-arrow:after {background-size: 2.778vw;}
	.wrap-component .slick-slider.arr-line .slick-arrow {width: 6.667vw; height: 6.667vw;}
	.wrap-component .slick-slider .slick-arrow.slick-prev {left: 5.556vw;}
	.wrap-component .slick-slider .slick-arrow.slick-next {right: 5.556vw;}

	/* Component 01 - Feature Benefit */
	.feature-benefit .component-contents {display: block; text-align: center;}
	.feature-benefit .component-contents:not(.type-video) .visual-area {height: 100%; align-self: flex-start;}
	.feature-benefit .component-contents.type-video .visual-area:before {display: none;}
	.feature-benefit .component-contents.type-video .visual-area .video {top: 0; transform: none; max-height: auto;}
	.feature-benefit.img-bottom .component-contents .visual-area .box-disc {display: block; margin-top: 20px; padding: 0 12px;} /* KDP-74645 닷컴 pd 컴포넌트 디스클라이머 여백 수정 */
	.feature-benefit.img-bottom .component-contents .component-text {padding-bottom:0}
	.feature-benefit.img-bottom .component-contents .component-text .box-disc {display: none;} /* KDP-5468 img-bottom 이 type-video 보다 우선적으로 적용 */
	.feature-benefit .component-contents .component-text {padding-right: 12px; padding-left: 12px;}
	.feature-benefit .component-contents .component-text .component-text-inner {margin: 0 0 40px;}
	.feature-benefit.m-narrow .component-contents .visual-area {padding-right: 12px; padding-left: 12px;}
	.feature-benefit.img-bottom .component-contents {text-align: center;}
	.feature-benefit.img-bottom .component-contents .visual-area {margin-top:40px;padding-top: 0;}
	.feature-benefit.img-bottom .component-contents .visual-area,
	.feature-benefit.img-left-5to5 .component-contents .visual-area,
	.feature-benefit.img-left-6to4 .component-contents .visual-area,
	.feature-benefit.img-left-7to3 .component-contents .visual-area,
	.feature-benefit.img-right-5to5 .component-contents .visual-area,
	.feature-benefit.img-right-6to4 .component-contents .visual-area,
	.feature-benefit.img-right-7to3 .component-contents .visual-area,
	.feature-benefit.img-left-5to5 .component-contents .component-text,
	.feature-benefit.img-left-6to4 .component-contents .component-text,
	.feature-benefit.img-left-7to3 .component-contents .component-text,
	.feature-benefit.img-right-5to5 .component-contents .component-text,
	.feature-benefit.img-right-6to4 .component-contents .component-text,
	.feature-benefit.img-right-7to3 .component-contents .component-text {display: block; max-width: 100%;}
	.feature-benefit .component-contents.txt-left .component-text .box-btns > ul > li, 
	.feature-benefit .component-contents.txt-left .component-text .box-btns > ul > li, 
	.feature-benefit .component-contents.txt-left .component-text .box-btns > ul > li {float: left;}
	.feature-benefit .component-contents.txt-right .component-text .box-btns > ul > li, 
	.feature-benefit .component-contents.txt-right .component-text .box-btns > ul > li, 
	.feature-benefit .component-contents.txt-right .component-text .box-btns > ul > li {float: right;}
	.feature-benefit .box-btns > ul {margin: -2.778vw 0;}
	.feature-benefit .box-btns > ul > li {height: 11.111vw; margin: 2.778vw -2.222vw;}
	.feature-benefit .box-btns > ul > li button {margin: 0 2.778vw;}
	.feature-benefit .btn-round {min-width: 26.667vw; height: 11.111vw; line-height: 2.71; padding: 0 6.667vw; font-size: 3.889vw; border-radius: 5.556vw;}
	
	/* Component 02 - Feature full-bleed */
	.feature-full-bleed .component-contents .visual-area img {width: 100%;}
	.feature-full-bleed .component-contents {padding: 0;}
	.feature-full-bleed .component-contents .component-text {padding: 40px 0;}
	.feature-full-bleed .component-contents .component-text .component-text-inner {padding: 0 36px;}
	/* .feature-full-bleed .component-contents .component-text .box-title .title {font-size: 10vw;} 210622 : KDP-777 */
	.feature-full-bleed .component-contents .component-text .box-title .title + .desc {margin-top: 2.778vw; font-size: 4.444vw;}	
	
	/* 2021-08-26 KDP-5468 ---- 22-02-08 KDP-9717 FIXED
	.feature-full-bleed .component-contents .component-text .box-disc {display: none;} */

	.feature-full-bleed .component-contents .component-text .box-btns {padding-bottom: 0;}
	.feature-full-bleed .component-contents.layout-top .component-text {position: static;}
	.feature-full-bleed .component-contents.layout-top .component-text .component-text-inner {display: block;}
	.feature-full-bleed .component-contents.layout-top .visual-area {padding-top: 20px;}
	.feature-full-bleed .component-contents.layout-top .visual-area img {visibility: visible;}
	.feature-full-bleed .component-contents:not(.layout-top):not(.type-video) .visual-area .box-disc {display: none; position: absolute; left: 0; bottom: 80px; width: 100%; padding: 0 48px 20px;}
	.feature-full-bleed .component-contents.type-video .visual-area {margin-top: 20px;}
	.feature-full-bleed .component-contents.type-video .visual-area .video {position: relative;}
	.feature-full-bleed .component-contents.type-video .visual-area img {visibility: visible;}
	.feature-full-bleed.m-narrow .component-contents .visual-area {padding-right: 12px; padding-left: 12px;}
	.feature-full-bleed.m-narrow .component-contents:not(.layout-top) .component-text {padding-right: 12px; padding-left: 12px;}
	.feature-full-bleed .component-contents.type-video .visual-area .video.nonImg {margin-top: -20px;}
	.feature-full-bleed .box-btns > ul {margin: -2.778vw 0;}
	.feature-full-bleed .box-btns > ul > li {height: 11.111vw; margin: 2.778vw -2.222vw;}
	.feature-full-bleed .box-btns > ul > li button {margin: 0 2.778vw;}
	.feature-full-bleed .btn-round {min-width: 26.667vw; height: 11.111vw; line-height: 2.71; padding: 0 6.667vw; font-size: 3.889vw; border-radius: 5.556vw;}

	.feature-full-bleed .component-contents.layout-divide > .visual-area > img,
	.feature-full-bleed .component-contents.layout-divide > .visual-area > .box-disc,
	.feature-full-bleed .component-contents.layout-divide > .visual-area > .video,
	.feature-full-bleed .component-contents.layout-divide > .visual-area > .video > img,
	.feature-full-bleed .component-contents.layout-divide > .visual-area > .video > .box-video-btns,
	.feature-full-bleed .component-contents.layout-divide > .visual-area > .box-video,
	.feature-full-bleed .component-contents.layout-divide > .visual-area > .box-article,
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area .box-disc {display: none;}
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area,
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area > img,
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area > img.obj-m, 
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area > .video > img.obj-m,
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area > .video > .box-video-btns,
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area > .box-video,
	.feature-full-bleed .component-contents.layout-divide > .component-text .visual-area > .box-article {display: block;}
	.feature-full-bleed .component-contents.layout-divide .component-text {position: relative;}
	.feature-full-bleed .component-contents.layout-divide .component-text .component-text-inner {padding: 2.08333vw 0;} /* KDP-74645 닷컴 pd 컴포넌트 디스클라이머 여백 수정 */
	.feature-full-bleed .component-contents.layout-divide .component-text .visual-area {margin-top: 0; padding-left: 0; padding-right: 0; padding-top: 40px;}
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .sub.below {padding-top: 6.667vw;}
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .desc {margin-top: 24px;}
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title + .box-btns {padding-top: 11.111vw;}
	.feature-full-bleed .component-contents.layout-divide .component-text .box-disc {position: relative; left: auto; bottom: auto; padding: 0 12px; margin-top: 20px;} /* KDP-74645 닷컴 pd 컴포넌트 디스클라이머 여백 수정 */
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .sub.above,
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .title.mo-ver,
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .sub.below,
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .desc,
	.feature-full-bleed .component-contents.layout-divide .component-text .box-disc .disc {color: #000 !important;}
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .title,
	.feature-full-bleed .component-contents.layout-divide .component-text .box-title .desc {padding: 0 12px;} /* KDP-74645 닷컴 pd 컴포넌트 디스클라이머 여백 수정 */

	.feature-full-bleed .component-contents.layout-divide .component-text .btn-round.btn-wht{background-color: #fff; border-color: #000; color: #000;}/* 210414 : KDP-1360 */
	.feature-full-bleed .component-contents.layout-divide .component-text .btn-underline.btn-wht {color: #000; border-color: #000;}

	/* Component 03 - Carousel Container */
	.carousel-container .component-contents .slider-carousel-visual .visual img {width: 100%;}
	.carousel-container .component-contents .visual-area .box-disc {display: block; position: absolute; left: 0; bottom: 116px; width: 100%;}
	.carousel-container .component-contents .layout-top .component-text {position: static;}
	.carousel-container .component-contents .component-text .component-text-inner {padding: 40px 12px 60px;}
	.secapp .carousel-container .component-contents .component-text.txtm-top-left .component-text-inner, 
	.secapp .carousel-container .component-contents .component-text.txtm-top-center .component-text-inner, 
	.secapp .carousel-container .component-contents .component-text.txtm-top-right .component-text-inner {margin-top: 40px;} /* app인 경우 */
	.carousel-container .component-contents .layout-top .visual-area {position: relative; height: auto !important;}
	.carousel-container.m-narrow .component-contents {margin: 0 12px;}
	.carousel-container.m-narrow .component-contents .visual-area .box-disc {padding: 0 12px;}
	.carousel-container .component-contents .slider-carousel-visual.rounded .visual {border-radius: 20px;}
	.carousel-container .component-contents .slider-carousel-visual.mode-center {margin: 0 -6px;}
	.carousel-container .component-contents .slider-carousel-visual.mode-center .visual {margin: 0 6px;}
	.carousel-container .component-contents.type-video .slider-carousel-visual.rounded .visual-area.dimm:after {border-radius: 20px;}
	.carousel-container .component-contents.type-video .visual-area.vodDim:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4); border-radius: 20px;}
	.carousel-container .component-contents.type-video .visual-area.rounded.vodDim:after {border-radius: 20px;}
	.carousel-container .component-contents .component-text.txt-top-left,
	.carousel-container .component-contents .component-text.txt-top-right,
	.carousel-container .component-contents .component-text.txt-top-center,
	.carousel-container .component-contents .component-text.txt-btm-left,
	.carousel-container .component-contents .component-text.txt-btm-right,
	.carousel-container .component-contents .component-text.txt-btm-center {top: 0; bottom: 0;}
	.carousel-container .box-btns > ul {margin: -2.778vw 0;}
	/* .carousel-container .box-btns > ul > li {height: 11.111vw; margin: 2.778vw -2.222vw; white-space: normal;}210713 : KDP-4195 , 230703 */
	.carousel-container .box-btns > ul > li {height: 11.111vw; margin: 2.778vw 0; white-space: normal;}
	.carousel-container .box-btns > ul > li button {margin: 0 2.778vw 2.778vw;}/*210713 : KDP-4195*/
	.carousel-container .btn-round {min-width: 26.667vw; height: 11.111vw; line-height: 2.71; padding: 0 6.667vw; font-size: 3.889vw; border-radius: 5.556vw;}

	.carousel-container .component-contents.layout-divide .visual-area {position: absolute; top: 0; left: 0; right: 0;}
	.carousel-container .component-contents.layout-divide .visual-area.vdoDim.auto .video,
	.carousel-container .component-contents.layout-divide .visual-area.vdoDim.auto .video video {position: relative; display: block;}
	.carousel-container .component-contents.layout-divide .component-text {position: relative;}
	.carousel-container .component-contents.layout-divide.type-video .visual-area {position: absolute;}
	.carousel-container .component-contents.layout-divide .slick-slider ~ .slider-controls {padding-top: 26px;}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-in ~ .slider-controls {padding-top: 0; margin-top: -55px;}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out ~ .slider-controls {position: absolute; left: 0; right: 0; margin-top: 0;}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out .component-text {margin-top: 40px;}
	.carousel-container .component-contents.layout-divide.type-video .slick-slide .visual-area {height: auto;}
	.carousel-container .component-contents.layout-divide .slider-carousel-visual.rounded .visual {border-radius: 0;}
	.carousel-container .component-contents.layout-divide .slider-carousel-visual.rounded .visual .visual-area {overflow: hidden; border-radius: 20px;}
	.carousel-container .component-contents.layout-divide .visual .box-video-btns {top: 0; left: 0; right: 0; transform: none;}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out ~ .slider-controls .slick-dots li button:before {background-color: rgba(0,0,0,.3);}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out ~ .slider-controls .slick-dots li.slick-active button:after {background: rgba(0,0,0,.8);}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out.ind-dot ~ .slider-controls .slick-dots li button:before {background: #8f8f8f}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out.ind-dot ~ .slider-controls .slick-dots li.slick-active button:after {background:#000;}
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out ~ .slider-controls .slide-btn.slide-play {background-image: url(/sec/static/_images/common/icon-slick-play-sml.svg);} 
	.carousel-container .component-contents.layout-divide .slick-slider.ind-out ~ .slider-controls .slide-btn.slide-pause {background-image: url(/sec/static/_images/common/icon-slick-pause-sml.svg);}

	.carousel-container .component-contents.layout-divide .component-text .box-title .sub.above,
	.carousel-container .component-contents.layout-divide .component-text .box-title .title.mo-ver,
	.carousel-container .component-contents.layout-divide .component-text .box-title .sub.below,
	.carousel-container .component-contents.layout-divide .component-text .box-title .desc,
	.carousel-container .component-contents.layout-divide .component-text .box-disc .disc {color: #000 !important;}
	.carousel-container .component-contents.layout-divide .component-text .btn-round.btn-wht{background-color: #fff; border-color: #000; color: #000;} /* 210414 : KDP-1360 */
	.carousel-container .component-contents.layout-divide .component-text .btn-underline.btn-wht {color: #000; border-color: #000;}

	.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner{padding-bottom:10vw}/* 211222 */

	/* Component 05 - Primary Selection */
	.primary-selection .component-contents .component-text {padding-right: 24px; padding-left: 24px; padding-bottom: 40px;}
	.primary-selection .component-contents .component-text .box-btns {padding-bottom: 20px;}
	.primary-selection .visual-area {padding: 0;}
	.primary-selection .visual-area .slider-prd-selection {padding: 0 50px;}
	.primary-selection .visual-area .slider-prd-selection .slick-list {overflow: visible; margin-left: -5px;}
	.primary-selection .visual-area .slider-prd-selection .prd-item {margin: 0 5px; padding: 20px 30px 40px;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-img {width: 100%; max-width: 100%;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info {min-height: 89px; padding-top: 20px;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .name {margin-top: 0; font-size: 18px;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .prd-info .desc {padding-top: 8px; font-size: 14px;}
	.primary-selection .visual-area .slider-prd-selection .prd-item .box-btns {padding-top: 20px;}
	.primary-selection .visual-area .slider-prd-selection .slick-dots {display: inline-block; height: 24px; margin: 20px 0; text-align: center; border-radius: 20px; background: rgba(0, 0, 0, .5);}
	.primary-selection .visual-area .slider-prd-selection .slick-dots:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
	.primary-selection .visual-area .slider-prd-selection .slick-dots li {display: inline-block; margin: 0 10px; font-size: 0; vertical-align: middle;}
	.primary-selection .visual-area .slider-prd-selection .slick-dots li button {display: inline-block; width: 8px; height: 8px; font-size: 1px; color: transparent; border-radius: 100%; background: #b2b2b2;}
	.primary-selection .visual-area .slider-prd-selection .slick-dots li.slick-active button {background-color: #fff;}
	.primary-selection .visual-area.rounded .slider-prd-selection .prd-item {border-radius: 20px;}

	/* Component 07 - Columns Container */
	.columns-container .component-contents .component-text .box-title .desc {padding-bottom: 40px;}
	.columns-container .visual-area .slider-col-container {display: block;}
	.columns-container .visual-area .slider-col-container.slick-initialized .col-item {flex: none;}
	.columns-container .visual-area .slider-col-container .col-item .col-img {display: block; max-width: 100%;}
	.columns-container .visual-area .slider-col-container .col-item .col-info {padding: 20px 12px 40px;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .title {font-size: 32px;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .sub {padding-top: 8px; font-size: 16px;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-title .desc {padding-top: 16px; font-size: 12px;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-btns {padding: 40px 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc {padding: 16px 0 0;}
	.columns-container .visual-area .slider-col-container .col-item .col-info .box-disc p {padding-left: 9px; text-indent: -9px; font-size: 12px;}
	.columns-container .visual-area .slider-col-container.col-space-nrml, 
	.columns-container .visual-area .slider-col-container.col-space-wide, 
	.columns-container .visual-area .slider-col-container.colm-space-none {padding: 0;}
	.columns-container .visual-area .slider-col-container.col-space-nrml .col-item, 
	.columns-container .visual-area .slider-col-container.col-space-wide .col-item, 
	.columns-container .visual-area .slider-col-container.colm-space-none .col-item {margin: 0;}
	.columns-container .visual-area .slider-col-container.colm-space-nrml .col-item {margin: 0 6px;}
	.columns-container .visual-area .slider-col-container.colm-space-wide .col-item {margin: 0 12px;}
	.columns-container .visual-area .slider-col-container[class*='col-space-'].col-line .col-item ~ .col-item:after {display: none;}
	.columns-container .visual-area .slider-col-container[class*='colm-space-'].col-line .col-item ~ .col-item:after {content: ''; display: inline-block; position: absolute; top: 0; width: 1px; height: 100%; background-color: #d9d9d9;}
	.columns-container .visual-area .slider-col-container.colm-space-none.col-line .col-item ~ .col-item:after {left: 0;}
	.columns-container .visual-area .slider-col-container.colm-space-nrml.col-line .col-item ~ .col-item:after {left: -6px;}
	.columns-container .visual-area .slider-col-container.colm-space-wide.col-line .col-item ~ .col-item:after {left: -12px;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized) {display: flex; flex-wrap: wrap;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized) .col-item {flex-basis: auto;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-nrml {margin: 0 -6px; padding: 0;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-wide {margin: 0 -12px; padding: 0;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-none .col-item {width: 50%;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-nrml .col-item {width: calc(50% - 12px);}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-wide .col-item {width: calc(50% - 24px);}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-nrml .col-item:nth-child(2) ~ .col-item {margin-top: 12px;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-wide .col-item:nth-child(2) ~ .col-item {margin-top: 24px;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-none.col-line .col-item:nth-child(2n+1):after, 
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-nrml.col-line .col-item:nth-child(2n+1):after, 
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).colm-space-wide.col-line .col-item:nth-child(2n+1):after {display: none;}
	.columns-container .visual-area .slider-col-container .slick-dots {margin: 20px 0;}
	.columns-container .visual-area.rounded .slider-col-container .col-img, 
	.columns-container .visual-area.rounded .slider-col-container .col-video {border-radius: 20px;}
	.columns-container .visual-area.rounded .slider-col-container .col-item {border-top-right-radius: 20px; border-top-left-radius: 20px;}
	/* .columns-container .component-contents.type-video .box-video-btns .btn-video-play {width: 36px; height: 36px; background-size: 36px auto;} */ /* 2021-04-15 */
	.columns-container.m-narrow .visual-area {padding: 0 12px;}
	.columns-container .visual-area .slider-col-container:not(.slick-initialized).one-column .col-item {padding: 0 20px; width: 100%;}

	/* Component 10 - Text Box */
	.textbox-simple .component-contents .component-text {padding: 0 12px;}

	/* Component 11 - Q&A */
	.qna-container .component-contents .visual-area img {width: 100%;}
	.qna-container .component-contents .component-text .component-text-inner {padding: 40px 12px 0;}
	.qna-container .component-contents .component-text .box-disc {display: none;}
	.qna-container .component-contents.layout-top .component-text {position: static; padding: 0;}
	.qna-container .component-contents.layout-top .component-text .component-text-inner {display: block;}
	.qna-container .component-contents.layout-top .visual-area {padding-top: 20px;}
	.qna-container .component-contents.layout-top .visual-area img {visibility: visible;}
	.qna-container .component-contents:not(.layout-top) .visual-area .box-disc {position: absolute; left: 0; bottom: 80px; width: 100%; padding: 0 48px 20px;}
	.qna-container.m-narrow .component-contents .visual-area {padding-right: 12px; padding-left: 12px;}
	.popup-comp-qna {position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; padding: 0;}
	.popup-comp-qna .popup-component-contents {padding: 40px 12px;}
	.popup-comp-qna .electric-range-qna .pop-close {top: 10px; right: 10px; width: 36px; height: 36px; background-size: 16px auto;}
	.popup-comp-qna .electric-range-qna .cnt-wrap {display: block; position: static;}
	.popup-comp-qna .electric-range-qna .cnt-wrap > div {display: block;}
	.popup-comp-qna .electric-range-qna .pick-wrap {width: 100%; padding: 0 0 20px; background-color: #fff;}
	.popup-comp-qna .electric-range-qna .pick-wrap h3 {padding-bottom: 24px; font-size: 32px;}
	.popup-comp-qna .electric-range-qna .question-list {display: flex; justify-content: center;}
	.popup-comp-qna .electric-range-qna .question-list li {width: calc(25% - 9px); height: auto; text-align: center; border-radius: 0; border: none;}
	.popup-comp-qna .electric-range-qna .question-list li a {position: relative; height: auto; padding: 80px 0 0 0;}
	.popup-comp-qna .electric-range-qna .question-list li a:after {content: ''; position: absolute; top: 0; left: 50%; width: 68px; height: 68px; border-radius: 100%; border: 2px solid #d9d9d9; transform: translateX(-50%);}
	.popup-comp-qna .electric-range-qna .question-list li a .txt {position: static; font-size: 12px;}
	.popup-comp-qna .electric-range-qna .question-list li a .icon {top: 13px; left: 50%; width: 36px; height: 45px; transform: translateX(-50%);}
	.popup-comp-qna .electric-range-qna .question-list li ~ li {margin-top: 0; margin-left: 12px;}
	.popup-comp-qna .electric-range-qna .question-list li.on a:after {border-color: #1428a0;}
	.popup-comp-qna .electric-range-qna .cont-wrap {width: 100%; padding: 40px 0 20px; border-top: 1px solid #d9d9d9; background-color: #fff;}
	.popup-comp-qna .electric-range-qna .answer-list > li .desc {font-size: 12px;}
	.popup-comp-qna .electric-range-qna .answer-list dl {padding: 0;}
	.popup-comp-qna .electric-range-qna .answer-list dl dt {position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
	.popup-comp-qna .electric-range-qna .answer-list dl dd {padding-top: 69px; font-size: 22px; text-align: center;}
	.popup-comp-qna .electric-range-qna .answer-list dl .answer-ico {left: 50%; width: 30px; height: 56px; transform: translateX(-50%);}
	.popup-comp-qna .electric-range-qna .answer-list dl dd .answer-ico {top: 0; background-size: 30px auto;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img {padding: 40px 0;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer {display: block;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer .slick-arrow {top: 45%;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer .slick-arrow.slick-prev {left: 10px;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer .slick-arrow.slick-next {right: 10px;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer .slick-arrow.slick-prev:after {background-image: url(/sec/static/_images/common/icon-slick-prev-wht.svg);}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .slider-answer .slick-arrow.slick-next:after {background-image: url(/sec/static/_images/common/icon-slick-next-wht.svg);}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] {width: 100%;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div {padding-top: 24px; font-size: 14px;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img [class^=cont] > div strong {padding-bottom: 10px; font-size: 18px;}
	.popup-comp-qna .electric-range-qna .answer-list .answer-img .cont2 {margin-left: 0;}
	.popup-comp-qna .electric-range-qna .answer-list.rounded .answer-img [class^=cont] img {border-radius: 20px;}

	/* Component 12 - Check List */
	.checklist-container .slider-tab-title {padding: 20px 12px 40px;}
	.checklist-container .slider-checklist-visual .visual .visual-area img {width: 100%;}
	.checklist-container .slider-checklist-visual .visual .txt-area {padding: 30px 12px 0; text-align: center;}
	.checklist-container .slider-checklist-visual .visual .txt-area:before {display: none;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner {padding-right: 0;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .title {padding-bottom: 20px; font-size: 22px;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .desc {font-size: 14px;}
	.checklist-container .slider-checklist-visual .visual .txt-area .txt-area-inner .icon {position: absolute; bottom: 20px; left: 50%; margin-top: 0; width: 52px; height: 52px; transform: translateX(-50%);}
	.checklist-container .slider-controls.tab-title .wrap-controls {padding: 20px 0 40px;}
	.checklist-container.m-narrow .slider-checklist-visual {padding: 0 12px;}

	/* Component 13 - Article Citation */
	.article-citation .component-contents {padding: 0;}
	.article-citation .component-contents .visual-area img {width: 100%;}
	.article-citation .component-contents .component-text .component-text-inner {padding: 40px 12px 0;}
	.article-citation .component-contents .component-text .box-disc {display: none;}
	.article-citation .component-contents.layout-top .component-text {position: static;}
	.article-citation .component-contents.layout-top .component-text .component-text-inner {display: block; padding-left: 0; padding-right: 0;}
	.article-citation .component-contents.layout-top .visual-area {padding-top: 20px; padding-bottom: 40px;}
	.article-citation .component-contents.layout-top .visual-area img {visibility: visible;}
	.article-citation .component-contents:not(.layout-top):not(.type-video) .visual-area .box-disc {position: absolute; left: 0; bottom: 40px; width: 100%; padding: 0 48px 20px;}
	.article-citation.m-narrow .component-contents .visual-area {padding-right: 12px; padding-left: 12px;}
	.popup-comp-news .popup-component-contents {height: calc(100vh - 160px);}
	.popup-comp-news .popup-component-contents .obj-m {display: block;}
	.popup-comp-news .popup-component-contents .obj-m ~ img {display: none;}
	.popup-comp-news .popup-component-contents .visual-area .news img {width: 100%;}

	/* Component 14 - Video 3~4 Columns */
	.video-columns .component-contents .visual-area img {width: 100%;}
	.video-columns .component-contents .component-text .component-text-inner {padding: 30px 0;}
	.video-columns .component-contents .bundle-area {padding: 30px 12px;}
	.video-columns .component-contents .bundle-area .box-video-list {display: block;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle {flex: none;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info .sub {font-size: 14px;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .info .title {font-size: 18px;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video {height: 22px; padding: 0 12px;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video span {line-height: 20px; margin-bottom: 1px; padding-right: 22px; font-size: 12px; background-size: 16px auto;}
	.video-columns .component-contents .bundle-area .box-video-list .bundle .icon {width: 80px; height: 80px;}
	.video-columns .component-contents .bundle-area .box-video-list:not(.slick-initialized) .bundle {width: 100%;}
	.video-columns .component-contents .bundle-area .box-video-list:not(.slick-initialized) .bundle ~ .bundle {margin-top: 10px; margin-left: 0;}
	.video-columns .component-contents .bundle-area .box-video-list:not(.slick-initialized) .bundle a {padding: 16px 20px;}
	.video-columns .component-contents .bundle-area .box-video-list:not(.slick-initialized) .bundle .info {padding-bottom: 12px;}
	.video-columns .component-contents .bundle-area .box-video-list:not(.slick-initialized) .bundle .info .sub {padding-bottom: 4px;}
	.video-columns .component-contents .bundle-area .box-video-list:not(.slick-initialized) .bundle .icon {top: 16px; bottom: auto; right: 20px;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .slick-list {overflow: visible; margin: 0 -8px;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .slick-track {display: flex !important;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .slick-slide {height: inherit !important;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .bundle {margin: 0 8px; text-align: center;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .bundle a {position: relative; height: 100%; padding: 16px 8px 144px;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .bundle .icon {top: auto; right: auto; bottom: 62px; left: 50%; transform: translateX(-50%);}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .bundle .info .sub {padding-bottom: 8px;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .bundle .box-btn {position: absolute; bottom: 20px; right: 0; left: 0;}
	.video-columns .component-contents .bundle-area .box-video-list.slick-initialized .slick-dots {left: auto; margin-top: 20px; transform: none;}
	.video-columns.m-narrow .component-contents .visual-area {padding-right: 12px; padding-left: 12px;}
	.video-columns.m-narrow .component-contents .component-text .component-text-inner {padding-right: inherit; padding-left: inherit;}
	.video-columns.m-narrow .component-contents .bundle-area {margin-right: 12px; margin-left: 12px;}
	.popup-comp-video {position: fixed; top: 0; left: 0; width: 100%;}
	.popup-comp-video .popup-component-contents .component-head {position: static;}

	/* Component 16 - FAQ */
	.faq-container .component-contents .component-text .box-title .desc {padding-bottom: 40px;}
	.faq-container .component-contents .slider-faq-container {width: 100%; padding: 0; text-align: left;}
	.faq-container .component-contents .slider-faq-container .list {padding: 0 12px; border-top: 1px solid #d9d9d9;}
	.faq-container .component-contents .slider-faq-container .list a {position: relative; padding: 30px 0 30px 82px;}
	.faq-container .component-contents .slider-faq-container .list .qus {position: absolute; top: 50%; left: 0; width: 52px; height: 52px; margin-bottom: 0; transform: translateY(-50%); background-size: 52px auto;}
	.faq-container .component-contents .slider-faq-container .list.slick-active ~ .slick-active:after {display: none;}
	.faq-container .component-contents .slider-faq-container .list .title {height: auto; padding: 0; font-size: 18px;}
	.faq-container .component-contents .slider-faq-container .list .btn-underline {margin: 10px 0 0;}
	.faq-container.m-narrow .component-contents .slider-faq-container {padding: 0 12px;}
	.faq-container.m-narrow .component-contents .slider-faq-container .list {padding: 0;}
	.popup-comp-faq {position: fixed; box-shadow: none;}
	.popup-comp-faq .popup-content {display: flex; flex-direction: column; overflow: hidden; height: calc(100vh - 120px);}
	.popup-comp-faq .popup-content .popup-head {padding: 0 20px;}
	.popup-comp-faq .popup-content .popup-head .title {padding: 28px 0 28px 60px; font-weight: bold; font-size: 18px;}
	.popup-comp-faq .popup-content .popup-head .title .qus {left: 22px; width: 36px; height: 36px; background-size: 36px auto;}
	.popup-comp-faq .popup-content .popup-detail {overflow-x: hidden; overflow-y: auto; padding: 0;}
	.popup-comp-faq .popup-content .popup-detail .popup-detail-inner {padding: 40px 20px 48px;}
	.popup-comp-faq .popup-content .popup-detail .popup-detail-inner .ans {top: 32px; left: 22px; width: 36px; height: 36px; background-size: 36px auto;}
	.popup-comp-faq .popup-content .popup-detail .popup-detail-inner .txt {padding-left: 52px; font-weight: normal; font-size: 18px;}
	.popup-comp-faq .popup-content .popup-detail .popup-detail-inner .img {margin-top: 39px;}
	.popup-comp-faq .popup-content .popup-detail .popup-detail-inner .box-disc {padding-top: 40px;}
	.popup-comp-faq .popup-content .popup-detail .popup-detail-inner .box-disc p {font-size: 14px;}
	.popup-comp-faq .popup-content.rounded .popup-detail .img {border-radius: 20px;}
	#mask.faq {display: block !important;}

	/* Component 18 - Gallery Carousel */
	.gallery-carousel .component-contents .component-text {padding-bottom: 40px;}
	.gallery-carousel .component-contents .visual-area .box-disc {padding: 20px 0 0; text-align: center;}
	.gallery-carousel .slider-grid-gallery {padding: 0;}
	.gallery-carousel .slider-grid-gallery .slide-visual {margin: -6px;}
	.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row {padding: 6px;}
	.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a {width: calc(50% - 6px);}
	.gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a ~ a {margin-left: 12px;}
	.gallery-carousel .visual-area.rounded .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row a {border-radius: 10px;}
	.gallery-carousel .slider-grid-gallery .slide-visual.slick-active .visual-col .visual-col-inner .row a img, 
	.gallery-carousel .slider-grid-gallery .slide-visual.slick-active .visual-col .visual-col-inner .row a:hover img {transform: none; transition: none;}
	.gallery-carousel .slider-grid-gallery .slick-dots {margin-top: 20px;}
	.gallery-carousel.m-narrow .component-contents > .visual-area {padding: 0 12px;}
	.popup-comp-gallery {top: 0; left: 0; width: 100%;}
	.popup-comp-gallery .slider-gallery-detail .big {text-align: center;}
	.popup-comp-gallery .slider-gallery-detail .big img {max-width: 100%; width: 100%;}
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-prev,
	.popup-comp-gallery .slider-gallery-detail .slick-arrow.slick-next {display: none;}
	.popup-comp-gallery .popup-component-contents {height: 100vh;}
	.popup-comp-gallery .popup-component-contents .visual-area {position: relative; top: 50%; transform: translateY(-50%);}

	/* Component 20 - Video List */
	.video-list-container .slider-video-list {padding: 0;}
	.video-list-container .slider-video-list .slick-list {margin: 0 -12px;}
	.video-list-container .slider-video-list .video {padding: 0 12px;}
	.video-list-container .slider-video-list .video .video-img {border-radius: 20px;}
	.video-list-container .slider-video-list .video .video-img:before {right: 18px; z-index: 1; width: 36px; height: 36px; background-size: 36px auto;}
	.video-list-container .slider-video-list .video .video-img .img-tit {left: 16px; right: 64px; font-size: 16px;}
	.video-list-container .slider-video-list .video .video-img .time {bottom: 16px; right: 24px; font-size: 14px;}
	.video-list-container .slider-video-list .video .video-info {padding-top: 36px;}
	.video-list-container .slider-video-list .video .video-info .title {margin-bottom: 16px; font-size: 16px;}
	.video-list-container .slider-video-list .video .video-info .desc {font-size: 12px;}
	.video-list-container .slider-video-list.slick-slider.ind-dot .slick-dots {margin: 20px 0 0;}
	.video-list-container .box-btns {padding-top: 60px;}
	.video-list-container .slider-video-list .video .popup-comp-player {border-radius: 20px;}
	.video-list-container.m-narrow .slider-video-list {padding: 0 12px;}
}

@media all and (max-width:480px) {    
    /* common text area - mobile */
	/* s : 231103 : KDP-41321 */
	.wrap-component .component-text .box-title .title { line-height:1.16; font-size:8.8889vw; }
	.wrap-component .component-text .box-title .title.pcd { font-size: 8.8889vw; }
	.wrap-component .component-text .box-title .title.lrg { font-size: 11.1111vw; }
	.wrap-component .component-text .box-title .title.lrg.pcd { font-size: 11.1111vw; }
    .wrap-component .component-text .box-title .title.sml { font-size:6.6667vw; }
	/* e : 231103 : KDP-41321 */
}

@media all and (max-width:414px) {
	/* common slider */
	.wrap-component .slider-tab-title .title button {font-size: 4.4444vw;} /* vw 360px 기준 16px : 414px ~ 320px 대응 */

	/* Component 06 - Product Selection */
	.product-selection .visual-area .slider-select-prdlist .box-product-card .card-filter .slick-slider {padding: 0 28px;}

	/* Component 21 - Three Column Carousel */
	.three-column-carousel .slider-three-column.type-vertical .column {width: 100%;}
	.three-column-carousel .slider-three-column.type-vertical .column:nth-child(2n) {margin-top: 40px; margin-left: 0;}
	.three-column-carousel .slider-three-column.type-vertical .column:nth-child(2) ~ .column {margin-top: 40px;}
}


/* 230703 B2C main만 수정  */
.wrap-component .component-text .box-title .title.b2c-main  {font-size: 52px;}
.wrap-component .component-text .box-title .sub.b2c-main {font-size: 24px;}

/* KDP-55763 [공통] 홈메인KV Carousel Container 구분자 추가 */
section[class*='__main-kv'] .wrap-component.tabtype-container.w1440px .component-text .box-title {margin-bottom:24px;}
section[class*='__main-kv'] .wrap-component.tabtype-container.w1440px .component-text .box-title .title {font-size:38px; line-height:1;}
@media screen and (max-width:800px) {
	section[class*='__main-kv'] .wrap-component.tabtype-container.w1440px .component-text .box-title {margin-bottom:16px;}
	section[class*='__main-kv'] .wrap-component.tabtype-container.w1440px .component-text .box-title .title {font-size:26px; line-height:1;}
	section[class*='__main-kv'] .wrap-component.tabtype-container.w1440px .slider-tab-title .title button {font-size: 12px;} 
}

.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 18px;}
.carousel-container .btn-underline{font-size: 14px;}
.carousel-container .box-btns > ul > li button{font-size: 14px;}
.fttype_A {font-family: 'SamsungOneKorean', '돋움', sans-serif;}
.fttype_B {font-family: 'Samsung Sharp Sans', sans-serif;}
.wrap-component .box-btns>ul>li button:first-of-type{margin-left: 0;}
.wrap-component .box-btns>ul>li button:last-of-type{margin-right: 0;}
@media screen and (min-width:1601px) and (max-width:1920px) {
	.wrap-component .component-text .box-title .title.b2c-main {font-size: 2.708vw;} /*52px*/
	.wrap-component .component-text .box-title .sub.b2c-main {font-size: 1.25vw;} /*24px*/
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 0.938vw;} /*18px*/
	.carousel-container .btn-underline{font-size: 0.729vw;} /*14px*/
	.carousel-container .box-btns > ul > li button{font-size: 0.729vw;}
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 2.188vw;} /*42px*/
}
@media screen and (min-width:1441px) and (max-width:1600px) {
	.wrap-component .component-text .box-title .title.b2c-main {font-size: 3vw;} /*48px*/
	.wrap-component .component-text .box-title .sub.b2c-main {font-size: 1.5vw;} /*24px*/
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 1.125vw;} /*18px*/
	.carousel-container .btn-underline{font-size: 0.875vw;} /*14px*/
	.carousel-container .box-btns > ul > li button{font-size: 0.875vw;} /*14px*/
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 3vw;} /*48px*/
}
@media screen and (min-width:1101px) and (max-width:1440px) {
	.wrap-component .component-text .box-title .title.b2c-main {font-size: 2.917vw;} /*42px*/
	.wrap-component .component-text .box-title .sub.b2c-main {font-size: 1.667vw;} /*24px*/
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 1.25vw;} /*18px*/
	.carousel-container .btn-underline{font-size: 0.972vw;} /*14px*/
	.carousel-container .box-btns > ul > li button{font-size: 0.972vw;} /*14px*/
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 3.333vw;} /*48px*/
}
@media screen and (min-width:801px) and (max-width:1100px) { 
	.wrap-component .component-text .box-title .title.b2c-main {font-size: 2.909vw;} /*32px*/
	.wrap-component .component-text .box-title .sub.b2c-main {font-size: 1.636vw;} /*18px*/
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 1.455vw; margin-top: 0.909vw;line-height: 1.35;} /*16px*/
	.carousel-container .btn-underline{font-size: 14px;} /*14px*/
	.carousel-container .box-btns > ul > li button{font-size: 14px; line-height: 1;} /*14px*/
	.wrap-component .btn-round {height: 32px; border-radius: 30px;}
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 1.636vw;} /*18px*/
	.wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button span{font-size: 10px;}
}
/* kdp-34113 */
@media screen and (min-width:801px) and (max-width:803px) {/*802기준(갤폴드 펼침)*/
	.wrap-component .component-text .box-title .title.b2c-main {font-size: 26px;} /*26px*/
	/* 230721 정지우 추가 */
	.wrap-component .component-text .box-title .sub.b2c-main {font-size: 16px; font-weight: bold;}
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 15px;}
}
@media screen and (max-width:800px) {
	/* .wrap-component .component-contents .slick-slider .component-text {padding: 40px 30px;} */
	.wrap-component .component-text .box-title .title.b2c-main  {font-size: 30px;}
	.wrap-component .component-text .box-title .sub.b2c-main {font-size: 16px; font-weight: bold;} /* kdp-34113 */
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {font-size: 15px; margin-top: 16px;} /* 230721 정지우 수정 *//* kdp-34113 */
	.carousel-container .box-btns > ul > li button{line-height: 1;}
	.wrap-component .btn-round {margin: 0;}
	.wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 63px;}
}
@media screen and (max-width:320px) {
	.wrap-component .component-contents .slick-slider .component-text {padding: 30px 20px 20px;}
	.wrap-component .component-text .box-title .title.b2c-main  {font-size: 24px;}
	.carousel-container .component-contents .visual .component-text .box-title .desc.b2c-main {margin-top: 12px;}
	.wrap-component .component-text .box-title + .box-btns {padding-top: 18px;}
	.wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 57px;}
	.wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls {bottom: 20px;} 
}
/* app일때...공통 */
@media screen and (max-width:800px) {
	.secapp .carousel-container .component-contents .component-text.txtm-top-left .component-text-inner, 
	.secapp .carousel-container .component-contents .component-text.txtm-top-center .component-text-inner, 
	.secapp .carousel-container .component-contents .component-text.txtm-top-right .component-text-inner {margin-top: 0;}
}

/* 230703 clickable_dual */
.carousel-container .component-contents .component-text.clickable_dual  {width: 100%; max-width: 1920px; Padding: 0 180px; display: flex; flex-wrap: nowrap; justify-content: space-around;}
.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left,
.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right {display:flex !important; align-items:center; position:initial; width:50% !important; height:100%; cursor: pointer;}
.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right {flex-direction: row-reverse;}
.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div,
.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div { width:370px; display:flex; align-items:center; flex-direction:column;}
.carousel-container .clickable_dual .box-title {text-align:center;}
.carousel-container .clickable_dual .box-btns > ul > li {display:inline-block;}
.wrap-component .clickable_dual .btn-underline{font-weight: bold;}
.carousel-container .clickable_dual .box-btns > ul > li {margin-right:7px;}
.b2c-main .clickable_dual .box-btns li:last-of-type{margin-right: 0 !important;}
.b2c-main .clickable_dual .box-btns li:last-of-type button{margin-right: 0;}
.wrap-component .clickable_dual.component-text .box-title .title{white-space: nowrap;}

@media screen and (max-width: 1920px){
	.carousel-container .component-contents .component-text.clickable_dual  {Padding: 0 9.375vw; /*180px*/ }
	/* .carousel-container .clickable_dual .btn-round{width: 122px; padding: 0;} */
	.carousel-container .clickable_dual .btn-round{width: auto; padding: 0 24px;}
}
@media screen and (min-width:1441px) and (max-width:1600px) {
	.carousel-container .component-contents .component-text.clickable_dual  {padding: 0 7.5vw;  /*120px*/}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div {/* width:342px; */width:21.375vw;}
	/* .carousel-container .clickable_dual .btn-round{width: 7.625vw;} 122px */
}
@media screen and (min-width:1101px) and (max-width:1440px) {
	.carousel-container .component-contents .component-text.clickable_dual  {padding: 0 8.333vw;  /*120px*/}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div {/* width:298px;  */width:20.694vw;}
	.wrap-component .component-contents .slick-slider .clickable_dual.component-text.txtm-top-center .box-btns{padding-top: 2.5vw; /*36px*/}
	/* .carousel-container .clickable_dual .btn-round{width: 8.472vw;} 122px */
}
@media screen and (min-width:801px) and (max-width:1100px) { /*802기준(갤폴드 펼침)*/
	.carousel-container .component-contents .component-text.clickable_dual  {padding: 0 70px; /*70px*/}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div {width:192.005px;}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div .box-title,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div .box-title{display: flex; flex-direction: column; gap: 10px;}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div .box-title .desc,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div .box-title .desc{width:80%; margin: 0 auto;line-height: 1.35;} /* kdp-34113 */
	.wrap-component .clickable_dual.component-text .box-title .title {font-size: 22px;}
	.wrap-component .clickable_dual.component-text .box-title + .box-btns {padding-top: 16px;}
	.wrap-component .clickable_dual .btn-underline{font-size: 14px;}
	.carousel-container .clickable_dual .btn-round { width: auto; padding: 0 15px; font-size: 14px; margin-right: 0;}
	.carousel-container .clickable_dual .box-btns>ul>li {margin-right: 0;}
}
@media screen and (max-width:800px) {
	.carousel-container .component-contents .component-text.clickable_dual {flex-direction: column; justify-content: space-between; align-items: center;}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left, 
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right{width: 100% !important; justify-content: center;}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left{align-items: flex-start;}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right {align-items: flex-end;}
	.wrap-component .component-contents .slick-slider .clickable_dual.component-text {padding: 8.333vw 6.667vw 62px; /* 30px 24px */}
	.wrap-component .clickable_dual.component-text .box-title .title {font-size: 26px; /* 26px */}

	/* kdp-34113 */
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div .box-title .desc,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div .box-title .desc {margin-top: 2.222vw;  line-height: 1.35;/* 8px */ font-size: 15px;}
	.wrap-component .clickable_dual.component-text .box-title + .box-btns {padding-top: 3.889vw; /* 14px */}
	.wrap-component .component-contents .slick-slider .clickable_dual.component-text.txtm-top-center .box-btns > ul {display: flex; margin: 0; gap: 6.667vw;  /* 24px */}
	.wrap-component .slider-controls .slide-btn{margin-left: 0;}
	.wrap-component .component-contents .slick-slider .clickable_dual.component-text.txtm-top-center .box-btns > ul > li{display: flex; align-items: center; margin: 0;}
	.carousel-container .clickable_dual .btn-round{width: auto; padding: 0 20px;  height: 40px; font-size: 14px; line-height: 1.1; margin: 0; border-radius: 30px;}
	.wrap-component .clickable_dual .btn-underline{margin: 0 20px 0 0; font-size: 14px;}
}
@media screen and (max-width: 320px){
	.wrap-component .component-contents .slick-slider .clickable_dual.component-text {padding: 24px 12px 50px;}
	/* .wrap-component .clickable_dual.component-text .box-title + .box-btns {padding-top: 9px;} */
	.wrap-component .clickable_dual.component-text .box-title + .box-btns {padding-top: 14px;}
	.b2c-main .wrap-component .pb-none .slick-slider.ind-in ~ .slider-controls{bottom: 19px;}
	.wrap-component .slider-controls .slide-btn{margin-left: 0;}
	.wrap-component .clickable_dual.component-text .box-title .title {font-size: 24px;}
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_right > div .box-title .desc,
	.carousel-container .component-contents .component-text .component-text-inner.clickable_dual_left > div .box-title .desc {font-size: 15px; margin-top: 8px;} /* kdp-34113 */
	.carousel-container .clickable_dual .btn-round { width: auto; padding: 0 15px; height: 32px; font-size: 14px;}
	.wrap-component .clickable_dual .btn-underline {margin: 0 10px 0 0; font-size: 14px;}
}
@media screen and (max-width:280px) {
}

/*  */
.wrap-html-content .nav-cpnt-wrap {position: relative;}
.wrap-html-content .nav-link.w1680 {max-width: 1600px;}
.wrap-html-content .nav-link {position: relative; max-width: 1440px; margin: 0 auto; overflow-y: hidden; overflow-x: auto; padding: 4px 20px 5px; background: #000; text-align: center; white-space: nowrap; border-top: 1px solid #1a1a1a;}
.wrap-html-content .nav-link a {display: inline-block; height: 50px; margin: 0 18px; padding-top: 17px; border-bottom: 3px solid transparent; color: #f7f7f7; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', '맑은 고딕', '돋움', sans-serif; font-weight: bold; font-size: 16px; line-height: 1; opacity: 1; text-decoration: none; transition: all .3s; box-sizing: border-box; letter-spacing: .02em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.wrap-html-content .nav-link a:hover {border-color: #fff; opacity: 1;}
@media all and (max-width:1440px) {
	.wrap-html-content .nav-link a {height: 3.472vw; margin: 0 .902778vw; padding-top: 1.181vw; font-size: 1.25vw;}
}
@media all and (max-width:1100px) {
	.wrap-html-content .nav-link a {height: 4.545vw; margin: 0 1.18182vw; padding-top: 1.545vw; font-size: 1.636vw; border-width: 2px;}
}
@media all and (max-width:800px) {
	.wrap-html-content .nav-link {text-align: left;}
	.wrap-html-content .nav-link a {height: 7vw; margin: 0 1.625vw; padding-top: 2.5vw; font-size: 2vw;}
}
@media all and (max-width:580px) {
	.wrap-html-content .nav-link a {height: 56px; margin: 0 8px; padding-top: 20px; font-size: 16px;}
}
@media all and (max-width:540px) {
	.wrap-html-content .nav-cpnt-wrap {position: relative;}
	.wrap-html-content .nav-cpnt-wrap.fixed {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; border-top: none;}
	.wrap-html-content .nav-cpnt-wrap:after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 4vw; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);}
}

.wrap-html-content .img-cloumn-section .title {text-align: center; font-size: 48px; font-weight: bold; line-height: 1.2;}
.wrap-html-content .img-cloumn-section .title .font-sans {vertical-align: inherit; line-height: 1.4; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', '돋움', sans-serif;}
.wrap-html-content .img-cloumn-section .title .sub {display: block; margin: 0 0 5px; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean'; font-weight: bold; font-size: 20px; letter-spacing: .2em;}
.wrap-html-content .img-cloumn-section .item-list {width: 1384px; margin: 0 auto; padding: 0; box-sizing: border-box; column-count: 3; column-gap: 32px;}
.wrap-html-content .img-cloumn-section .item-list li {list-style: none; padding: 0 24px; break-inside: avoid-column;}
.wrap-html-content .img-cloumn-section .item-list li div {display: inline-block; margin-top: 60px;}
.wrap-html-content .img-cloumn-section .item-list .img {position: relative; display: block; margin: 0 -24px 20px; overflow: hidden; border-radius: 20px;}
.wrap-html-content .img-cloumn-section .item-list .img img {width: 100%;}
.wrap-html-content .img-cloumn-section .item-list .sub {display: block; font-size: 16px;}
.wrap-html-content .img-cloumn-section .item-list .tit {display: block; margin: 6px 0 0; font-size: 24px; line-height: 1.25;}
.wrap-html-content .img-cloumn-section .item-list .tit.new-window:after {content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: middle; background: url('/sec/static/_images/component/newwindow-hover.svg') no-repeat center center; background-size: 100% auto;}
.wrap-html-content .img-cloumn-section .item-list .txt {display: block; margin: 16px 0 0; font-size: 15px; line-height: 1.6; color: #707070;}
.wrap-html-content .img-cloumn-section .item-list .video .img:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 88px; height: 88px; background: url('/sec/static/_images/component/compo_about_btn_play.png') no-repeat 0 0; background-size: 100% auto;}
.wrap-html-content .img-cloumn-section .item-list .video .img .time {position: absolute; bottom: 10px; right: 10px; padding: 8px; min-width: 44px; height: 28px; background-color: #000; color: #fff; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean'; font-size: 13px; border-radius: 6px;}

@media all and (max-width:1440px) {
	.wrap-html-content .img-cloumn-section .title,
	.wrap-html-content .img-cloumn-section .title .font-sans {font-size: 3.33333vw;}
	.wrap-html-content .img-cloumn-section .title .sub {margin: 0 0 .34722vw; font-size: 1.38889vw;}
	.wrap-html-content .img-cloumn-section .item-list {width: 100%; padding: 0 2.5vw; column-gap: 2.5vw;}
	.wrap-html-content .img-cloumn-section .item-list li {padding: 0 1.667vw;}
	.wrap-html-content .img-cloumn-section .item-list li div {margin-top: 4.166667vw;}
	.wrap-html-content .img-cloumn-section .item-list .img {margin: 0 -1.667vw 1.388889vw; border-radius: 1.388889vw;}
	.wrap-html-content .img-cloumn-section .item-list .sub {font-size: 1.11111vw;}
	.wrap-html-content .img-cloumn-section .item-list .tit {margin-top: .417vw; font-size: 1.66667vw;}
	.wrap-html-content .img-cloumn-section .item-list .tit.new-window:after {width: 1.39vw; height: 1.39vw; margin-left: 0.42vw;}
	.wrap-html-content .img-cloumn-section .item-list .txt {margin-top: 1.111vw; font-size: 1.042vw;}
	.wrap-html-content .img-cloumn-section .item-list .video .img:before {width: 6.111vw; height: 6.111vw;}
	.wrap-html-content .img-cloumn-section .item-list .video .img .time {bottom: .694vw; right: .694vw; padding: .556vw; min-width: 3.056vw; height: 1.944vw; font-size: .903vw; border-radius: .417vw;}
}
@media all and (max-width:1100px) {
	.wrap-html-content .img-cloumn-section .title,
	.wrap-html-content .img-cloumn-section .title .font-sans {font-size: 4.36364vw;}
	.wrap-html-content .img-cloumn-section .title .sub {margin: 0 0 .45455vw; font-size: 1.81818vw;}
	.wrap-html-content .img-cloumn-section .item-list {column-gap: 3.27273vw;}
	.wrap-html-content .img-cloumn-section .item-list li {padding: 0 2.182vw;}
	.wrap-html-content .img-cloumn-section .item-list li div {margin-top: 5.45455vw;}
	.wrap-html-content .img-cloumn-section .item-list .img {margin: 0 -2.182vw 1.81818vw; border-radius: 1.81818vw;}
	.wrap-html-content .img-cloumn-section .item-list .sub {font-size: 1.45455vw;}
	.wrap-html-content .img-cloumn-section .item-list .tit {margin-top: .545vw; font-size: 2.18182vw;}
	.wrap-html-content .img-cloumn-section .item-list .tit.new-window:after {width: 1.819vw; height: 1.819vw; margin-left: 0.545vw;}
	.wrap-html-content .img-cloumn-section .item-list .txt {margin-top: 1.455vw; font-size: 1.364vw;}
}
@media all and (max-width:800px) {
	.wrap-html-content .img-cloumn-section .title,
	.wrap-html-content .img-cloumn-section .title .font-sans {font-size: 6.667vw;}
	.wrap-html-content .img-cloumn-section .title .sub {margin: 0 0 2.222vw; font-size: 3.889vw;}
	.wrap-html-content .img-cloumn-section .item-list {column-count: 2; column-gap: 3.333vw; padding: 0 3.333vw;}
	.wrap-html-content .img-cloumn-section .item-list li {padding: 0;}
	.wrap-html-content .img-cloumn-section .item-list li div {margin-top: 8.333vw;}
	.wrap-html-content .img-cloumn-section .item-list .img {margin: 0; border-radius: 2.778vw;}
	.wrap-html-content .img-cloumn-section .item-list .sub {margin-top: 3.611vw; font-size: 3.333vw;}
	.wrap-html-content .img-cloumn-section .item-list .tit {margin: 0.833vw 0 0; font-size: 4.444vw;}
	.wrap-html-content .img-cloumn-section .item-list .tit.new-window:after {width: 3.611vw; height: 3.611vw; margin-left: 1.111vw;}
	.wrap-html-content .img-cloumn-section .item-list .txt {margin: 1.944vw 0 0; font-size: 3.333vw;}
	.wrap-html-content .img-cloumn-section .item-list .video .img:before {width: 11.111vw; height: 11.111vw;}
	.wrap-html-content .img-cloumn-section .item-list .video .img .time {bottom: 2.778vw; right: 2.778vw; padding: 1.111vw; min-width: 7.778vw; height: 4.444vw; font-size: 2.5vw; border-radius: 1.111vw;}
}

.component-interior .title {padding-bottom: 40px; font-size: 48px; line-height: 1.25; text-align: center;}
.component-interior .title > sup {margin-left: 0; font-size: 24px; vertical-align: 18px; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean';}
.component-interior .interior-inner {position: relative;}
.component-interior .interior-inner .interior-img .img-mo {display: none;}
.component-interior .interior-inner .interior-img .img-pc {display: block; margin: 0 auto;}
.component-interior .interior-inner .interior-txt {position: absolute; right: 60px; bottom: 60px; padding: 16px 24px; width: 278px; background-color: rgba(255, 255, 255, .9); border-radius: 10px;}
.component-interior .interior-inner .interior-txt > span {display: block;}
.component-interior .interior-inner .interior-txt .prd-tit {padding-bottom: 4px; width: 100%; height: 44px; font-size: 18px; line-height: 1.22; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.component-interior .interior-inner .interior-txt .prd-code {overflow: hidden; padding-bottom: 17px; font-size: 12px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap;}
.component-interior .interior-inner .interior-txt .price-detail > ul li {line-height: 1.5;}
.component-interior .interior-inner .interior-txt .price-detail > ul li:after {content: ''; clear: both; display: block;}
.component-interior .interior-inner .interior-txt .price-detail > ul li .count {float: left; font-size: 12px;}
.component-interior .interior-inner .interior-txt .price-detail > ul li .price {float: right; font-size: 14px;}
.component-interior .interior-inner .interior-txt .price-detail > ul li:last-child {font-weight: bold;}
.component-interior .interior-inner .interior-txt .price-detail > ul li:last-child .price {font-size: 16px;}
.component-interior.wrap-component .control-blk .slick-slider.arr-circle .slick-arrow {background-color: rgba(0,0,0,.5);}
.component-interior.wrap-component .slick-slider.arr-circle .slick-arrow {box-shadow: none;}

@media all and (max-width: 1440px) {
	.component-interior .title {padding-bottom: 2.778vw; font-size: 3.333vw;}
	.component-interior .title > sup {font-size: 1.7vw; vertical-align: 1vw;}
	.component-interior .interior-inner .interior-txt {right: 4.167vw; bottom: 2.778vw; padding: 1.111vw 1.667vw; width: 19.306vw; border-radius: .694vw;}
	.component-interior .interior-inner .interior-txt .prd-tit {padding-bottom: .278vw; height: 3.056vw; font-size: 1.25vw;}
	.component-interior .interior-inner .interior-txt .prd-code {padding-bottom: 1.181vw; font-size: .833vw;}
	.component-interior .interior-inner .interior-txt .price-detail > ul li .count {font-size: .833vw;}
	.component-interior .interior-inner .interior-txt .price-detail > ul li .price {font-size: .972vw;}
	.component-interior .interior-inner .interior-txt .price-detail > ul li:last-child .price {font-size: 1.111vw;}
}
@media all and (max-width: 1100px) {
	.component-interior .title > sup {font-size: 2.1vw; vertical-align: 1.5vw;}
}
@media all and (max-width: 800px) {
	.component-interior .title {padding: 0 13.333vw 5.556vw; font-size: 6.667vw;}
	.component-interior .title > sup {font-size: 3.333vw; vertical-align: 2.222vw;}
	.component-interior .interior-inner .interior-img .img-mo {display: block; width: 100%;}
	.component-interior .interior-inner .interior-img .img-pc {display: none;}
	.component-interior .interior-inner .interior-txt {position: relative; right: auto; bottom: auto; padding: 11.667vw 16.667vw 0; width: 100%; border-radius: 0; background: none;}
	.component-interior .interior-inner .interior-txt .prd-tit {padding-bottom: 0.278vw; height: 12.222vw; font-size: 5vw;}
	.component-interior .interior-inner .interior-txt .prd-code {padding-bottom: 5.556vw; font-size: 3.333vw;}
	.component-interior .interior-inner .interior-txt .price-detail > ul li .count {font-size: 3.333vw;}
	.component-interior .interior-inner .interior-txt .price-detail > ul li .price {font-size: 3.889vw;}
	.component-interior .interior-inner .interior-txt .price-detail > ul li:last-child .price {font-size: 4.444vw;}
	.component-interior .slick-slider.ind-out ~ .slider-controls {position: absolute; right: 0; left: 0; z-index: 1; margin-top: 0;}
	.component-interior .pb-none .slick-slider.ind-in ~ .slider-controls, 
	.component-interior .pb-none .slick-slider.ind-out ~ .slider-controls {bottom: auto; top: 103vw;}
	.component-interior .pb-none .slick-slider.ind-in ~ .slider-controls.device-mo, 
	.component-interior .pb-none .slick-slider.ind-out ~ .slider-controls.device-mo {bottom: auto; top: 107vw;}
}

.component-feature .feature-inner {position: relative;}
.component-feature .feature-mo {display: none;}
.component-feature .feature-pc {display: block;}
.component-feature .feature-cont {position: absolute; top: 0; left: 50%; margin: 0 0 0 -696px; height: 100%;}
.component-feature .feature-cont:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.component-feature .feature-info {position: relative; display: inline-block; vertical-align: middle;}
.component-feature .feature-info .tit {line-height: 1.15; font-weight: bold; font-size: 2.708vw; color: #000; word-break: keep-all;}
.component-feature .feature-info .txt {margin-top: 1.042vw; line-height:1.5em; font-size:0.938vw; color:#000; letter-spacing:-0.05em; word-break:keep-all; font-family: 'SamsungOneKorean';}
.component-feature .feature-info .box-btns {padding-top: 2.083vw; padding-bottom: 0;}
.component-feature .feature-info .box-btns ul {margin: 0;}
.component-feature .feature-info .box-btns ul > li {margin-top: 0; margin-bottom: 0;}
.component-feature .feature-info .box-btns .btn-d {min-width: 5vw; height: 2.083vw; margin: 0 0.260vw; line-height: 2.71; padding: 0 1.250vw; font-size: 0.729vw; border-radius: 1.042vw; background-color: #000;}
.component-feature .feature-info .note {padding-top: 4.167vw;}
.component-feature .feature-info .note > li {padding-left: 0.469vw; text-indent: -0.469vw; line-height: 1.5; font-size: 0.625vw;}
.component-feature .feature-info .note > li:before {content: '* ';}
.component-feature .feature-info .note > li > a {color: #2188ff; font-weight: bold; font-size: 0.625vw;}
.component-feature .feature-info.mode-dark .tit, 
.component-feature .feature-info.mode-dark .txt, 
.component-feature .feature-info.mode-dark .btn-underline, 
.component-feature .feature-info.mode-dark .note li, 
.component-feature .feature-info.mode-dark .note li > a {color: #fff;}
.component-feature .feature-info.mode-dark .btn-underline {border-bottom-color: #fff;}
.component-feature .feature-info.mode-dark .box-btns .btn-d {background-color: #fff; color: #000;}
.component-feature .slick-slider .slick-arrow.slick-prev {left: 20px;}
.component-feature .slick-slider .slick-arrow.slick-next {right: 20px;}

@media screen and (max-width: 1600px) {
	.component-feature .feature-cont {margin-left: -43.5vw;}
}
@media screen and (max-width: 1440px) {
	.component-feature .feature-cont {margin-left: -41.333vw;}
	.component-feature .feature-info .tit {font-size: 3.611vw;}
	.component-feature .feature-info .txt {margin-top: 1.389vw; font-size:1.250vw;}
	.component-feature .feature-info .box-btns {padding-top: 2.778vw;}
	.component-feature .feature-info .box-btns .btn-d {min-width: 6.666667vw; height: 2.7778vw; line-height: 2.6389vw; padding: 0 1.666667vw; font-size: .9722vw; border-radius: 1.3889vw;}
	.component-feature .feature-info .note {padding-top: 5.556vw;}
	.component-feature .feature-info .note > li {padding-left: .625vw; text-indent: -.625vw; font-size: .833vw;}
	.component-feature .feature-info .note > li > a {font-size: .833vw;}
	.component-feature .slick-slider .slick-arrow.slick-prev {left: 1.389vw;}
	.component-feature .slick-slider .slick-arrow.slick-next {right: 1.389vw;}
}
@media screen and (max-width: 1100px) {
	.component-feature .feature-info .note {padding-top: 3.956vw;}
	.component-feature .feature-info .note > li {font-size: 1.033vw;}
	.component-feature .feature-info .note > li > a {font-size: 1.033vw;}
}
@media screen and (max-width: 800px) {
	.component-feature .feature-mo {display: block; width: 100%;}
	.component-feature .feature-pc {display: none;}
	.component-feature .component-contents .slick-slider .feature-cont {position: relative; display: block; left: 0; margin: 0; padding: 62px 20px 0; width: 100%; height: auto; box-sizing: border-box;}
	.component-feature .feature-info {display: block;}
	.component-feature .feature-info .tit {line-height:1.16; font-size:6.667vw;}
	.component-feature .feature-info .txt {margin-top: 5.556vw; line-height:1.33; font-size:4.444vw;}
	.component-feature .feature-info .tit > br, 
	.component-feature .feature-info .txt > br,
	.component-feature .feature-info .sub > br {display: none;}
	.component-feature .feature-info .box-btns {padding-top: 8.333vw;}
	.component-feature .feature-info .box-btns .btn-d {min-width: 26.667vw; height: 11.111vw; line-height: 2.71; padding: 0 6.667vw; font-size: 3.889vw; border-radius: 5.556vw;}
	.component-feature .feature-info .note {padding-top: 8.333vw;}
	.component-feature .feature-info .note > li {padding-left: 2.500vw; text-indent: -2.500vw; font-size: 3.333vw;}
	.component-feature .feature-info .note > li > a {font-size: 3.333vw;}
	.component-feature .slick-slider.ind-out ~ .slider-controls {position: absolute; bottom: auto; top: 102.941vw; left: 0; width: 100%; margin: 0;}
	.component-feature .slick-slider.ind-out ~ .slider-controls.device-mo {top: 106.944vw;}
}

.pcd-collabo-section {overflow: hidden;}
.pcd-collabo-section .tit {padding-bottom: 37px; text-align: center; font-size: 48px; line-height: 1.25; font-weight: bold;}
.pcd-collabo-section .pcd-collabo-wrap.info-posR .pcd-info-wrap {float: right;}
.pcd-collabo-section .pcd-info-wrap {float: left; width: calc(100% - 66.666vw); height: 720px; text-align: center;}
.pcd-collabo-section .pcd-info-wrap:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.pcd-collabo-section .pcd-info-wrap .prd-info {display: inline-block; width: 320px; vertical-align: middle;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-img {padding-bottom: 10px;}

.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail > span {display: block; text-align: center;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail .prd-name {padding-bottom: 6px; font-size: 20px; line-height: 1.3; font-weight: bold;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail .prd-num {padding-bottom: 20px; font-size: 14px; line-height: 1.4;}

.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul {padding-bottom: 8px;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li {color: #707070; line-height: 1.4;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:last-child {padding-bottom: 7px; color: #000; font-weight: bold; border-bottom: 1px solid #bcb9b9;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:after {content: ''; clear: both; display: block;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li .count {float: left; font-size: 12px;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li .price {float: right; font-size: 14px;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:last-child .price {font-size: 16px;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count .note {padding-bottom: 22px; font-size: 12px; line-height: 1.5; text-align: center; font-weight: bold; color: #707070;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count .note > a {color: #2188ff; text-decoration: underline;}
.pcd-collabo-section .pcd-info-wrap .prd-info .card-btn {text-align: center;}

.pcd-collabo-section .pcd-display-wrap {position: relative; float: left; width: 66.666vw;}
.pcd-collabo-section .pcd-display-wrap .wrap-component {position: relative;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual {position: relative;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text {position: absolute; z-index: 1; padding: 0;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .title {font-size: 24px; line-height: 1.333; font-weight: bold; color: #000;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .sub.below {font-size: 16px; line-height: 1.5; color: #000;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes {padding-top: 20px;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li {padding-left: 9px; text-indent: -9px; font-size: 12px; line-height: 1.5; color: #000;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li:before {content: '* ';}
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li > a {font-size: 12px; font-weight: bold; color: #2188ff; text-decoration: underline;}

.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text.txt-wht .box-title .title, 
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text.txt-wht .box-title .sub.below, 
.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text.txt-wht .box-notes > ul > li {color: #fff;}

.pcd-collabo-section .pcd-display-wrap .visual-area {position: relative; overflow: hidden; width: 100%; height: 720px;}
.pcd-collabo-section .pcd-display-wrap .visual-area > .img-pc {position: absolute; top: 50%; left: 50%; margin: -360px 0 0 -640px; width: 1280px; max-width: 1280px;}
.pcd-collabo-section .pcd-display-wrap .visual-area > .img-mo {display: none;}

.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow.slick-next {right: 40px;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow.slick-prev {left: 40px;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 30px;}
.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls {position: absolute; bottom: 30px; left: 0; width: 100%;}

@media screen and (max-width: 1440px) {
	.pcd-collabo-section .tit {padding-bottom: 2.569vw; font-size: 3.333vw;}
	.pcd-collabo-section .pcd-info-wrap {height: 50vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info {width: 22.222vw;}

	.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail .prd-name {padding-bottom: .417vw; font-size: 1.389vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail .prd-num {padding-bottom: 1.389vw; font-size: .972vw;}

	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul {padding-bottom: .556vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:last-child {padding-bottom: .486vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li .count {font-size: .833vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li .price {font-size: .972vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:last-child .price {font-size: 1.111vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count .note {padding-bottom: 1.528vw; font-size: .833vw;}

	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .title {font-size: 1.667vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .sub.below {font-size: 1.111vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes {padding-top: 1.389vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li {font-size: .833vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li > a {font-size: .833vw;}

	.pcd-collabo-section .pcd-display-wrap .visual-area {height: 50vw;}
	.pcd-collabo-section .pcd-display-wrap .visual-area > img {margin: -25vw 0 0 -44.444vw; width: 88.889vw; max-width: 88.889vw;}

	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow.slick-next {right: 2.778vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow.slick-prev {left: 2.778vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider.ind-in ~ .slider-controls {bottom: 2.083vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls {bottom: 2.083vw;}
}

@media screen and (max-width: 800px) {
	.pcd-collabo-section .tit {padding-bottom: 6.667vw; font-size: 6.667vw;}
	.pcd-collabo-section .pcd-info-wrap {float: none; padding: 0 16.667vw 16.667vw; width: 100%; height: auto; box-sizing: border-box;}
	.pcd-collabo-section .pcd-collabo-wrap.info-posR .pcd-info-wrap {float: none;}
	.pcd-collabo-section .pcd-info-wrap .prd-info {margin: 0; width: 100%;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-img {display: block; text-align: center;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-img > img {display: inline-block; width: 55.556vw;}

	.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail .prd-name {padding-bottom: 1.667vw; font-size: 5.556vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-detail .prd-num {padding-bottom: 5.278vw; font-size: 3.889vw;}

	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul {padding-bottom: 2.222vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:last-child {padding-bottom: 1.944vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li .count {font-size: 3.333vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li .price {font-size: 3.889vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count ul li:last-child .price {font-size: 4.444vw;}
	.pcd-collabo-section .pcd-info-wrap .prd-info .card-price .price-detail .set-count .note {padding-bottom: 6.111vw; font-size: 3.333vw;}

	.pcd-collabo-section .pcd-display-wrap {float: none; width: 100%;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text {position: relative; top: 0; left: 0; right: 0; margin-left: 0; padding: 0 5.556vw; width: 100%; text-align: left;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .title {font-size: 6.667vw; color: #000;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .title > br {display: none;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .sub.below {font-size: 3.889vw; color: #000;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-title .sub.below > br {display: none;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes {padding-top: 8.333vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li {font-size: 3.333vw; color: #000;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text .box-notes > ul > li > a {font-size: 3.333vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text.txt-wht .box-title .title, 
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text.txt-wht .box-title .sub.below, 
	.pcd-collabo-section .pcd-display-wrap .wrap-component .visual .component-text.txt-wht .box-notes > ul > li {color: #000;}

	.pcd-collabo-section .pcd-display-wrap .visual-area {margin-bottom: 17.222vw; height: auto;}
	.pcd-collabo-section .pcd-display-wrap .visual-area > .img-mo {display: block; margin: 0; width: 100%; max-width: 100%;}
	.pcd-collabo-section .pcd-display-wrap .visual-area > .img-pc {display: none;}

	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow.slick-next {right: -2777.5vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow.slick-prev {left: 2777.5vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider .slick-arrow {width: 0; left: 0;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider.ind-in ~ .slider-controls {margin-top: 0; position: absolute; top: 104vw; bottom: auto; left: 0; width: 100%;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls.device-mo {top: 102vw;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls {margin-top: 0; position: absolute; top: 104vw; bottom: auto; left: 0; width: 100%;}

	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider.ind-line .slick-dots li button:before, 
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slick-slider.ind-line ~ .slider-controls .slick-dots li button:before {background-color: #707070; opacity: 1;}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls .slick-dots li.slick-active button:after {background-color: #000;}

	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls .slide-btn.slide-play {background-image: url(/sec/static/_images/common/icon-slick-play-sml.svg);}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls .slide-btn.slide-pause {background-image: url(/sec/static/_images/common/icon-slick-pause-sml.svg);}
	.pcd-collabo-section .pcd-display-wrap .wrap-component .slider-controls .slick-dots li.slick-active button:after {background: #000;}
}

/* Component 23 - Product Card */
.product-card .component-text .box-title {text-align: center;}
.product-card .component-text .box-title .sub.above {margin-bottom: 8px; line-height: 1.36; letter-spacing: -.005em; font-size: 22px; font-weight: normal;}
.product-card .component-text .box-title .sub.below {line-height: 1.36; font-size: 22px;}
.product-card .component-text .box-title .title {padding-bottom: 20px; line-height: 1.25; letter-spacing: -.005em; font-size: 48px;}
.product-card .component-text .box-title .desc {padding-bottom: 36px;}
.product-card .component-text .box-title .sub.below + .desc {margin-top: 0;}
.product-card .component-text .box-title button {margin-bottom: 60px;}
.product-card, 
.product-card.w1920px, 
.product-card.w1680px, 
.product-card.w1440px, 
.product-card.w1024px {max-width: none; /* overflow: hidden; */}
.product-card.w1920px .component-contents {max-width: 1920px;}
.product-card.w1680px .component-contents {max-width: 1680px;}
.product-card.w1440px .component-contents {max-width: 1440px;}
.product-card.w1024px .component-contents {max-width: 1024px;}
.product-card .component-contents {margin: 0 auto; overflow: visible;}
.product-card .visual-area {position: relative; margin: 0 0 36px;}
.product-card .slider-select-prdlist {width: 1440px; max-width: 100%; margin: 0 auto;/*  overflow: hidden; */}
.product-card .slider-select-prdlist + .slider-select-prdlist {margin-top: 36px;}

.product-card .slider-select-prdlist {display: flex; flex-wrap: wrap;} /* 2021-02-01 */
.product-card .slider-select-prdlist.autoHeight .box-product-card .inner {height:auto;} /* 231013 컴포넌트 오류 (공동구매case) */
.product-card .box-product-card {width: 25%;} /* 2021-02-01 */
.product-card .box-product-card .inner {position: relative; width: 100%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px; background: #fff;height:100%;} /* 230914 */
.product-card .box-product-card:nth-child(4n+1) .inner {border-left: 1px solid #ddd;}
.product-card .box-product-card:nth-child(-n+4) .inner {border-top: 1px solid #ddd;}
.product-card .box-product-card:last-child .inner {border-right: 1px solid #ddd;}
.product-card .box-product-card:nth-child(1) .inner {border-top-left-radius: 20px;}
.product-card .box-product-card:nth-child(4) .inner {border-top-right-radius: 20px;}
.product-card .box-product-card.first-right .inner {border-top-right-radius: 20px;}
.product-card .box-product-card.last-left .inner {border-bottom-left-radius: 20px;}
.product-card .box-product-card.last-right .inner {border-bottom-right-radius: 20px;}
.product-card .rounded .box-product-card .inner {border-radius: 20px;}

.product-card .card-images {position: relative; overflow: hidden; width: 300px; max-height: 300px; margin: 0 auto; padding: 10px; border-radius: 10px; background: #f7f7f7;}
.product-card .card-images img {width: 100%;}
.product-card .card-images.soldout:after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 136px; height: 136px; background: url('/sec/static/_images/component/product-card-soldout.png') no-repeat 0 0; background-size: 100% auto;}
.product-card .card-opt.pf-color-sel {margin-top: 16px;}
.product-card .card-opt .itm-color-list {padding: 2px 0 0;}
.product-card .card-opt .itm-color-list li ~ li {margin-left: 4px;}
.product-card .card-opt .itm-color-list .itm-color-object {margin: 4px;}
.product-card .card-filter {margin-top: 18px;}
.product-card .card-filter li span {padding: 0 15px; line-height: 1.8055;}
.product-card .card-filter .filter-slick {margin: 0 34px;}

.product-card .card-detail {display:flex; justify-content:space-between; flex-direction:column; position:relative; padding:18px 0 0; text-align:center;}
.product-card .card-detail .box-info {padding-bottom: 12px;}
.product-card .card-detail .box-info .info-tit {padding: 0 18px; line-height: 1.333; letter-spacing: -.01em; font-weight: bold; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}
.product-card .card-detail .box-info .info-model {padding-top: 6px; line-height: 1.333; letter-spacing: -.005em; font-size: 12px; color: #707070;}
.product-card .card-price .bott-fix {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;} /* KDP-86184 [퍼블][FO]제휴카드 월금액 노출 컴포넌트&PF 개발 - 20250522 */
.product-card .card-detail .bott-fix [class^='pic-'],
.product-card .card-price .bott-fix [class^='pic-'] {overflow: hidden; font-size: 12px; text-align: right;}
.product-card .card-detail .bott-fix [class^='pic-'] span, 
.product-card .card-detail .bott-fix [class^='pic-'] em,
.product-card .card-price .bott-fix [class^='pic-'] span, 
.product-card .card-price .bott-fix [class^='pic-'] em {display: inline-block; line-height: 1.278; letter-spacing: -.005em; color: #707070; font-size: 14px; font-style: normal;}
.product-card .card-detail .bott-fix [class^='pic-'] > span,
.product-card .card-price .bott-fix [class^='pic-'] > span {float: left;}
.product-card .card-detail .bott-fix > div + div,
.product-card .card-price .bott-fix > div + div {padding-top: 6px;}
.product-card .card-detail .bott-fix > div:last-child,
.product-card .card-price .bott-fix > div:last-child {padding-top: 0;}
.product-card .card-detail .bott-fix > div:last-child > span,
.product-card .card-price .bott-fix > div:last-child > span {position: relative; top: 4px; font-size: 18px; font-weight: bold; color: #000;}
.product-card .card-detail .bott-fix > div:last-child > em,
.product-card .card-price .bott-fix > div:last-child > em {position: relative; top: 2px; font-size: 22px; font-weight: bold; color: #000;}
.product-card .card-detail .bott-fix > div:last-child > em > span,
.product-card .card-price .bott-fix > div:last-child > em > span  {position: relative; top: -1px; font-size: 16px; font-weight: bold; color: #000;}
.product-card .card-detail .bott-fix > div:last-child.pic-cou > span,/* 2021-11-10 */
.product-card .card-detail .bott-fix > div:last-child.pic-ben > span,
.product-card .card-detail .bott-fix > div:last-child.pic-mem > span,
.product-card .card-detail .bott-fix > div:last-child.pic-tag > span,
.product-card .card-detail .bott-fix > div:last-child.pic-cou > em,
.product-card .card-detail .bott-fix > div:last-child.pic-ben > em,
.product-card .card-detail .bott-fix > div:last-child.pic-mem > em,
.product-card .card-detail .bott-fix > div:last-child.pic-tag > em,
.product-card .card-detail .bott-fix > div:last-child.pic-cou > em > span,
.product-card .card-detail .bott-fix > div:last-child.pic-ben > em > span,
.product-card .card-detail .bott-fix > div:last-child.pic-mem > em > span,
.product-card .card-detail .bott-fix > div:last-child.pic-tag > em > span,
.product-card .card-price .bott-fix > div:last-child.pic-cou > span,/* 2021-11-10 */
.product-card .card-price .bott-fix > div:last-child.pic-ben > span,
.product-card .card-price .bott-fix > div:last-child.pic-mem > span,
.product-card .card-price .bott-fix > div:last-child.pic-tag > span,
.product-card .card-price .bott-fix > div:last-child.pic-cou > em,
.product-card .card-price .bott-fix > div:last-child.pic-ben > em,
.product-card .card-price .bott-fix > div:last-child.pic-mem > em,
.product-card .card-price .bott-fix > div:last-child.pic-tag > em,
.product-card .card-price .bott-fix > div:last-child.pic-cou > em > span,
.product-card .card-price .bott-fix > div:last-child.pic-ben > em > span,
.product-card .card-price .bott-fix > div:last-child.pic-mem > em > span,
.product-card .card-price .bott-fix > div:last-child.pic-tag > em > span { color: #2189FF; }/* 22-11-14 KDP-20152 */
.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price,
.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price {display: block;height: calc((22px * 1.278) + 2px);}
.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide,
.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide {width: auto;height: calc(22px * 1.278);vertical-align: baseline;}

/* s: KDP-86184 [퍼블][FO]제휴카드 월금액 노출 컴포넌트&PF 개발 */
.product-card .card-price {padding: 6px 0 2px; color: #000;}
.product-card .card-price .price-detail,
.product-card .card-price .list-price {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;width: 100%;position: relative;} 
.product-card .card-price .price-detail .coupon {font-size: 14px;line-height: 23px;padding-bottom: 6px;}
.product-card .card-price .price-detail .pic {display: flex; align-items: center; padding-bottom: 6px;}
.product-card .card-price .price-detail .pic em {font-size: 18px;line-height: 23px;font-weight: 700;}
.product-card .card-price .price-detail .pic em.per {color: #2189FF;margin-right: 6px;}
.product-card .card-price .price-detail .pic em.per > span {font-size: inherit;}
.product-card .card-price .price-detail .pic .unit {margin-left: 1px;font-size: 16px;line-height: 21px;font-weight: 700;}
.product-card .card-price .price-detail .pic .btn-downtool {width: 14px;height: 14px;margin-left: 10px;background: transparent url("/sec/static/_images/common/icon-tooltip-down.svg") no-repeat center;background-size: 99% auto;}
.product-card .card-price .price-detail .pic .btn-downtool.open {background-image: url("/sec/static/_images/common/icon-tooltip-up.svg");}
.product-card .card-price .price-detail .pic .box-tip {display: none;position: absolute;right: -12px;top: 26px;width: 230px;padding: 16px;border: 1px solid #000;border-radius: 10px;background: #fff;z-index: 11;}
.product-card .card-price .price-detail .pic .box-tip-price {width: 300px;}
.product-card .card-price .price-detail .pic .box-tip h4 {padding-bottom: 12px;color: #000;font-size: 14px;font-weight: 700;text-align: left;line-height: 19px;}
.product-card .card-price .price-detail .pic .box-tip .price-list + .price-list {margin-top: 12px;padding-top: 12px;border-top: 1px solid #ddd;}
.product-card .card-price .price-detail .pic .box-tip .price-list li {display: flex;justify-content: space-between;}
.product-card .card-price .price-detail .pic .box-tip .price-list li ~ li {margin-top: 6px;}
.product-card .card-price .price-detail .pic .box-tip .price-list li p {color: #707070;font-size: 12px;line-height: 16px;}
.product-card .card-price .price-detail .pic .box-tip .price-list li.outlet p {color: #2189FF;}
.product-card .card-price .price-detail .pic .box-tip .price-list li p span,
.product-card .card-price .price-detail .pic .box-tip .price-total p span {font-size: inherit;}
.product-card .card-price .price-detail .pic .box-tip .price-list li .title {font-weight: 700;}
.product-card .card-price .price-detail .pic .box-tip .price-list li .price .month {display: inline-block;margin-right: 4px;}
.product-card .card-price .price-detail .pic .box-tip .price-total {display: flex;justify-content: space-between;margin-top: 12px;padding-top: 12px;border-top: 1px solid #ddd;}
.product-card .card-price .price-detail .pic .box-tip-price .price-total {padding-bottom: 12px;}
.product-card .card-price .price-detail .pic .box-tip .price-total p {color: #2189FF;font-size: 14px;line-height: 18px;font-weight: 700;}
.product-card .card-price .price-detail .pic .box-tip .price-total p.price .month {display: inline-block;margin-right: 2px;}
.product-card .card-price .price-detail .pic .box-tip .price-notice {position: relative;padding-left: 8px;color: #8E8E8E;font-size: 12px;text-align: left;line-height: 16px;font-weight: 400;}
.product-card .card-price .price-detail .pic .box-tip .price-notice + .price-notice {margin-top: 6px;}
.product-card .card-price .price-detail .pic .box-tip .price-notice:before {position: absolute;left: 0;top: 0;content: '*';}

.product-card .card-price .list-price > span,
.product-card .card-price .list-price em {line-height: 23px;}
.product-card .card-price .list-price > span {font-size: 14px;}
.product-card .card-price .list-price em {font-size: 16px;font-weight: 700;}
.product-card .card-price .list-price em > span {font-size: 18px;}
.product-card .card-price .list-price em::after {content: ""; display: inline-block; width: 24px; text-align: left; padding-left: 1px; box-sizing: border-box;}
.product-card .card-price .list-price.tilde > em::after {content: "~";}


/* @media screen and (max-width: 1440px) { */
@media screen and (max-width: 1440px) and (min-width: 801px) {
	.product-card .card-price {padding: 0.4167vw 0 0.1389vw;}
	.product-card .card-price .price-detail .coupon {font-size: 0.9722vw;line-height: 1.5972vw;padding-bottom: 0.4167vw;}
	.product-card .card-price .price-detail .pic {padding-bottom: 0.4167vw;}
	.product-card .card-price .price-detail .pic em {font-size: 1.2500vw;line-height: 1.5972vw;}
	.product-card .card-price .price-detail .pic em.per {margin-right: 0.4167vw;}
	.product-card .card-price .price-detail .pic .unit {margin-left: 0.0694vw;font-size: 1.1111vw;line-height: 1.4583vw;}
	.product-card .card-price .price-detail .pic .btn-downtool {width: 0.9722vw;height: 0.9722vw;margin-left: 0.6944vw;}
	.product-card .card-price .price-detail .pic .box-tip {right: -0.8333vw;top: 2.3611vw;width: 15.9722vw;padding: 1.1111vw;border-radius: 0.6944vw;}
	.product-card .card-price .price-detail .pic .box-tip-price {width: 20.8333vw;}
	.product-card .card-price .price-detail .pic .box-tip h4 {padding-bottom: 0.8333vw;font-size: 0.9722vw;line-height: 1.3194vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-list + .price-list {margin-top: 0.8333vw;padding-top: 0.8333vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-list li ~ li {margin-top: 0.4167vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-list li p {font-size: 0.8333vw;line-height: 1.1111vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-list li .price .month {margin-right: 0.2778vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-total {margin-top: 0.8333vw;padding-top: 0.8333vw;}
	.product-card .card-price .price-detail .pic .box-tip-price .price-total {padding-bottom: 0.8333vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-total p {font-size: 0.9722vw;line-height: 1.2500vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-total p.price .month {margin-right: 0.1389vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-notice {padding-left: 0.5556vw;font-size: 0.8333vw;line-height: 1.1111vw;}
	.product-card .card-price .price-detail .pic .box-tip .price-notice + .price-notice {margin-top: 0.4167vw;}

	.product-card .card-price .list-price > span,
	.product-card .card-price .list-price em {line-height: 1.5972vw;}
	.product-card .card-price .list-price > span {font-size: 0.9722vw;}
	.product-card .card-price .list-price em {font-size: 1.1111vw;}
	.product-card .card-price .list-price em > span {font-size: 1.2500vw;}
	.product-card .card-price .list-price em::after {width: 1.6667vw; padding-left: 0.0694vw;}
}
@media screen and (max-width: 800px) {
	.product-card .card-price {padding: 4px 0 0;}
	.product-card .card-price .price-detail,
	.product-card .card-price .list-price {display: flex;flex-direction: column;align-items: center;}
	.product-card .card-price .price-detail .coupon {font-size: 12px;line-height: 16px;padding-bottom: 3px;}
	.product-card .card-price .price-detail .pic {padding-bottom: 10px;}
	.product-card .card-price .price-detail .pic em {font-size: 16px;line-height: 21px;}
	.product-card .card-price .price-detail .pic em.per {margin-right: 4px;}
	.product-card .card-price .price-detail .pic .unit {margin-left: 0;font-size: 14px;}
	.product-card .card-price .price-detail .pic .btn-downtool {width: 14px;height: 14px;margin-left: 6px;}

	.product-card .card-price .price-detail .pic .box-tip {top: 44px;}
	.product-card .box-product-card:nth-child(odd) .card-price .price-detail .pic .box-tip {left: 0;right: auto;}
	.product-card .box-product-card:nth-child(even) .card-price .price-detail .pic .box-tip {right: 0;}
	.product-card .card-price .price-detail .pic .box-tip h4 {line-height: 18px;}
	.product-card .card-price .price-detail .pic .box-tip .price-list + .price-list,
	.product-card .card-price .price-detail .pic .box-tip .price-total {margin-top: 10px;padding-top: 10px;}
	.product-card .card-price .price-detail .pic .box-tip .price-total p {font-size: 12px;line-height: 16px;}
	.product-card .card-price .price-detail .pic .box-tip .price-notice + .price-notice {margin-top: 4px;}

	.product-card .card-price .list-price {gap: 3px;}
	.product-card .card-price .list-price > span {font-size: 12px;line-height: 16px;}
	.product-card .card-price .list-price em {font-size: 14px;line-height: 21px;}
	.product-card .card-price .list-price em > span {font-size: 16px;}
	.product-card .card-price .list-price em::after {width: auto;}
}
@media screen and (max-width: 360px) {
	.product-card .card-price .price-detail .pic .box-tip-price {width: 270px;}
}
/* e: KDP-86184 [퍼블][FO]제휴카드 월금액 노출 컴포넌트&PF 개발 */


.product-card .card-btn {position: relative; margin-top: 18px; padding-top: 12px; border-top: 1px solid #ddd;}
.product-card .card-btn > div + div {margin-top: 12px;}
.product-card .card-btn .txt-note {line-height: 1.2; text-align: center; font-size: 14px;}
.product-card .card-btn .txt-note span {color: #2189ff; font-weight: bold;}
/* 210202 : #27191 텍스트 길어지고 2개일 경우 말줄임 */
.product-card .card-btn .box-btm-btns {text-align: center;font-size:0}/* 210204 : 추가 */
.product-card .card-btn .box-btm-btns > a, 
.product-card .card-btn .box-btm-btns > button {margin: 0 8px;}
.product-card .card-btn .box-btm-btns > a,
.product-card .card-btn .box-btm-btns > button {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-card .card-btn .box-btm-btns > a, /* a,button 두개 들어있을때만 적용 */
.product-card .card-btn .box-btm-btns > a + button{max-width: calc(50% - 1.2vw)}
/* 221205 : 비교하기 추가 */
.product-card .card-btn {margin-bottom: 12px;}
.product-card .card-compare{font-size: 14px; position: relative; padding-top: 12px; border-top: 1px solid #ddd; padding-bottom: 18px;}
.product-card .card-compare .link-compare-i {float: left; cursor: pointer; position: relative; padding-left: 24px; color: #000; font-size: 14px; line-height: 1.3em; letter-spacing: 0; font-weight: bold;}
.product-card .card-compare .link-compare-i.disabled {color: #2189FF;}
.product-card .card-compare .link-compare-i:before {content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background: url(/sec/static/_images/common/iconPlus-default.svg) no-repeat center; background-size: 100% auto; transform: translateY(-50%);}	
.product-card .card-compare .link-compare-i.disabled:before {background: url(/sec/static/_images/common/iconPlus-active.svg) no-repeat center; background-size: contain;}
.product-card .card-compare .link-review {float: right; position: relative; padding-left: 22px; color: #000; font-size: 14px; line-height: 19px; letter-spacing: 0;}
.product-card .card-compare .link-review:before { content: ''; display: block; clear: both; position: absolute; left: 0; width: 16px; height: 16px;	background: url(/sec/static/_images/common/icon-star.svg) no-repeat center; background-size: 100% auto;}
.product-card .card-compare .link-review span {font-weight: bold; vertical-align: initial;}





.product-card .card-option {margin-top: 18px;}
.product-card .card-option .set-opt {display: flex;}
.product-card .card-option .set-opt ~ .set-opt {margin-top: 16px;}
.product-card .card-option .set-opt .opt-tit {width: 40%; line-height: 1.2; font-size: 14px; color: #000; letter-spacing: -.005em;}
.product-card .card-option .set-opt .wrap-droplist {width: 60%;}
.product-card .card-option .set-opt .wrap-droplist .droplist-button {min-height: 18px; padding-right: 26px; font-weight: bold; color: #000; text-align: right; border: none;}
.product-card .card-option .set-opt .wrap-droplist .droplist-button:before {right: 0;}
.product-card .card-option .set-opt .wrap-droplist > .single {display: inline-block; width: 100%; line-height: 1.2; text-align: right; font-size: 14px; font-weight: bold; color: #000;}
.product-card .box-btns {text-align: center; padding-bottom: 0;}
.product-card .box-btns .btn-d {min-width: 90px; padding: 0 16px; border: 1px solid #212425;}
.product-card .box-btns .btn-d > em {display: inline-block; margin-left: 2px; font-style: normal;}
.product-card .box-btns .btn-d:after {content: ''; margin-left: 2px; margin-top: -2px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/sec/static/_images/common/icon-search-arr.svg) center center no-repeat; background-size: 100% auto; -webkit-transform: rotate(90deg); transform: rotate(90deg);}

/* 210128 : #27191 */
.product-card.title-line2-type .card-detail .box-info .info-tit{height:46px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;word-wrap:break-word;line-height:23px}
@media (max-width: 1440px){
	.product-card.title-line2-type .card-detail .box-info .info-tit{height: 3.3vw;line-height: 1.65vw}
	/* 221205 */
	.product-card .card-btn {margin-bottom: 0.833vw;}
	.product-card .card-compare{font-size: 0.972vw; padding-top: 0.833vw; padding-bottom: 1.25vw;}
	.product-card .card-compare .link-compare-i { padding-left: 1.667vw; font-size: 0.972vw;}
	.product-selection .box-compare .link-compare-i:before,
	.product-card .card-compare .link-compare-i:before {width: 1.25vw; height: 1.25vw;}	
	.product-card .card-compare .link-review {padding-left: 1.528vw; font-size: 0.972vw; line-height: 1.319vw;}
	.product-card .card-compare .link-review:before { width: 1.1111vw; height: 1.1111vw;}
}
@media (max-width: 1100px){
	.product-card.title-line2-type .card-detail .box-info .info-tit{height: 4.1691vw;line-height: 2.18vw}
	.product-card .card-btn .box-btm-btns > a,
	.product-card .card-btn .box-btm-btns > a + button{max-width: calc(50% - 1.6vw)}
}
@media (max-width: 800px){
	.product-card .card-btn .box-btm-btns > a,
	.product-card .card-btn .box-btm-btns > a + button{max-width: 100%}
	/* 221205 */
	.product-card .card-compare{ padding-bottom: 3.333vw; padding-top: 3.333vw;}
	.product-card .card-compare .link-compare-i, 
	.product-card .card-compare .link-review span, .product-card .card-compare .link-review{font-size: 3.333vw; line-height: 3.333vw;}
	.product-card .card-compare .link-review:before{top: -0.733vw; left: -3.1889vw; width: 4vw; height: 4vw;}
	.product-card .card-compare .link-compare-i{padding-left: 6.111vw;}
	.product-card .card-compare .link-compare-i.disabled:before{background-size: 100% auto;}
	.product-card .card-compare .link-compare-i:before{top: 1.44667vw; width: 4.444vw; height: 4.444vw;}
	.product-selection .box-compare .link-compare-i:before{top: 1.74667vw; width: 4.444vw; height: 4.444vw;}
	.product-selection .box-compare .link-compare-i {padding-left: 5.8111vw;}
}
@media (max-width: 800px){
	.product-card.title-line2-type .card-detail .box-info .info-tit{height: 10.556vw;line-height: 5.278vw}
}
@media all and (max-width:1440px) {
	.product-card {padding: 4.17vw 0;}
	.product-card .component-text .box-title .sub.above {margin-bottom: .556vw; font-size: 1.528vw;}
	.product-card .component-text .box-title .sub.below {font-size: 1.528vw;}
	.product-card .component-text .box-title .title {padding-bottom: 1.389vw; font-size: 3.333vw;}
	.product-card .component-text .box-title .desc {padding-bottom: 2.5vw;}
	.product-card .component-text .box-title button {margin-bottom: 4.167vw;}
	.product-card .component-text {margin: 0 0 -6.944vw;}

	.product-card .visual-area {margin: 6.94vw 0 2.5vw;}
	.product-card .slider-select-prdlist {width: 100%;}
	.product-card .slider-select-prdlist + .slider-select-prdlist {margin-top: 2.5vw;}

	.product-card .box-product-card .inner {padding: 2.083vw;}
	.product-card .box-product-card:nth-child(1) .inner {border-top-left-radius: 1.389vw;}
	.product-card .box-product-card:nth-child(4) .inner {border-top-right-radius: 1.389vw;}
	.product-card .box-product-card.first-right .inner {border-top-right-radius: 1.389vw;}
	.product-card .box-product-card.last-left .inner {border-bottom-left-radius: 1.389vw;}
	.product-card .box-product-card.last-right .inner {border-bottom-right-radius: 1.389vw;}
	.product-card .rounded .box-product-card .inner {border-radius: 1.389vw;}

	.product-card .card-images {width: 20.833vw; max-height: 20.833vw; padding: .694vw; border-radius: .694vw;}
	.product-card .card-images.soldout:after {width: 9.444vw; height: 9.444vw;}
	.product-card .card-opt.pf-color-sel {margin-top: 1.111vw;}
	.product-card .card-opt .itm-color-list {padding: .139vw 0;}
	.product-card .card-opt .itm-color-list li ~ li {margin-left: .28vw;}
	.product-card .card-opt .itm-color-list .itm-color-object {margin: .278vw;}

	.product-card .card-filter {margin-top: 1.25vw;}
	.product-card .card-filter li span {padding: 0 1.042vw; line-height: 1.8055;}
	.product-card .card-filter .filter-slick {margin: 0 2.361vw;}

	.product-card .card-detail {padding: 1.25vw 0 0;}
	.product-card .card-detail .box-info {padding-bottom: .833vw;}
	.product-card .card-detail .box-info .info-tit {padding: 0 1.25vw; font-size: 1.25vw;}
	.product-card .card-detail .box-info .info-model {padding-top: .417vw; font-size: .833vw;}
	.product-card .card-detail .bott-fix [class^='pic-'],
	.product-card .card-price .bott-fix [class^='pic-'] {font-size: .833vw;}
	.product-card .card-detail .bott-fix [class^='pic-'] span, 
	.product-card .card-detail .bott-fix [class^='pic-'] em,
	.product-card .card-price .bott-fix [class^='pic-'] span, 
	.product-card .card-price .bott-fix [class^='pic-'] em {font-size: .972vw;}
	.product-card .card-detail .bott-fix > div + div,
	.product-card .card-price .bott-fix > div + div {padding-top: .417vw;}
	/* .product-card .card-detail .bott-fix > div + div + div, 2021-11-10*/ 
	.product-card .card-detail .bott-fix > div:last-child,
	.product-card .card-price .bott-fix > div:last-child {padding-top: 0;}
	.product-card .card-detail .bott-fix > div:last-child > span,
	.product-card .card-price .bott-fix > div:last-child > span {top: .278vw; font-size: 1.250vw;}
	.product-card .card-detail .bott-fix > div:last-child > em,
	.product-card .card-price .bott-fix > div:last-child > em {top: .139vw; font-size: 1.528vw;}
	.product-card .card-detail .bott-fix > div:last-child > em > span,
	.product-card .card-price .bott-fix > div:last-child > em > span {top: -.069vw; font-size: 1.111vw;}
	.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price,
	.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price {height: calc((1.528vw * 1.278) + 0.139vw);}
	.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide,
	.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide {height: calc(1.528vw * 1.278);}

	.product-card .card-btn {margin-top: 1.25vw; padding-top: .833vw;}
	.product-card .card-btn > div + div {margin-top: .833vw;}
	.product-card .card-btn .txt-note {font-size: .972vw;}
	.product-card .card-btn .box-btm-btns > a, 
	.product-card .card-btn .box-btm-btns > button {margin: 0 .556vw;}

	.product-card .card-option {margin-top: 1.25vw;}
	.product-card .card-option .set-opt ~ .set-opt {margin-top: 1.111vw;}
	.product-card .card-option .set-opt .opt-tit {font-size: .972vw;}
	.product-card .card-option .set-opt .wrap-droplist .droplist-button {min-height: 1.25vw; padding-right: 1.806vw;}
	.product-card .card-option .set-opt .wrap-droplist > .single {font-size: 0.972vw;}

	.product-card .pf-color-sel.slideOn .option-slick {padding-left: .14vw;}
	.product-card .pf-color-sel .itm-color-list li input[type='radio']:checked + label .itm-color-object:after, 
	.product-card .pf-color-sel .itm-color-list li input[type='checkbox']:checked + label .itm-color-object:after {width: 1.53vw; height: 1.53vw;}

	.product-card .box-btns .btn-d {min-width: 6.25vw; padding: 0 1.111vw;}
	.product-card .box-btns .btn-d:after {margin-left: .139vw; margin-top: -.14vw; width: 1.11vw; height: 1.11vw;}
	.product-card .box-btns .btn-d > em {margin-left: .139vw;}
}
@media all and (max-width:1100px) {
	.product-card {padding: 5.455vw 0;}
	.product-card .component-text .box-title .sub.above {margin-bottom: .7273vw; font-size: 2vw;}
	.product-card .component-text .box-title .sub.below {font-size: 2vw;}
	.product-card .component-text .box-title .title {padding-bottom: 1.8182vw; font-size: 4.3636vw;}
	.product-card .component-text .box-title .desc {padding-bottom: 3.2727vw;}
	.product-card .component-text .box-title button {margin-bottom: 5.4545vw;}
	.product-card .component-text {margin: 0 0 -9.0909vw;}

	.product-card .visual-area {margin: 9.091vw 0 3.273vw;}
	.product-card .slider-select-prdlist + .slider-select-prdlist {margin-top: 3.2727vw;}

	.product-card .box-product-card:nth-child(1) .inner {border-top-left-radius: 1.8182vw;}
	.product-card .box-product-card:nth-child(4) .inner {border-top-right-radius: 1.8182vw;}
	.product-card .box-product-card.first-right .inner {border-bottom-left-radius: 1.8182vw;}
	.product-card .box-product-card.last-left .inner {border-bottom-left-radius: 1.8182vw;}
	.product-card .box-product-card.last-right .inner {border-bottom-right-radius: 1.8182vw;}
	.product-card .rounded .box-product-card .inner {border-radius: 1.8182vw;}

	.product-card .card-images {padding: .9091vw; border-radius: .9091vw;}
	.product-card .card-opt.pf-color-sel {margin-top: 1.4545vw;}
	.product-card .card-opt .itm-color-list {padding: .1818vw 0;}
	.product-card .card-opt .itm-color-list li ~ li {margin-left: .36vw;}
	.product-card .card-opt .itm-color-list .itm-color-object {margin: .3636vw;}

	.product-card .card-filter {margin-top: 1.6364vw;}
	.product-card .card-filter li span {padding: 0 1.364vw;}
	.product-card .card-filter .filter-slick {margin: 0 3.0909vw;}

	.product-card .card-detail {padding: 1.6364vw 0 0;}
	.product-card .card-detail .box-info {padding-bottom: 1.0909vw;}
	.product-card .card-detail .box-info .info-tit {padding: 0 1.6364vw; font-size: 1.6364vw;}
	.product-card .card-detail .box-info .info-model {padding-top: .5455vw; font-size: 1.0909vw;}
	.product-card .card-detail .bott-fix [class^='pic-'],
	.product-card .card-price .bott-fix [class^='pic-'] {font-size: 1.0909vw;}
	.product-card .card-detail .bott-fix [class^='pic-'] span, 
	.product-card .card-detail .bott-fix [class^='pic-'] em,
	.product-card .card-price .bott-fix [class^='pic-'] span, 
	.product-card .card-price .bott-fix [class^='pic-'] em {font-size: 1.2727vw;}
	.product-card .card-detail .bott-fix > div + div,
	.product-card .card-price .bott-fix > div + div {padding-top: .545vw;}
	/* .product-card .card-detail .bott-fix > div + div + div, 2021-11-10 */
	.product-card .card-detail .bott-fix > div:last-child,
	.product-card .card-price .bott-fix > div:last-child {padding-top: 0;}
	.product-card .card-detail .bott-fix > div:last-child > span,
	.product-card .card-price .bott-fix > div:last-child > span {top: .364vw; font-size: 1.636vw;}
	.product-card .card-detail .bott-fix > div:last-child > em,
	.product-card .card-price .bott-fix > div:last-child > em {top: .182vw; font-size: 2vw;}
	.product-card .card-detail .bott-fix > div:last-child > em > span,
	.product-card .card-price .bott-fix > div:last-child > em > span {top: -.091vw; font-size: 1.455vw;}
	.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price,
	.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price {height: calc((2vw * 1.278) + 0.182vw);}
	.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide,
	.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide {height: calc(2vw * 1.278);}

	.product-card .card-btn {margin-top: 1.6364vw; padding-top: 1.0909vw;}
	.product-card .card-btn > div + div {margin-top: 1.0909vw;}
	.product-card .card-btn .txt-note {font-size: 1.2727vw;}
	.product-card .card-btn .box-btm-btns > a, 
	.product-card .card-btn .box-btm-btns > button {margin: 0 .7273vw;}

	.product-card .card-option {margin-top: 1.6364vw;}
	.product-card .card-option .set-opt ~ .set-opt {margin-top: 1.4545vw;}
	.product-card .card-option .set-opt .opt-tit {font-size: 1.2727vw;}
	.product-card .card-option .set-opt .wrap-droplist .droplist-button {min-height: 1.6364vw; padding-right: 2.3636vw;}
	.product-card .card-option .set-opt .wrap-droplist > .single {font-size: 1.273vw;}

	.product-card .pf-color-sel.slideOn .option-slick {padding-left: .18vw;}
	.product-card .pf-color-sel .itm-color-list li input[type='radio']:checked + label .itm-color-object:after, 
	.product-card .pf-color-sel .itm-color-list li input[type='checkbox']:checked + label .itm-color-object:after {width: 2vw; height: 2vw;}

	.product-card .box-btns .btn-d {min-width: 8.182vw; padding: 0 1.455vw;}
	.product-card .box-btns .btn-d:after {margin-left: .182vw; margin-top: -.182vw; width: 1.455vw; height: 1.455vw;}
	.product-card .box-btns .btn-d > em {margin-left: .182vw;}
}
@media all and (max-width:800px) {
	.product-card {padding: 40px 0 60px;}
	.product-card .component-text .box-title .sub.above {margin-bottom: 14px; font-size: 16px;}
	.product-card .component-text .box-title .sub.below {font-size: 16px;}
	.product-card .component-text .box-title .title {padding-bottom: 10px; font-size: 36px;}
	.product-card .component-text .box-title .desc {padding-bottom: 24px; font-size: 12px;}
	.product-card .component-text .box-title button {margin-bottom: 40px;}

	.product-card .component-contents {padding: 0;}
	.product-card .component-text {margin: 0;}
	.product-card .visual-area {margin: 0 12px 24px;}
	.product-card .visual-area > .slide-nav {display: none;}
	.product-card .slider-select-prdlist {display: flex; flex-wrap: wrap;}
	.product-card .slider-select-prdlist + .slider-select-prdlist {margin-top: 24px;}
	.product-card .box-product-card {width: 50%;}
	.product-card .box-product-card .inner {padding: 12px 12px 18px;}
	.product-card .box-product-card:nth-child(n+3) .inner {border-top: 0;}
	.product-card .box-product-card:nth-child(2n+1) .inner {border-left: 1px solid #ddd;}
	.product-card .box-product-card:nth-child(1) .inner {border-top-left-radius: 10px;}
	.product-card .box-product-card:nth-child(2) .inner {border-top-right-radius: 10px;}
	.product-card .box-product-card:nth-child(4) .inner {border-top-right-radius: 0;}
	.product-card .box-product-card.last-left .inner {border-bottom-left-radius: 10px;}
	.product-card .box-product-card.last-right .inner {border-bottom-right-radius: 10px;}

	.product-card .card-images {width: 100%; max-width: 100%; max-height: 100%; border-radius: 10px;}
	.product-card .card-images.soldout:after {width: 26.667vw; height: 26.667vw;}
	.product-card .card-opt.pf-color-sel {margin-top: 18px;}
	.product-card .card-opt .itm-color-list {padding: 3px 0 3px;}
	.product-card .card-opt .itm-color-list li ~ li {margin-left: 4px;}
	.product-card .card-opt .slide-nav button {margin-top: 5px;}

	.product-card .card-filter {margin-top: 18px;}
	.product-card .card-filter li span {min-width: 70px; height: 28px; border: 1px solid #ddd; line-height: 28px; font-size: 14px;}
	.product-card .card-filter li label {height: 28px;}
	.product-card .card-filter .filter-slick {margin: 0 16px;}
	.product-card .card-filter .slide-nav button {top: 50%; margin-top: -8px; width: 16px; height: 16px;}
	.product-card .card-filter .slide-nav .btn-prev {left: 0; background-size: 16px auto;}
	.product-card .card-filter .slide-nav .btn-next {right: 0; background-size: 14px auto;}

	.product-card .card-detail {padding: 18px 0 0;}
	.product-card .card-detail .box-info {padding-bottom: 12px;}
	.product-card .card-detail .box-info .info-tit {height: 38px; padding: 0; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
	.product-card .card-detail .box-info .info-model {padding-top: 4px; color: #000; font-size: 12px;}
	.product-card .card-detail .bott-fix [class^='pic-'],
	.product-card .card-price .bott-fix [class^='pic-'] {font-size: 12px;}
	.product-card .card-detail .bott-fix [class^='pic-'] span, 
	.product-card .card-detail .bott-fix [class^='pic-'] em,
	.product-card .card-price .bott-fix [class^='pic-'] span, 
	.product-card .card-price .bott-fix [class^='pic-'] em {font-size: 12px; line-height: 1.333;}
	.product-card .card-detail .bott-fix > div + div,
	.product-card .card-price .bott-fix > div + div {padding-top: 6px;}
	/* .product-card .card-detail .bott-fix > div + div + div, 2021-11-10 */ 
	.product-card .card-detail .bott-fix > div:last-child,
	.product-card .card-price .bott-fix > div:last-child {padding-top: 0;}
	.product-card .card-detail .bott-fix > div:last-child > span,
	.product-card .card-price .bott-fix > div:last-child > span {top: 4px; font-size: 12px;}
	.product-card .card-detail .bott-fix > div:last-child > em,
	.product-card .card-price .bott-fix > div:last-child > em {top: 2px; font-size: 16px;}
	.product-card .card-detail .bott-fix > div:last-child > em > span,
	.product-card .card-price .bott-fix > div:last-child > em > span {top: -1px; font-size: 12px;}
	.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price,
	.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price {height: calc((16px * 1.333) + 2px);}
	.product-card .card-detail .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide,
	.product-card .card-price .bott-fix > div:last-child > em > .pt_tag__price > img.m_hide {height: calc(16px * 1.333);}

	.product-card .card-btn {padding-top: 3.0333vw; margin-top: 5vw; margin-bottom: 3.167vw} /* 221205 */
	.product-card .card-btn > div + div {margin-top: 12px;}
	.product-card .card-btn .txt-note {font-size: 12px;}
	.product-card .card-btn .box-btm-btns {display: flex; align-items: center; flex-direction: column-reverse;}
	.product-card .card-btn .box-btm-btns > a, 
	.product-card .card-btn .box-btm-btns > button {line-height: 1.286; font-size: 14px;}
	.product-card .card-btn .box-btm-btns > .btn-underline {border-bottom: 1px solid #000; margin: 18px 0 0;}

	.product-card .card-option {margin-top: 18px;}
	.product-card .card-option .set-opt ~ .set-opt {margin-top: 10px;}
	.product-card .card-option .set-opt .opt-tit {position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
	.product-card .card-option .set-opt .wrap-droplist {width: 100%;}
	.product-card .card-option .set-opt .wrap-droplist .droplist-button {min-height: 16px; padding-right: 26px; font-size: 12px; text-align: left;}
	.product-card .card-option .set-opt .wrap-droplist > .single {line-height: 1.4; text-align: left; font-size: 12px;}

	.product-card .pf-color-sel.slideOn .option-slick {padding-left: 2px;}
	.product-card .pf-color-sel .itm-color-list li input[type='radio']:checked + label .itm-color-object:after, 
	.product-card .pf-color-sel .itm-color-list li input[type='checkbox']:checked + label .itm-color-object:after {width: 22px; height: 22px; border: 1px solid #000;}

	.product-card .box-btns .btn-d {min-width: 90px; padding: 0 16px;}
	.product-card .box-btns .btn-d:after {margin-left: 2px; margin-top: -2px; width: 16px; height: 16px;}
	.product-card .box-btns .btn-d > em {margin-left: 2px;}
}

@media all and (max-width:540px) {
	.product-card .box-btns .btn-d {min-width: 90px; height: 40px; line-height: 38px; border-radius: 20px; font-size: 14px;}
	.product-card .box-btns .btn-d:after {margin-left: 2px; margin-top: -2px; width: 16px; height: 16px;}
}

/* video round */
.video-round20{overflow:hidden !important;border-radius:20px !important}

/* Component Story angle */
.st-angle-top,
.st-angle-bot {position: relative; overflow: hidden; padding: 0px;}

.st-angle-top {margin-top: 11.4583vw;}
.st-angle-bot {margin-bottom: 11.4583vw;}

.st-angle-top.st-angle-left::before,
.st-angle-bot.st-angle-left::after,
.st-angle-top.st-angle-right::before,
.st-angle-bot.st-angle-right::after {content: ""; position: absolute; left: 0; width: 100%; height: 10.5208vw; background-color: #fff; z-index: 5;}

.st-angle-top::before { top: -5.2604vw; }
.st-angle-bot::after { bottom: -5.2604vw; }

.st-angle-top.st-angle-left::before,
.st-angle-bot.st-angle-left::after { transform: skewY(-6deg); }
.st-angle-top.st-angle-right::before,
.st-angle-bot.st-angle-right::after { transform: skewY(6deg); }

/* Component Story line */
/* 기울기 없을때 기본 높이와 모양 */
.st-top-line {margin-top: 10.4167vw;}
.st-bot-line {margin-bottom: 10.4167vw;}

.st-top-line .component-contents::before,
.st-bot-line .component-contents::after {content: ""; position: absolute; left: calc(50% - 0.5px); width: 1px; height: 15.6250vw; z-index: 10; background: #000000;
background: -moz-linear-gradient(top, #000000 65%, #ffffff 65%);
background: -webkit-linear-gradient(top, #000000 65%,#ffffff 65%);
background: linear-gradient(to bottom, #000000 65%,#ffffff 65%);
}
.st-top-line .component-contents::before {top: -10.2083vw;}
.st-bot-line .component-contents::after {bottom: -10.2083vw; transform: rotate(180deg);}

/* 라인이 있을경우 히든처리 해제 */
.st-top-line,.st-top-line .component-contents,
.st-bot-line,.st-bot-line .component-contents{overflow: visible !important;}

.st-top-line.st-angle-top{margin-top: 10.0521vw;}
.st-bot-line.st-angle-bot{margin-bottom: 10.0521vw;}

/* 기울기 있을때 bar 길이 */
.st-top-line.st-angle-top .component-contents::before,
.st-bot-line.st-angle-bot .component-contents::after{height: 23.4375vw;}

/* 기울기 있을때 위치 */
.st-top-line.st-angle-top .component-contents::before {top: -9.9479vw;}
.st-bot-line.st-angle-bot .component-contents::after {bottom: -9.9479vw;}

@media all and (max-width: 800px) {
	

	/* 기울기 없을때 */
	.st-top-line{margin-top: 36.5000vw;}
	.st-bot-line{margin-bottom: 36.5000vw;}
	.st-top-line .component-contents::before,
	.st-bot-line .component-contents::after{height: 56.2500vw;}
	.st-top-line .component-contents::before {top: -36.5000vw;}
	.st-bot-line .component-contents::after {bottom: -36.5000vw;}

	/* 기울기 있을때 */
	.st-top-line.st-angle-top{margin-top: 31.2500vw;}
	.st-bot-line.st-angle-bot{margin-bottom: 31.2500vw;}
	.st-top-line.st-angle-top .component-contents::before,
	.st-bot-line.st-angle-bot .component-contents::after{height: 56.2500vw;}
	.st-top-line.st-angle-top .component-contents::before {top: -31.2500vw;}
	.st-bot-line.st-angle-bot .component-contents::after {bottom: -31.2500vw;}
}

/* Component 25 - Story Fullbleed */
/* base */
.story-fullbleed .component-contents{padding: 0px;}
.story-fullbleed .component-text{position: absolute;top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 2;}
.story-fullbleed .st-angle-top .visual-area video {width: 100%;}
.story-fullbleed .link-url .box-btns{display: none;}
.story-fullbleed .link-url .link-over-wrap{display: block;}

.story-fullbleed .box-btns{margin-top: 2.2222vw;}
.story-fullbleed .link-over-wrap{display:none; width: 28px; margin: 2.2222vw auto 0;}
.story-fullbleed .link-over-wrap::after{content: ""; display: block; width:28px; height: 14px; background:url('/sec/static/_images/common/arw-more-white.svg') no-repeat; background-position-x: -28px;}
.story-fullbleed .link-over-wrap.over::after {background-position-x: 0;transition: all .5s;-webkit-transition: all .5s;}
.story-fullbleed .link-over-wrap.out::after{background-position-x: 28px;}
.story-fullbleed .link-over-wrap .link-over{display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 0; line-height: 0;}

.story-fullbleed .vs-dimmed .visual-area::before{content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 1;}

@media all and (max-width: 800px) {
	.story-fullbleed .box-btns,
	.story-fullbleed .link-over-wrap{margin-top: 11.8750vw;}
}

.story-fullbleed .component-contents.type-video .visual-area .video.nonImg {padding-top: 0px;}
.story-fullbleed .component-contents.type-video .visual-area .video.nonImg > video {position: relative; display: block; height: auto; z-index: auto;}
.story-fullbleed .component-contents.type-video .visual-area .popup-comp-player.embed {z-index: 2 !important;}
.story-fullbleed .component-contents.type-video .visual-area .box-video-btns {z-index: 2}

/* text-style */
.story-fullbleed.wrap-component .txt-white .component-text .box-title > *:not(button){color: #fff;}
.story-fullbleed.wrap-component .txt-shadow .component-text .box-title > *:not(button){text-shadow: 0px 0px 6px #000;}

/* Component 26 - Story Double */
.story-double { overflow: hidden; }
.story-double .story-double-content { margin-top: 0; padding-top: 10.5208vw; }
.story-double .component-contents { margin: 0 auto; overflow: visible; z-index: 10; }
.story-double .component-text { width: calc(100% - 770px); }
.story-double .text-left .component-text { padding-right: 30px; }
.story-double .text-right .component-text { margin-left: auto; padding-left: 30px; }
.story-double .component-text .text-mo { display: none; }
.story-double .component-contents[class*='txt-mid-'] .component-text .component-text-inner { width: 100%; }
.story-double .visual-area { width: 100%; }
.story-double .visual-area .first { position: absolute; top: 0; width: 770px; }
.story-double .visual-area .second { position: relative; padding-top: 60px; width: 600px; z-index: 1; }
.story-double .text-left .visual-area .first { right: 0; }
.story-double .text-right .visual-area .first { left: 0; }
.story-double .text-right .visual-area .second { float: right; }
.story-double .text-right .visual-area::after { content: ""; display: block; clear: both; }
.story-double .slide-btn { display: none;}

.story-double:not(.w1024px) .component-contents { max-width: 1280px; }
.story-double.w1024px .component-contents { max-width: 924px; }
.story-double.w1024px .component-text { width: calc(100% - 540px); }
.story-double.w1024px .visual-area .first { width: 540px; }
.story-double.w1024px .visual-area .second { padding-top: 50px; width: 430px; }

@media (max-width: 1440px) {
	.story-double .component-text { width: calc(100% - 53.4722vw); }
	.story-double .visual-area .first { width: 53.4722vw; }
	.story-double .visual-area .second { padding-top: 4.1667vw; width: 41.6667vw; }
	
	.story-double:not(.w1024px) .component-contents { padding: 3.1250vw 0; max-width: 88.8889vw; }
	.story-double.w1024px .component-contents { padding: 4.1667vw 0; max-width: 90%; }
}
@media (max-width: 1024px) {
	.story-double.w1024px .component-text { width: calc(100% - 53.4722vw); }
	.story-double.w1024px .visual-area .first { width: 53.4722vw; }
	.story-double.w1024px .visual-area .second { padding-top: 4.1667vw; width: 41.6667vw; }
}
@media (max-width: 800px) {
	.story-double.wrap-component { padding: 11.1111vw 0; }
	.story-double .st-angle-top::before { content: none; }
	.story-double .story-double-content { padding-top: 0; overflow: visible; }
	.story-double .component-contents { margin-top: 0; }
	.story-double .component-text,
	.story-double.w1024px .component-text,
	.story-double .visual-area { width: 100%; }
	.story-double .text-left .component-text,
	.story-double .text-right .component-text,
	.story-double .visual-area { padding: 0 8.3333vw; }
	.story-double .visual-area { margin-top: 11.1111vw; }
	.story-double .component-text .text-pc { display: none; }
	.story-double .component-text .text-mo { display: block; }
	.story-double .txtm-middle-left .box-title,
	.story-double .txtm-middle-left .box-title,
	.story-double .txtm-middle-left .box-title,
	.story-double .txtm-middle-left .box-title,
	.story-double .txtm-middle-left .box-title,
	.story-double .txtm-middle-left .box-title { text-align: left; }
	.story-double .txtm-middle-center .box-title,
	.story-double .txtm-middle-center .box-title,
	.story-double .txtm-middle-center .box-title,
	.story-double .txtm-middle-center .box-title,
	.story-double .txtm-middle-center .box-title,
	.story-double .txtm-middle-center .box-title { text-align: center; }
	.story-double .txtm-middle-right .box-title,
	.story-double .txtm-middle-right .box-title,
	.story-double .txtm-middle-right .box-title,
	.story-double .txtm-middle-right .box-title,
	.story-double .txtm-middle-right .box-title,
	.story-double .txtm-middle-right .box-title { text-align: right; }

	.story-double .visual-area .first,
	.story-double .visual-area .second,
	.story-double.w1024px .visual-area .first,
	.story-double.w1024px .visual-area .second { position: static; padding: 0; width: 100%; }

	.story-double .slick-slider .slick-arrow.slick-prev { left: 1.875vw; }
	.story-double .slick-slider .slick-arrow.slick-next { right: 1.875vw; }
	.story-double .slider-controls { padding-top: 15px; }
	.story-double .slider-controls.ind-out { position: absolute; bottom: -30px; left: 0; width: 100%; }
	.story-double .slick-dots li { display: inline-block; }
	.story-double .slick-dots li:first-child { margin-right: 5px; }
	.story-double .slick-dots button { font-size: 1px; text-indent: -9999px; }
	.story-double .control-blk .slick-active button::before { background-color: #000 !important; }
	.story-double .control-wht .slick-active button::before { background-color: #fff !important; }
	.story-double .none-auto .wrap-controls { margin-right: 0; }
	.story-double .slide-btn { display: inline-block;}
	.story-double .none-auto .slide-btn { display: none;}

	.story-double:not(.w1024px) .component-contents,
	.story-double.w1024px .component-contents { padding: 8.3333vw 0; max-width: 100%; }

	/* MOBILE-width-padding */
	.wrap-component.m-narrow { padding-right: 3.3333vw; padding-left: 3.3333vw; }
	/* MOBILE-buffer/padding */
	/* BUFFER */
	.wrap-component.m-pt-none { padding-top: 0; }
	.wrap-component.m-pt-nrw { padding-top: 5.0063vw; }
	.wrap-component.m-pt-wide { padding-top: 80px; }
	.wrap-component.m-pt-vwide { padding-top: 160px; }
	.wrap-component.m-pb-none { padding-bottom: 0; }
	.wrap-component.m-pb-nrw { padding-bottom: 5.0063vw; }
	.wrap-component.m-pb-wide { padding-bottom: 80px; }
	.wrap-component.m-pb-vwide { padding-bottom: 160px; }
	/* PADDING */
	.wrap-component .m-pt-none { padding-top: 0; }
	.wrap-component .m-pt-nrw { padding-top: 5.0063vw; }
	.wrap-component .m-pt-wide { padding-top: 80px; }
	.wrap-component .m-pt-vwide { padding-top: 160px; }
	.wrap-component .m-pb-none { padding-bottom: 0; }
	.wrap-component .m-pb-nrw { padding-bottom: 5.0063vw; }
	.wrap-component .m-pb-wide { padding-bottom: 80px; }
	.wrap-component .m-pb-vwide { padding-bottom: 160px; }
}

/* component 27 - Filter Card List */
/* use filter */
.component-select { position: relative; margin: 56px 0 40px; text-align: center; z-index: 2; }
.component-select .select-list { height: 50px; }
.component-select .select-list .select-box { display: inline-block; position: relative; min-width: 227px; max-width: 320px; height: 50px; margin-left: 16px; border-radius: 0; background-color: transparent; vertical-align: top; }
.component-select .select-list .date-select-box { display:none; }
.component-select .select-list .date-select-box.on { display: inline-block; }
.component-select .select-list .select-box:first-child { margin-left: 0; }
.component-select .select-list .select-box .wrap-droplist .droplist-button { padding: 0 24px; border: 1px solid #000000; border-radius: 50px; line-height: 48px; font-size: 16px; color: #212425; }
.component-select .select-list .select-box .wrap-droplist .droplist-button:before { right: 20px; }
.component-select .select-list .select-box .wrap-droplist .droplist { left: 0; top: -26px; border-radius: 23px; border: 1px solid #707070; }
.component-select .select-list .select-box .wrap-droplist.active .droplist { overflow-y: auto; max-height: 200px; }
.component-select .select-reset { display: inline-block; overflow: hidden; position: relative; width: 48px; height: 50px; margin-left: 4px; font-size: 0; vertical-align: top; }
.component-select .select-reset .ico-refresh svg { width: 20px; height: 20px; }
/* contents */
.filter-card-list .visual-area .visual-area-inner { height: 100%; }
.filter-card-list .card-list { display: flex; flex-flow: row wrap; height: 100%; }
/* contents - card item colum space type - col-space-none  col-space-wide, col-space-nrml(default) css */
.filter-card-list .card-list.col3 .card-item { height: 50%; text-align: center; box-sizing: border-box; }
.filter-card-list .card-list.col3.col-space-nrml .card-item { width: calc(100% / 3); padding: 3px; }
.filter-card-list .card-list.col3.col-space-none .card-item { width: calc(100% / 3); padding: 0; }
.filter-card-list .card-list.col3.col-space-wide .card-item { width: calc(100% / 3); padding: 12px; }
.filter-card-list .card-list .card-item-inner { display: block; overflow: hidden; position: relative; height: 100%; background: #f4f4f4; }
/* contents - card item type - rounded, edge css */
.filter-card-list .visual-area.rounded .card-item-inner,
.filter-card-list .visual-area.rounded .card-list .card-figure:before { border-radius: 20px; }
.filter-card-list .visual-area.edge .card-item-inner,
.filter-card-list .visual-area.edge .card-list .card-figure:before { border-radius:0; }
.filter-card-list .card-list .card-figure { position: relative; max-height: 100%; margin: 0; padding-top: 100%; }
.filter-card-list .card-list .card-figure:before { display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: .4; z-index: 1; content:""; transition: display 1s ease-in-out; }
.filter-card-list .card-list .card-figure .fig-img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; font-size: 0; text-align: center; }
.filter-card-list .card-list .card-figure .fig-img:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.filter-card-list .card-list .card-item-inner img { -webkit-transition:-webkit-transform 1s cubic-bezier(0.2,0,0.1,1); transition:-webkit-transform 1s cubic-bezier(0.2,0,0.1,1); transition:transform 1s cubic-bezier(0.2,0,0.1,1); transition:transform 1s cubic-bezier(0.2,0,0.1,1),-webkit-transform 1s cubic-bezier(0.2,0,0.1,1); transform:rotate(0.001deg); }
.filter-card-list .card-list .card-item-inner:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); transition: all ease-in-out 1s; }
.filter-card-list .card-list .card-txt { position: absolute; left: 0; bottom: 24px; right: 0; max-width: 100%; max-height: 100%; width: 100%; padding: 0 24px; z-index: 1;}
.filter-card-list .card-list .card-txt h2.head { display: block; overflow: hidden; max-height:79px; margin-bottom: 15px; font-weight: bold; line-height: 1.32; font-size: 30px; letter-spacing: -.01em; color: #fff; text-align: left; word-break: break-word; }
.filter-card-list.w1024px .card-list .card-txt h2.head { height: 66px; margin-bottom: 6px; font-size: 26px; }
.filter-card-list .card-list .card-txt .desc { display: block; line-height: 1.29em; font-weight: normal; font-size: 16px; color: #fff; letter-spacing: 0; text-align: left; word-break: break-word; }
.filter-card-list.w1024px .card-list .card-txt .desc { font-size:15px; }
.filter-card-list .card-list .card-item-inner .box-btns { position: absolute; left: 50%; top: 50%; z-index: 2; transform:translate(-50%,-50%); }
.filter-card-list .card-list .card-item-inner .box-btns .btn-type { display: inline-block; width: 88px; height: 88px; border-radius: 100%; opacity: .6; transition: .5s all; text-indent: -9999px;}
.filter-card-list.w1024px .card-list .card-item-inner .box-btns .btn-type { width:78px; height:78px; }
.filter-card-list .card-list .card-item-inner:hover .box-btns .btn-type { opacity: 1; transition: .5s all; }
.filter-card-list .card-list .card-item-inner .box-btns .btn-type.btn-other-window { background: url(/sec/static/_images/common/icon-other-btn.png) center center no-repeat;background-size: 100% auto; }
.filter-card-list .card-list .card-item-inner .box-btns .btn-type.btn-current-window { background: url(/sec/static/_images/common/icon-current-btn.png) center center no-repeat; background-size: 100% auto; }
.filter-card-list .card-list .card-item-inner .box-btns .btn-type.btn-video-play { background: url(/sec/static/_images/common/icon-video-btn.png) center center no-repeat; background-size: 100% auto; }
/* contents - video popup ratio type - video-landscape(16:9), video-portrait(9:16) css */
.filter-card-list .popup-comp-player .popup-component-contents .component-content .video { position: relative; margin: 0 auto; }
.filter-card-list .popup-comp-player .popup-component-contents.video-landscape .component-content .video,
.filter-card-list .popup-comp-player .popup-component-contents .component-content .video.ifrm iframe { width: 1440px; max-width: 100%; height: 810px;}
.filter-card-list .popup-comp-player .popup-component-contents.video-portrait .component-content .video { width: 50.625vh; height: 90vh; }
.filter-card-list .popup-comp-player .popup-component-contents .component-content .video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 2;}
/* use see more cta */
.filter-card-list .btn-box .btn { padding: 0 16px; border: 1px solid #212425; }
.filter-card-list .btn-box .btn:after { display: inline-block; content:""; margin-left: 9px; margin-top: -2px; width: 16px; height: 16px; background: url(/sec/static/_images/common/icon-search-arr.svg) center center no-repeat; background-size: 100% auto; -webkit-transform:rotate(90deg); transform:rotate(90deg); vertical-align: middle; }
@media (max-width: 1440px) and (min-width: 1101px){
	/* use filter */
	.component-select { margin: 3.8889vw 0 2.7778vw; }
	.component-select .select-list { height: 3.5722vw; }
	.component-select .select-list .select-box { min-width: 15.7639vw; max-width: 22.2222vw; height: 3.5722vw; margin-left: 1.1111vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button { padding: 0 1.6667vw; line-height: 3.3333vw; font-size: 1.1111vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button:before { right: 1.3889vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist { top: -1.8056vw; border-radius: 1.5972vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist li { min-height: 3.2222vw; line-height: 3.2222vw; font-size: 1.1722vw; }
	.component-select .select-reset { width: 3.3333vw; height: 3.4722vw; margin-left: 0.2778vw; }
	.component-select .select-reset .ico-refresh svg { width: 1.3889vw; height: 1.3889vw; }
	/* contents */
	.filter-card-list .card-list .card-txt h2.head { max-height:5.4861vw; margin-bottom: 1.0417vw; font-size: 2.0833vw; }
	.filter-card-list .card-list .card-txt .desc { font-size: 1.1111vw; }
}
@media (max-width: 1100px) and (min-width: 800px) {
	/* use filter */
	.component-select { margin: 5.0909vw 0 3.6364vw; }
	.component-select .select-list { height: 4.5455vw; }
	.component-select .select-list .select-box { min-width: 20.6364vw; max-width: 29.0909vw; height: 4.5455vw; margin-left: 1.4545vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button { min-height: 2.9091vw; padding: 0 2.1818vw;line-height: 4.3636vw; font-size: 1.4545vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button:before { right: 1.8182vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist { top: -2.3636vw; border-radius: 2.0909vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist li { min-height: 3.9091vw; line-height: 3.9091vw; font-size: 1.3727vw; }
	.component-select .select-reset { width: 4.3636vw; height: 4.5455vw; margin-left: 0.3636vw; }
	.component-select .select-reset .ico-refresh svg { width: 1.8182vw; height: 1.8182vw; }
	/* contents */
	.filter-card-list .card-list .card-txt h2.head { height: 4.4444vw; margin-bottom: 0.8636vw; font-size:1.6667vw; }
	.filter-card-list .card-list .card-txt .desc { font-size: 0.9722vw; }
	.filter-card-list.w1024px .card-list .card-txt h2.head { height: 6.1111vw; margin-bottom: 0.7500vw; font-size:2.3636vw; }
	.filter-card-list.w1024px .card-list .card-txt .desc { font-size:1.3636vw; }
	.filter-card-list.w1024px .card-list .card-item-inner .box-btns .btn-type { width:7.0909vw; height:7.0909vw; }
	.filter-card-list .card-list .card-item-inner .box-btns .btn-type { width:8vw; height:8vw; }
}
@media (max-width: 800px) {
	/* use filter */
	.component-select { margin: 7.0000vw 0 5.0000vw; }
	.component-select .select-list { height: 6.2500vw; }
	.component-select .select-list .select-box { min-width: 28.3750vw; max-width: 40.0000vw; height: 6.2500vw; margin-left: 16px; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button { min-height: 4.0000vw; padding: 0 3.0000vw; line-height: 6.0000vw; font-size: 2.0000vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button:before { right: 2.5000vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist { top: -3.2500vw; border-radius: 2.8750vw; }
	.component-select .select-reset { display:none; }
	/* contents */
	.filter-card-list .card-list.col3.col-space-nrml .card-item,
	.filter-card-list .card-list.col3.col-space-none .card-item,
	.filter-card-list .card-list.col3.col-space-wide .card-item { width: calc(100% / 2); }
	.filter-card-list .card-list .card-txt h2.head { max-height: 9.8750vw; margin-bottom: 1.8750vw; font-size:3.8555vw; }
	.filter-card-list .card-list .card-txt .desc { font-size:2.2555vw;}
	.filter-card-list .card-list .card-item-inner .box-btns .btn-type { width:11.0000vw; height:11.0000vw; }
	.filter-card-list .popup-comp-player .popup-component-contents.video-landscape .component-content .video, 
	.filter-card-list .popup-comp-player .popup-component-contents .component-content .video.ifrm iframe,
	.filter-card-list .popup-comp-player .popup-component-contents.video-portrait .component-content .video { width:100%; }
}
@media (max-width: 587px) {
	/* use filter */
	.component-select { margin: 9.5400vw 0 6.8143vw; }
	.component-select .select-list { height: auto; }
	.component-select .select-list .select-box { min-width: 36.6127vw; max-width: 54.5145vw; height: 10.5179vw; margin-left: 1.7257vw; }
	.component-select .select-list .select-box.date-select-box.on { margin-top:0.8518vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button { min-height: 10.4514vw; padding: 0 4.0886vw; line-height: 8.1772vw; font-size: 3.5995vw; border-radius: 8.5179vw; }
	.component-select .select-list .select-box .wrap-droplist .droplist-button:before {right: 3.4072vw;}
	.component-select .select-list .select-box .wrap-droplist .droplist { top: 13.5700vw; width: 75.3699vw; left: 0; border-radius: 3.9182vw; }
	.component-select .select-list .select-box .wrap-droplist.product-select .droplist { left:auto; right: 0; }
	.component-select .select-list .select-box .wrap-droplist.date-select .droplist { left: 50%; right: 50%; transform: translate(-50%); }
	/* contents */
	.filter-card-list .card-list.col3 .card-item,
	.filter-card-list .card-list.col3.col-space-nrml .card-item,
	.filter-card-list .card-list.col3.col-space-none .card-item,
	.filter-card-list .card-list.col3.col-space-wide .card-item { width: 100%; }
	.filter-card-list .card-list .card-txt h2.head {max-height: 21.4583vw; margin-bottom: 2.5554vw; font-size: 8.1555vw;}
	.filter-card-list .card-list .card-txt .desc { font-size:4.2555vw;}
	.filter-card-list .card-list .card-item-inner .box-btns .btn-type { width:22.9915vw; height:22.9915vw; }
}

/* component 29 - Group Product Card */
.product-card.group-buy .visual-area .box-product-card .inner {-webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}
.product-card.group-buy .visual-area.rounded .box-product-card .inner {-webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;}	
.product-card.group-buy .box-product-card {position: relative; width: calc(100% / 4)}
.product-card.group-buy .box-product-card .inner {width: auto; margin: 15px; padding: 32px 25px 29px; border: 0; background:#f2f2f2; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.product-card.group-buy .card-tit {position: relative; text-align: left;}
.product-card.group-buy .card-tit .box-info {padding-bottom: 12px;}
.product-card.group-buy .card-tit .box-info .info-tit {overflow: hidden; width: 100%; height: 40px; margin-bottom: 4px; padding-right: 68px; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 1.2; font-weight: 700; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left;}
.product-card.group-buy .card-tit .box-info .info-model {font-size: 12px; line-height: 1.35; color: #707070;}
.product-card.group-buy .sns-box {position: absolute; top: 0; right: 0; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 10;}
.product-card.group-buy .sns-box a {overflow: hidden; width: 28px; border-radius: 50%;}
.product-card.group-buy .sns-box a.btn-kakao {margin-left: 4px;}
.product-card.group-buy .card-images {overflow: visible; width: 100%; height: 100%; max-height: 430px; padding:10px 20px; background:#fff; text-align: center;}
.product-card.group-buy .card-images::after {content: ''; clear: both;}
.product-card.group-buy .card-images img {position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; margin: 0 auto; transform: translate(-50%,-50%);}
.product-card.group-buy .card-images img {width: 100%; max-width: 100%;}
.product-card.group-buy .card-images img:after {content:""; display: block; padding-bottom: 100%;}
.product-card.group-buy .card-flag {position: absolute; top: 11px; left: 22px;}
.product-card.group-buy .card-flag span {font-size: 12px; line-height: 1.1; color: #1379FF;}
.product-card.group-buy .tag-list {position: absolute; top: 11px; right: -7px; display: flex; flex-direction: column; align-items: flex-end;}
.product-card.group-buy .tag-box {position: relative; width: 38px; height: 37px; max-width: 38px; padding: 5px; background: #FDB913; display: table; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.product-card.group-buy .tag-box + .tag-box {margin-top: 7px;} 
.product-card.group-buy .tag-box::after {content: ''; display: block; position: absolute; right: 0; bottom: -6px; width: 0; border-width: 6px 7px 0 0; border-style: solid; border-color: #7C8892 transparent;}
.product-card.group-buy .tag-box p {display: table-cell; font-size: 11px; line-height: 1.1; color: #fff; font-weight: 700; vertical-align: middle;}
.product-card.group-buy .tag-box.tag-box01.success {background:#009949;}
.product-card.group-buy .tag-box.tag-box02 {background:#00B3E3;}
.product-card.group-buy .link-box {position: relative; height: 280px; max-width: 100%; max-height: 100%; margin: 0 auto;}
.product-card.group-buy .link-box a {display: block; width: 100%; height: 100%;}
.product-card.group-buy .card-images .link-box > a {display:flex; justify-content: center; align-items: center;}
.product-card.group-buy .card-opt {display: flex; flex-direction: column; justify-content: flex-end; margin-top: 10px;}
.product-card.group-buy .pf-color-sel ~ .pf-opt-sel {margin-top: 16px;}
.product-card.group-buy .itm-color-list .itm-color-object {margin: 4px;}
.product-card.group-buy .box-product-card .pf-color-sel {overflow: visible;}
.product-card.group-buy .pf-color-sel .itm-color-list li input[type="radio"]:checked + label .itm-color-object:after, 
.product-card.group-buy .pf-color-sel .itm-color-list li input[type="checkbox"]:checked + label .itm-color-object:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-card.group-buy .pf-opt-sel .filter-slick li {margin: 0;}
.product-card.group-buy .pf-opt-sel .swiper-container-initialized .slide-nav {display: none;}
.product-card.group-buy .pf-opt-sel.slideOn .swiper-container-initialized .slide-nav {display: block;}
.product-card.group-buy .pf-opt-sel label {height:23px;}
.product-card.group-buy .pf-opt-sel li span {min-width: 63px; height: 22px; margin:0; padding: 3px 17px 0;}
.product-card.group-buy .pf-color-sel [class*="btn-"],
.product-card.group-buy .pf-opt-sel [class*="btn-"] {top: 50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 22px;}
.product-card.group-buy .card-opt .itm-color-list {padding: 0;}
.product-card.group-buy .card-opt .itm-color-list li {margin-bottom: 0;}
.product-card.group-buy .num {font-size: inherit; vertical-align: top;}
/* prograss bar */
.count-bar-box {position: relative; height: 8px; margin: 35px 10px 60px; line-height: 1.9; background-color: #c7c7c7;}
.count-bar-box::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 34px; margin-top:-13px; background-color: #c7c7c7;}
.count-bar-box::after {content: ''; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 34px; margin-top:-13px; background-color: #c7c7c7;}
.count-bar-box .legend {position: absolute; bottom: 0; display: flex; justify-content: flex-end; width: 100%; margin-bottom: 20px;}
.count-bar-box .legend p {font-size: 11px;}
.count-bar-box .count-bar {position: relative; width: 100%; height: 100%;}
.count-bar-box .count-bar::before {content: ''; display: block; position: absolute; top: -50%; left: 50%; width: 1px; height: 16px; background-color: #c7c7c7;}
.count-bar-box .count-bar .bar {position: relative; min-width: 0%; max-width: 100%; height: 100%; line-height: 1.9; z-index: 10;}
.count-bar-box .count-bar .bar::before {content: ''; position: absolute; right: -1px; bottom: 14px; display: inline-block; width: 2px; height: 9px; background: #2189ff;}
/* 220719 수정 : .bar-eff 에 gif 이미지 삽입 */
.count-bar-box .count-bar .bar.bar-eff, 
.soldout .count-bar-box .count-bar .bar.bar-eff {background-repeat: repeat-x;}
.count-bar-box .count-bar .bar.bar-eff {background-image: url(/sec/static/_images/common/bar-progress-ing.gif);}
.soldout .count-bar-box .count-bar .bar.bar-eff {background-image: url(/sec/static/_images/common/bar-progress-soldout.gif);}
.count-bar-box .count-bar .bar .point {position: absolute; top: -2px; right: -5px; width: 10px; height: 10px; z-index: 1;}
.count-bar-box .count-bar .bar .point::before {content: ''; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 16px; height: 16px; background: #fff; border: 1px solid #1379FF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.count-bar-box .count-bar .bar .point::after {content: ''; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 100%; height: 100%; background-color: #1379FF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.count-bar-box .count-bar .bar-txt {position: absolute; left: 100%; bottom: 23px; height: 22px; margin-left: -10px; padding: 3px 4px; line-height: 1; border-top: 2px solid #2189ff; border-left: 2px solid #2189ff; border-bottom: 2px solid #2189ff; font-size: 12px; font-weight: bold; background-color: #fff; color: #2189FF; white-space: nowrap; -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.count-bar-box .count-bar .bar-txt::after {content: ''; display: block; position: absolute; right: -8px; bottom: 1px; width: 12px; height: 12px; z-index: -1; border: 2px solid #2189ff; background: #fff; transform:rotate(225deg); -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg);}
.count-bar-box.success .count-bar .bar-txt {margin-left: -59px; background: #2189ff; color: #fff; animation-name: hvr-wobble-horizontal02;}
.count-bar-box.success .count-bar .bar-txt::before,
.count-bar-box.success .count-bar .bar-txt::after {content: none;}
.count-bar-box.success .price-box .price.rgt-price p {color:#2189ff;}
.count-bar-box .price-box {position: absolute; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%; margin-top: 25px;}
.count-bar-box .price-box .price p {font-size: 12px; line-height: 1.5; color: #8c8c8c;} /* KDP-20205 웹접근성 수정 52 */
.count-bar-box .price-box .price span.price {font-size: 16px; line-height: 1.2; font-weight:bold; vertical-align: top; font-family:'Samsung sharp sans',Dotum,'돋움', sans-serif;}
.count-bar-box .price-box .price.rgt-price {text-align: right;}
.count-bar-box .price-box .price.rgt-price p {color:#000;}
.product-card.group-buy .btn-type2:hover{color:#eee; background-color:#555}
.product-card.group-buy .btn-type3:hover{color:#eee; background-color:#006ff2}
.product-card.group-buy .card-btn .box-btm-btns > a.btn-underline:hover{color:#555; border-bottom-color:#555}
.product-card.group-buy .card-btn {margin-top: 19px; padding-top: 0; border-top: 0;}
.product-card.group-buy .card-btn .box-btm-btns > a,
.product-card.group-buy .card-btn .box-btm-btns > a + button {max-width: 100%;}
.product-card.group-buy .card-btn .box-btm-btns > button {display: block; width: 100%; margin: 0 0 11px 0;}
.product-card.group-buy .card-btn .box-btm-btns > button > span {font-size: inherit; vertical-align: top;}
.product-card.group-buy .card-btn .box-btm-btns > a.btn-underline {border-bottom: 1px solid #000;}
.product-card.group-buy .card-notice-txt {margin-top: 18px; padding-top: 12px; border-top: 1px solid #a3a3a3;}
.product-card.group-buy .point-txt {position: relative; display: flex; justify-content: center; align-items: center;padding-bottom: 12px; border-bottom: 1px solid #a3a3a3; line-height: 1.2; text-align: center; font-size: 13px;}
.product-card.group-buy .point-txt p {margin-left: 5px; padding-left: 5px; border-left: 1px solid #2a2a2a; font-size: inherit;}
.product-card.group-buy .point-txt p:first-child {margin: 0; padding: 0; border-left: 0;}
.product-card.group-buy .point-txt span {font-size: inherit; color: #2189ff; font-weight: bold; vertical-align: top;}
.product-card.group-buy .card-li-dot {display: flex; flex-direction: column; justify-content: flex-end; margin-top: 18px; margin-bottom: 10px;}
.product-card.group-buy .card-li-dot ul > li {margin-bottom: 5px; font-size: 12px; line-height: 1.3;}
.product-card.group-buy .card-li-dot ul > li::before {top:5px;}
.product-card.group-buy .card-compare{border-top: 1px solid #a3a3a3;}
.product-card.group-buy .pf-opt-sel.slideOn .slide-nav {display: block;}
.product-card.group-buy .box-product-card .inner.soldout .count-bar-box .count-bar .bar.bar-eff,
.product-card.group-buy .box-product-card .inner.soldout .count-bar-box .count-bar .bar-txt,
.product-card.group-buy .box-product-card .inner.ready .count-bar-box .count-bar .bar.bar-eff,
.product-card.group-buy .box-product-card .inner.ready .count-bar-box .count-bar .bar-txt {animation-name: none;}
@keyframes hvr-wobble-horizontal {
	16.65% {
		margin-left:-20px;
	}
	33.3% {
		margin-left:-6px;
	}
	49.95% {
		margin-left:-16px;
	}
	66.6% {
		margin-left:-10px;
	}
	83.25% {
		margin-left:-13px;
	}
	100% {
		margin-left:-12px;
	}
}
@keyframes hvr-wobble-horizontal02 {
	16.65% {
		margin-left:-66px;
	}
	33.3% {
		margin-left:-52px;
	}
	49.95% {
		margin-left:-62px;
	}
	66.6% {
		margin-left:-56px;
	}
	83.25% {
		margin-left:-59px;
	}
	100% {
		margin-left:-58px;
	}
}
@keyframes bgslide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: 113px;
  }
}
@media all and (max-width: 1440px) {
	.product-card.group-buy .visual-area.rounded .box-product-card .inner {-webkit-border-radius: 1.3889vw; -moz-border-radius: 1.3889vw; -ms-border-radius: 1.3889vw; border-radius: 1.3889vw;}
	.product-card.group-buy .box-product-card .inner {margin: 1.0417vw; padding: 2.2222vw 1.7361vw 2.0139vw; box-shadow: 0 0 0.3472vw rgba(0,0,0,0.2);}
	.product-card.group-buy .card-tit .box-info {padding-bottom: 0.8333vw;}
	.product-card.group-buy .card-tit .box-info .info-tit {height: 2.8167vw; margin-bottom: 0.2778vw; padding-right: 4.7222vw; font-size: 1.1111vw;}
	.product-card.group-buy .card-tit .box-info .info-model {font-size: 0.8333vw;}
	.product-card.group-buy .card-tit .box-info .info-desc {padding-top: 0.4167vw; font-size: 1.1111vw;}
	.product-card.group-buy .sns-box a {width: 1.9444vw;}
	.product-card.group-buy .sns-box a.btn-kakao {margin-left: 0.2778vw;}
	.product-card.group-buy .card-flag {top: 0.7639vw; left: 1.5278vw;}
	.product-card.group-buy .card-flag span {font-size: 0.8333vw;}
	.product-card.group-buy .tag-box {width: 2.6389vw; max-width: 2.6389vw; height: 2.5694vw; padding: 0.3472vw; -webkit-border-radius: 0.3472vw 0 0 0.3472vw; -moz-border-radius: 0.3472vw 0 0 0.3472vw; -ms-border-radius: 0.3472vw 0 0 0.3472vw; border-radius: 0.3472vw 0 0 0.3472vw;}
	.product-card.group-buy .tag-box::after {bottom: -0.4167vw; border-width: 0.4167vw 0.4861vw 0 0;}
	.product-card.group-buy .tag-box p {font-size: 0.7639vw;}
	.product-card.group-buy .link-box {height:19.4444vw;}
	.product-card.group-buy .card-opt {margin-top: 0.6944vw;}
	.product-card.group-buy .pf-color-sel ~ .pf-opt-sel {margin-top: 1.1111vw;}
	.product-card.group-buy .pf-opt-sel label {height:1.6278vw;}
	.product-card.group-buy .pf-opt-sel li span {min-width: 4.3750vw; height: 1.5278vw; padding: 0.2183vw 0.8333vw 0; font-size: 0.9889vw;}
	.product-card.group-buy .pf-opt-sel [class*="btn-"] {height:1.5278vw;}
	/* prograss bar */
	.count-bar-box {height: 0.5556vw; margin: 2.4306vw 0.6944vw 4.1667vw;}
	.count-bar-box::before {width: 0.0694vw; height: 2.3611vw; margin-top:-0.9028vw;}
	.count-bar-box::after {width: 0.0694vw; height: 2.3611vw; margin-top:-0.9028vw;}
	.count-bar-box .legend {margin-bottom: 1.3889vw;}
	.count-bar-box .legend p {font-size: 0.7639vw;}
	.count-bar-box .count-bar::before {width: 0.0694vw; height: 1.1111vw;}
    /* 220727 수정 */
	.count-bar-box .count-bar .bar.bar-eff {background-image: url(/sec/static/_images/common/bar-progress-ing.gif);}
	.count-bar-box .count-bar .bar::before {right: -0.0694vw; bottom: 0.9722vw; width: 0.1389vw; height: 0.6250vw;}
	.count-bar-box .count-bar .bar .point {top: -0.1089vw; right: -0.3472vw; width: 0.6944vw; height: 0.6944vw;}
	.count-bar-box .count-bar .bar .point::before {width: 1.1111vw; height: 1.1111vw;}
	.count-bar-box .count-bar .bar-txt {bottom: 1.5972vw; margin-left: -0.6944vw; padding: 0.2599vw 0.3472vw;}
	.count-bar-box.success .count-bar .bar-txt {margin-left: -4.6528vw;}
	.count-bar-box .price-box {margin-top: 1.7361vw;}
	.count-bar-box .price-box .price p {font-size: 0.8333vw;}
	.count-bar-box .price-box .price span.price {font-size: 1.1111vw;}
	.product-card.group-buy .card-btn {margin-top: 1.3194vw;}
	.product-card.group-buy .card-btn .box-btm-btns > button {margin: 0 0 0.7639vw 0;}
	.product-card.group-buy .point-txt {padding-bottom: 0.8333vw; font-size: 0.9722vw;}
	.product-card.group-buy .card-notice-txt {margin-top:1.2500vw;}
	.product-card.group-buy .card-li-dot ul > li {margin-bottom:0.3472vw; font-size:0.8333vw;}
	.product-card.group-buy .card-li-dot ul > li::before {top: 0.3472vw;}
	.product-card.group-buy .card-li-dot {margin-top: 1.2500vw;}
}
@media all and (max-width: 1100px) {
	.product-card.group-buy .card-tit .box-info .info-tit {height:3.5364vw; font-size: 1.4545vw;}
	.product-card.group-buy .card-tit .box-info .info-model {font-size: 1.0909vw;}
	.product-card.group-buy .card-tit .box-info .info-desc {font-size: 1.4545vw;}
	.product-card.group-buy .tag-list {right: -0.6364vw;}
	.product-card.group-buy .tag-box p {font-size: 1vw;}
	.product-card.group-buy .link-box {height:20.4545vw;}
	.product-card.group-buy .card-opt {margin-top:0.9091vw;}
	.product-card.group-buy .pf-opt-sel label {height:1.9vw;}
	.product-card.group-buy .pf-opt-sel li span {min-width: 5.7273vw; height: 1.8vw; padding:0.3083vw 0.8333vw 0; font-size:1.2556vw;}
	.product-card.group-buy .pf-opt-sel [class*="btn-"],
	.product-card.group-buy .pf-color-sel [class*="btn-"] {width: 2.545vw; height: 2.1818vw; margin:0;}
	.product-card.group-buy .pf-color-sel .btn-prev,
	.product-card.group-buy .pf-color-sel .btn-next,
	.product-card.group-buy .pf-opt-sel .btn-prev,
	.product-card.group-buy .pf-opt-sel .btn-next {background-size: 1.5111vw auto;}
	/* prograss bar */
	.count-bar-box {margin: 3.4306vw 0.6944vw 5.1667vw;}
	.count-bar-box .legend p {font-size: 1vw;}
	.count-bar-box .price-box .price p {font-size: 1.0909vw;}
	.count-bar-box .price-box .price span.price {font-size: 1.4545vw;}
	.count-bar-box .count-bar .bar-txt {bottom: 1.5909vw; margin-left: -0.9091vw; padding: 0.3027vw 0.4545vw;}
	.count-bar-box.success .count-bar .bar-txt {margin-left: -5.5828vw;}
	.product-card.group-buy .point-txt {font-size: 1.2727vw;}
	.product-card.group-buy .card-li-dot ul > li {font-size:1.0909vw;}
	.product-card.group-buy .card-li-dot ul > li::before {top: 0.6472vw;}
}
@media all and (max-width:900px) {
	/* prograss bar */
	.count-bar-box .count-bar .bar-txt {bottom: 1.5556vw; margin-left: -1.1111vw; padding: 0.4027vw 0.3545vw; font-size: 1.3333vw;}
	.count-bar-box.success .count-bar .bar-txt {margin-left: -7.5828vw;}
	.product-card.group-buy .card-opt {margin-top:1.1111vw;}
	.product-card.group-buy .pf-opt-sel li span {padding: 0.2383vw 0.8333vw 0; line-height: 1;}
}	
@media all and (max-width:800px) {
	.product-card.group-buy .pf-color-sel.slideOn .option-slick {margin: 0 26px; padding:0;}
	.product-card.group-buy .visual-area.rounded .box-product-card .inner {-webkit-border-radius: 2.5vw; -moz-border-radius: 2.5vw; -ms-border-radius: 2.5vw; border-radius: 2.5vw;}	
	.product-card.group-buy .box-product-card {width: calc(100% / 2);}
	.product-card.group-buy .box-product-card .inner {margin:1.875vw; padding: 4vw 3.125vw 3.625vw; box-shadow: 0 0 0.625vw rgba(0,0,0,0.2);}
	.product-card.group-buy .card-tit .box-info {padding-bottom: 1.5vw;}
	.product-card.group-buy .card-tit .box-info .info-tit {height:4.7999vw; margin-bottom: 0.5vw; padding-right: 8.5vw; font-size: 2vw;}
	.product-card.group-buy .card-tit .box-info .info-model {font-size: 1.5vw;}
	.product-card.group-buy .sns-box a {width: 3.5vw;}
	.product-card.group-buy .sns-box a.btn-kakao {margin-left: 0.5vw;}
	.product-card.group-buy .card-images {max-height: 72.5vw;}
	.product-card.group-buy .card-flag {top: 1.375vw; left: 2.75vw;}
	.product-card.group-buy .card-flag span {font-size: 1.5vw;}
	.product-card.group-buy .tag-list {top: 1.375vw; right: -0.875vw;}
	.product-card.group-buy .tag-box {width: 4.75vw; max-width: 4.75vw; height: 4.625vw; padding: 0.625vw; -webkit-border-radius: 0.625vw 0 0 0.625vw; -moz-border-radius: 0.625vw 0 0 0.625vw; -ms-border-radius: 0.625vw 0 0 0.625vw; border-radius: 0.625vw 0 0 0.625vw;}
	.product-card.group-buy .tag-box + .tag-box {margin-top:0.875vw;} 
	.product-card.group-buy .tag-box::after {bottom: -0.75vw; border-width: 0.75vw 0.875vw 0 0;}
	.product-card.group-buy .tag-box p {font-size: 1.375vw; line-height: 1.1;}
	.product-card.group-buy .link-box {height:39vw;}
	.product-card.group-buy .card-opt {margin-top:1.25vw;}
	.product-card.group-buy .pf-color-sel ~ .pf-opt-sel {margin-top: 2vw;}
	.product-card.group-buy .pf-color-sel .itm-color-list li input[type="radio"]:checked + label .itm-color-object:after, 
	.product-card.group-buy .pf-color-sel .itm-color-list li input[type="checkbox"]:checked + label .itm-color-object:after {width:20px; height:20px;}
	.product-card.group-buy .itm-color-list .itm-color-object {margin: 0.65vw;}
	.product-card.group-buy .itm-color-list .itm-color-object::after {width:2.75vw; height:2.75vw;}
	.product-card.group-buy .pf-opt-sel label {height:2.975vw;}
	.product-card.group-buy .pf-opt-sel li span {min-width: 7.875vw; height: 2.75vw; padding: 0.575vw 2.125vw 0; border: 1px solid #ddd; font-size:1.5556vw;}
	.product-card.group-buy .pf-color-sel [class*="btn-"],
	.product-card.group-buy .pf-opt-sel [class*="btn-"] {height: 2.75vw;}
	/* prograss bar */
	.count-bar-box {height: 1vw; line-height: 1.9; margin: 4.375vw 1.25vw 7.5vw;}
	.count-bar-box::before {height: 4.25vw; margin-top:-1.625vw;}
	.count-bar-box::after {height: 4.25vw; margin-top:-1.625vw;}
	.count-bar-box .legend {margin-bottom: 2.5vw;}
	.count-bar-box .legend p {font-size: 1.375vw;}
	.count-bar-box .count-bar::before {height: 2vw;}
	.count-bar-box .count-bar .bar::before {bottom: 1.6722vw; width: 0.25vw; height: 1.225vw;}
    /* 220727 수정 */
	.count-bar-box .count-bar .bar.bar-eff {background-image: url(/sec/static/_images/common/bar-progress-ing.gif);}
	.count-bar-box .count-bar .bar .point {top: -0.25vw; right: -0.625vw; width: 1.25vw; height: 1.25vw;}
	.count-bar-box .count-bar .bar .point::before {width: 2vw; height: 2vw;}
	.count-bar-box .count-bar .bar-txt {bottom: 2.875vw; margin-left: -1.25vw; padding: 0.375vw 0.5vw; height: 3.1111vw; font-size: 1.5vw; line-height: 1.3;}
	.count-bar-box .count-bar .bar-txt::after {right: -1.1222vw; bottom: 0.1555vw; width: 1.7999vw; height: 1.7999vw;}
	.count-bar-box.success .count-bar .bar-txt {margin-left: -8.375vw;}
	.count-bar-box .price-box {margin-top: 3.125vw;}
	.count-bar-box .price-box .price p {font-size: 1.5vw; line-height: 1.5;}
	.count-bar-box .price-box .price span.price {font-size: 2vw; line-height: 1.2;}
	.product-card.group-buy .card-btn {margin-top: 2.375vw;}
	.product-card.group-buy .card-btn .box-btm-btns {display: block;}
	.product-card.group-buy .card-btn .box-btm-btns > button {margin: 0 0 1.375vw 0;}
	.product-card.group-buy .card-btn .box-btm-btns > a.btn-underline {margin:0;}
	.product-card.group-buy .card-notice-txt {display:block; margin-top:2.25vw; padding-top:1.5vw;}
	.product-card.group-buy .point-txt {margin-bottom: 2.25vw; padding-bottom: 1.5vw; font-size: 1.625vw;}
	.product-card.group-buy .point-txt p {margin-left: 0.625vw; padding-left: 0.625vw;}
	.product-card.group-buy .card-li-dot ul > li {margin-bottom: 0.625vw; font-size: 1.5vw; line-height:1.3;}
	.product-card.group-buy .card-li-dot ul > li::before {top: 0.625vw;}
}
@media all and (max-width:760px) {
	/* prograss bar */
	.count-bar-box .count-bar .bar-txt {line-height: 1.2;}
	.count-bar-box .count-bar .bar-txt::after {right: -1.1122vw; bottom: 0.1555vw; width: 1.6449vw; height: 1.6449vw;}
}
@media all and (max-width:650px) {
	/* prograss bar */
	.count-bar-box.success .count-bar .bar-txt {margin-left: -9.375vw;}
	.count-bar-box .count-bar .bar-txt::after {right: -1.1022vw; width: 1.5449vw; height: 1.5449vw;}
}
@media all and (max-width:540px) {
	.product-card.group-buy .slider-select-prdlist {-webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	.product-card.group-buy .visual-area.rounded .box-product-card .inner {-webkit-border-radius: 5.5556vw; -moz-border-radius: 5.5556vw; -ms-border-radius: 5.5556vw; border-radius: 5.5556vw;}
	.product-card.group-buy .box-product-card {width:100%;}
	.product-card.group-buy .box-product-card .inner {margin:4.1667vw; padding: 8.8889vw 6.9444vw 8.0556vw; box-shadow: 0 0 1.3889vw rgba(0,0,0,0.2);}
	.product-card.group-buy .card-tit .box-info {padding-bottom: 3.3333vw;}
	.product-card.group-buy .card-tit .box-info .info-tit {height: 11.0667vw; margin-bottom: 1.1111vw; padding-right: 18.8889vw; font-size: 4.4444vw;}
	.product-card.group-buy .card-tit .box-info .info-model {font-size: 3.3333vw;}
	.product-card.group-buy .card-tit .box-info .info-desc {padding-top: 1.6667vw; font-size: 4.4444vw;}
	.product-card.group-buy .sns-box a {width: 7.7778vw;}
	.product-card.group-buy .sns-box a.btn-kakao {margin-left: 1.1111vw;}
	.product-card.group-buy .card-images {max-height: 120.8333vw; padding:2.7778vw 5.7037vw;}
	.product-card.group-buy .card-flag {top: 3.0556vw; left: 6.1111vw;}
	.product-card.group-buy .card-flag span {font-size: 3.3333vw;}
	.product-card.group-buy .tag-list {right: -1.9444vw;}
	.product-card.group-buy .tag-box + .tag-box {margin-top: 1.9444vw;}
	.product-card.group-buy .tag-box {width: 10.5556vw; max-width: 10.5556vw; height: 10.2778vw; padding: 1.3889vw; -webkit-border-radius: 1.3889vw 0 0 1.3889vw; -moz-border-radius: 1.3889vw 0 0 1.3889vw; -ms-border-radius: 1.3889vw 0 0 1.3889vw; border-radius: 1.3889vw 0 0 1.3889vw;}
	.product-card.group-buy .tag-box::after {bottom: -1.6667vw; border-width: 1.6667vw 1.9444vw 0 0;}
	.product-card.group-buy .tag-box p {font-size: 3.0556vw;}
	.product-card.group-buy .link-box {height: 73.8519vw;}
	.product-card.group-buy .card-opt {margin-top:2.7778vw; padding-bottom:2.7778vw}
	.product-card.group-buy .pf-color-sel ~ .pf-opt-sel {margin-top: 4.4444vw;}
	.product-card.group-buy .pf-opt-sel label {height:6.2111vw;}
	.product-card.group-buy .pf-opt-sel li span {min-width: 17.5vw; height:5.8111vw; padding: 0.275vw 2.125vw 0; line-height:1.3; font-size:3.8889vw;}
	.product-card.group-buy .pf-color-sel [class*="btn-"],
	.product-card.group-buy .pf-opt-sel [class*="btn-"] {width: 24px; height: 22px; margin: 0; background-size: 4.44444vw auto;}
	.product-card.group-buy .pf-color-sel .btn-next,
	.product-card.group-buy .pf-opt-sel .btn-next {background-size: 3.88889vw auto;}
	.product-card.group-buy .card-opt .itm-color-list {padding: 0;}
	.product-card.group-buy .card-opt .itm-color-list li ~ li {margin-left: 4px;}
	.product-card.group-buy .card-opt .itm-color-list li:last-child {margin-right:6px;}
	/* prograss bar */
	.count-bar-box {height: 2.2222vw; margin: 9.7222vw 2.7778vw 17.6667vw;}
	.count-bar-box::before {width: 0.2778vw; height: 9.4444vw; margin-top:-3.6111vw;}
	.count-bar-box::after {width: 0.2778vw; height: 9.4444vw; margin-top:-3.6111vw;}
	.count-bar-box .legend {margin-bottom: 5.5556vw;}
	.count-bar-box .legend p {font-size: 3.0556vw;}
	.count-bar-box .count-bar::before {width: 0.2778vw; height: 4.4444vw;}
    /* 220727 수정 */
	.count-bar-box .count-bar .bar.bar-eff {background-image: url(/sec/static/_images/common/bar-progress-ing.gif);}
	.count-bar-box .count-bar .bar::before {right: -0.2778vw; bottom: 3.4889vw; width: 0.5556vw; height: 2.5vw;}
	.count-bar-box .count-bar .bar .point {top: -0.2556vw; right: -1.3889vw; width: 2.7778vw; height: 2.7778vw;}
	.count-bar-box .count-bar .bar .point::before {width: 4.4444vw; height: 4.4444vw;}
	.count-bar-box .count-bar .bar-txt {bottom: 5.9889vw; margin-left: -2.7778vw; height: 6.1111vw; padding: 0.9933vw 1.3889vw; font-size: 3.3333vw;}
	.count-bar-box .count-bar .bar-txt::after {right: -2.1222vw; bottom: 0.5vw; width: 3.5011vw; height: 3.5011vw;}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow {width:3.1778vw; height:3.1778vw; border-right: 0.6556vw solid #2189ff; border-bottom: 0.6556vw solid #2189ff; transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -o-transform: rotate(315deg);  -ms-transform: rotate(315deg);}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow:nth-child(1) {top: 1.1259vw; right: -4.0333vw;}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow:nth-child(2) {top: 1.1259vw; right: -6.0333vw;}
	.count-bar-box.success .count-bar .bar-txt {left: 95%; margin-left: -11.6111vw; line-height:1;}
	.count-bar-box .price-box {margin-top: 5.9444vw;}
	.count-bar-box .price-box .price p {font-size: 3.3333vw; line-height: 1.7;}
	.count-bar-box .price-box .price span.price {font-size: 4.4444vw;}
	.product-card.group-buy .card-btn {margin-top: 5.2778vw;}
	.product-card.group-buy .card-btn .box-btm-btns > button {font-size: 3.8889vw; margin: 0 0 3.0556vw 0;}
	.product-card.group-buy .card-btn .box-btm-btns > a.btn-underline {font-size: 3.8889vw;}
	.product-card.group-buy .point-txt {margin-bottom: 5vw; padding-bottom: 3.3333vw; font-size: 3.3333vw;}
	.product-card.group-buy .card-notice-txt {margin-top: 5vw; padding-top: 3.3333vw;}
	.product-card.group-buy .card-li-dot ul > li {margin-bottom: 1.3889vw; font-size: 3.3333vw;}
	.product-card.group-buy .card-li-dot ul > li::before {top: 1.3889vw;}
	.product-card.group-buy .card-li-dot {display: block; margin-top: 3vw;}
}
@media all and (max-width:430px) {
	/* prograss bar */
	.count-bar-box .count-bar .bar-txt {padding: 0.8933vw 1.3889vw;}
	.count-bar-box .count-bar .bar-txt::after {bottom: 0.4222vw;}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow:nth-child(1) {top: 0.8259vw; right: -4.0333vw;}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow:nth-child(2) {top: 0.8259vw; right: -6.0333vw;}
	.count-bar-box.success .count-bar .bar-txt {left: 100%; margin-left: -15.6111vw;}
}
@media all and (max-width:414px) {
	/* prograss bar */
	.count-bar-box .count-bar .bar-txt {padding:0.9933vw 1.3889vw;}
	.count-bar-box .count-bar .bar-txt::after {right: -2.2222vw; bottom: 0.5078vw; width: 3.2011vw; height: 3.2011vw;}
}
@media all and (max-width:395px) {
	/* prograss bar */
	.count-bar-box .count-bar .bar-txt {padding:0.7933vw 1.0889vw; line-height: 1.2;}
	.count-bar-box .count-bar .bar-txt::after {bottom: 0.3922vw; width: 3.2011vw; height: 3.2011vw;}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow:nth-child(1) {top: 0.9059vw; right: -4.0333vw;}
	.count-bar-box .count-bar .bar-txt.bar-effect02 .scroll-arrow:nth-child(2) {top: 0.9059vw; right: -6.0333vw;}
}
@media all and (max-width:340px) {
	/* prograss bar */
	.count-bar-box .count-bar .bar-txt {padding:0.7933vw 0.6996vw; line-height: 1;}
	.count-bar-box .count-bar .bar-txt::after {bottom: 0.2078vw;}
	.count-bar-box.success .count-bar .bar-txt {margin-left: -18.6111vw;}
}

/* component 30 - Article Hero */
.article-hero { overflow: hidden; }
.article-hero .st-angle-top { margin-top: 0; padding-top: 10.5208vw; }
.article-hero .st-angle-bot { margin-bottom: 0; padding-bottom: 10.5208vw; }
.article-hero .a-hero-disc { display: -ms-flexbox; display: flex; justify-content: center; -ms-flex-align: center; align-items: center; margin: 50px 0; font-size: 16px; }
.article-hero .a-hero-disc p { -ms-flex: 1; flex: 1; }
.article-hero .a-hero-disc .name { text-align: right; }
.article-hero .a-hero-disc .divide { -ms-flex: none; flex: none; padding: 0 20px; }
.article-hero .a-hero-disc .social { text-align: left; }
.article-hero .a-hero-disc .target-blank { display: inline-block; padding-left: 3px; vertical-align: middle; }
.article-hero .a-hero-disc .target-blank svg { width: 14px; height: 14px; }
.article-hero .visual-area { margin: 0 auto; }
.article-hero .type-kv .visual-area { max-width: 100%; }
.article-hero .type-dv .visual-area { max-width: 1440px; }
.article-hero .type-mv .visual-area { max-width: 920px; }
.article-hero .type-sv .visual-area { max-width: 684px; }
.article-hero .visual-text { margin-top: 15px; text-align: right; font-size: 14px; }
.article-hero .type-kv .visual-text { padding: 0 12px; }
.article-hero .visual-text .disc,
.article-hero .visual-text a { display: inline-block; }
.article-hero .visual-text .disc { margin-right: 6px; }
.article-hero .visual-text a { font-weight: 700; }
.article-hero .visual-text a:last-child { margin-right: 0; }
.article-hero .visual-text .caption { margin-top: 6px; opacity: .6; }
.article-hero .visual-area .video video.a-hero-video { position: relative; width: 100%; z-index: 0; }
.article-hero .visual-area .popup-comp-player.embed { bottom: 50px; }

.article-hero.w1440px .type-dv .visual-text { padding: 0 12px; }

@media (max-width: 1440px) {
	.article-hero .type-dv .visual-text { padding: 0 12px; }
}
@media (max-width: 920px) {
	.article-hero .visual-medium .visual-area { padding: 0 25px; width: 100%; }
}
@media (max-width: 700px) {
	.article-hero .a-hero-contents.st-angle-top { padding-top: 0; }
	.article-hero .a-hero-contents.st-angle-bot { padding-bottom: 0; }
	.article-hero .a-hero-contents.st-angle-top.st-angle-left::before,
	.article-hero .a-hero-contents.st-angle-bot.st-angle-left::after,
	.article-hero .a-hero-contents.st-angle-top.st-angle-right::before,
	.article-hero .a-hero-contents.st-angle-bot.st-angle-right::after { content: none; }
	.article-hero .visual-small .visual-area { padding: 0 25px; width: 100%; }
	.article-hero .visual-area .a-hero-video .pc { display: none; }
	.article-hero .visual-area .a-hero-video .mo { display: block; }
}

/* component 31 - navigation bar */
/* type-text */
.navigation-bar {position: relative; overflow: hidden;}
.navigation-bar.fixed {position:fixed; top: 0; width: 100%; z-index: 10; left: 50%; transform: translateX(-50%);}
.navigation-bar.fixed .navigation .nav-slider {justify-content:flex-end;}
.navigation-bar.fixed .navigation-wrap {background-color: #F7F7F7;}
.navigation-bar .navigation-wrap {position: relative; display: flex; align-items: center; background-color: #fff; border-bottom: 1px solid #DBDCDD;}
.navigation-bar .navigation-wrap > .title {flex: 0 0 auto; font-size: 17px; font-weight: bold; margin-right: 40px; padding-left: 24px;}
.navigation-bar .navigation-wrap > .title a {font-size: 17px;}


.navigation-bar .navigation-wrap > .title + .navigation .nav-slider {justify-content: flex-end;}
.navigation-bar .navigation {padding: 0 24px; overflow: hidden; position: relative; flex: 1 1 auto; width: 100%;}
.navigation-bar .navigation .line {width: 0px; height: 2px; position: absolute; bottom: 0; margin: 0 0 0 0; background-color: black; transition: all 0.5s ease;}
.navigation-bar .navigation .nav-slider {display: flex; position: relative; align-items: center; justify-content: center;}
.navigation-bar .navigation .nav-slider .item{margin:0;padding: 20px 20px 19px 20px;}
.navigation-bar .navigation .nav-slider .item a {display: flex; align-items: center;}
.navigation-bar .prd-info .title {font-size: 15px; font-weight: normal; line-height: normal; white-space: nowrap;}
.navigation-bar .active .prd-info .title{font-weight: bold;}

.navigation-bar .navigation .swiper-slide{position: static; width: auto;}
.navigation-bar .navigation.swiper-container-initialized .nav-slider{justify-content: flex-start;}
.navigation-bar .navigation:not(.swiper-container-initialized) .swiper-wrapper {transform:none !important;}
.navigation-bar .navigation:not(.swiper-container-initialized) [class*='btn-'] {display: none;}
.navigation-bar .swiper-notification {display: none;}
.navigation-bar .swiper-button-disabled {display: none !important;}

.navigation-bar .navigation [class*='btn-']{position: absolute; top: 0; width:50px; height:100%; font-size: 0px; z-index: 10; outline: none;}
.navigation-bar .navigation [class*='btn-']:after {content: ''; display: block; height: 100%; background-repeat: no-repeat; background-position: center; background-size:13px auto;}
.navigation-bar .btn-prev {left:0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.navigation-bar .btn-next {right:0;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 1%, rgba(255,255,255,0) 3%, rgba(255,255,255,1) 20%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 1%,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 20%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 1%,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.navigation-bar .btn-prev:after {background-image:url(/sec/static/_images/common/icon-slick-prev-26x26.svg); }
.navigation-bar .btn-next:after {background-image:url(/sec/static/_images/common/icon-slick-next-26x26.svg); }

.navigation-bar .prd-thumb,
.navigation-bar .sub-txt,
.navigation-bar .price {display: none;}
.navigation-bar .navigation-wrap > [class*='btn-'] {flex: 0 0 auto;}

/* type-visual */
.navigation-bar.type-visual {border: none;}
.navigation-bar.type-visual .prd-thumb,
.navigation-bar.type-visual .sub-txt,
.navigation-bar.type-visual .price {display: block;}

.navigation-bar.line-off .line,
.navigation-bar.type-visual .navigation .line{display: none;}
.navigation-bar.type-visual .navigation-wrap{border: none;  background-color: #F7F7F7;}
.navigation-bar.type-visual .prd-thumb {flex: 0 0 auto; margin-right: 16px;}
.navigation-bar.type-visual .prd-thumb img {height: 96px;}
.navigation-bar.type-visual .prd-info {display: flex; flex: 1 1 auto; width: 134px; overflow: hidden; flex-direction: column; word-wrap: break-word; line-height: normal;}
.navigation-bar.type-visual .prd-info .title {font-size: 16px; font-weight: bold; line-height: normal; white-space: normal; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 38px;}
.navigation-bar.type-visual .prd-info .sub-txt {margin-top: 5px; min-height: 32px; line-height: normal; font-size: 13px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.navigation-bar.type-visual .prd-info .price em{font-size: 13px; font-weight: bold;}
.navigation-bar.type-visual .prd-info .price {margin-top: 5px; font-size: 12px; min-height: 17px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.navigation-bar.type-visual .navigation .nav-slider .item {padding: 22px 12px;}

.navigation-bar.type-visual .btn-prev,
.navigation-bar.fixed .btn-prev {left:0;
	background: -moz-linear-gradient(left,  rgba(247,247,247,1) 80%, rgba(247,247,247,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(247,247,247,1) 80%,rgba(247,247,247,0) 100%);
	background: linear-gradient(to right,  rgba(247,247,247,1) 80%,rgba(247,247,247,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.navigation-bar.type-visual .btn-next,
.navigation-bar.fixed .btn-next{right:0;
	background: -moz-linear-gradient(left,  rgba(247,247,247,0) 1%, rgba(247,247,247,0) 3%, rgba(247,247,247,1) 20%);
	background: -webkit-linear-gradient(left,  rgba(247,247,247,0) 1%,rgba(247,247,247,0) 3%,rgba(247,247,247,1) 20%);
	background: linear-gradient(to right,  rgba(247,247,247,0) 1%,rgba(247,247,247,0) 3%,rgba(247,247,247,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

@media all and (max-width: 1440px) {
	/* type-text */
	.navigation-bar .navigation-wrap {border-bottom: 0.0694vw solid #DBDCDD;}
	.navigation-bar .navigation-wrap > .title {font-size: 1.1806vw;  margin-right: 2.7778vw; padding-left: 1.6667vw;}
	.navigation-bar .navigation-wrap > .title a {font-size: 1.1806vw;}
	.navigation-bar .navigation {padding: 0 1.6667vw;}
	.navigation-bar .navigation .line {height: 0.1389vw;}
	.navigation-bar .navigation .nav-slider .item{padding: 1.3889vw 1.3889vw 1.3194vw 1.3889vw;}
	.navigation-bar .prd-info .title {font-size: 1.0417vw;}


	.navigation-bar .navigation [class*='btn-']{width:3.4722vw;}
	.navigation-bar .navigation [class*='btn-']:after {background-size:0.9028vw auto;}
	.navigation-bar.type-visual .prd-thumb {margin-right: 1.1111vw;}
	.navigation-bar.type-visual .prd-thumb img {height: 6.6667vw;}
	.navigation-bar.type-visual .prd-info {width: 9.3056vw;}
	.navigation-bar.type-visual .prd-info .title {font-size: 1.1111vw; min-height: 2.6389vw;}
	.navigation-bar.type-visual .prd-info .sub-txt {margin-top: 0.3472vw; min-height: 2.2222vw; font-size: 0.9028vw;}
	.navigation-bar.type-visual .prd-info .price em{font-size: 0.9028vw; }
	.navigation-bar.type-visual .prd-info .price {margin-top: 0.3472vw; font-size: 0.8333vw; min-height: 1.1806vw;}
	.navigation-bar.type-visual .navigation .nav-slider .item {padding: 1.5278vw 0.8333vw;}
}

@media all and (max-width: 540px) {
	.navigation-bar.fixed {left: 0; transform: none;}
	.navigation-bar .navigation-wrap {flex-wrap: wrap; justify-content:flex-start; align-items: center;}
	.navigation-bar .navigation-wrap > .title{padding: 4.7222vw 6.6667vw; font-size: 4.7222vw;}
	.navigation-bar .navigation-wrap > .title a {font-size: 4.7222vw;}
	.navigation-bar .navigation-wrap > .title + .navigation .nav-slider {justify-content: center;}
	.navigation-bar .navigation {padding: 0 3.3333vw; order: 1;}
	.navigation-bar .navigation .line {height:0.5556vw;}
	.navigation-bar .prd-info .title {font-size: 4.1667vw; line-height: normal;}
	.navigation-bar .navigation .nav-slider .item {padding: 4.1667vw 3.3333vw;}
	.navigation-bar.type-visual .prd-thumb {margin-right: 4.4444vw;}
	.navigation-bar.type-visual .prd-thumb img {height: 21.3889vw;}
	.navigation-bar.type-visual .prd-info {width: 27.7778vw;}
	.navigation-bar.type-visual .navigation .nav-slider .item{padding: 3.3333vw;}
	.navigation-bar.type-visual .prd-info .title {font-size: 4.1667vw; min-height: 8.88888889vw; }
	.navigation-bar.type-visual .prd-info .sub-txt {font-size: 3.3333vw;  min-height: 7.7778vw; margin-top: 0.9259vw;}
	.navigation-bar.type-visual .prd-info .price {margin-top: 0.9259vw; min-height: 3.6111vw;}
	.navigation-bar.type-visual .prd-info .price, 
	.navigation-bar.type-visual .prd-info .price em {font-size: 2.7778vw;}

	.navigation-bar .navigation [class*='btn-']{width:13.8889vw;}
	.navigation-bar .navigation [class*='btn-']:after {background-size:4.7222vw auto;}
	.navigation-bar .navigation-wrap > [class*='btn-'] {height: 8.8889vw; line-height: 8.3333vw; margin:3.3333vw 6.6667vw 0 auto;}
	.navigation-bar .navigation-wrap > .title ~ [class*='btn-'] {margin-top: 0;}

	.navigation-bar.title-center .navigation-wrap{justify-content: center;}
	.navigation-bar.title-center .navigation-wrap > [class*='btn-'] {margin: 0 6.6667vw 0 0; font-size: 3.3333vw;}
}

/* 21-11-30 tab container */
.tabtype-container .tab-prd-list.type7 .prd-item { width: 16.6666%; }
@media all and (max-width: 800px) {
	.tabtype-container .tab-prd-list.type7 .prd-item { width: 33.3333%; }
	.tabtype-container .tab-prd-list.type7 .prd-item + .prd-item + .prd-item { margin-top: 0; }
}


/* s : 2022-05-19 갤럭시캠퍼스 신규 팝업 추가 2022-05-27 */
#mask-cams { position: fixed; display: block; left: 0; right: 0; top: 0; bottom: 0; background: #0e0e0e82; z-index: 50; }
.layer-pop-cams { position: fixed; display: none; left: 0; top: 80px; width: 100%; height: calc(100% - 60px); text-align: center; background: #fff; padding-top: 25px; padding-bottom: 25px;} 
.layer-pop-cams.active{ display: block; }
.layer-pop-cams .layer-content { height: calc(100% - 82px); text-align: left; transition: all 0.5s ease; overflow-x: hidden; overflow-y: auto; padding-left: 25px;padding-right: 25px;padding-bottom: 20px;} /* 2022-05-19 */
.layer-pop-cams .pop-bottom-button{position: fixed;left: 0;bottom: 0;background-color: #fff;z-index: 210;width: 100%;display: flex;align-items: center;	-webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);justify-content: center;padding: 25px;}
.layer-pop-cams .pop-bottom-button .btn-stemp{height: 35px;background-color: #000;color: #fff;display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 35px;font-size: 14px;font-weight: bold;}
.layer-pop-cams .cams-information dt{font-weight: bold;display: inline-block;width: 80px;float: left;}
.layer-pop-cams .cams-information dd{display: inline-block; width: calc(100% - 80px);}
.layer-pop-cams .cams-information dt,.layer-pop-cams .cams-information dd{font-size: 14px;margin-bottom: 15px;}
.layer-pop-cams .cams-information dt.map-tit{width: 100%;display: block;float: inherit;}
.layer-pop-cams .cams-information dd.map-content{width: 100%;display: block;}
.layer-pop-cams .cams-information dd .cams-map img{max-width: 100%;} /* 2022-05-19 */

.layer-pop-cams .set {margin-bottom: 28px;overflow-wrap: break-word;}
.layer-pop-cams .set pre{width: 100%;line-height: 23px;white-space: pre-wrap;} /* 2022-05-19 */
.layer-pop-cams .set p{font-size: 14px;line-height: 20px;}
.layer-pop-cams .img-box {text-align: center;}
.layer-pop-cams .img-box img{width: 100%;max-width: 100%;}
.layer-pop-cams .pop-title {margin-bottom: 20px;font-size: 17px;}
.layer-pop-cams .pop-title::before{content: '';display: inline-block;width: 3px;height: 15px;background-color: #000;vertical-align: middle;margin-right: 7px;position: relative;top: -1px;}
.layer-pop-cams .pop-cams-close{display: inline-block;width: 100%;height: 30px;background:url(/sec/static/_images/common/icon-close-white.svg) no-repeat calc(100% - 20px) center; background-size: 20px auto; position: absolute;top: 0;left: 50%;transform: translate(-50%, -39px);}

.precautions-content .dropButton {text-align: center; font-size: 3.8889vw; line-height: inherit; display: flex; align-items: center; width: 100%; justify-content: center;margin-bottom: 21px; }
.precautions-content .dropButton .tit{display: inline-block;font-size: 14px;}
.precautions-content .dropButton .tit::after{content: '';display: block;width: 100%;height: 2px;background-color: #151515;}
.precautions-content .dropButton::after{ content: ''; width: 21px;height: 15px;display: inline-block; background-image:url(/sec/static/_images/common/ico-arrow-up.png); background: url(/sec/static/_images/common/ico-arrow-up.png) 50% 50% no-repeat; background-size: auto 8px; transform: rotate(180deg); }
.precautions-content .drop-content{display:none;}
.precautions-content .drop-content .drop-title strong{font-size: 12px;font-weight: bold;margin-bottom: 15px;display: block;}
.precautions-inner.opened .dropButton::after{ transform: rotate(0deg);transition: all ease 0.5s ; }
.precautions-content .precautions-view-list{padding-left: 10px;padding-right: 10px;}
.precautions-content .precautions-view-list li{font-size: 14px;line-height: 20px;}
.precautions-content .precautions-view-list li::before{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;border-radius: 10px;background-color: #121212;margin-right: 6px;position: relative;top: -1px;}

@media all and (max-width: 800px) {
	.layer-pop-cams .set{margin-bottom: 6.25vw;}
	.layer-pop-cams {padding-top: 6.2500vw;}
	.layer-pop-cams .layer-content {padding-left: 6.2500vw;padding-right: 6.2500vw;height: calc(100% - 21.2vw);}
	.layer-pop-cams .cams-information dt{width: 17vw;}
	.layer-pop-cams .cams-information dd{ width: calc(100% - 17vw);}
	.layer-pop-cams .cams-information dt,.layer-pop-cams .cams-information dd{font-size: 1.6250vw;}
	.layer-pop-cams .set pre{font-size: 3.5000vw;;white-space: pre-wrap;line-height: 5vw;} /* 2022-05-19 */
	.layer-pop-cams .pop-title {font-size: 4.3750vw;margin-bottom: 5vw;}
	.layer-pop-cams .pop-title::before{height: 3.8750vw;margin-right: 1.7500vw;}
	.layer-pop-cams .cams-information dt,.layer-pop-cams .cams-information dd{font-size: 3.5000vw;margin-bottom: 3.7500vw;}
	.layer-pop-cams .set p{font-size: 3.5000vw;line-height: 5vw;}
	.precautions-content .precautions-view-list li{font-size: 3.5000vw;margin-bottom: 1.875vw;line-height: 5vw;margin-left: 11px;}
	.precautions-content .precautions-view-list li::before{margin-left: -11px;word-break: keep-all;}
	.precautions-content .dropButton{margin-bottom: 5vw;}
	.precautions-content .dropButton .tit{font-size: 3.5000vw;}
	.precautions-content .drop-content .drop-title strong{font-size: 3vw;margin-bottom: 3.75vw;}
	
	.layer-pop-cams .pop-bottom-button{ padding: 6.25vw; }
	.layer-pop-cams .pop-bottom-button .btn-stemp{ font-size: 3.25vw; height: 8.75vw; }
	.layer-pop-cams .pop-cams-close{height: 5.625vw; background-size: 5.225vw auto;transform: translate(-50%, -7.6vw);}
}

/* 22-10-11 compare catagory */
.compare-catagory,
.compare-catagory-pop { display: flex; margin-bottom: 14px; }
.compare-catagory { padding: 0 58px; }
.compare-catagory .box-droplist,
.compare-catagory-pop .box-droplist { width: 200px; }
.compare-catagory .box-droplist { margin: 0 12px; }
.compare-catagory .wrap-droplist .droplist-button,
.compare-catagory-pop .wrap-droplist .droplist-button { border-bottom: none; }
.compare-catagory .wrap-droplist.active .droplist { max-height: 140px !important; }
.compare-catagory .wrap-droplist.single .droplist-button.selected,
.compare-catagory-pop .wrap-droplist.single .droplist-button.selected { display: flex; align-items: center; cursor: default; }
.compare-catagory .wrap-droplist.single .droplist-button::before,
.compare-catagory-pop .wrap-droplist.single .droplist-button::before { content: none; }
@media (max-width: 1440px) and (min-width: 801px) {
	.compare-catagory,
	.compare-catagory-pop { margin-bottom: .9722vw; }
	.compare-catagory { padding: 0 4.0278vw; }
	.compare-catagory .wrap-droplist .droplist-button,
	.compare-catagory-pop .wrap-droplist .droplist-button { font-size: 1.4545vw; }
	.compare-catagory .box-droplist,
	.compare-catagory-pop .box-droplist { width: 13.8889vw; }
	.compare-catagory .wrap-droplist.active .droplist { max-height: 9.7222vw !important; }
}
@media (max-width: 800px) {
	.compare-catagory,
	.compare-catagory-pop { margin-bottom: 3.3333vw; }
	.compare-catagory { padding: 0 3.3333vw; }
	.compare-catagory .wrap-droplist .droplist-button,
	.compare-catagory-pop .wrap-droplist .droplist-button { font-size: 16px; }
	.compare-catagory .box-droplist,
	.compare-catagory-pop .box-droplist { width: 52.7778vw; }
	.compare-catagory .box-droplist { margin: 0; }
}

/* 22-11-22 RECOMMEND */
.copmpo-rcmd-kv .hddng h1,
.copmpo-rcmd-area .catagory .tab strong,
.copmpo-rcmd-area .chosen-opt strong,
.copmpo-rcmd-area .result-info strong,
.copmpo-rcmd-area .step .ttl h1,
.rcmd-prdt-list .prdt-box .dtl h1,
.prdt-box .price-detail .price,
.prdt-box .price-detail .sale > em,
.prdt-box .price-detail .sale > span,
.prdt-box .point-detail .point { font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', '돋움', sans-serif; }
.copmpo-rcmd-kv,
.copmpo-rcmd-area,
.copmpo-rcmd-area .contnts-box,
.copmpo-rcmd-desc .pf-disclaimer { margin: 0 auto; }
.copmpo-rcmd-kv { position: relative; max-width: 1920px; }
.copmpo-rcmd-kv .hddng { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }
.copmpo-rcmd-kv .hddng p,
.copmpo-rcmd-kv .hddng h1 { margin: 0 auto; width: 1144px; color: #fff; }
.copmpo-rcmd-kv .hddng p { margin-bottom: 15px; line-height: 32px; font-size: 24px; }
.copmpo-rcmd-kv .hddng h1 { font-size: 52px; }
.copmpo-rcmd-area,
.copmpo-rcmd-area.rslt { padding: 105px 0 130px; background-color: #f0f4f3; }
.copmpo-rcmd-area.etc { padding-bottom: 40px; background-color: #fff; }
.copmpo-rcmd-area .title { margin-bottom: 64px; }
.copmpo-rcmd-area .title h2 { text-align: center; line-height: 56px; font-size: 42px; }
.copmpo-rcmd-area.rslt .title { margin-bottom: 74px; line-height: 86px; }
.copmpo-rcmd-area.rslt .title h2::before { content: ""; display: inline-block; margin-right: 16px; margin-bottom: -24px; width: 82px; height: 86px; background: url(/sec/static/_images/rcmd/icon-rcmd-title-corgi.png) center /100% no-repeat; }
.copmpo-rcmd-area .title span { color: #28aa69; vertical-align: baseline; }
.copmpo-rcmd-area .contnts-box,
.copmpo-rcmd-area .pf-container,
.copmpo-rcmd-desc .pf-disclaimer { max-width: 1440px; padding: 0 60px; }
.copmpo-rcmd-area .catagory .tab { position: relative; margin-top: 30px; width: 100%; height: 68px; color: #50635a; }/* KDP-55424 B2C 104 수정 */
.copmpo-rcmd-area .catagory .actv { color: #2aad6c; z-index: 1; } /* KDP-29077 수정 : 추천하기 탭 수정 */
.copmpo-rcmd-area .catagory .tab strong { position: absolute; top: 24px; left: 50%; font-size: 22px; transform: translateX(-50%); } /* KDP-29077 수정 : 추천하기 탭 수정 */
.copmpo-rcmd-area .step { position: relative; margin-top: -25px; background-color: #fff; border: solid 1px rgba(0,0,0,.07); border-top: none; border-radius: 20px 20px 20px 20px; z-index: 1; box-shadow: 4px 4px 5px rgba(0,0,0,.05); } /* KDP-29077 수정 : box-shadow 추가 border-radius 값 수정, border-top: none; 추가 */
.copmpo-rcmd-area .step::after { content: ""; display: block; clear: both; }
.copmpo-rcmd-area .step .ttl h1 { margin-bottom: 18px; font-size: 22px; }
.copmpo-rcmd-area .step .ttl h2 { line-height: 50px; font-size: 40px; }
.copmpo-rcmd-area .cta-clear,
.copmpo-rcmd-area .chosen-opt,
.copmpo-rcmd-area .opt-area { padding-right: 112px; padding-left: 112px; }
.copmpo-rcmd-area .cta-clear { position: relative; padding-top: 40px; }
.copmpo-rcmd-area .cta-clear::before,
.copmpo-rcmd-area .cta-clear::after,
.copmpo-rcmd-area .cta-clear .clear::before,
.copmpo-rcmd-area .chosen-opt .btn-opt::after { content: ""; position: absolute; }
.copmpo-rcmd-area .cta-clear::after { top: 30px; left: -93px; width: 130px; height: 210px; background: url(/sec/static/_images/rcmd/bg-rcmd-corgi.png) center /100% no-repeat; } /* KDP-29077 수정 : top값 수정 */
.copmpo-rcmd-area .cta-clear .clear { position: absolute; right: 112px; bottom: -23px; padding-left: 30px; height: 23px; font-size: 18px; font-weight: 700; color: #000; }
.copmpo-rcmd-area .cta-clear .clear::before { top: 0; left: 0; width: 26px; height: 23px; background: url(/sec/static/_images/rcmd/icon-rcmd-clear.png) center /100% no-repeat; }
.copmpo-rcmd-area .chosen-opt { padding-bottom: 40px; border-bottom: solid 1px rgba(223,226,225,.9); }
.copmpo-rcmd-area .chosen-opt .btn-opt { position: relative; padding-right: 25px; font-size: 22px; font-weight: 700; color: #000; }
.copmpo-rcmd-area .chosen-opt .btn-opt::after { top: 0; right: 0; width: 17px; height: 22px; background: url(/sec/static/_images/rcmd/icon-rcmd-opt-arrw.png) center /100% no-repeat; transform: rotate(180deg); }
.copmpo-rcmd-area .chosen-opt .btn-opt.open::after { transform: none; }
.copmpo-rcmd-area .chosen-opt ol,
.copmpo-rcmd-area .result-info dl { display: flex; flex-wrap: wrap; }
.copmpo-rcmd-area .chosen-opt ol { padding-top: 18px; }
.copmpo-rcmd-area .chosen-opt li,
.copmpo-rcmd-area .result-info dd { margin: 0 10px 10px 0; padding: 0 20px; height: 44px; line-height: 44px;font-size: 18px; border: solid 1px #1a6e44; border-radius: 22px; color: #1a6e44; }
.copmpo-rcmd-area .chosen-opt strong,
.copmpo-rcmd-area .result-info strong { margin-right: 8px; vertical-align: baseline; }
.copmpo-rcmd-area .opt-area { display: flex; position: relative; padding-top: 60px; padding-bottom: 16px; }
.copmpo-rcmd-area .opt-area .cta-dtl { position: absolute; top: 20px; right: 120px; width: 22px; height: 22px; background: url(/sec/static/_images/rcmd/icon-rcmd-detail.png) center /100% no-repeat; }
.copmpo-rcmd-area .opt-area .ttl,
.copmpo-rcmd-area .opt-area .opt { width: 50%; min-height: 565px; }
.copmpo-rcmd-area .opt-area .ttl { position: relative; }
.copmpo-rcmd-area .opt-area .txt,
.copmpo-rcmd-area .opt-area .img { position: absolute; left: 60px; }
.copmpo-rcmd-area .opt-area .txt { top: 0; }
.copmpo-rcmd-area .opt-area .img { top: 170px; width: 370px; }
.copmpo-rcmd-area .opt-area .opt { display: flex; align-items: center; }
.copmpo-rcmd-area .opt-area .opt ul,
.copmpo-rcmd-area .opt-area .opt-card { display: flex; flex-direction: column; }
.copmpo-rcmd-area .opt-area .opt ul { padding-left: 12px; width: 100%; }
.copmpo-rcmd-area .opt-area .opt li { margin-bottom: 12px; }
.copmpo-rcmd-area .opt-area .opt-card { justify-content: center; position: relative; padding: 10px 10px 10px 110px; min-height: 90px; background-color: #fffefa; border: solid 1px rgba(0,0,0,.05); border-radius: 15px; box-shadow: 4px 4px 10px rgba(0,0,0,.05); }
.copmpo-rcmd-area .opt-area .opt-card::before { content: ""; position: absolute; top: 50%; left: 40px; width: 30px; height: 30px; background-color: #fff; border: solid 1px #dedede; border-radius: 50%; transform: translateY(-50%); }
.copmpo-rcmd-area .opt-area .opt-card h3,
.copmpo-rcmd-area .opt-area .opt-card .sub { font-size: 18px; }
.copmpo-rcmd-area .opt-area .opt-card h3,
.copmpo-rcmd-area .opt-area .opt-card p { color: #888; }
.copmpo-rcmd-area .opt-area .opt-card h3 { margin-bottom: 4px; }
.copmpo-rcmd-area .opt-area .opt-card .disc { margin-top: 6px; font-size: 14px; }
.copmpo-rcmd-area input[type="radio"],
.copmpo-rcmd-area input[type="checkbox"] { position: absolute; width: 1px; height: 1px; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); border: 0; overflow: hidden; }
.copmpo-rcmd-area .opt .chck { display: none; background: url(/sec/static/_images/rcmd/icon-rcmd-check.png) top left /100% no-repeat; }
.copmpo-rcmd-area input[type="radio"]:checked + label .opt-card,
.copmpo-rcmd-area input[type="checkbox"]:checked + label .opt-card { background-color: #fceebe; box-shadow: 4px 4px 10px rgba(0,0,0,.05), inset -1px -1px 2px rgba(23,24,28,.2); }
.copmpo-rcmd-area input[type="radio"]:checked + label .chck,
.copmpo-rcmd-area input[type="checkbox"]:checked + label .chck { display: block; position: absolute; top: 26px; left: 44px; width: 34px; height: 26px; }
.copmpo-rcmd-area input[type="radio"]:checked + label .opt-card h3,
.copmpo-rcmd-area input[type="radio"]:checked + label .opt-card .sub,
.copmpo-rcmd-area input[type="checkbox"]:checked + label .opt-card h3,
.copmpo-rcmd-area input[type="checkbox"]:checked + label .opt-card .sub { color: #000; }
.copmpo-rcmd-area .step .step-cta { float: right; display: flex; justify-content: center; align-items: center; padding: 0 112px 60px 12px; width: 50%; text-align: center; }
.copmpo-rcmd-area .step .step-cta .btn { font-size: 22px; }
.copmpo-rcmd-area .step .step-cta .prev::before,
.copmpo-rcmd-area .step .step-cta .next::after { content: ""; display: inline-block; width: 10px; height: 26px; background: url(/sec/static/_images/rcmd/icon-rcmd-btn-next.png) center /100% no-repeat; vertical-align: sub; }
.copmpo-rcmd-area .step .step-cta .prev::before { margin-right: 12px; transform: rotate(180deg); }
.copmpo-rcmd-area .step .step-cta .next::after { margin-left: 12px; }
.copmpo-rcmd-area .result-info { display: flex; position: relative; align-items: center; margin-bottom: 40px; padding-right: 150px; }
.copmpo-rcmd-area .result-info .wrap-droplist { position: absolute; top: 0; right: 0; min-width: 150px; }
.copmpo-rcmd-area .result-info .wrap-droplist .droplist-button { text-align: right; font-size: 22px; font-weight: 700; background-color: transparent; border: none; color: #000; }
.rcmd-prdt-list > ul > li { margin-bottom: 20px; }
.rcmd-prdt-list .prdt-box { position: relative; padding: 42px 88px 40px; background-color: #fff; border: solid 1px rgba(0,0,0,.07); border-radius: 20px; box-shadow: 4px 4px 10px rgba(0,0,0,.05); }
.rcmd-prdt-list .prdt-box .bdge { position: absolute; top: 26px; right: -6px; padding-top: 24px; width: 80px; height: 80px; text-align: center; background: #1a6e44 url(/sec/static/_images/rcmd/icon-rcmd-stars.png) center 8px /40% no-repeat; border-radius: 10px 0 0 10px; }
.rcmd-prdt-list .prdt-box .bdge::after { content: ""; position: absolute; right: 0; bottom: -6px; width: 0; height: 0; border-top: solid 3px #06331c; border-right: solid 3px transparent; border-bottom: solid 3px transparent; border-left: solid 3px #06331c; }
.rcmd-prdt-list .prdt-box .bdge strong { line-height: 24px; font-size: 20px; color: #fff; }
.rcmd-prdt-list .prdt-box .tag,
.rcmd-prdt-list .prdt-box .tag ul { display: flex; }
.rcmd-prdt-list .prdt-box .tag { position: relative; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.rcmd-prdt-list .prdt-box .tag li { font-size: 18px; font-weight: 700; color: #3982f7; }
.rcmd-prdt-list .prdt-box .tag li::after { content: ""; display: inline-flex; margin: 0 10px; width: 1px; height: 13px; background-color: #666; }
.rcmd-prdt-list .prdt-box .tag li:last-child::after { content: none; }
.rcmd-prdt-list .prdt-box .btn-rcmd-good { margin-right: 25px; width: 30px; height: 30px; background: url(/sec/static/_images/common/icon-heart-black.svg) center /contain no-repeat ; }
.rcmd-prdt-list .prdt-box .btn-rcmd-good.on { background-image: url(/sec/static/_images/common/icon-heart-on.svg); }
.rcmd-prdt-list .prdt-box .info { display: flex; justify-content: space-around; position: relative; margin-bottom: 18px; padding-bottom: 30px; border-bottom: solid 1px rgba(0,0,0,.07); }
.rcmd-prdt-list .prdt-box .img,
.rcmd-prdt-list .prdt-box .dtl { min-width: 400px; max-width: 400px; }
.rcmd-prdt-list .prdt-box .dtl { padding: 30px 25px; }
.rcmd-prdt-list .prdt-box .img img { display: block; margin: 0 auto; }
.rcmd-prdt-list .prdt-box .dtl h1,
.rcmd-prdt-list .prdt-box .dtl p { text-align: center; }
.rcmd-prdt-list .prdt-box .dtl h1 { margin-bottom: 12px; line-height: 40px; font-size: 28px; }
.rcmd-prdt-list .prdt-box .dtl p { margin-bottom: 30px; font-size: 18px; color: #666; }
.rcmd-prdt-list .prdt-box .compare { position: absolute; right: 0; bottom: 20px; }
.rcmd-prdt-list .prdt-box .compare .link-compare-i { display: flex; align-items: center; font-size: 16px; font-weight: 700; }
.rcmd-prdt-list .prdt-box .compare .link-compare-i::before { content: ""; margin-right: 6px; width: 18px; height: 18px; background: url(/sec/static/_images/common/iconPlus-default.svg) center /100% no-repeat; }
.rcmd-prdt-list .prdt-box .compare a.disabled { color: #2189ff; }
.rcmd-prdt-list .prdt-box .compare a.disabled::before { background-image: url(/sec/static/_images/common/iconPlus-active.svg); }
.prdt-box .price-detail,
.prdt-box .point-detail { display: flex; justify-content: center; align-items: center; }
.prdt-box .price-detail { margin-bottom: 12px; }
.prdt-box .price-detail .price { margin-right: 26px; font-size: 22px; color: #666; }
.prdt-box .price-detail .sale { position: relative; }
.prdt-box .price-detail .sale > em,
.prdt-box .price-detail .sale > span { font-weight: 700; }
.prdt-box .price-detail .sale > em { font-size: 30px; }
.prdt-box .price-detail .sale > span { margin-right: 6px; font-size: 22px; vertical-align: baseline; }
.prdt-box .price-detail .btn-downtool { margin-bottom: 10px; width: 20px; height: 20px; background: url(/sec/static/_images/common/icon-tooltip-down.svg) center /100% no-repeat;}
.prdt-box .price-detail .box-tip { display: none; position: absolute; top: 30px; right: -12px; padding: 16px; min-width: 240px; background-color: #fff; border: solid 1px #000; border-radius: 10px; z-index: 1; }
.prdt-box .price-detail .box-tip li { display: flex; line-height: 1.29em; }
.prdt-box .price-detail .box-tip .total { margin-top: 11px; padding-top: 12px; border-top: solid 1px #ddd; }
.prdt-box .price-detail .box-tip .total > span { font-weight: 700; }
.prdt-box .price-detail .box-tip .tit { width: 30%; text-align: left; }
.prdt-box .price-detail .box-tip .price { margin-right: 0; width: 70%; text-align: right; font-size: inherit; }
.prdt-box .point-detail { margin-bottom: 32px; }
.prdt-box .point-detail .expect,
.prdt-box .point-detail .point { font-size: 22px; }
.prdt-box .point-detail .expect { margin-right: 18px; }
.prdt-box .point-detail .point { color: #4589f7; }
.prdt-box .cta { text-align: center; }
.prdt-box .cta .btn-rcmd-prdt { padding: 0 26px; min-width: 90%; height: 56px; font-size: 20px; border-radius: 28px; }
.prdt-box .bot { display: flex; justify-content: space-between; }
.prdt-box .bot .titl { margin-bottom: 14px; font-size: 24px; }
.prdt-box .feature .titl,
.prdt-box .epilogue .titl { display: flex; }
.prdt-box .feature ul { padding: 28px 28px 28px 64px; width: 360px; min-height: 132px; background-color: #f5f5f5; border-radius: 20px; }
.prdt-box .feature li { margin-bottom: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.prdt-box .feature li:last-child { margin-bottom: 0; }
.prdt-box .feature li::before { content: ""; position: absolute; margin-left: -35px; width: 20px; height: 16px; background: url(/sec/static/_images/rcmd/icon-rcmd-check-list.png) center /100% no-repeat; }
.prdt-box .epilogue { position: relative; width: 760px; }
.prdt-box .epilogue .titl .num { margin-left: 10px; padding-left: 24px; font-weight: 700; background: url(/sec/static/_images/rcmd/icon-rcmd-star-on.png) left center /20px no-repeat; }
.prdt-box .epilogue .titl span { vertical-align: baseline; }
.prdt-box .epilogue ul { margin-left: -12px; padding-bottom: 20px; }
.prdt-box .epilogue li { padding: 0 12px; min-height: 132px; }
.prdt-box .epilogue li a {display:block}
.prdt-box .epilogue .item { position: relative; padding: 28px 30px 28px 150px; height: 132px; border: solid 1px #e3e3e3; border-radius: 20px; }
.prdt-box .epilogue .item p { display: -webkit-box; line-height: 28px; text-overflow: ellipsis; word-break: break-all; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.prdt-box .epilogue .item .stars { position: absolute; top: 30px; left: 24px; width: 105px; height: 17px; background: url(/sec/static/_images/rcmd/icon-rcmd-stars-off.png) center /100% no-repeat; }
.prdt-box .epilogue .item .stars::after { content: ""; position: absolute; top: 0; left: 0; width: 105px; height: 17px; background-position: center; background-size: 100%; background-repeat: no-repeat; }
.prdt-box .epilogue .item .point-1::after { background-image: url(/sec/static/_images/rcmd/icon-rcmd-stars-01.png); }
.prdt-box .epilogue .item .point-2::after { background-image: url(/sec/static/_images/rcmd/icon-rcmd-stars-02.png); }
.prdt-box .epilogue .item .point-3::after { background-image: url(/sec/static/_images/rcmd/icon-rcmd-stars-03.png); }
.prdt-box .epilogue .item .point-4::after { background-image: url(/sec/static/_images/rcmd/icon-rcmd-stars-04.png); }
.prdt-box .epilogue .item .point-5::after { background-image: url(/sec/static/_images/rcmd/icon-rcmd-stars-05.png); }
.prdt-box .epilogue .prgrs-bar,
.prdt-box .epilogue .prgrs-bar .inner { position: absolute; border-radius: 4px; }
.prdt-box .epilogue .prgrs-bar { bottom: 0; width: 100%; height: 8px; background-color: #e8e8e8; }
.prdt-box .epilogue .prgrs-bar .inner { top: 0; left: 0; height: 100%; background-color: #a2a2a2; }
.copmpo-rcmd-area.rslt { padding-bottom: 100px; }
.copmpo-rcmd-area.etc .contnts-box { position: relative; }
.copmpo-rcmd-area.etc .contnts-box::before { content: ""; position: absolute; top: -270px; left: -84px; width: 218px; height: 160px; background: url(/sec/static/_images/rcmd/icon-rcmd-corgi.png) center /100% no-repeat; }
.copmpo-rcmd-area.etc .title { margin-bottom: 10px; }
.copmpo-rcmd-area.rslt .pf-container { display: block; padding-top: 50px; }
.copmpo-rcmd-area .pf-container .pf-prd-cardlist { padding: 0; width: 100%; }
.copmpo-rcmd-area .pf-container .pf-prd-cardlist .item-inner { padding: 28px 38px !important; }
.copmpo-rcmd-area.rslt .pf-container .pf-prd-cardlist .item-inner { background-color: #fff !important; }
.copmpo-rcmd-btn { display: flex; justify-content: center; margin: 60px 0 120px; text-align: center; }
.copmpo-rcmd-btn .btn { display: flex; justify-content: center; align-items: center; min-width: 290px; height: 56px; font-size: 18px; border-color: transparent; color: #fff; }
.copmpo-rcmd-btn .btn::before { content: ""; display: block; margin-right: 10px; width: 30px; height: 30px; background-position: center; background-size: 100%; background-repeat: no-repeat; }
.copmpo-rcmd-btn .btn-rcmd-like { background-color: #54ad74; }
.copmpo-rcmd-btn .btn-rcmd-like::before { background-image: url(/sec/static/_images/rcmd/icon-rcmd-cta-clear.png); }
.copmpo-rcmd-btn .btn-rcmd-cart { background-color: #549fad; }
.copmpo-rcmd-btn .btn-rcmd-cart::before { background-image: url(/sec/static/_images/rcmd/icon-rcmd-cta-cart.png); }
.copmpo-rcmd-btn .btn-rcmd-sns { background-color: #5469ad; }
.copmpo-rcmd-btn .btn-rcmd-sns::before { background-image: url(/sec/static/_images/rcmd/icon-rcmd-cta-share.png); }
.copmpo-rcmd-desc { background-color: #171717; color: #fff; }
.copmpo-rcmd-desc .pf-disclaimer { display: flex; padding: 70px 60px; background-color: transparent; }
.copmpo-rcmd-desc .pf-disclaimer .title { padding-left: 80px; width: 25%; }
.copmpo-rcmd-desc .pf-disclaimer .wrap-disc { padding: 0 80px 0 0; max-width: none; width: 75%; line-height: 24px; font-size: 14px; color: #a3a3a3; }
@media (max-width: 1440px) {
	.copmpo-rcmd-kv { max-width: 100%; }
	.copmpo-rcmd-kv .hddng p,
	.copmpo-rcmd-kv .hddng h1 { width: 79.4444vw; }
	.copmpo-rcmd-kv .hddng p { margin-bottom: 1.0417vw; line-height: 2.2222vw; font-size: 1.6667vw; }
	.copmpo-rcmd-kv .hddng h1 { font-size: 3.6111vw; }
	.copmpo-rcmd-area,
	.copmpo-rcmd-area.rslt { padding: 6.9444vw 0 9.0278vw; }
	.copmpo-rcmd-area.etc { padding-bottom: 2.7778vw; }
	.copmpo-rcmd-area .title { margin-bottom: 4.4444vw; }
	.copmpo-rcmd-area .title h2 { line-height: 3.8889vw; font-size: 2.9167vw; }
	.copmpo-rcmd-area .title span { font-size: inherit; }
	.copmpo-rcmd-area.rslt .title { margin-bottom: 5.1389vw; line-height: 5.9722vw; }
	.copmpo-rcmd-area.rslt .title h2::before { margin-right: 1.1111vw; margin-bottom: -1.6667vw; width: 5.6944vw; height: 5.9722vw; }
	.copmpo-rcmd-area .contnts-box,
	.copmpo-rcmd-area .pf-container,
	.copmpo-rcmd-desc .pf-disclaimer { max-width: 100%; padding: 0 4.1667vw; }
	.copmpo-rcmd-area .catagory .tab { margin-top: 2.0833vw; height: 6.25vw; } /* KDP-29077 수정 : border-radius, border 삭제 */
	.copmpo-rcmd-area .catagory .tab strong { top: 2.2972vw; font-size: 1.5278vw; }
	.copmpo-rcmd-area .catagory .slick-prev{border-radius:1.3889vw 0 0 1.3889vw;}/* KDP-55424 B2C 104 추가 */
	.copmpo-rcmd-area .catagory .slick-next{border-radius:0 1.3889vw 1.3889vw 0}/* KDP-55424 B2C 104 추가 */
	.copmpo-rcmd-area .step { margin-top: -1.7361vw; border-radius: 1.3889vw 1.3889vw 1.3889vw 1.3889vw; } /* KDP-29077 수정 : border-radius 값 수정 */
	.copmpo-rcmd-area .step .ttl h1 { margin-bottom: 1.2500vw; font-size: 1.5278vw; }
	.copmpo-rcmd-area .step .ttl h2 { line-height: 3.4722vw; font-size: 2.7778vw; }
	.copmpo-rcmd-area .cta-clear,
	.copmpo-rcmd-area .chosen-opt,
	.copmpo-rcmd-area .opt-area { padding-right: 7.7778vw; padding-left: 7.7778vw; }
	.copmpo-rcmd-area .cta-clear { padding-top: 2.7778vw; }
	.copmpo-rcmd-area .cta-clear::after { top: 2.2222vw; left: -6.4583vw; width: 9.0278vw; height: 14.5833vw; } /* KDP-29077 수정 : top값 수정 */
	.copmpo-rcmd-area .cta-clear .clear { right: 7.7778vw; bottom: -1.5972vw; padding-left: 2.0833vw; height: 1.5972vw; font-size: 1.2500vw; }
	.copmpo-rcmd-area .cta-clear .clear::before { width: 1.8056vw; height: 1.5972vw; }
	.copmpo-rcmd-area .chosen-opt { padding-bottom: 2.7778vw; }
	.copmpo-rcmd-area .chosen-opt .btn-opt { padding-right: 1.7361vw; font-size: 1.5278vw; }
	.copmpo-rcmd-area .chosen-opt .btn-opt::after { width: 1.1806vw; height: 1.5278vw; }
	.copmpo-rcmd-area .chosen-opt ol { padding-top: 1.2500vw; }
	.copmpo-rcmd-area .chosen-opt li,
	.copmpo-rcmd-area .result-info dd { margin: 0 .6944vw .6944vw 0; padding: 0 1.3889vw; height: 3.0556vw; line-height: 3.0556vw; font-size: 1.2500vw; border-radius: 1.5278vw; }
	.copmpo-rcmd-area .chosen-opt strong,
	.copmpo-rcmd-area .result-info strong { margin-right: 0.5556vw; }
	.copmpo-rcmd-area .opt-area { padding-top: 4.1667vw; padding-bottom: 1.1111vw; }
	.copmpo-rcmd-area .opt-area .cta-dtl { top: 1.3889vw; right: 8.3333vw; width: 1.5278vw; height: 1.5278vw; }
	.copmpo-rcmd-area .opt-area .ttl,
	.copmpo-rcmd-area .opt-area .opt { min-height: 39.2361vw; }
	.copmpo-rcmd-area .opt-area .txt,
	.copmpo-rcmd-area .opt-area .img { left: 4.1667vw; }
	.copmpo-rcmd-area .opt-area .img { top: 11.8056vw; width: 25.6944vw; }
	.copmpo-rcmd-area .opt-area .opt ul { padding-left: .8333vw; }
	.copmpo-rcmd-area .opt-area .opt li { margin-bottom: .8333vw; }
	.copmpo-rcmd-area .opt-area .opt-card { padding: .6944vw .6944vw .6944vw 7.6389vw; min-height: 6.25vw; border-radius: 1.0417vw; box-shadow: .2778vw .2778vw .6944vw rgba(0,0,0,.05); }
	.copmpo-rcmd-area .opt-area .opt-card::before { left: 2.7778vw; width: 2.0833vw; height: 2.0833vw; }
	.copmpo-rcmd-area .opt-area .opt-card h3,
	.copmpo-rcmd-area .opt-area .opt-card .sub { font-size: 1.25vw; }
	.copmpo-rcmd-area .opt-area .opt-card h3 { margin-bottom: .2778vw; }
	.copmpo-rcmd-area .opt-area .opt-card .disc { margin-top: .4167vw; font-size: .9722vw; }
	.copmpo-rcmd-area input[type="radio"]:checked + label .opt-card,
	.copmpo-rcmd-area input[type="checkbox"]:checked + label .opt-card { box-shadow: .2778vw .2778vw .6944vw rgba(0,0,0,.05), inset -.0694vw -.0694vw 0.1389vw rgba(23,24,28,.2); }
	.copmpo-rcmd-area input[type="radio"]:checked + label .chck,
	.copmpo-rcmd-area input[type="checkbox"]:checked + label .chck { top: 1.8056vw; left: 3.0556vw; width: 2.3611vw; height: 1.8056vw; }
	.copmpo-rcmd-area .step .step-cta { padding: 0 7.7778vw 4.1667vw .8333vw; }
	.copmpo-rcmd-area .step .step-cta .btn { font-size: 1.5278vw; }
	.copmpo-rcmd-area .step .step-cta .prev::before,
	.copmpo-rcmd-area .step .step-cta .next::after { width: .6944vw; height: 1.8056vw; }
	.copmpo-rcmd-area .step .step-cta .prev::before { margin-right: .8333vw; }
	.copmpo-rcmd-area .step .step-cta .next::after { margin-left: .8333vw; }
	.copmpo-rcmd-area .result-info { margin-bottom: 2.7778vw; padding-right: 11.8056vw; }
	.copmpo-rcmd-area .result-info .wrap-droplist { right: 2.0833vw; min-width: 9.375vw; }
	.copmpo-rcmd-area .result-info .wrap-droplist .droplist-button { font-size: 1.5278vw; }
	.rcmd-prdt-list > ul > li { margin-bottom: 1.3889vw; }
	.rcmd-prdt-list .prdt-box { padding: 2.9167vw 6.1111vw 2.7778vw; border-radius: 1.3889vw; box-shadow: .2778vw .2778vw .6944vw rgba(0,0,0,.05); }
	.rcmd-prdt-list .prdt-box .bdge { top: 1.8056vw; padding-top: 1.6667vw; width: 5.5556vw; height: 5.5556vw;border-radius: .6944vw 0 0 .6944vw; }
	.rcmd-prdt-list .prdt-box .bdge strong { display: block; padding-top: .3472vw; line-height: 1.4583vw; font-size: 1.3889vw; }
	.rcmd-prdt-list .prdt-box .tag { margin-bottom: .8333vw; }
	.rcmd-prdt-list .prdt-box .tag li { font-size: 1.2500vw; }
	.rcmd-prdt-list .prdt-box .tag li::after { margin: 0 .6944vw; height: .9028vw; }
	.rcmd-prdt-list .prdt-box .btn-rcmd-good { margin-right: 1.7361vw; width: 2.0833vw; height: 2.0833vw; }
	.rcmd-prdt-list .prdt-box .info { margin-bottom: 1.2500vw; padding-bottom: 2.0833vw; }
	.rcmd-prdt-list .prdt-box .img,
	.rcmd-prdt-list .prdt-box .dtl { min-width: 27.7778vw; max-width: 27.7778vw; }
	.rcmd-prdt-list .prdt-box .dtl { padding: 2.0833vw 1.7361vw; }
	.rcmd-prdt-list .prdt-box .dtl h1 { margin-bottom: .8333vw; line-height: 2.7778vw; font-size: 1.9444vw; }
	.rcmd-prdt-list .prdt-box .dtl p { margin-bottom: 2.0833vw; font-size: 1.2500vw; }
	.rcmd-prdt-list .prdt-box .compare .link-compare-i { font-size: 14px; }
	.rcmd-prdt-list .prdt-box .compare .link-compare-i::before { margin-right: 4px; width: 16px; height: 16px; }
	.prdt-box .price-detail { margin-bottom: .8333vw; }
	.prdt-box .price-detail .price { margin-right: 1.8056vw; font-size: 1.5278vw; }
	.prdt-box .price-detail .sale > em { font-size: 2.0833vw; }
	.prdt-box .price-detail .sale > span { margin-right: .4167vw; font-size: 1.5278vw; }
	.prdt-box .price-detail .btn-downtool { margin-bottom: .6944vw; width: 1.3889vw; height: 1.3889vw; }
	.prdt-box .price-detail .box-tip { top: 2.0833vw; right: -.8333vw; padding: 1.1111vw; min-width: 16.6667vw; border-radius: .6944vw; }
	.prdt-box .point-detail { margin-bottom: 2.2222vw; }
	.prdt-box .point-detail .expect,
	.prdt-box .point-detail .point { font-size: 1.5278vw; }
	.prdt-box .point-detail .expect { margin-right: 1.2500vw; }
	.prdt-box .cta .btn-rcmd-prdt { padding: 0 1.8056vw; height: 3.8889vw; font-size: 1.3889vw; border-radius: 1.9444vw; }
	.prdt-box .bot .titl { margin-bottom: .9722vw; font-size: 1.6667vw; }
	.prdt-box .feature ul { padding: 1.9444vw 1.9444vw 1.9444vw 4.4444vw; width: 25vw; min-height: 9.1667vw; border-radius: 1.3889vw; }
	.prdt-box .feature li { margin-bottom: .9722vw; font-size: 1.1111vw; }
	.prdt-box .feature li::before { margin-left: -2.4306vw; width: 1.3889vw; height: 1.1111vw; }
	.prdt-box .epilogue { width: 52.7778vw; }
	.prdt-box .epilogue .titl .num { margin-left: .6944vw; padding-left: 1.6667vw; background-position: left top; background-size: 1.1111vw; }
	.prdt-box .epilogue ul { margin-left: -.8333vw; padding-bottom: 1.3889vw; }
	.prdt-box .epilogue li { padding: 0 .8333vw; min-height: 9.1667vw; }
	.prdt-box .epilogue .item { padding: 1.9444vw 2.0833vw 1.9444vw 10.4167vw; height: 9.1667vw; border-radius: 1.3889vw; }
	.prdt-box .epilogue .item p { line-height: 1.9444vw; font-size: 1.1111vw; }
	.prdt-box .epilogue .item .stars { top: 2.0833vw; left: 1.6667vw; width: 7.2917vw; height: 1.1806vw; }
	.prdt-box .epilogue .item .stars::after { width: 7.2917vw; height: 1.1806vw; }
	.prdt-box .epilogue .prgrs-bar,
	.prdt-box .epilogue .prgrs-bar .inner { border-radius: .3472vw; }
	.prdt-box .epilogue .prgrs-bar { height: .6944vw; }
	.copmpo-rcmd-area.rslt { padding-bottom: 6.9444vw; }
	.copmpo-rcmd-area.etc .contnts-box::before { top: -18.7500vw; left: -5.8333vw; width: 15.1389vw; height: 11.1111vw; }
	.copmpo-rcmd-area.etc .title { margin-bottom: .6944vw; }
	.copmpo-rcmd-area.rslt .pf-container { padding-top: 3.4722vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .item-inner { padding: 1.9444vw 2.6389vw !important; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .btn-downtool { width: 1.3889vw; height: 1.3889vw; background-size: 98%; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-purchase { padding: .8333vw 0 3.3333vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-purchase .message-list li { font-size: .9722vw; }
	.copmpo-rcmd-btn { margin: 4.1667vw 0 8.3333vw; }
	.copmpo-rcmd-btn .btn { min-width: 20.1389vw; height: 3.8889vw; font-size: 1.2500vw; }
	.copmpo-rcmd-btn .btn::before { margin-right: .6944vw; width: 2.0833vw; height: 2.0833vw; }
	.copmpo-rcmd-desc .pf-disclaimer { padding: 4.8611vw 4.1667vw; }
	.copmpo-rcmd-desc .pf-disclaimer .title { padding-left: 5.5556vw; }
	.copmpo-rcmd-desc .pf-disclaimer .wrap-disc { padding: 0 5.5556vw 0 0; line-height: 1.6667vw; font-size: .9722vw; }
}
@media (max-width: 1280px) and (min-width: 801px) {
	.copmpo-rcmd-area .result-info { padding-right: 13.2813vw; }
	.copmpo-rcmd-area .result-info .wrap-droplist { min-width: 10.5469vw; }
}
@media (max-width: 800px) {
	.copmpo-rcmd-kv .hddng { top: 8.3333vw; text-align: center; transform: none; }
	.copmpo-rcmd-kv .hddng p,
	.copmpo-rcmd-kv .hddng h1 { width: auto; }
	.copmpo-rcmd-kv .hddng p { line-height: 6.3889vw; font-size: 4.4444vw; }
	.copmpo-rcmd-kv .hddng h1 { font-size: 8.6111vw; }
	.copmpo-rcmd-area,
	.copmpo-rcmd-area.rslt { padding-top: 7.7778vw; padding-bottom: 11.1111vw; }
	.copmpo-rcmd-area .title { margin-bottom: 8.3333vw; }
	.copmpo-rcmd-area.rslt .title { margin-bottom: 4.1667vw; }
	.copmpo-rcmd-area .contnts-box,
	.copmpo-rcmd-area .pf-container,
	.copmpo-rcmd-desc .pf-disclaimer,
	.copmpo-rcmd-area .title h2 { padding: 0 5.5556vw; }
	.copmpo-rcmd-area .title h2 { line-height: 9.1667vw; font-size: 6.6667vw; }
	.copmpo-rcmd-area.rslt .title h2 { flex-wrap: wrap; }
	.copmpo-rcmd-area.rslt .title h2::before { margin-right: 1.3889vw; margin-bottom: -1.1111vw; width: 6.9444vw; height: 7.2222vw; }
	.copmpo-rcmd-area .catagory .tab { margin-top: 3.0556vw; height: 11.0556vw; } /* KDP-29077 수정 : border-radius, border 삭제 */
	.copmpo-rcmd-area .catagory .tab strong,
	.copmpo-rcmd-area .catagory .actv strong { font-size: 3.3333vw; }
	.copmpo-rcmd-area .catagory .tab strong { top: 3.9889vw; } /* 230413 수정 KDP-28114 : top값 조정 */
	.copmpo-rcmd-area .cta-clear,
	.copmpo-rcmd-area .chosen-opt,
	.copmpo-rcmd-area .opt-area { padding-right: 5.5556vw; padding-left: 5.5556vw; }
	.copmpo-rcmd-area .cta-clear { padding-top: 7.5vw; }
	.copmpo-rcmd-area .cta-clear::after { top: 3.3889vw; left: -6.9444vw; width: 9.7222vw; height: 15.9722vw; } /* KDP-29077 수정 : top값 수정 */
	.copmpo-rcmd-area .chosen-opt { padding-bottom: 5.9444vw; }
	.copmpo-rcmd-area .opt-area { flex-direction: column; padding-top: 6.9444vw; }
	.copmpo-rcmd-area .opt-area .ttl,
	.copmpo-rcmd-area .opt-area .opt { width: 100%; min-height: auto; }
	.copmpo-rcmd-area .opt-area .opt li { margin-bottom: 2.0833vw; }
	.copmpo-rcmd-area .step { margin-top: -6.9444vw; border-radius: 2.7778vw 2.7778vw 2.7778vw 2.7778vw; } /* KDP-29077 수정 : border-radius 값 수정 */
	.copmpo-rcmd-area .step .ttl h1 { margin-bottom: 2.7778vw; font-size: 3.8889vw; }
	.copmpo-rcmd-area .step .ttl h2 { line-height: 8.6111vw; font-size: 5.8333vw; }
	.copmpo-rcmd-area .cta-clear .clear { right: 5.5556vw; bottom: -4.7222vw; padding-left: 4.1667vw; height: 4.4444vw; font-size: 3.3333vw; }
	.copmpo-rcmd-area .cta-clear .clear::before { width: 3.6111vw; height: 4.1667vw; }
	.copmpo-rcmd-area .opt-area .cta-dtl { right: 5.5556vw; width: 5.2778vw; height: 5.2778vw; z-index: 1; }
	.copmpo-rcmd-area .opt-area .txt,
	.copmpo-rcmd-area .opt-area .img { position: static; margin: 0 auto; }
	.copmpo-rcmd-area .opt-area .txt { text-align: center; }
	.copmpo-rcmd-area .opt-area .img { margin-bottom: 4.1667vw; width: 51.25vw; }
	.copmpo-rcmd-area .opt-area .opt ul { margin-bottom: -1.9444vw; padding-left: 0; }
	.copmpo-rcmd-area .chosen-opt ol { margin-top: 1px; padding-top: 5.5556vw; }
	.copmpo-rcmd-area .chosen-opt li,
	.copmpo-rcmd-area .result-info dd { margin-right: 1.9444vw; margin-bottom: 1.9444vw; padding: 0 4.1667vw; height: 9.7222vw; line-height: 9.7222vw; font-size: 3.3333vw; border-radius: 5.9722vw; }
	.copmpo-rcmd-area .chosen-opt strong,
	.copmpo-rcmd-area .result-info strong { margin-right: 2.5vw; font-size: 3.3333vw; }
	.copmpo-rcmd-area .chosen-opt .btn-opt { padding-right: 4.1667vw; font-size: 3.8889vw; }
	.copmpo-rcmd-area .chosen-opt .btn-opt::after { width: 3.0556vw; height: 3.6111vw; }
	.copmpo-rcmd-area .opt-area .opt-card { padding-left: 15.2778vw; min-height: 16.6667vw; border-radius: 2.0833vw; }
	.copmpo-rcmd-area .opt-area .opt-card::before { left: 5.5556vw; width: 5.5556vw; height: 5.5556vw; }
	.copmpo-rcmd-area input[type="radio"]:checked + label .chck,
	.copmpo-rcmd-area input[type="checkbox"]:checked + label .chck { top: 5.5556vw; left: 6.3889vw; width: 5.5556vw; height: 4.4444vw; }
	.copmpo-rcmd-area .opt-area .opt-card h3,
	.copmpo-rcmd-area .opt-area .opt-card .sub { font-size: 3.3333vw; }
	.copmpo-rcmd-area .opt-area .opt-card .disc { margin-top: .8333vw; font-size: 2.7778vw; }
	.copmpo-rcmd-area .opt-area .opt-card .disc::before { margin-right: 1.3889vw; }
	.copmpo-rcmd-area .step .step-cta { float: none; justify-content: space-between; padding: 4.8611vw 13.8889vw 11.6667vw; width: 100%; }
	.copmpo-rcmd-area .step .step-cta .btn { display: flex; justify-content: center; align-items: center; padding: 0; line-height: 8.8889vw; min-width: 26.3889vw; height: 8.8889vw; font-size: 3.3333vw; border-width: 0; }
	.copmpo-rcmd-area .step .step-cta .prev::before,
	.copmpo-rcmd-area .step .step-cta .next::after { width: 1.6667vw; height: 4.4444vw; }
	.copmpo-rcmd-area .result-info { margin-bottom: 4.1667vw; padding-top: 10vw; padding-right: 0; }
	.copmpo-rcmd-area .result-info .wrap-droplist { min-width: 30.5556vw; }
	.copmpo-rcmd-area .result-info .wrap-droplist .droplist-button,
	.copmpo-rcmd-area .result-info .wrap-droplist .droplist li { font-size: 3.3333vw; }
	.copmpo-rcmd-area .result-info .wrap-droplist .droplist-button { min-height: 5.5556vw; }
	.rcmd-prdt-list > ul > li { margin-bottom: 2.7778vw; }
	.rcmd-prdt-list .prdt-box .tag li { font-size: 3.0556vw; }
	.rcmd-prdt-list .prdt-box .tag li::after { margin: 0 1.1111vw 0 1.25vw; height: 2.2222vw; }
	.rcmd-prdt-list .prdt-box .btn-rcmd-good { margin-right: 8.3333vw; width: 4.1667vw; height: 4.1667vw; }
	.rcmd-prdt-list .prdt-box .bdge { top: 2.0833vw; padding-top: 3.8889vw; width: 11.1111vw; height: 12.1111vw; background-position: center 1.1111vw; border-radius: 1.3889vw 0 0 1.3889vw; }
	.rcmd-prdt-list .prdt-box .bdge strong { line-height: 3.1944vw; font-size: 2.7778vw; }
	.rcmd-prdt-list .prdt-box .info { align-items: center; margin-bottom: 4.1667vw; padding-bottom: 4.1667vw; }
	.rcmd-prdt-list .prdt-box .img,
	.rcmd-prdt-list .prdt-box .dtl { max-width: none; min-width: auto; }
	.rcmd-prdt-list .prdt-box .img { width: 38%; }
	.rcmd-prdt-list .prdt-box .dtl { padding: 5.5556vw 2.0833vw; width: 62%; }
	.rcmd-prdt-list .prdt-box .dtl h1,
	.rcmd-prdt-list .prdt-box .dtl p { text-align: left; }
	.rcmd-prdt-list .prdt-box .dtl h1 { margin-bottom: 1.3889vw; line-height: 4.7222vw; font-size: 3.6111vw; }
	.rcmd-prdt-list .prdt-box .dtl p { margin-bottom: 2.5vw; font-size: 2.7778vw; }
	.rcmd-prdt-list .prdt-box .compare { bottom: 3.3333vw; }
	.rcmd-prdt-list .prdt-box .compare .link-compare-i { font-size: 3.1944vw; }
	.rcmd-prdt-list .prdt-box .compare .link-compare-i::before { margin-right: 1.3889vw; width: 3.8889vw; height: 3.8889vw; }
	.prdt-box .price-detail,
	.prdt-box .point-detail { justify-content: flex-start; align-items: baseline; }
	.prdt-box .point-detail { margin-bottom: 3.0556vw; }
	.prdt-box .price-detail .box-tip { padding: 3.3333vw; min-width: 37.5vw; border-radius: 2.5vw; }
	.prdt-box .price-detail .price,
	.prdt-box .price-detail .sale > span { font-size: 3.0556vw; }
	.prdt-box .price-detail .price { margin-right: 1.6667vw; }
	.prdt-box .price-detail .sale > em { font-size: 3.6111vw; }
	.prdt-box .price-detail .btn-downtool { width: 3.3333vw; height: 3.3333vw; }
	.prdt-box .price-detail .box-tip .tit,
	.prdt-box .price-detail .box-tip .price { font-size: 3.3333vw; }
	.prdt-box .point-detail .expect,
	.prdt-box .point-detail .point { font-size: 3.0556vw; }
	.prdt-box .point-detail .expect { margin-right: .6944vw; }
	.prdt-box .cta .btn-rcmd-prdt { margin: 0; width: 100%; height: 7.7778vw; font-size: 3.3333vw; border-radius: 6.6667vw; }
	.rcmd-prdt-list .prdt-box { padding: 5.8333vw 5.5556vw 6.9444vw; border-radius: 2.7778vw; }
	.prdt-box .bot { flex-direction: column; }
	.prdt-box .bot .titl { margin-bottom: 2.2222vw; font-size: 3.8889vw; }
	.prdt-box .feature ul,
	.prdt-box .epilogue { width: 100%; }
	.prdt-box .feature ul { margin-bottom: 4.1667vw; padding: 3.8889vw 3.8889vw 3.8889vw 8.8889vw; min-height: auto; border-radius: 2.7778vw; }
	.prdt-box .feature li { margin-bottom: 2.2222vw; font-size: 3vw; }
	.prdt-box .feature li::before { margin-left: -4.8611vw; width: 2.7778vw; height: 2.2222vw; }
	.prdt-box .epilogue ul { margin-left: -1.1111vw; padding-bottom: 2.7778vw; min-height: auto; }
	.prdt-box .epilogue li { padding: 1.1111vw; }
	.prdt-box .epilogue .titl .num { padding-left: 3.8889vw; background-size: 3.3333vw; }
	.prdt-box .epilogue .item .stars { top: 4.1667vw; left: 4.1667vw; width: 16.6667vw; height: 2.7778vw; }
	.prdt-box .epilogue .item .stars::after { width: 16.6667vw; height: 2.7778vw; }
	.prdt-box .epilogue .item { padding: 8.8889vw 4.1667vw 4.0278vw; height: 22.2222vw; }
	.prdt-box .epilogue .item p { line-height: 5vw; font-size: 3.0556vw; -webkit-line-clamp: 2; }
	.prdt-box .epilogue .prgrs-bar,
	.prdt-box .epilogue .prgrs-bar .inner { border-radius: .6944vw; }
	.prdt-box .epilogue .prgrs-bar { height: 1.3889vw; }
	.copmpo-rcmd-area .pf-container { padding-top: 5.5556vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product { padding: 0; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product .list { margin: -1.3889vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product .list > li { padding: 1.3889vw; width: 50%; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product .list > li ~ li { margin-top: 0; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .item-inner { padding: 4.1667vw 2.7778vw 2.7778vw !important; border-radius: 2.7778vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-flag span { font-size: 2.5vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-flag span ~ span { margin-left: 1.1111vw; padding-left: 1.25vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-flag span ~ span:after { height: 2.5vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-detail .prd-name { display: -webkit-box; line-height: 4.4444vw; font-size: 3.6111vw; text-overflow: ellipsis; word-break: break-all; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-detail .prd-num { padding-top: 1.3889vw; font-size: 2.5vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail { padding-top: 2.2222vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .sale { margin-right: 0; margin-bottom: 1.1111vw; font-size: 3.0556vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic { display: block; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic em { font-size: 3.8889vw; vertical-align: baseline; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-btn .btn { height: 7.7778vw; line-height: 7.7778vw; font-size: 3.3333vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .point-detail .expect,
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .point-detail .point { font-size: 2.7778vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .btn-downtool { margin-top: 0; width: 3.0556vw; height: 3.0556vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic .unit { margin-bottom: .3333vw; margin-left: .1111vw; font-size: 3.8889vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic .box-tip { padding: 3.3333vw; min-width: 37.5vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic .box-tip ul li span,
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic .box-tip ul li del { font-size: 3.0556vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-purchase { padding: 2.7778vw 0 8.75vw 0; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-purchase .message-list li { font-size: 2.5vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-purchase .compare { padding-top: 1.6667vw; }
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-purchase .compare .link-review { font-size: 3.3333vw; }
	
	.copmpo-rcmd-area .ico-large.ico-goods { width: 4.1667vw; height: 4.1667vw; }
	.copmpo-rcmd-area.etc .contnts-box::before { top: -34.3333vw; left: 9.7222vw; width: 20.1389vw; height: 14.5833vw; }
	.copmpo-rcmd-btn { flex-direction: column; align-items: center; margin-top: 9.5556vw; }
	.copmpo-rcmd-btn .btn { margin-bottom: 1.3889vw; padding-right: 5.5556vw; padding-left: 5.5556vw; min-width: 55.5556vw; height: 8.8889vw; line-height: inherit; font-size: 3.3333vw; border-radius: 4.7222vw; }
	.copmpo-rcmd-btn .btn::before { margin-right: 1.1111vw; width: 3.8889vw; height: 3.8889vw; }
	.copmpo-rcmd-desc .pf-disclaimer { flex-direction: column; padding-top: 13.3333vw; padding-bottom: 13.3333vw; }
	.copmpo-rcmd-desc .pf-disclaimer .title { margin-bottom: 3.3333vw; padding-left: 0; width: 100%; font-size: 3.3333vw; }
	.copmpo-rcmd-desc .pf-disclaimer .wrap-disc { margin: 0; padding-right: 0; width: 100%; line-height: 5.5556vw; font-size: 3.3333vw; }
}

/* FNET RECOMMEND */
.rcmd-prdt-list.fnet-rcmd .prdt-box .img { display: flex; align-items: center; }
.rcmd-prdt-list.fnet-rcmd .prdt-box .info { margin-bottom: 0; border-bottom: none; }
.prdt-box .fnet-dtl { margin: 0 15px 18px; padding-bottom: 15px; border-bottom: solid 1px #e5e5e5; }
.prdt-box .fnet-dtl > dt,
.prdt-box .fnet-dtl > dd { font-size: 20px; }
.prdt-box .fnet-dtl > dt:not(.spcl),
.prdt-box .fnet-dtl > dd:not(.spcl) { color: #999; }
.prdt-box .fnet-dtl > dt { float: left; }
.prdt-box .fnet-dtl > dd { margin-bottom: 8px; margin-left: 120px; text-align: right; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean', '돋움', sans-serif; }
.fnet-rcmd .prdt-box .price-detail { justify-content: space-between; margin: 0 15px 15px; }
.fnet-rcmd .prdt-box .price-detail .ttl { font-size: 24px; font-weight: 700; }
.fnet-rcmd .prdt-box .price-detail .sale { display: flex; align-items: center; }
.fnet-rcmd .prdt-box .price-detail .sale > span { margin-right: 0; margin-left: 4px; }
.fnet-rcmd .prdt-box .point-detail .expect,
.fnet-rcmd .prdt-box .point-detail .point { font-size: 20px; }
@media (max-width: 1440px) {
	.prdt-box .fnet-dtl { margin: 0 1.0417vw 1.2500vw; padding-bottom: 1.0417vw; }
	.prdt-box .fnet-dtl > dt,
	.prdt-box .fnet-dtl > dd { font-size: 1.3889vw; }
	.prdt-box .fnet-dtl > dd { margin-bottom: 0.5556vw; margin-left: 8.3333vw; }
	.fnet-rcmd .prdt-box .price-detail { margin: 0 1.0417vw 1.0417vw; }
	.fnet-rcmd .prdt-box .price-detail .ttl { font-size: 1.6667vw; }
	.fnet-rcmd .prdt-box .price-detail .sale > span { margin-left: 0.2778vw; }
	.fnet-rcmd .prdt-box .point-detail .expect,
	.fnet-rcmd .prdt-box .point-detail .point { font-size: 1.3889vw; }
}
@media screen and (max-width: 800px) {
	.copmpo-rcmd-area .pf-container .pf-prd-cardlist .list-product li.item .card-price .price-detail .pic .unit {margin-top: -1.2500vw; margin-bottom: 0.6500vw;}
	.copmpo-rcmd-area .rcmd-prdt-list.fnet-rcmd .prdt-box .info .dtl .point-detail {margin-left: 1.0417vw;}
}

/* KDP-29077 수정 : 추천하기 탭 영역 변경 */
.copmpo-rcmd-area .catagory {margin-bottom:45px; padding:0 70px 0; border-radius:20px; box-shadow:4px 4px 5px rgba(0,0,0,.05);}/* KDP-55424 B2C 104 수정 */
.copmpo-rcmd-area .catagory .tab {margin-top:0;}
.copmpo-rcmd-area .catagory .slick-slide{padding:1px;background-color:#dae7e1;}/* KDP-55424 B2C 104 추가 */
.copmpo-rcmd-area .catagory .actv strong {display:inline-block; position:static; width:80%; height:80%; border-radius:40px 40px 40px 40px; background-color:white; box-shadow:4px 4px 5px rgba(0,0,0,.05); font-weight:bold; text-align:center; line-height:56px; vertical-align:middle; transform:unset;}
.copmpo-rcmd-area .catagory .slick-arrow {position:absolute;}
.copmpo-rcmd-area .catagory .slick-prev {left:-70px; width:70px; height:100%; background-color:#dae7e1; font-size:0; border-radius:20px 0 0 20px;}/* KDP-55424 B2C 104 수정 */
.copmpo-rcmd-area .catagory .slick-prev::before {content:""; display:inline-block; width:25px; height:26px; background:url(/sec/static/_images/common/icon-slick-next-26x26.svg) center /100% no-repeat; vertical-align:sub; transform:rotate(180deg);}
.copmpo-rcmd-area .catagory .slick-next {top:0; right:-70px; width:70px; height:100%; border-top-right-radius:20px; border-bottom-right-radius:20px; background-color:#dae7e1; font-size:0;}
.copmpo-rcmd-area .catagory .slick-next::after {content:""; display:inline-block; width:25px; height:26px; background:url(/sec/static/_images/common/icon-slick-next-26x26.svg) center /100% no-repeat; vertical-align:sub;}
@media screen and (max-width:1440px) {
	.copmpo-rcmd-area .catagory {margin-bottom:3.5833vw;}/* KDP-55424 B2C 104 수정 */
	.copmpo-rcmd-area .catagory .actv strong {line-height:4.5833vw;}
	.copmpo-rcmd-area .catagory .slick-prev {left:-5.8611vw; width:5.8611vw;}
	.copmpo-rcmd-area .catagory .slick-next {right:-5.8611vw; width:5.8611vw;}
	.copmpo-rcmd-area .catagory .slick-prev::before, .copmpo-rcmd-area .catagory .slick-next::after {width:1.7361vw; height:1.7361vw;}
}
@media screen and (max-width:1220px) {
	.copmpo-rcmd-area .catagory{padding:0 6.8611vw}/* KDP-55424 B2C 104 추가 */
	.copmpo-rcmd-area .catagory .slick-prev {left:-6.8611vw; width:6.8611vw;}
	.copmpo-rcmd-area .catagory .slick-next {right:-6.8611vw; width:6.8611vw;}
}
@media screen and (max-width:1110px) {
	.copmpo-rcmd-area .catagory{padding:0 7.8611vw}/* KDP-55424 B2C 104 추가 */
	.copmpo-rcmd-area .catagory .slick-prev {left:-7.8611vw; width:7.8611vw;}
	.copmpo-rcmd-area .catagory .slick-next {right:-7.8611vw; width:7.8611vw;}
}
@media screen and (max-width:970px) {
	.copmpo-rcmd-area .catagory{padding:0 9.8611vw}/* KDP-55424 B2C 104 추가 */
	.copmpo-rcmd-area .catagory .slick-prev {left:-9.8611vw; width:9.8611vw;}
	.copmpo-rcmd-area .catagory .slick-next {right:-9.8611vw; width:9.8611vw;}
}
@media screen and (max-width:800px) {
	.copmpo-rcmd-area .catagory {margin-bottom:9.75vw; padding:0 9.3750vw 0; border-radius:2.7778vw 2.7778vw 2.7778vw 2.7778vw;}
	.copmpo-rcmd-area .catagory ul li:last-child .tab strong {top:2.5889vw;}
	.copmpo-rcmd-area .catagory .actv strong {line-height:8.6833vw;}
	.copmpo-rcmd-area .catagory .slick-prev {left:-9.7500vw; width:9.7500vw; border-radius: 2.7778vw 0 0 2.7778vw;}/* KDP-55424 B2C 104 수정 */
	.copmpo-rcmd-area .catagory .slick-next {right:-9.7500vw; width:9.7500vw; border-radius: 0 2.7778vw 2.7778vw 0;}/* KDP-55424 B2C 104 수정 */
	.copmpo-rcmd-area .catagory .slick-prev::before, .copmpo-rcmd-area .catagory .slick-next::after {width:3.7361vw; height:3.7361vw;}
}
@media screen and (max-width:550px) {
	.copmpo-rcmd-area .catagory{padding:0 11.75vw;}/* KDP-55424 B2C 104 추가 */
	.copmpo-rcmd-area .catagory .slick-prev {left:-11.75vw; width:11.75vw;}/* KDP-55424 B2C 104 수정 */
	.copmpo-rcmd-area .catagory .slick-next {right:-11.75vw; width:11.75vw;}/* KDP-55424 B2C 104 수정 */
}

/* KDP-39909 [공통] 랭킹 컴포넌트 신규 제작 */
.best-rank.wrap-component {overflow:hidden;}
.best-rank.wrap-component .component-contents {overflow:initial;}
.conbox-b2c-main .best-rank.wrap-component {margin:0 -14px;}
.best-rank ._prev { display: none; position: absolute; top:50%; left: 10px; width: 32px; height: 32px; padding: 5px; z-index: 1; transform:translateY(-50%) rotate(180deg); }
.best-rank ._next { display: none; position: absolute; top:50%; right: 10px; width: 32px; height: 32px; padding: 5px; z-index: 1; transform:translateY(-50%);}
.best-rank .slick-disabled { opacity: 0.2; }
.best-rank ._prev ._img { width: 100%; height: 100%; background: url(https://images.samsung.com/kdp/_pub/fnet/new/slick_ctrl_arrow.svg) no-repeat center; background-size: 100%; }
.best-rank ._next ._img { width: 100%; height: 100%; background: url(https://images.samsung.com/kdp/_pub/fnet/new/slick_ctrl_arrow.svg) no-repeat center; background-size: 100%; }
.best-rank .component-text .box-title {position:relative;text-align: center; }
.best-rank .component-text .box-title .title  {margin-bottom: 19px;}
.best-rank .component-text .box-title .sub {padding:0 10px;color:#707070;font-size:18px;line-height:24px;}
.best-rank .rank-section { position: relative; margin: 0 auto; padding: 100px 0 0; width: 100%; }
.best-rank .rank-section .indct_wrap {/*position:sticky;*/position:relative;top: 0;margin:0;background:#fff;z-index:0; }
.best-rank .rank-section .slide-best-nav {margin:0; padding:0 60px;text-align:center;}
.best-rank .rank-section .slide-best-nav .item { display: inline-block;text-align: center;}
.best-rank .rank-section .slide-best-nav .item ._img { position: relative; }
.best-rank .rank-section .slide-best-nav .item ._img img { width: 74px; height: 74px; }
.best-rank .rank-section .slide-best-nav .slick-select .item ._img { border-radius: 50%; box-shadow: 0 4px 6px rgba(0,0,0,.07); } /* KDP-70457 :클래스명 변경 */
.best-rank .rank-section .slide-best-nav .slick-select .item ._img:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #2189FF; border-radius: 50%; }/* KDP-70457 :클래스명 변경 */
.best-rank .rank-section .slide-best-nav .slick-select .item p { color: #2189FF; }/* KDP-70457 :클래스명 변경 */
.best-rank .rank-section .slide-best-nav .item button { margin:2px 0;padding:0; /*outline: none !important;*/ } /* KDP-70457 :수정 */
.best-rank .rank-section .slide-best-nav .item p.component-category-name { margin-top: 20px; font-size: 12px; font-weight: 700; }
.best-rank .rank-section .standard-data-box {position:absolute;left:50%;transform:translateX(-50%);}
.best-rank .rank-section .standard-data-box .standard-data {position:relative;}
.best-rank .rank-section .standard-data-box .standard-data {display:inline-block;}
.best-rank .rank-section .standard-data-box .standard-data span {display:inline-block;line-height:24px;color:#000;font-size:18px;}
.best-rank .rank-section .standard-data-box .point-text {color:#707070;font-size:14px;line-height:20px;}
.best-rank .rank-section .standard-data-box .btn-tooltip {height:20px;vertical-align:middle;background:url('/sec/static/_images/common/icon-tooltip-2.svg') no-repeat center;}
.best-rank .rank-section .standard-data-box .tooltip-layer {width:360px;left:auto !important; right:50% !important;top:25px !important;transform:translateX(50%) !important;}
.best-rank .rank-section .standard-data-box .tooltip-layer .tooltip-content {text-align:left;}
.best-rank .rank-section .standard-data-box .tooltip-layer .btn-tooltip-close {top:15px;}
.best-rank .rank-section .slide-best-cont {margin:0 -15px;min-height:582px;}
.best-rank .rank-section .slide-best-cont .slick-list {overflow:initial;}
.best-rank .rank-section .slide-best-cont .slick-list .slick-track {display:flex;flex-wrap:wrap;}
.best-rank .rank-section .slide-best-cont ul.best-item { display: flex !important;flex-wrap:wrap;padding:0 0 100px;position:relative;}
.best-rank .rank-section .slide-best-cont ul.best-item > li {position:relative;width:25%;padding:100px 15px 0;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item { display: flex; flex-direction: column; position:relative;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .item-img {position:relative;border-radius:10px;background: #f3f3f3;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .item-img.soldout:after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 136px;height: 136px;background: url('/sec/static/_images/component/product-card-soldout.png') no-repeat 0 0;background-size: 100% auto;content: '';}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._img {padding:20px;position: relative; display: flex; justify-content: center; align-items: center; height: 200px; background: #f3f3f3;border-radius:10px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._img > img { max-height: 100%; }
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl {display:flex;flex-direction:column;padding:10px 10px 0;/*height:284px;*/}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price {padding:14px 0 12px;height:66px;display:flex;justify-content:center;align-items:center;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price .rank {margin-right:-20px;position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;font-size:20px;font-weight:bold;font-family:'Samsung Sharp Sans';background-color:#2189FF;border-radius:50%;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price ._price {position:relative;display:flex;align-items:center;justify-content:center;height:32px;padding:0 10px 0 25px;color:#000;font-size:18px;background-color:#fff;border:2px solid #2189FF;border-radius:0 5px 5px 0;z-index:-1;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price ._price span {padding:0 5px;font-size:inherit;font-weight:bold;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price ._price .num {font-size:inherit;font-family:'Samsung Sharp Sans';}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price .rank:before {display:none;}
.best-rank .rank-section .slide-best-cont ul.best-item > li:nth-child(-n+3) ._item ._sale-price ._price {color:#fff;background-color:#2189FF;}
.best-rank .rank-section .slide-best-cont ul.best-item > li:nth-child(-n+3) ._item ._sale-price .rank {color:#000;background-color:#FFCC23;}
.best-rank .rank-section .slide-best-cont ul.best-item > li:nth-child(-n+3) ._item ._sale-price .rank:before {position:absolute;top:-14px;display:flex;align-items:center;justify-content:center;width:17px;height:12px;background:url('/sec/static/_images/common/bg-top-bdg.png') no-repeat center;content:"";}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .wrap-price-point {height:80px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt {margin-bottom:28px;width:100%;height:74px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt h2 { margin-bottom: 10px; height: 50px; line-height: 26px; font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt p { font-size: 14px; color: #666; }
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price {position:relative;margin-bottom:8px;width:100%;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dl {display:flex;justify-content:space-between;align-items:center;width:100%;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dt {color:#666;font-size:16px;font-weight:700;line-height:22px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd {color:#2189FF;font-size:14px;font-weight:700;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd ._price {font-size:14px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd ._price .num {display:inline-block;line-height:22px;font-size:19px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point {display: flex; justify-content: space-between; align-items: center;width: 100%;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .btn-underline {margin:0 auto;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .title {font-size:16px;color:#707070;line-height:22px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .point {font-size:17px;font-weight:700;color:#707070;line-height:22px;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .note-detail {margin-top:10px;font-size:14px;text-align:center;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl ._cta {margin-top:auto;align-self:flex-end;width:100%;text-align:center;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl ._cta a {display:block;margin: 12px 0 2px;height:40px;line-height:38px;font-size:16px;font-weight:700;text-align:center;border-radius:20px;border:1px solid #000;}
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl ._cta .cta_buy {width:100%;color:#fff;background:#000;} 
.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl ._cta .wht-st {color:#000;background:#fff;}
.best-rank .more-area {position:absolute;left:50%;transform:translateX(-50%);bottom:30px;}
.best-rank .more-area .btn-more {display:flex;justify-content:center;align-items:center;gap:5px;height:40px; padding:0 30px;font-size:14px;font-weight:700;color:#212425;border:1px solid #000;border-radius:20px;}
.best-rank .more-area .btn-more span { position: relative; display: inline-block; }
.best-rank .more-area .btn-more .more-data em {position:relative;display:inline-block;padding:0 3px;color:#000;}
.best-rank .more-area .btn-more .more-data em + em:before {position:absolute;left:-3px;content:"/";}
.best-rank .rank-section.best-type2 .slide-best-nav .item  {padding:0 5px;}
.best-rank .rank-section.best-type2 .slide-best-nav .item:only-child {width:160px;}
.best-rank .rank-section.best-type2 .slide-best-nav .item button {padding:0;width:100%;height:46px;border-radius:30px;border:2px solid #B2B2B2;}
.best-rank .rank-section.best-type2 .slide-best-nav .item.slick-select button,
.best-rank .rank-section.best-type2 .slide-best-nav .slick-select .item button {background-color:#000;border-color:#000;} /* KDP-70457 :클래스명 변경 */
.best-rank .rank-section.best-type2 .slide-best-nav .item p.component-category-name {margin-top:0;font-size:18px;font-weight:400;}
.best-rank .rank-section.best-type2 .slide-best-nav .item.slick-select p.component-category-name,
.best-rank .rank-section.best-type2 .slide-best-nav .slick-select .item p.component-category-name {color:#fff;font-weight:700;} /* KDP-70457 :클래스명 변경 */
.best-rank .rank-section .slide-best-cont.rank-type ul.best-item li ._item ._sale-price {position:absolute;left:15px;top:13px;display:inline-block;width:40px;height:40px;padding:0;}
.best-rank .rank-section .slide-best-cont.rank-type ul.best-item li:nth-child(-n+3) ._item ._sale-price {top:6px;height:54px;padding:14px 0 0;}
.best-rank .rank-section .slide-best-cont.rank-type ul.best-item li ._item ._sale-price ._price {display:none;}
.best-rank .rank-section .slide-best-cont.rank-type ul.best-item li ._item ._sale-price .rank {width:100%;height:100%;}
.best-rank .rank-section .slide-best-cont .compare  {text-align:right;}
.best-rank .rank-section .slide-best-cont .compare .link-review {display:inline-flex;align-items:center;justify-content:flex-end;position:relative;padding-left:22px;color:#000;font-size:14px;line-height: 19px;}
.best-rank .rank-section .slide-best-cont .compare .link-review:before {position:absolute;left:0;width:16px;height:16px;background:url('/sec/static/_images/common/icon-star.svg') no-repeat center;background-size: 100% auto;content:'';}
/* KDP-41707 [B2C] 랭킹 컴포넌트 '오늘의 랭킹' 추가 */
.rank-tab {display:none;position:absolute;left:50%;transform:translateX(-50%);width:100%;text-align:center;}
.rank-tab-list { display:inline-flex;justify-content:center;align-items:center;padding:5px;background:#EBEBEB;border-radius:8px;}
.rank-tab-list > li button { padding:8px 24px;font-size:16px;font-weight:bold;color:#AAAAAA;border-radius:8px; }
.rank-tab-list > li button.active { color:#000;background:#fff; }
.rank-tab-list > li button span { padding-left:32px;line-height:24px;background-size:24px !important; }
.rank-tab-list > li button.rank-td span { background:url('/sec/static/_images/common/icon-rank01-off.png') left center no-repeat; }
.rank-tab-list > li button.rank-ac span { background:url('/sec/static/_images/common/icon-rank02-off.png') left center no-repeat; }
.rank-tab-list > li button.rank-td.active span { background:url('/sec/static/_images/common/icon-rank01.png') left center no-repeat; }
.rank-tab-list > li button.rank-ac.active span { background:url('/sec/static/_images/common/icon-rank02.png') left center no-repeat; }
.best-rank .rank-section .rank-tab {top:90px;}
.best-rank .rank-section .standard-data-box {top:-180px;}
.best-rank .rank-section.tab-type {padding: 200px 0 0;}
.best-rank .rank-section.tab-type .standard-data-box {top:-280px}
.best-rank .rank-section.best-type2 .standard-data-box {top:-110px}
.best-rank .rank-section.best-type2.tab-type .standard-data-box {top:-220px;}
.best-rank .rank-section.tab-type.categoryHide .standard-data-box {top:-105px;}
.best-rank .rank-section.categoryHide {padding:30px 0 0;}
.best-rank .rank-section.categoryHide .indct_wrap {display:none;}
.best-rank .rank-section.tab-type.categoryHide {padding:130px 0 0;}
.best-rank .rank-section.categoryHide .standard-data-box {top:-5px;}
.best-rank .rank-section.categoryHide .rank-tab {top:80px;}
.best-rank .rank-section.tab-type .rank-tab {display:block;}

@media screen and (min-width: 1521px) {
	.best-rank .rank-section .slide-best-cont ul.best-item > li:nth-child(-n+4) {padding-top:70px;}
}
@media screen and (max-width: 1520px) {
    .best-rank .rank-section .slide-best-nav { margin: 0 20px; }
    .best-rank .rank-section .slide-best-nav .item ._img img { width: 68px; height: 68px; }
	.best-rank .rank-section .slide-best-nav .slick-select .item ._img:after {width:64px;height:64px;border-width:2px;}/* KDP-70457 :클래스명 변경 */
	.best-rank .rank-section .slide-best-cont ul.best-item > li {padding:50px 15px 0;}
}
@media screen and (max-width: 1280px) {
	.best-rank ._prev, .best-rank ._next { display: block; }
	.best-rank .title h1 { font-size: 36px; }
    .best-rank .rank-section .slide-best-nav { padding: 0 25px; }
	.best-rank .rank-section .slide-best-cont {margin:0 15px;}
	.best-rank .rank-section .slide-best-cont ul.best-item li > ._item .wrap-price-point {height:96px;}
	.best-rank .rank-section .slide-best-cont ul.best-item li > ._item ._sale-price ._price {font-size:16px;}
}
@media screen and (max-width: 1024px) {
    .best-rank .title h1 { margin-bottom: 10px;}
    .best-rank .rank-section .slide-best-nav .item ._img img { width: 62px; height: 62px; }
	.best-rank .rank-section .slide-best-nav .slick-select .item ._img:after {width:58px;height:58px;border-width:2px;}/* KDP-70457 :클래스명 변경 */
	.best-rank ._prev, .best-rank ._next {width: 30px; height: 30px; }
    .best-rank > div:not(.best-type2) .slide-best-nav .item button { width: 62px; }
    .best-rank .rank-section .slide-best-nav .item p.component-category-name { margin-top: 10px; white-space: nowrap; letter-spacing: -0.5px; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li {width:33.33333%;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li .wrap-price-point {height:96px;}
	.best-rank .rank-section.best-type2 .slide-best-cont .slide-best-nav .item button {height:40px;}
	.best-rank .rank-section.best-type2 .slide-best-cont .slide-best-nav .item p.component-category-name {font-size:16px;}
	.best-rank .rank-section {padding:100px 0 0;}
	.best-rank .rank-section .standard-data-box {top:-150px;}
	.best-rank .rank-section .rank-tab {top:65px;}
	.best-rank .rank-section.tab-type {padding: 150px 0 0;}
	.best-rank .rank-section.tab-type .standard-data-box {top:-215px}
	.best-rank .rank-section.best-type2.tab-type .standard-data-box {top:-180px;}
	.best-rank .rank-section.tab-type.categoryHide .standard-data-box {top:-100px;}
	.best-rank .rank-section.categoryHide {padding:20px 0 0;}
	.best-rank .rank-section.categoryHide .indct_wrap {display:none;}
	.best-rank .rank-section.tab-type.categoryHide {padding:120px 0 0;}
	.best-rank .rank-section.categoryHide .standard-data-box {top:0;}
	.best-rank .rank-section.categoryHide .rank-tab {top:70px;}
}
@media screen and (max-width: 800px) {
	.conbox-b2c-main .best-rank.wrap-component {margin:0 -3.3333vw;}
	.best-rank ._prev ._img { background-size: 18px; }
    .best-rank ._next ._img { background-size: 18px; }
	.best-rank .rank-section .slide-best-nav .item ._img img { width: 60px; height: 60px; }
	.best-rank .rank-section .slide-best-nav .slick-select .item ._img:after {width:56px;height:56px;border-width:2px;}/* KDP-70457 :클래스명 변경 */
    .best-rank > div:not(.best-type2) .slide-best-nav .item button { width: 60px; }
	.best-rank .rank-section .slide-best-cont {min-height:578px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li { padding: 50px 5px 0; width: 50%; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl {padding:5px 10px 0;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl ._cta .cta_buy { height: 32px; line-height: 32px; font-size: 14px; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .wrap-price-point {height:82px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt .txt_tag { height: 14px; font-size: 12px; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt {height:64px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt h2 { margin-bottom: 5px; height: 46px; line-height: 22px; font-size: 16px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt p { font-size: 13px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dt { font-size: 14px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd { font-size: 14px; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .title { font-size: 14px; }
	.best-rank .rank-section .slide-best-cont {min-height:242px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price .rank {margin-right:-15px;font-size:15px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li:nth-child(-n+3) ._item ._sale-price .rank:before {top:-10px;width:12px;height:8px;background-size:12px 8px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt {height:64px;margin-bottom:15px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .item-img.soldout:after {width:100px;height:100px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price {padding:10px 0 5px;height:45px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price ._price {padding:2px 10px 2px 20px;justify-content:flex-start;min-height:23px;height:auto;font-size:12px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price {margin-bottom:0;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price dl {gap:4px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price dl dt {line-height:16px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price dl dd {line-height:18px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price .rank {width:30px;height:30px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .btn-underline {margin-top:3px;line-height:1.286;font-size:12px;}
	.best-rank .rank-section .standard-data-box {width:100%;text-align:center;}
	.best-rank .rank-section .standard-data-box .tooltip-layer {left:12px !important;right:12px !important;transform:translateX(0) !important;width:auto;}
	.best-rank .rank-section .standard-data-box .standard-data span {font-size:14px;}
	.best-rank .rank-section.best-type2 .slide-best-nav .item {padding:0 3px;}
	.best-rank .rank-section.best-type2 .slide-best-nav .item button {height:38px;padding:0;border-width:1px;}
	.best-rank .rank-section.best-type2 .slide-best-nav .item p.component-category-name {font-size:14px;}
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item li ._item ._sale-price {width:30px;height:30px;}
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item li:nth-child(-n+3) ._item ._sale-price {padding:10px 0 0;height:40px;}
	.best-rank .rank-section .slide-best-cont ul.best-item li ._item .note-detail {font-size:12px;line-height:14px;}
	.best-rank .rank-section {padding:70px 0 0;}
	.best-rank .rank-section.tab-type {padding:130px 0 0;}
	.best-rank .rank-section.best-type2 {padding:70px 0 0;}
	.best-rank .rank-section.best-type2.tab-type {padding:130px 0 0;}
	.best-rank .rank-section .rank-tab {top:50px;}
	.best-rank .rank-section.categoryHide .rank-tab {top:55px;}
	.best-rank .rank-section.tab-type.categoryHide .rank-tab {top:70px;}
	.best-rank .rank-section .standard-data-box {top:-130px;}
	.best-rank .rank-section.tab-type .standard-data-box {top:-205px;}
	.best-rank .rank-section.best-type2 .standard-data-box {top:-85px;}
	.best-rank .rank-section.best-type2.tab-type .standard-data-box {top:-155px;}
	.best-rank .rank-section.categoryHide .standard-data-box {top:0;}
	.best-rank .rank-section.tab-type.categoryHide .standard-data-box {top:-100px;}
}
@media screen and (max-width: 480px) {
    .best-rank .title h1 { font-size: 24px; }
	.best-rank ._prev, .best-rank ._next {width: 28px; height: 28px; }
    .best-rank ._prev { left: 5px; }
    .best-rank ._next {right: 5px; }
    .best-rank ._prev ._img { background-size: 14px; }
    .best-rank ._next ._img { background-size: 14px; }
    .best-rank .rank-section .slide-best-nav { padding: 0 10px; }
    .best-rank .rank-section .slide-best-nav .item ._img img { width: 54px; height: 54px; }
	.best-rank .rank-section .slide-best-nav .slick-select .item ._img:after {width:50px;height:50px;border-width:2px;}/* KDP-70457 :클래스명 변경 */
    .best-rank > div:not(.best-type2) .slide-best-nav .item button { width: 54px; }
    .best-rank .rank-section .slide-best-nav .item p.component-category-name { white-space: normal; letter-spacing: 0; }
    .best-rank .rank-section .slide-best-cont ul.best-item { display: block !important; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li:nth-child(3) { display: block; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li { width: 100%; padding: 30px 0 0; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item { flex-direction: row;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .item-img {height:auto;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._img { width: 130px; min-width: 35%;height:100%;padding:10px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._img > img { width: 90%; height: auto; object-fit: cover; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._dtl { margin-top:-10px;padding:0 0 0 10px;/*height:202px;*/flex: 1;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._cta .cta_buy { margin-top: 10px; font-size: 12px; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price ._price {width:100%;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item  .note-detail {font-size:11px;line-height:14px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .wrap-price-point {height:78px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt {height:55px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt .txt_tag { margin: 0; height: 14px; font-size: 12px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt h2 { font-size: 14px; line-height: 20px; height: 40px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt p { font-size: 10px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dt { font-size: 12px;line-height:18px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd { font-size: 12px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd .num {line-height:18px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .title { font-size:12px;line-height:18px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .point { font-size:12px;line-height:18px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd ._price .num {font-size:15px;}
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-txt .txt_tag span + span:before { height: 100%;top:0; }
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item > li ._item ._dtl {margin-bottom:23px;margin-top:0;padding-top:0}
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item > li ._item ._sale-price {top:10px;left:8px;}
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item > li:nth-child(-n+3) ._item ._sale-price {top:5px;}
	.best-rank .rank-section .more-area .btn-more { font-size: 12px; }
}
@media screen and (max-width: 360px) {
	.best-rank ._prev { left: 0; }
    .best-rank ._next { right: 0; }
    .best-rank .rank-section .slide-best-nav { padding: 0 4px; }
    .best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._img {padding:0;width:100px; }
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .item-img.soldout:after {width:70px;height:70px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dt {font-size:11px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd ._price {font-size:12px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-price dd ._price .num {font-size:inherit;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .title {font-size:11px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .component-point .btn-underline {font-size:12px;}
	.best-rank .rank-section .slide-best-cont .wrap-price-point  {height: 74px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price .rank {font-size:14px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .note-detail {font-size:11px;line-height:12px;}
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item > li ._item ._sale-price {width:26px;height:26px;}
	.best-rank .rank-section .slide-best-cont.rank-type ul.best-item > li:nth-child(-n+3) ._item ._sale-price {width:26px;height:36px;}
	.best-rank .rank-section .rank-tab {top:55px;}
	.best-rank .rank-section .standard-data-box {top:-135px;}
	.best-rank .rank-section.categoryHide {padding:40px 0 0;}
	.best-rank .rank-section.categoryHide .rank-tab {top:55px;}
	.best-rank .rank-section.categoryHide .standard-data-box {top:-20px;}
	.rank-tab-list > li button { padding:8px 16px; }	
}
@media screen and (max-width: 280px) {
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._img {width:80px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item ._sale-price {height:47px;}
	.best-rank .rank-section .slide-best-cont ul.best-item > li ._item .wrap-price-point {height:74px;}
}
.best-rank .rank-section .slide-best-cont {height:auto;}

/* s : KDP-40615 [FO][퍼블][B2C] BDC 홈메인/마이페이지 2차 수정 요건 (231030 정지우 수정) */
.hitm-area { margin-top:10px;padding:15px 0 12px 0;background:#f7f7f7; }
.hitm-area .content { padding:0 10px; }
.hitm-area.white-hitm-area { background:#fff; }
.hitm-area.white-hitm-area .hitm-list .slick-track > li { background:#f7f7f7; }
/* data-slick="pdrltn" slick 한개일때 왼쪽정렬 될수 있도록 추가 */
.hitm-area.white-hitm-area[data-slick="pdrltn"] .slick-track {margin:unset;}
.hitm-area .hitm-tit { line-height:normal;font-size:24px;font-weight:bold;text-align:center; }
.hitm-area .component-text .box-title .sub{margin-top:8px;font-size:18px;text-align:center;}/* KDP-59550 240731 추가 */
.hitm-area .hitm-list { margin-top:12px; }/* KDP-59550 240819 원복 */
.hitm-area .hitm-list .slick-track { padding-bottom:28px; }
.hitm-area .hitm-list .slick-track > li { margin-top:11px; }
.hitm-area .hitm-list li { position:relative;margin-right:12px;padding:20px 10px 15px 10px;background:#fff;border-radius:20px; }
.hitm-area .hitm-list li .rank-label { position:absolute;left:22px;top:-10px;z-index:1;width:33px;height:32px;line-height:10px;padding-top:4px;text-align:center;font-size:10px;color:#fff; }
.hitm-area .hitm-list li .rank-label:before { content:"";position:absolute;left:0;top:0;z-index:-1;width:43px;height:32px;background:url('/sec/static/_images/common/hitm-tag.png') center center no-repeat;background-size:cover !important; }
.hitm-area .hitm-list li .rank-label span { position:relative;display:block;padding-bottom:1px;line-height:16px;font-size:16px;font-weight:bold; }
.hitm-area .hitm-list li .rvpd-box { display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding-bottom:15px;border-bottom:1px solid #D9D9D9; }
.hitm-area .hitm-list li .rvpd-img { display:flex !important;justify-content:center;align-items:center;width:120px;height:120px; }
.hitm-area .hitm-list li .rvpd-img img { width:auto !important;max-height:100%; }
.hitm-area .hitm-list li .rvpd-txt { width:calc(100% - 122px); }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-name { display:-webkit-box;margin-bottom:8px;height:44px;line-height:21px;font-size:17px;font-weight:bold;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pdnum { font-size:15px;color:#989898; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox { margin-top:18px;padding-right:8px; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox > div { display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-tit { font-size:14px; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-price { font-size:17px;font-weight:bold;color:#2189FF; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-price span { font-size:14px;vertical-align:baseline; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .price { position:relative;margin-bottom:3px; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point > div { color:#707070; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point .rvpd-pd-point { font-size:14px;font-weight:bold; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point .ud-link { font-size:14px;font-weight:normal;color:#707070;text-decoration:underline; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-tooltip { position:absolute;right:-19px;top:0; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .btn-tooltip-rvpd { width:14px;height:14px;margin-left:4px;font-size:0;background:url('/sec/static/_images/common/icon-tooltip-down.svg') center center no-repeat; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .btn-tooltip-rvpd.open { background:url('/sec/static/_images/common/icon-tooltip-up.svg') center center no-repeat; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box { z-index:1;left:auto !important;right:0 !important;top:19px !important;display:none;width:270px;padding:10px 14px !important;background:#fff;border-color:#000; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box .pdtt-content > li { display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 0 4px 0 !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box .pdtt-content > li > span { padding-right:0 !important;line-height:16px;font-size:14px !important;color:#707070 !important; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box .pdtt-content .pdcp-box { margin:10px 0 0 0 !important;padding-top:10px !important;border-top:1px solid #D9D9D9; }
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box .pdtt-content .pdcp-box > span { color:#2189FF !important; }
.hitm-area .hitm-list li .rvpd-bottom {display:flex; justify-content:space-between; align-items:center; position:relative; padding:10px 5px 0 5px; text-align:right;}
.hitm-area .hitm-list li .rvpd-bottom .compare {}
.hitm-area .hitm-list li .rvpd-bottom .link-compare-i { position:relative;line-height:18px;padding-left:22px;font-size:14px; }
.hitm-area .hitm-list li .rvpd-bottom .link-compare-i:before { content:"";position:absolute;left:0;top:50%;width:16px;height:16px;background:url(/sec/static/_images/common/iconPlus-default.svg) no-repeat center;background-size:16px;border-radius:50px;overflow:hidden;transform:translateY(-50%); }
.hitm-area .hitm-list li .rvpd-bottom .link-compare-i.disabled { font-weight:bold;color:#2189ff; }
.hitm-area .hitm-list li .rvpd-bottom .link-compare-i.disabled:before {background:url(/sec/static/_images/common/iconPlus-active.svg) no-repeat center;}
.hitm-area .hitm-list li .rvpd-bottom .rvpd-star { display:inline-block;padding-left:22px;line-height:18px;font-size:14px;background:url(/sec/static/_images/common/ico-mmi-star.png) left center no-repeat; }
.hitm-area .hitm-list li .rvpd-bottom .rvpd-star strong { font-size:14px;vertical-align:baseline; }
.hitm-area .hitm-list .slick-prev { position:absolute;top:-26px;left:auto !important;right:44px !important;width:24px;height:24px;font-size:0;background:url(/sec/static/_images/common/ico-mmi-prev.png) no-repeat; }/* KDP-59550 240819 원복 */
.hitm-area .hitm-list .slick-next { position:absolute;top:-26px;right:10px !important;width:24px;height:24px;font-size:0;background:url(/sec/static/_images/common/ico-mmi-next.png) no-repeat; }/* KDP-59550 240819 원복 */

@media screen and (max-width: 1099px) {
	.hitm-area .hitm-list li .rvpd-img { width:100px;height:100px; }
	.hitm-area .hitm-list li .rvpd-txt { width:calc(100% - 102px); }
}
@media screen and (max-width: 1024px) {
	.hitm-area .hitm-list .slick-track { padding-bottom:45px; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-name { font-size:15px; }
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pdnum { font-size:13px; }
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box { width:230px;max-width:inherit !important;transform:inherit !important; }
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point .ud-link { font-weight:bold; }
	.hitm-area .hitm-list .slick-dots { position:relative;left:50%;top:-15px;transform:translateX(-50%);display:flex;width:100%;text-align:center;vertical-align:bottom; }
    .hitm-area .hitm-list .slick-dots li { display:inline-block;width:100%;margin-right:0 !important;padding:0 !important;background:none; }
    .hitm-area .hitm-list .slick-dots li button { display:block;width:100%;height:4px;font-size:0;background:#ECECEC; } /* KDP-54659 : 접근성 추가 */
    .hitm-area .hitm-list .slick-dots li.slick-active button { width:100% !important;background:#929292 !important; }
}
@media screen and (max-width: 802px) {
	.hitm-area .hitm-list .slick-prev { right:39px !important;background-size:18px;background-position:center; }
    .hitm-area .hitm-list .slick-next { background-size:18px;background-position:center; }
}
@media screen and (max-width: 800px) {
	.hitm-area { padding-bottom:0; }
	.hitm-area .content { padding:0 0 10px 10px !important }
	.hitm-area .component-text { padding:0; }
	.hitm-area .component-text .box-title .title.hitm-tit { padding-right:68px;text-align:left;font-size:20px;line-height:26px}/* KDP-59550 240731 수정 */
	.hitm-area .component-text .box-title .sub{padding-right:68px;font-size:14px;line-height:20px;text-align:left}/* KDP-59550 240819 수정 */
	.hitm-area .hitm-list { margin-top:2px;padding-top:10px; }
	.hitm-area .hitm-list .slick-list { position:relative;z-index:1; }
	.hitm-area .hitm-list .slick-track { padding-bottom:32px; }
	.hitm-area .hitm-list li { margin-right:10px;padding:20px 9px 15px 9px; }
	.hitm-area .hitm-list li .rank-label { left:23px;top:-3px;width:auto;height:18px;line-height:18px;padding:0 6px;font-size:10px;background:#006BEA; }
	.hitm-area .hitm-list li .rank-label:before { display:none; }
	.hitm-area .hitm-list li .rank-label span { display:inline-block;margin-left:2px;font-size:10px; }
	.hitm-area .hitm-list li .rvpd-box { padding-bottom:10px; }
    .hitm-area .hitm-list li .rvpd-img { width:90px;height:90px;margin-left:-10px; }
	.hitm-area .hitm-list li .rvpd-txt { width:calc(100% - 82px); }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-name { height:38px;line-height:19px;margin-bottom:3px;font-size:15px; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pdnum { font-size:12px; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox { margin-top:10px; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox > div { gap:5px; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .price { margin-bottom:5px; } 
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-price span,
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point .rvpd-pd-point,
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box .pdtt-content > li > span { font-size:13px !important; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-price { font-size:15px; }
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-tit,
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point .ud-link { font-size:13px !important; }
    .hitm-area .hitm-list li .rvpd-bottom { padding-top:7px; }
    .hitm-area .hitm-list .slick-prev { top:-15px; }/* KDP-59550 240819 수정 */
    .hitm-area .hitm-list .slick-next { top:-15px; }/* KDP-59550 240819 수정 */
	.hitm-area .hitm-list .slick-dots { top:-15px;padding-right:10px; }
}
@media screen and (max-width: 319px) {
	.hitm-area .hitm-tit { font-size:20px !important; }
	.hitm-area .hitm-list li .rvpd-img { width:70px;height:70px; }
	.hitm-area .hitm-list li .rvpd-txt { width:calc(100% - 62px); }
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-tip-box { padding:10px !important; }
    .hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-price { font-size:14px; }
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-tit,
	.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .point .ud-link { font-size:12px !important; }
	/* .hitm-area .hitm-list .slick-prev { top:-14px; }
    .hitm-area .hitm-list .slick-next { top:-14px; } KDP-59550 240731 삭제 */
}
/* e : KDP-40615 [FO][퍼블][B2C] BDC 홈메인/마이페이지 2차 수정 요건 (231030 정지우 수정) */

/* KDP-54659 : 접근성 추가 */
@media (max-width:800px) {
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title {white-space: normal;padding-bottom: 20px !important;}
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title .swiper-wrapper {transform:none !important;display: flex;flex-wrap: wrap; justify-content: center;}
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title .swiper-wrapper .title { margin: 10px 0;}
	.conbox-b2b-main .tabtype-container .tablist-prd-container .slider-tab-title {white-space: normal;padding-bottom: 20px !important;}
	.conbox-b2b-main .tabtype-container .tablist-prd-container .slider-tab-title .swiper-wrapper {transform:none !important;display: flex;flex-wrap: wrap; justify-content: center;}
	.conbox-b2b-main .tabtype-container .tablist-prd-container .slider-tab-title .swiper-wrapper .title { margin: 10px 0;}
}

/* KDP-52574 BDC 컴포넌트 클릭 영역 확대 */
.hitm-area .hitm-list li .rvpd-box {position:relative;}
.hitm-area .hitm-list li .rvpd-box .rvpd-pd-link {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:1;} 
.hitm-area .hitm-list li .rvpd-box a:not(.rvpd-pd-link) {position:relative;z-index:1;}
.hitm-area .hitm-list li .rvpd-txt .rvpd-pd-pricebox .rvpd-pd-tooltip {z-index:1;} /* KDP-52933 BDC 컴포넌트 클릭 영역 확대 - 수정 */

/* KDP-55763 [공통] 홈메인KV Carousel Container 구분자 추가 */
section[class*='__main-kv'] .wrap-component.w1440px .visual .component-text, 
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .component-text {width:100%;padding:0 90px;}
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text:before, 
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text:before {margin-left:0;}
/* section[class*='__main-kv'] .wrap-component.w1440px .component-contents.type-video .slick-slider {height:640px;}  삭제(KDP-67330) */
/* section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text.txt-top-right .component-text-inner, 
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text.txt-mid-right .component-text-inner, 
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text.txt-btm-right .component-text-inner,  */
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-left, 
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-right, 
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-center,
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-left, 
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-right, 
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-center {bottom:48px;}
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text.txt-top-right .component-text-inner, 
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text.txt-mid-right .component-text-inner, 
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text.txt-btm-right .component-text-inner { text-align: right; }/* KDP-74616 -- 원복 */
section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner {padding-bottom:60px;}
section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .sub {padding-bottom:16px;font-size:20px;line-height:26px; font-weight:700;}
section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .title {font-size:48px;line-height:60px;}
section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .desc,
section[class*='__main-kv'] .carousel-container.w1440px .component-contents .visual .component-text .box-title .desc {margin-top:24px;font-size:18px;line-height:26px;}
section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title + .box-btns {padding-top:40px;}
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .slick-arrow {width:40px;height:40px;background:rgba(0,0,0,0.45);border-radius:50%;}
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .slick-arrow.slick-prev {left:8px;}
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .slick-arrow.slick-next {right:8px;}
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.arr-line .slick-arrow.slick-prev:after {background-image: url(/sec/static/_images/common/icon-slick-prev-compo-wht.svg);background-size:auto 18px;}
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.arr-line .slick-arrow.slick-next:after {background-image: url(/sec/static/_images/common/icon-slick-next-compo-wht.svg);background-size:auto 18px;}
section[class*='__main-kv'] .carousel-container.w1440px .box-btns > ul > li button {font-size:14px;}
section[class*='__main-kv'] .carousel-container.w1440px .box-btns > ul > li .btn-round,
section[class*='__main-kv'] .carousel-container.w1440px .btn-round {height:40px;line-height:38px;border-radius:20px;}
section[class*='__main-kv'] .wrap-component.w1440px .pb-none .slick-slider.ind-in ~ .slider-controls {bottom:40px;}
section[class*='__main-kv'] .wrap-component.w1440px .slick-slider ~ .slider-controls .slide-btn {width:16px;height:16px;}
@media screen and (min-width: 801px) and (max-width: 1100px) {
    section[class*='__main-kv'] .wrap-component.w1440px .visual .component-text, 
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .component-text {width:auto;padding:0 50px;}
    /* section[class*='__main-kv'] .wrap-component.w1440px .component-contents.type-video .slick-slider {height:356px;}  삭제(KDP-67330) */
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-left, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-right, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-center,
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-left, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-right, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-center {top:34px;bottom:25px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner {padding-bottom:34px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .sub {padding-bottom:10px;font-size:14px;line-height:18px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .title {font-size:26px;line-height:34px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .desc,
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .visual .component-text .box-title .desc {margin-top:12px;font-size:12px;line-height:16px;}
    section[class*='__main-kv'] .carousel-container.w1440px .box-btns > ul > li button {font-size:10px;}
    section[class*='__main-kv'] .wrap-component.w1440px .box-btns > ul > li {height:auto;}
    section[class*='__main-kv'] .wrap-component.w1440px .btn-round {height:29px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title + .box-btns {padding-top:20px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .slick-arrow {width:22px;height:22px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .slick-arrow.slick-prev {left:6px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .slick-arrow.slick-next {right:6px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.arr-line .slick-arrow.slick-prev:after,
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.arr-line .slick-arrow.slick-next:after {background-size:auto 10px;}
	section[class*='__main-kv'] .carousel-container.w1440px .box-btns > ul > li .btn-round, 
	section[class*='__main-kv'] .carousel-container.w1440px .btn-round {height:29px;line-height:28px;}
    section[class*='__main-kv'] .wrap-component.w1440px .pb-none .slick-slider.ind-in ~ .slider-controls {bottom:20px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider ~ .slider-controls .slide-btn {width:12px;height:12px;}
	section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.ind-line .slick-dots li button, 
	section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.ind-line ~ .slider-controls .slick-dots li button {padding-bottom:5px;}
}
@media screen and (max-width: 800px) {
    section[class*='__main-kv'] .wrap-component.w1440px .visual .component-text, 
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .component-text {padding:40px 24px 24px;}
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-left,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-right,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-center,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-mid-left,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-mid-right,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-mid-center,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-left,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-right,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-center {bottom:13.3333vw;}/* KDP-75644 */
    /* section[class*='__main-kv'] .wrap-component.w1440px .component-contents.type-video .slick-slider {height:540px;}  삭제(KDP-67330) */
	section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text.txt-top-right .component-text-inner,
	section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text.txt-mid-right .component-text-inner,
	section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text.txt-btm-right .component-text-inner { text-align: center; }/* KDP-74616 */
    section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner {padding-bottom:0;}/* KDP-75644 */
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .sub {padding-bottom:10px;font-size:17px;line-height:18px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .title {font-size:30px;line-height:40px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .desc, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .visual .component-text .box-title .desc {margin-top:16px;font-size:14px;line-height:18px;}
    /* section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text[class*='txtm-bottom-'] {padding-bottom:72px;} KDP-75644 */
    section[class*='__main-kv'] .wrap-component.w1440px .pb-none .slick-slider.ind-in ~ .slider-controls {bottom:24px;}
    section[class*='__main-kv'] .carousel-container.w1440px .box-btns > ul > li {height:auto;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider ~ .slider-controls .slide-btn {width:11px;height:11px;}
	section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-countdown + .box-btns {padding-bottom:0;}/* KDP-75644 */
    section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text:not(.clickable_dual) .box-btns > ul > li {display:flex;/* flex-direction:column; (KDP-62335:수정) */align-items:center;gap:18px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text.txtm-top-left:not(.clickable_dual) .box-btns > ul > li,
    section[class*='__main-kv'] .wrap-component.w1440px .component-text.txtm-middle-left:not(.clickable_dual) .box-btns > ul > li,
    section[class*='__main-kv'] .wrap-component.w1440px .component-text.txtm-bottom-left:not(.clickable_dual) .box-btns > ul > li {align-items:flex-start;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text.txtm-top-right:not(.clickable_dual) .box-btns > ul > li,
    section[class*='__main-kv'] .wrap-component.w1440px .component-text.txtm-middle-right:not(.clickable_dual) .box-btns > ul > li,
    section[class*='__main-kv'] .wrap-component.w1440px .component-text.txtm-bottom-right:not(.clickable_dual) .box-btns > ul > li {align-items:flex-end;}
    section[class*='__main-kv'] .carousel-container.w1440px .component-text:not(.clickable_dual) .box-btns > ul > li button {margin:0}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .btn-round,
    section[class*='__main-kv'] .carousel-container.w1440px .component-text .btn-round {height:40px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .btn-underline,
    section[class*='__main-kv'] .carousel-container.w1440px .component-text .btn-underline {line-height:18px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text:not(.clickable_dual) .box-title + .box-btns {padding-top:24px;}
}
@media screen and (max-width: 280px) {
    section[class*='__main-kv'] .wrap-component.w1440px .visual .component-text, 
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider .component-text {padding:30px 18px 18px;}
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-left, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-right, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-top-center,
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-mid-left, 
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-mid-right, 
	section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-mid-center, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-left, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-right, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .component-text.txt-btm-center {bottom:40px;}/* KDP-75644 */
    /* section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text[class*='txtm-bottom-'] {padding-bottom:54px;} KDP-75644 */
    /* section[class*='__main-kv'] .wrap-component.w1440px .component-contents.type-video .slick-slider {height:420px;}  삭제(KDP-67330) */
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .sub {padding-bottom:6px;font-size:12px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .title {font-size:23px;line-height:30px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text .box-title .desc, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-contents .visual .component-text .box-title .desc {margin-top:12px;font-size:11px;line-height:14px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text-inner .btn-round, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-text .btn-round {height:30px;font-size:10px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-text-inner .btn-underline, 
    section[class*='__main-kv'] .carousel-container.w1440px .component-text .btn-underline {line-height:13px;font-size:10px;}
    section[class*='__main-kv'] .wrap-component.w1440px .pb-none .slick-slider.ind-in ~ .slider-controls {bottom:18px;}
    section[class*='__main-kv'] .wrap-component.w1440px .component-contents .slick-slider .component-text:not(.clickable_dual) .box-btns > ul > li {gap:14px;}
	section[class*='__main-kv'] .carousel-container.w1440px .box-btns > ul > li .btn-round, 
	section[class*='__main-kv'] .carousel-container.w1440px .btn-round {height:31px;line-height:31px;font-size:10px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.ind-dot-typeUK ul.slick-dots, 
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots {padding:2px 24px 2px 5px;}
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.ind-dot-typeUK ~ .slider-controls .slide-btn, 
    section[class*='__main-kv'] .wrap-component.w1440px .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li button {width:12px;height:12px;}
}
/* section[class*='__main-kv'] .wrap-component.w1440px .component-contents .visual-area img {height:100%;}  삭제(KDP-67330) */

/* 머천영역 (KDP-59672 수정) */
@media screen and (min-width: 801px) and (max-width: 1100px) {
	.tabtype-container.w1440px .slider-tabtype-list .tab-prd-list.type2.m-wide .prd-item .prd-figure {max-height:100%;height:100%;}
	.tabtype-container.w1440px .tab-prd-list.type2.m-wide .prd-item .prd-figure .fig-img img {height:auto !important;}
}
@media screen and (max-width: 800px) {
	.tabtype-container.w1440px .tab-prd-list.type2.m-wide .prd-item .prd-figure .fig-img {height:100%;display:flex;align-items:center;justify-content:center;}
	.tabtype-container.w1440px .tab-prd-list.type2.m-wide .prd-item .prd-figure .fig-img img {height:auto !important;}
	.tabtype-container.w1440px .slider-tabtype-list .tab-prd-list.type2.m-wide .prd-item-grp + .prd-item, 
	.tabtype-container.w1440px .slider-tabtype-list .tab-prd-list.type2.m-wide .prd-item.point + .prd-item-grp, 
	.tabtype-container.w1440px .slider-tabtype-list .tab-prd-list.type2.m-wide .prd-item + .prd-item {margin-top:0;}
	.tabtype-container.w1440px .slider-tabtype-list .tab-prd-list.type2.m-wide .prd-item {padding:8px;}
}



/* 
//////////////////////////////////////////////////
[B2C] [BDC개인화] PD OOS 바잉툴 하단 추천 제품 모듈 구현
//////////////////////////////////////////////////
*/
.buyTogether {max-width:1440px;margin:0 auto;padding:16px 0 90px 20px;}
.buyTogether .bt_wrap .option_tit {display:flex; align-items:center; position:relative;}
.buyTogether .bt_wrap .option_tit .tit {display:flex; align-items:center; font-size:24px; font-weight:bold; line-height:32px; letter-spacing:0;}
.buyTogether .bt_wrap .similar_slide_box {position:relative}
.buyTogether .bt_wrap .similar_slide {margin-top:24px;cursor:pointer;overflow:hidden}
.buyTogether .bt_wrap .similar_slide .swiper-slide {width:calc(50% - 40px)}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_item {display:flex; align-items:center;width:100%;height:212px; padding:0 24px; border-radius:20px; background:#fff;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img {margin-right:16px; text-align:center;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img picture {display:flex;align-items:center; flex-shrink:0; width:131px; height:159px;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img picture img {width:100%;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info {width:100%}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_tit {display:-webkit-box; overflow:hidden; font-size:18px; font-weight:bold; text-overflow:ellipsis; line-height:24px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_txt {display:block; margin:6px 0 15px; font-size:12px;font-weight:normal; font-family:'Samsung Sharp Sans normal'; line-height:14px;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price {display:flex; align-items:center;justify-content:space-between ;width:100%;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_txt {margin-right:12px; color:#000; font-size:15px; font-weight:bold;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_tit {color:#000; font-size:14px; font-weight:bold; line-height:22px;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_tit em {color:#2189FF;font-size:22px; font-family:'Samsung Sharp Sans';}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-next, .buyTogether .bt_wrap .similar_slide_box .swiper-button-prev {width:40px; height:40px; border:1px solid #E5E5E5; border-radius:50%; transform:translateY(-50%);}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-next {right:-60px; cursor:pointer;}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-prev {left:-60px; cursor:pointer;}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-next {right:-60px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.086' height='17.653' viewBox='0 0 10.086 17.653'%3E%3Cpath id='Path' d='M0,.9.864,0l9.222,8.827L.864,17.653,0,16.75,8.278,8.827Z'/%3E%3C/svg%3E%0A") center no-repeat; cursor:pointer; background-position-x:16px;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display:none;}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-prev.swiper-button-disabled {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.086' height='17.653' viewBox='0 0 10.086 17.653'%3E%3Cpath id='Path' d='M0,.9.864,0l9.222,8.827L.864,17.653,0,16.75,8.278,8.827Z' transform='translate(10.086 17.653) rotate(180)' fill='%23e5e5e5'/%3E%3C/svg%3E%0A"); opacity:1;}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-prev {left:-60px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.086' height='17.653' viewBox='0 0 10.086 17.653'%3E%3Cpath id='Path' d='M0,.9.864,0l9.222,8.827L.864,17.653,0,16.75,8.278,8.827Z' transform='translate(10.086 17.653) rotate(180)'/%3E%3C/svg%3E%0A") center no-repeat; cursor:pointer;}
.buyTogether .bt_wrap .similar_slide_box .swiper-button-next.swiper-button-disabled {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.086' height='17.653' viewBox='0 0 10.086 17.653'%3E%3Cpath id='Path' d='M0,.9.864,0l9.222,8.827L.864,17.653,0,16.75,8.278,8.827Z' fill='%23e5e5e5'/%3E%3C/svg%3E%0A"); opacity:1;}
.buyTogether .bt_wrap .similar_slide .swiper-pagination {display:flex; justify-content:center; align-items:center; position:relative; margin-top:24px; gap:0 8px;}
.buyTogether .bt_wrap .similar_slide .swiper-pagination.swiper-pagination-lock {display:none}
.buyTogether .bt_wrap .similar_slide .swiper-pagination-bullet {background:#757575; opacity:1;}
.buyTogether .bt_wrap .similar_slide .swiper-pagination-bullet-active {background:#000;}
.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .by_txt {display:flex;align-items:center;justify-content:center;width:100%;height:33px;margin-top:12px;color:#fff;font-size:14px;font-weight:bold;border-radius:17px;background:#000}

@media screen and (max-width:1580px) {
	.buyTogether .bt_wrap .similar_slide_box .swiper-button-next,
	.buyTogether .bt_wrap .similar_slide_box .swiper-button-prev {display:none}
}
@media screen and (min-width: 801px) and (max-width: 1100px) {
	.buyTogether .bt_wrap .option_tit .tit {font-size:19px}
	.buyTogether .bt_wrap .similar_slide {margin-top:12px;padding-right:20px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide {width:calc(50% - 16px)}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_item {height:172px;padding:0 12px 0 14px;border-radius:8px;}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img {margin-right:12px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img picture {width:100px;height:100px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_tit {font-size: 16px;line-height:20px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_txt {margin:3px 0 12px;font-size:10px;line-height:14px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_txt {font-size:13px;line-height:12px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_tit {color:#2189FF;font-size:15px;line-height:20px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_tit em {font-size:18px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .by_txt {height:32px;font-size:13px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide:last-child {margin-right:20px}
}

@media screen and (max-width: 800px) {
	.buyTogether {margin:0;padding:20px 0;background:#fff}
	.buyTogether .bt_wrap {padding:0}
	.buyTogether .bt_wrap .option_tit {padding:0 20px}
	.buyTogether .bt_wrap .option_tit .tit {font-size:20px;line-height:26px}
	.buyTogether .bt_wrap .similar_slide {margin-top:16px;padding:0 20px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide {width:calc(100% - 16px);border:1px solid #E0E0E0;border-radius:8px;}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img {margin-right:12px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_item {height:148px;padding:0 20px 0 12px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img picture {width:80px;height:80px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_tit {font-size: 14px;line-height:18px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_txt {margin:3px 0 5px;font-size:9px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_txt {font-size:12px;white-space:nowrap;}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_tit {color:#2189FF}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_tit em {font-size:16px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .by_txt {height:26px;margin-top:8px;font-size:12px}
}

@media screen and (max-width: 480px) {
	.buyTogether .bt_wrap .similar_slide .swiper-slide {width:100%}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_img {margin-right:4px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_item {padding:0 20px 0 8px}
	.buyTogether .bt_wrap .similar_slide .swiper-slide .similar_info .similar_price .price_txt {margin-right:4px}
}

/* Feature Full-Bleed - Image Over Text */
.wrap-component .component-contents .component-text .box-disc .disc.left {text-align:left}
.wrap-component .component-contents .component-text .box-disc .disc.center {text-align:center}
.wrap-component .component-contents .component-text .box-disc .disc.right {text-align:right}
/* Feature Full-Bleed - Image Bottom Text */
.wrap-component .component-contents .desc.visual_desc.left {text-align:left}
.wrap-component .component-contents .desc.visual_desc.center {text-align:center}
.wrap-component .component-contents .desc.visual_desc.right {text-align:right}
/* Feature Full-Bleed - Visual > Video Outline */
.wrap-component.feature-full-bleed.round {border-radius:12px;overflow:hidden}
/* Feature Full-Bleed - Visual > Video Dimmed */
.wrap-component.feature-full-bleed.dimmed {position:relative}
.wrap-component.feature-full-bleed.dimmed:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001f}
/* Feature Full-Bleed - Visual > Video Button */
.wrap-component .component-text .btn_play_video {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100px;height:100px;background:url('https://images.samsung.com/kdp/pcd/104291/compo_about_btn_play.png') no-repeat 0 0}
/* Three Column Container - Button Postiion */
.wrap-component .slider-three-column .slick-arrow.slick-prev,
.wrap-component .slider-three-column .slick-arrow.slick-next {top:200px}
/* Tab Container Component */
.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name.black .tit,
.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-name.black .txt {color:#000}
/* Carousel Container Component (Bundle > Indicator Color / Indicator Text Color) */
.wrap-component .control-wht .slider-controls .slick-dots button span {color: #8a8a8a;}
.wrap-component .control-wht .slick-slider.ind-dot ~ .slider-controls .slick-dots li button:after {background-color:#c3c3c3}
.wrap-component .control-wht .slick-slider.ind-dot .slick-dots li.slick-active button:after,
.wrap-component .control-wht .slick-slider.ind-dot ~ .slider-controls .slick-dots li.slick-active button:after {background-color:#8f8f8f}
.wrap-component .control-wht .slider-controls .slide-btn.slide-pause {background:url(/sec/static/_images/common/icon-slick-pause-sml-gry.svg) 50% 50% no-repeat}
.wrap-component .control-wht .slider-controls .slide-btn.slide-play {background:url(/sec/static/_images/common/icon-slick-play-sml-gry.svg) 50% 50% no-repeat}
.wrap-component .control-wht .slick-slider.ind-dot .slick-dots li.slick-active button:after, 
.wrap-component .control-wht .slick-slider.ind-dot ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #8f8f8f;}
.wrap-component .control-wht .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots{background: rgba(0,0,0,0.75); border: 1px solid rgba(255,255,255,0.15);}
.wrap-component .control-wht .slick-slider.ind-dot-typeUK ~ .slider-controls .slick-dots li.slick-active button:after {background-color: #8f8f8f;}

/* KDP-63794 슬라이드 이벤트 적용전 처리 */
.b2c__main-kv .carousel-container .component-contents .slider-carousel-visual:not(.slick-initialized) {display:flex; flex-wrap:nowrap;}
.b2c__main-kv .carousel-container .component-contents .slider-carousel-visual:not(.slick-initialized) .visual {flex-shrink:0; width:100%; opacity:0;}
.b2c__main-kv .carousel-container .component-contents .slider-carousel-visual:not(.slick-initialized) .visual:nth-child(1) {display:none;}
.b2c__main-kv .carousel-container .component-contents .slider-carousel-visual:not(.slick-initialized) .visual:nth-child(2) {opacity:1;}

/* KDP-59672 [B2C] 홈메인 개선 (KDP-63925:수정) */
.b2c__main-kv .wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button {min-height:23px;}
.b2c__main-kv .wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button span {display:none;}
.b2c__main-kv .wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button:hover span,
.b2c__main-kv .wrap-component .slick-slider.ind-line ~ .slider-controls .wrap-controls.type-title .slick-dots li button:focus span {display:block;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner {border-radius:20px;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-figure {margin:0;padding-top:100%;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-figure .fig-img {padding:0;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name {position:absolute;bottom:0;padding:48px 44px;height:144px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .tit {display:-webkit-box;-webkit-line-clamp:2;word-break:break-all;white-space:normal;-webkit-box-orient:vertical;width:100%;font-size:18px;line-height:24px;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .txt,
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name .num {display:-webkit-box;padding:0;font-size:14px;width:100%;/*height:36px;*/line-height:21px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;word-break:break-all;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item {padding:12px !important;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name {bottom:0;height:auto;padding:48px 54px;gap:12px 0;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit {font-size:24px;line-height:32px;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .txt {overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner.fullbleed .prd-figure {width:auto;max-height:100%;padding-top:100%;}
.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner.fullbleed .prd-figure img {max-height:100%;}
@media (max-width: 1440px) {
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title .title button {font-size:1.2500vw;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item {padding:0.8333vw !important;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name {padding:3.3333vw 3.0556vw;height:10.0000vw;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit.name,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .tit {font-size:1.2500vw;line-height:1.6667vw;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .txt, 
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name .num {font-size:0.9722vw;/*height:2.5000vw;*/line-height:1.2500vw;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .memb {font-size:0.9722vw;line-height:1.2500vw;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name {padding:3.3333vw 3.7500vw;height:auto;gap:0.8333vw 0;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name .tit.name,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit {font-size:1.6667vw;line-height:2.2222vw;}
}
@media (max-width: 802px) { 
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title .title button {font-size:1.4963vw;line-height:2.4938vw;} 
	.conbox-b2c-main .tabtype-container .set-tab-prd .set-tab-prd-inner .tab-prd-list.type2 {margin-left:-1.2727vw;margin-right:-1.2727vw;padding-right:calc(7px - 0.8333vw);padding-left:calc(7px - 0.8333vw);}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item {padding:7px !important;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name {padding:18px 10px;height:60px;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit.name,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .tit {font-size:10px;line-height:12px;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .txt, 
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name .num {padding:0;font-size:1.2469vw;/*height:2.9925vw;*/line-height:1.4963vw;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name {padding:18px;height:auto;gap:6px 0;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name .tit.name,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit {font-size:14px;line-height:18px;}	
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name .txt, 
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .num {font-size:12px;height:auto;line-height:14px;}
}
@media (max-width: 540px) {
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title .title button {font-size:3.8889vw;line-height:5.5556vw;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item {padding:2.2222vw !important;}
	.conbox-b2c-main .tabtype-container .set-tab-prd .set-tab-prd-inner .tab-prd-list.type2 {margin-left:-1.6667vw;margin-right:-1.6667vw;padding-right:calc(4.4444vw - 3.3333vw);padding-left:calc(4.4444vw - 3.3333vw);}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner:before {padding-bottom:118.92%;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-figure .fig-img,
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner.fullbleed .prd-figure .fig-img {padding:0;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-figure,
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-inner .prd-figure {padding-top:118.92%;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name {padding:3.7037vw 1.8519vw;height:16.2963vw;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit.name,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .tit {font-size:3.3333vw;line-height:4.4444vw;height:auto;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name .num {font-size:2.7778vw;/*height:6.6667vw;*/line-height:3.3333vw;}	
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner {background:#F5F5F5;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-item-inner:before {padding-bottom:56.415%;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-item-inner .prd-figure {padding-top:56.415%;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name {left:auto;right:0;width:50%;top:50%;bottom:auto;transform:translateY(-50%);height:auto;padding:0 3.3333vw 0 6vw/*KDP-63186 수정*/;text-align:left;gap:2.2222vw 0;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit {display:-webkit-box;padding:0;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;word-break:break-all;font-size:4.4444vw;line-height:5.9259vw;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name .txt, 
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .num {-webkit-line-clamp:2;font-size:2.7778vw;height:auto;line-height:3.3333vw;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner.fullbleed .prd-figure {height:100%;}
}
@media (max-width: 360px) {
	.conbox-b2c-main .tabtype-container .tablist-prd-container .slider-tab-title .title button {font-size:14px;line-height:20px;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item {padding:8px !important;}
	.conbox-b2c-main .tabtype-container .set-tab-prd .set-tab-prd-inner .tab-prd-list.type2 {margin-left:-6px;margin-right:-6px;padding-right:calc(16px - 3.3333vw);padding-left:calc(16px - 3.3333vw);}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner:before {padding-bottom:118.92%;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-figure .fig-img,
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner.fullbleed .prd-figure .fig-img {padding:0;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-figure,
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item-inner .prd-figure {padding-top:118.92%;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit.name, 
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .tit {font-size:12px;line-height:16px;height:auto;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item .prd-name .num {font-size:10px;/*height:24px;*/line-height:12px;}	
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name {position:absolute;padding:20px 10px;height:20.0000vw;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-item-inner {background:#F5F5F5;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-item-inner:before {padding-bottom:56.415%;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-item-inner .prd-figure {padding-top:56.415%;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name {left:auto;right:0;width:50%;top:50%;bottom:auto;transform:translateY(-50%);padding:0 12px 0 22px/*KDP-63186 수정*/;text-align:left;gap:6px 0;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name .tit.name,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .tit {-webkit-line-clamp:3;font-size:14px;line-height:18px;font-weight:700;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name .txt, 
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .txt,
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name .num {font-size:10px;height:auto;line-height:12px;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner.fullbleed .prd-figure {height:100%;}
}
@media (max-width: 320px) {
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item-inner {border-radius:10px;}
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-item {padding:6px !important;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name {padding:12px 6px;height:48px;gap:4px 0;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit.name, 
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item .prd-name .tit, 
	.conbox-b2c-main .tabtype-container .tab-prd-list.type2 .prd-name .tit {font-size:10px;line-height:12px;}
	.conbox-b2c-main .tabtype-container .slider-tabtype-list .tab-prd-list.type2 .prd-item.point .prd-name {padding:0 16px 0 20px;height:auto;}
}

/* KDP-62568 [퍼블] [B2C] 홈메인 BDC 개인화 영역 썸네일 여백 수정 */
@media screen and (max-width: 540px) {
	.hitm-area .hitm-list li .rvpd-box {gap:10px}
	.hitm-area .hitm-list li .rvpd-img {width:70px;height:70px;margin-left:0}
}

/* KDP-67330 [B2C] 폴드뷰 홈메인 이미지 세로값 옵션 변경 */
section[class*='__main-kv'] .wrap-component.w1440px .component-contents.type-video .slick-slider {height:auto;}
section[class*='__main-kv'] .wrap-component.w1440px .component-contents.type-video .slick-slide {height:auto;}


/* KDP-66801 [퍼블] 컴포넌트 개선 건_24년 하반기 */
/* newComponent - [Headline] */
.wrap-component.new-component .component-contents .component-text .box-title .nh_veryLarge {font-size:54px !important;line-height:64px;letter-spacing:-1.08px;}
.wrap-component.new-component .component-contents .component-text .box-title .nh_large {font-size:50px !important;line-height:59px;letter-spacing:-1px;}
.wrap-component.new-component .component-contents .component-text .box-title .nh_normal {font-size:46px !important;line-height:54px;letter-spacing:-0.92px;}
.wrap-component.new-component .component-contents .component-text .box-title .nh_small {font-size:42px !important;line-height:50px;letter-spacing:-0.84px;}
.wrap-component.new-component .component-contents .component-text .box-title .nh_verySmall {font-size:38px !important;line-height:45px;letter-spacing:-0.76px;}
/* newComponent - [Sub Headline] */
.wrap-component.new-component .component-contents .component-text .box-title .ns_normal {font-size:24px !important;line-height:28px;letter-spacing:-0.48px;}
.wrap-component.new-component .component-contents .component-text .box-title .ns_small {font-size:18px !important;line-height:21px;letter-spacing:-0.36px;}
/* newComponent - [Description] */
.wrap-component.new-component .component-contents .component-text .box-title .nde_large {font-size:22px !important;line-height:33px;letter-spacing:-0.44px;}
.wrap-component.new-component .component-contents .component-text .box-title .nde_normal {font-size:20px !important;line-height:30px;letter-spacing:-0.4px;}
.wrap-component.new-component .component-contents .component-text .box-title .nde_small {font-size:18px !important;letter-spacing:27px;letter-spacing:-0.36px;}
/* newComponent - [paddingTop] */
.wrap-component.new-component .npt_none, .wrap-component.new-component.npt_none {padding-top:0}
.wrap-component.new-component .npt_narrow, .wrap-component.new-component.npt_narrow {padding-top:40px !important}
.wrap-component.new-component .npt_normal, .wrap-component.new-component.npt_normal {padding-top:70px !important}
.wrap-component.new-component .npt_wide, .wrap-component.new-component.npt_wide {padding-top:100px !important}
.wrap-component.new-component .npt_veryWide, .wrap-component.new-component.npt_veryWide {padding-top:130px !important}
/* newComponent - [paddingBottom] */
.wrap-component.new-component .npm_none, .wrap-component.new-component.npm_none {padding-bottom:0}
.wrap-component.new-component .npm_narrow, .wrap-component.new-component.npm_narrow {padding-bottom:40px !important}
.wrap-component.new-component .npm_normal, .wrap-component.new-component.npm_normal {padding-bottom:70px !important}
.wrap-component.new-component .npm_wide, .wrap-component.new-component.npm_wide {padding-bottom:100px !important}
.wrap-component.new-component .npm_veryWide, .wrap-component.new-component.npm_veryWide {padding-bottom:130px !important}

/* Feature Full-Bleed 기능 추가 (디스클라이머 포지션) */
.wrap-component.new-component .component-contents .visual-area .box-disc.poLeft {text-align:left}
.wrap-component.new-component .component-contents .visual-area .box-disc.poCenter {text-align:center}
.wrap-component.new-component .component-contents .visual-area .box-disc.poRight {text-align:right}

/* Three Column Container Component Bundle > CTA Front 노출 시 margin 값 수정 필요 */
.three-column-carousel .slider-three-column .column .info .box-btns {margin-top:22px !important;padding-top:0 !important}

@media (max-width: 802px) { 
	/* Feature Benefit - [Headline] */
	.wrap-component.new-component .component-contents .component-text .box-title .nh_veryLarge {font-size:28px !important;line-height:36px;letter-spacing:-0.56px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_large {font-size:24px !important;line-height:30px;letter-spacing:-0.48px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_normal {font-size:20px !important;line-height:29px;letter-spacing:-0.4px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_small {font-size:18px !important;line-height:27px;letter-spacing:-0.36px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_verySmall {font-size:16px !important;line-height:24px;letter-spacing:-0.32px;}
	/* Feature Benefit - [Sub Headline] */
	.wrap-component.new-component .component-contents .component-text .box-title .ns_normal {font-size:18px !important;line-height:23px;letter-spacing:-0.36px;}
	.wrap-component.new-component .component-contents .component-text .box-title .ns_small {font-size:16px !important;line-height:20px;letter-spacing:-0.32px;}
}

@media (max-width: 800px) { 
	/* Feature Benefit - [Headline] */
	.wrap-component.new-component .component-contents .component-text .box-title .nh_veryLarge {font-size:38px !important;line-height:48px;letter-spacing:-0.76px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_large {font-size:34px !important;line-height:43px;letter-spacing:-0.68px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_normal {font-size:30px !important;line-height:38px;letter-spacing:-0.6px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_small {font-size:26px !important;line-height:33px;letter-spacing:-0.52px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nh_verySmall {font-size:22px !important;line-height:28px;letter-spacing:-0.44px;}
	/* Feature Benefit - [Sub Headline] */
	.wrap-component.new-component .component-contents .component-text .box-title .ns_normal {font-size:18px !important;line-height:23px;letter-spacing:-0.36px;}
	.wrap-component.new-component .component-contents .component-text .box-title .ns_small {font-size:16px !important;line-height:20px;letter-spacing:-0.32px;}
	/* Feature Benefit - [Description] */
	.wrap-component.new-component .component-contents .component-text .box-title .nde_large {font-size:19px !important;line-height:28px;letter-spacing:-0.38px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nde_normal {font-size:17px !important;line-height:25px;letter-spacing:-0.34px;}
	.wrap-component.new-component .component-contents .component-text .box-title .nde_small {font-size:15px !important;line-height:22px;letter-spacing:-0.3px;}
	/* Feature Benefit - [paddingTop] */
	.wrap-component.new-component .npt_none, .wrap-component.new-component.npt_none {padding-top:0}
	.wrap-component.new-component .npt_narrow, .wrap-component.new-component.npt_narrow {padding-top:50px !important}
	.wrap-component.new-component .npt_normal, .wrap-component.new-component.npt_normal {padding-top:50px !important}
	.wrap-component.new-component .npt_wide, .wrap-component.new-component.npt_wide {padding-top:50px !important}
	.wrap-component.new-component .npt_veryWide, .wrap-component.new-component.npt_veryWide {padding-top:50px !important}
	/* Feature Benefit - [paddingBottom] */
	.wrap-component.new-component .npm_none, .wrap-component.new-component.npm_none {padding-bottom:0}
	.wrap-component.new-component .npm_narrow, .wrap-component.new-component.npm_narrow {padding-bottom:50px !important}
	.wrap-component.new-component .npm_normal, .wrap-component.new-component.npm_normal {padding-bottom:50px !important}
	.wrap-component.new-component .npm_wide, .wrap-component.new-component.npm_wide {padding-bottom:50px !important}
	.wrap-component.new-component .npm_veryWide, .wrap-component.new-component.npm_veryWide {padding-bottom:50px !important}

	.three-column-carousel .slider-three-column.type-vertical .column {margin-top:40px}
	.three-column-carousel .slider-three-column.type-vertical .column:nth-child(2) ~ .column {margin-top:40px}

	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name span,
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name span {color:#000}
	.tabtype-container .tab-prd-list.type2 .prd-item.point .prd-name:not([style*="color: #FFFFFF"]) span,
	.tabtype-container .tab-prd-list.type11 .prd-item .prd-name:not([style*="color: #FFFFFF"]) span {color:#fff}
}
.feature-benefit.img-bottom .component-contents .component-text .component-text-inner {margin:0}

@media (max-width: 414px) {
	.three-column-carousel .slider-three-column.type-vertical .column:nth-child(1n) {margin-top:40px}
}


/* KDP-71103 [퍼블][B2C] 글로벌 닷컴 WEB (4) > OFFER 개편  241129*//* KDP-73223 */
/* offer-title */
.offer-group {position: relative; padding:0; margin-top:40px; margin-bottom:90px; overflow: hidden;}
.offer-group.offer-newin {margin-top:64px;}
.offer-group ._ttl {width:100%; max-width:1440px; margin:0 auto;}
.offer-group ._ttl h1 {font-size:40px; width:100%; max-width:1440px; margin:0 0 40px 24px; color:#000; font-weight:700;}
.offer-group ._ttl h1.eng {font-family: 'Samsung Sharp Sans', 'SamsungOneKorean';}
.offer-group ._ttl h1 span {font-size:40px;}
.offer-group.offer-benefit.member ._ttl h1 {margin:0 0 36px 24px;}
.offer-group ._ttl .subT {font-size:20px; width:100%; max-width:1440px; margin:-28px 0 38px 24px; line-height:1.3; color:#000;  font-weight:normal;}
.offer-group .btnLine {position:absolute; top:0; left:50%; transform: translate(-50%, 0); max-width:1440px; width:100%; text-align:right;}
.offer-group .btnLine .btn.offerAll {min-width:96px; height:40px; line-height:38px; font-size:14px; border-radius:20px; margin-right:24px;}
.offer-group .btn-underline {margin:0; font-size:14px;}
.offer-group.offer-store .btn-underline {margin:0; font-size:14px;}
.offer-group.offer-store .btn-underline[target="_blank"]::after{display: inline-block; margin-left: 4px; content:'';width: 11px;height: 11px;background:url('/sec/static/_images/common/icon-11-midium-link.svg') center center no-repeat;}

@media screen and (max-width:1439px) and (min-width:801px) {   
	.offer-group {margin-bottom:67px;}
	.offer-group.offer-newin {margin-top:64px;}
	.offer-group.offer-benefit.member ._ttl h1 {margin:0 0 30px 24px;}
	.offer-group ._ttl h1 {font-size:24px; max-width:100%; margin:0 0 30px 24px;}
	.offer-group ._ttl .subT {font-size:16px; width:100%; max-width:100%; margin:-22px 0 32px 24px; line-height:1.3; color:#000; font-weight:normal;}
	.offer-group .btnLine .btn.offerAll { min-width:76px; height:34px; line-height:34px; padding:0 10px; font-size:12px; font-weight:bold; border-radius:20px; margin-right:24px;}
}
@media screen and (max-width:800px){    	
	.offer-group {position: relative; padding:0; margin-top:56px; margin-bottom:0;}
	.offer-group.offer-newin {margin-top:64px;}
	.offer-group.offer-store,
	.offer-group.offer-benefit {margin-top:80px;}
	.offer-group ._ttl {max-width:100%; min-height: 32px;}	
	.offer-group.offer-benefit.member ._ttl h1 {margin:0 0 30px 24px;}
	.offer-group ._ttl h1 {font-size:24px; max-width:100%; margin:0 0 20px 24px; line-height:1.3; min-height:32px;}	
 	.offer-group ._ttl .subT {font-size:16px; width:100%; max-width:calc(100% - 52px); margin:-10px 22px 20px 24px; color:#000; font-weight:normal;}		
	.offer-group.offer-tip ._ttl h1 {margin:0 0 32px 24px;}
	.offer-group .btnLine .btn.offerAll { min-width:76px; height:32px; line-height:32px; padding:0 10px; font-size:12px; font-weight:bold; border-radius:20px; margin-right:24px;}
}

/* s: offer-KeyVisual KDP-74442 */
.wrap-component.offer-kv { padding: 0; }
.wrap-component.offer-kv .slick-slider .component-text { width: 100%; max-width: 1440px; padding: 0 88px; }
.wrap-component.offer-kv .component-contents .visual .component-text[class*='txt-mid-']:before,
.wrap-component.offer-kv .component-contents .slick-slider .component-text[class*='txt-mid-']:before { margin-left: 0; }
.wrap-component.offer-kv .component-text .box-title .sub.above { margin-bottom: 10px; padding-bottom: 0; line-height: 27px; font-size: 20px; font-weight: bold; }
.wrap-component.offer-kv .component-text .box-title .title { line-height: 58px; font-size: 48px; }
.wrap-component.offer-kv .component-text .box-title .sub.below { line-height: 24px; font-size: 18px; font-weight: normal; }
.carousel-container.offer-kv .component-contents .visual .component-text .box-title .desc { margin-top: 10px; line-height: 24px; letter-spacing: inherit; font-size: 18px; font-weight: 700; }
.wrap-component.offer-kv .component-text .box-title .title + .sub.below,
.carousel-container.offer-kv .component-contents .visual .component-text .box-title .title + .desc { padding-top: 20px; }
.wrap-component.offer-kv .component-text .box-disc { margin-top: 10px; }
.wrap-component.offer-kv .component-text .box-disc .disc { line-height: 21px; font-size: 16px; }
.wrap-component.offer-kv .box-btns { padding-top: 40px; }
.wrap-component.offer-kv .box-btns > ul { margin: 0; }
.carousel-container.offer-kv .box-btns > ul > li { margin: 0; height: inherit; }
.carousel-container.offer-kv .box-btns > ul > li + li { margin-top: 10px; }
.carousel-container.offer-kv .box-btns > ul > li button { line-height: 19px; font-size: 14px; }
.carousel-container.offer-kv .btn-round { min-width: 110px; height: 40px; letter-spacing: inherit; border-radius: 20px; }

@media screen and (max-width: 1200px) and (min-width: 802px) {
	.wrap-component.offer-kv .slick-slider .component-text { padding: 0 6.8182vw; }
	.wrap-component.offer-kv .component-text .box-title .sub.above { line-height: 2.3864vw; font-size: 1.8182vw; }
	.wrap-component.offer-kv .component-text .box-title .title { line-height: 4.5455vw; font-size: 3.4091vw; }
	.wrap-component.offer-kv .component-text .box-title .sub.below { padding-top: 10px; line-height: 2.1591vw; font-size: 1.5909vw; }
	.carousel-container.offer-kv .component-contents .visual .component-text .box-title .desc { line-height: 2.1591vw; font-size: 1.5909vw; }
	.wrap-component.offer-kv .component-text .box-title .title + .sub.below,
	.carousel-container.offer-kv .component-contents .visual .component-text .box-title .title + .desc { padding-top: 10px; }
	.wrap-component.offer-kv .component-text .box-disc { margin-top: 10px; }
	.wrap-component.offer-kv .component-text .box-disc .disc { line-height: 1.8182vw; font-size: 1.3636vw; }
	.wrap-component.offer-kv .box-btns { padding-top: 24px; }
	.carousel-container.offer-kv .box-btns > ul > li + li { margin-top: 1.1364vw; }
}
@media screen and (max-width: 801px) {
	.wrap-component.offer-kv .slick-slider .component-text { padding: 0 60px; }
	.wrap-component.offer-kv .component-text .box-title .sub.above { margin-bottom: 8px; line-height: 21px; font-size: 16px; }
	.wrap-component.offer-kv .component-text .box-title .title { line-height: 40px; font-size: 30px; }
	.wrap-component.offer-kv .component-text .box-title .sub.below { padding-top: 6px; line-height: 19px; font-size: 14px; }
	.carousel-container.offer-kv .component-contents .visual .component-text .box-title .desc { margin-top: 9px; line-height: 19px; font-size: 14px; }
	.wrap-component.offer-kv .component-text .box-title .title + .sub.below,
	.carousel-container.offer-kv .component-contents .visual .component-text .box-title .title + .desc { padding-top: 6px; }
	.wrap-component.offer-kv .component-text .box-disc { margin-top: 8px; }
	.wrap-component.offer-kv .component-text .box-disc .disc { line-height: 16px; font-size: 12px; }
	.wrap-component.offer-kv .box-btns { padding-top: 21px; }
	.carousel-container.offer-kv .box-btns > ul > li + li { margin-top: 8px; }
}
@media screen and (max-width: 800px) {
	.wrap-component.offer-kv .slick-slider .component-text { padding: 8.8889vw 6.6667vw; }
	.wrap-component.offer-kv .component-text .box-title .sub.above { margin-bottom: 2.2222vw; line-height: 5.8333vw; font-size: 4.4444vw; }
	.wrap-component.offer-kv .component-text .box-title .title { line-height: 11.1111vw; letter-spacing: inherit; font-size: 8.3333vw; }
	.wrap-component.offer-kv .component-text .box-title .sub.below { line-height: 5.2778vw; font-size: 3.8889vw; }
	.carousel-container.offer-kv .component-contents .visual .component-text .box-title .desc { margin-top: 2.5vw; line-height: 5.2778vw; font-size: 3.8889vw; }
	.wrap-component.offer-kv .component-text .box-title .title + .sub.below,
	.carousel-container.offer-kv .component-contents .visual .component-text .box-title .title + .desc { padding-top: 1.6667vw; }
	.wrap-component.offer-kv .component-text .box-disc { margin-top: 2.2222vw; }
	.wrap-component.offer-kv .component-text .box-disc .disc { line-height: 4.4444vw; font-size: 3.3333vw; }
	.wrap-component.offer-kv .box-btns { padding-top: 6.3889vw; }
	.wrap-component.offer-kv .component-contents .slick-slider .component-text.txtm-top-center .box-btns > ul > li { display: flex; align-items: center; gap: 5vw; }
	.carousel-container.offer-kv .box-btns > ul > li + li { margin-top: 2.2222vw; }
	.carousel-container.offer-kv .box-btns > ul > li button { margin: 0; line-height: 5.2778vw; font-size: 3.8889vw; }
	.carousel-container.offer-kv .btn-round { min-width: 30.5556vw; height: 11.1111vw; border-radius: 5.5556vw; }
}
/* e: KDP-74442 */

/* offer-faq */
.offer-wrap .offer-faq-area {position:relative; max-width:1392px; margin:-25px auto 50px;}
.offer-wrap .offer-faq-area .offer-tit-box {position:absolute; width:auto; top:50%; transform:translate(0,-50%);left:50%; right:0; padding:0; margin-left:10px;}
.offer-wrap .offer-faq-area .offer-tit-box.pc-ver {display:block;}
.offer-wrap .offer-faq-area .offer-tit-box.mo-ver {display:none;}
.offer-wrap .offer-faq-area .slider-offer-faq .visual {height:32vw; max-height:440px; margin:0 auto; background-position: 50% 0 !important;  background-size:cover !important; border-radius:20px;}
.offer-wrap .offer-faq-area .slider-offer-faq .visual.m { display:none; }
.offer-wrap .offer-faq-area .offer-tit-box .offer-tit {padding:0; line-height:1.3; margin:7px 0 0; font-weight:700; font-size:38px; color:#fff;}
.offer-wrap .offer-faq-area .offer-tit-box .offer-stit {line-height:1.3; margin-bottom:5px; margin-top:3px; font-weight:700; font-size:14px; color:#fff;}
.offer-wrap .offer-faq-area .btns {margin-top:15px;}
.offer-wrap .offer-faq-area .btns .btn-d {height:40px; min-width:110px; font-size:14px; line-height: 39px; border-radius: 20px;}

@media screen and (max-width:1439px) and (min-width:801px) {     
	.offer-wrap .offer-faq-area {margin:50px auto; width: calc(100% - 48px);}
	.offer-wrap .offer-faq-area .offer-tit-box {position:absolute; width:auto; top:50%; transform:translate(0,-50%); left:50%; right:0; padding:0; margin:0;}	
	.offer-wrap .offer-faq-area .slider-offer-faq .visual {height:32vw; max-height:238px; margin:0 auto; background-position: 50% 0 !important; }
	.offer-wrap .offer-faq-area .slider-offer-faq .visual.m { display:none; }
	.offer-wrap .offer-faq-area .offer-tit-box .offer-tit {padding:0; line-height:1.3; margin:0; font-weight:700; font-size:30px; color:#fff; max-width: 95%;}
	.offer-wrap .offer-faq-area .offer-tit-box .offer-stit {line-height:1.3; margin-bottom:5px; margin-top:0; font-weight:700; font-size:14px; color:#fff; max-width: 95%;}
    .offer-wrap .offer-faq-area .pf-tit-area { position:relative; }
    .offer-wrap .offer-faq-area .pf-tit-area .pf-tit { position:absolute; top:0; right:0; bottom:0; left:0; width: 100%; line-height:1; margin:0 auto; padding:12.5000vw 8.333vw 8.1250vw; font-weight:700; font-size:2.917vw; color:#fff; }
    .offer-wrap .offer-faq-area .pf-tit-area .slider-pf-faq .visual { height:25.0000vw; background-size:cover !important;/* KDP-52548 PF KV 이미지 고정형 요청 (240422) */}
	.offer-wrap .offer-faq-area .btns {margin-top:20px;}
	.offer-wrap .offer-faq-area .btns .btn-d {height:40px; min-width:120px; font-size:14px; line-height: 39px; border-radius: 20px;}
}
@media screen and (max-width:800px){    		
	.offer-wrap .offer-faq-area .offer-tit-box {position:absolute; width:100%; top:25px; transform: translateY(0); left: 0; right: 0; padding: 0 5.208vw;}      
	.offer-wrap .offer-faq-area .offer-tit-box.pc-ver {display:none;}
	.offer-wrap .offer-faq-area .offer-tit-box.mo-ver {display:block; margin:0;}
	.offer-wrap .offer-faq-area .offer-tit-box.mo-ver .offer-tit {text-align:center; font-size:22px; line-height:1.3; color:#fff;}
	.offer-wrap .offer-faq-area .offer-tit-box.mo-ver .offer-stit {text-align:center; margin-top:0; font-size:12px; line-height:1.5; color:#fff;}	
	.offer-wrap .offer-faq-area .offer-tit-box.mo-ver .btns {margin-top:20px; text-align:center;}
	.offer-wrap .offer-faq-area .btns .btn-d {height:40px; max-width:110px; font-size:14px; line-height:39px; border-radius:20px;}
}
@media screen and (max-width:800px) and (min-width:360px){  
	.offer-wrap .offer-faq-area {position:relative; margin:64px auto; width:calc(100% - 48px);}
	.offer-wrap .offer-faq-area .slider-offer-faq .visual {display:none;}
    .offer-wrap .offer-faq-area .slider-offer-faq .visual.m {display:block; width:100%; height:55vh; max-height:446px; background-size:cover !important; border-radius:20px;}	
}
@media screen and (max-width:359px) and (min-width:320px){  
	.offer-wrap .offer-faq-area {position:relative; margin:64px auto; width:calc(100% - 48px);}	
	.offer-wrap .offer-faq-area .slider-offer-faq .visual {display:none;}
    .offer-wrap .offer-faq-area .slider-offer-faq .visual.m {display:block; width:100%; height:55vh; max-height:389px; background-size:cover !important; border-radius:20px;}	
	.offer-wrap .offer-faq-area .offer-tit-box.mo-ver .btns {margin-top:15px; text-align:center;}
}

/* swiper controller common style */
.offer-swiper.swiper ._ctrl { position:absolute; bottom:9px; left:50%; transform:translate(-50%, 0); width:100%; max-width:740px; height:40px;}
.offer-swiper.swiper ._ctrl button {width:40px;}
.offer-swiper.swiper ._ctrl .swiper-button-prev {left:auto; right:60px;}
.offer-swiper.swiper { position:relative; margin: 0 auto; overflow: hidden; } 
.offer-swiper.swiper.full { position:relative; margin: 0 auto; max-width: 1920px; overflow: hidden; } 
.offer-swiper.swiper.cate_li { position:relative; margin: 0 auto 50px; max-width: 1440px; overflow: visible; } 
.offer-swiper.swiper.full .swiper-container {max-width: 1440px;}
.offer-swiper.swiper.full .box-list {-ms-flex-wrap:nowrap;  flex-wrap:nowrap;}
.offer-swiper.swiper .swiper-container { overflow: visible; margin:0 auto; max-width:1440px;}
.offer-swiper.swiper.tip_li .swiper-container,
.offer-swiper.swiper.benefit_li .swiper-container,
.offer-swiper.swiper.store_li .swiper-container { overflow: hidden; margin:0 auto; }
.offer-swiper.swiper .slider-controls { margin:24px auto; width:100%; max-width:1440px; }
.offer-swiper.swiper.cate_li .slider-controls {display:none;}
.offer-swiper.benefit_li .slider-controls,
.offer-swiper.tip_li .slider-controls,
.offer-swiper.store_li .slider-controls {margin:24px auto 70px;}

.offer-swiper .slider-controls .slide-btn {display:none; width: 16px; height: 16px; margin-left: 10px; }
.offer-swiper .slider-controls .slide-btn.slide-play {display: none; background:#000 url(/sec/static/_images/common/icon-slick-play-sml-wht.svg) 50% 50% no-repeat; background-size: 100% auto; }
.offer-swiper .slider-controls .slide-btn.slide-pause {background:#000 url(/sec/static/_images/common/icon-slick-pause-sml-wht.svg) 50% 50% no-repeat; background-size: 100% auto; }
.offer-swiper .swiper-pagination-progressbar { overflow: hidden; position: relative; width:562px; margin:0 auto; max-width: 562px; margin-left:360px; height: 3px; border-radius: 2px; background-color:rgba(0,0,0,0.1);}
.offer-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius:2px; background:#313131;}

.offer-swiper .swiper-button-next::after,
.offer-swiper .swiper-button-prev::after {display: none;}
.offer-swiper .swiper-pagination-bullet {width:8px; height:8px; margin:7px 6px 5px; background-color:#757575; opacity:1;}
.offer-swiper .swiper-pagination-bullet-active {background-color:#000;}
.offer-swiper .swiper-pagination.tip-pagination,
.offer-swiper .swiper-pagination.store-pagination,
.offer-swiper .swiper-pagination.benefit-pagination {border-width:1px; border-style:solid; border-color:rgba(0,0,0,0.1);   border-radius:12px; padding:0 5px; left: 50%; transform: translate(-50%, 0); opacity:1; height:24px;}

@media screen and (max-width:1920px) and (min-width:1441px){    	
	.offer-swiper.swiper.tip_li .swiper-container,
	.offer-swiper.swiper.benefit_li .swiper-container,
	.offer-swiper.swiper.store_li .swiper-container { margin:0 auto; }
}

@media screen and (max-width:1024px) and (min-width:801px){    			
	.offer-swiper ._ctrl {display:none;}
	.offer-swiper.swiper.cate_li {margin:0 auto 40px;} 
	.offer-swiper.swiper .slider-controls {display:none;}
	.offer-swiper.swiper.tip_li .slider-controls,
	.offer-swiper.swiper.store_li .slider-controls {display:block;}  
	.offer-swiper .swiper-pagination.tip-pagination,
	.offer-swiper .swiper-pagination.store-pagination, 
	.offer-swiper .swiper-pagination.benefit-pagination  {left: 50%; transform: translate(-50%, 0); opacity:1;}	
}

@media screen and (max-width:800px) {   		
	.offer-swiper.swiper {max-width:100%;}  	
	.offer-swiper ._ctrl {display:none;}
	.offer-swiper.swiper.cate_li {margin:0 auto 22px; max-width:100%;} 
	.offer-swiper.swiper .slider-controls { margin:38px auto 32px; width:100%; max-width:100%; }
	.offer-swiper .swiper-pagination-progressbar {width:100%; max-width:calc(100% - 48px); margin: 0 24px;}	
	.offer-swiper .swiper-pagination.tip-pagination,
	.offer-swiper .swiper-pagination.store-pagination {left: 50%; transform: translate(-50%, 0); opacity:1; height:24px;}
	.offer-swiper .swiper-pagination.benefit-pagination {display:none;}
	.offer-swiper.swiper.cate_li .slider-controls {display:block; margin:40px auto 32px; width:100%; max-width:100%; }
	.offer-swiper.swiper.cate_li .swiper-pagination-progressbar {width:100%; max-width:calc(100% - 48px); margin: 0 24px;}	
	.offer-swiper.swiper.newin_li .slider-controls {display: none;}
	.offer-swiper.swiper.recom_li .slider-controls {display: none;}
	.offer-swiper.swiper.prodMenu_li .slider-controls {display: none;}
	.offer-swiper.swiper.store_li .slider-controls {margin:30px auto 60px;}
	.offer-swiper.swiper.tip_li .slider-controls {margin:30px auto 60px;}
	.offer-swiper.swiper.benefit_li .slider-controls {display:none;}
	.offer-swiper.swiper.tip_li .swiper-container,
	.offer-swiper.swiper.benefit_li .swiper-container,
	.offer-swiper.swiper.store_li .swiper-container { margin:0 auto;}
}
@media screen and (max-width:320px) {   	
	.offer-swiper.swiper.cate_li .slider-controls {display:block; margin:40px auto 24px; width:100%; max-width:100%; }
}
/* 혜택 추천 */
.offer-group.offer-category {padding:56px 0 0; margin-top:0; margin-bottom:0;}
.offer-group.offer-category ._ttl {width:100%; max-width:1440px; margin:0 auto;}
.offer-group.offer-category ._ttl h1 {font-size:48px; width:100%; max-width:1440px; margin:0 0 56px 24px; color:#000; font-weight:700; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean'; letter-spacing:-0.01em;}
.offer-group.offer-category ._ttl h1 span {font-size:48px;}

.offer-category .cate_li ul {width:100%; margin:0 auto; padding:0 24px; max-width:100%; }
.offer-category .cate_li li {padding:0; cursor:pointer; width:160px; margin-right:16px; text-align:center;}
.offer-category .cate_li li a {display:flex; margin:0 auto; justify-content:center; flex-direction: column; align-items:center;}
.offer-category .cate_li li a ._img {width:102px; height:102px; border:1px solid #f5f7f7; background:#f5f7f7; box-sizing:border-box;}
.allView.offer-category .cate_li li a.active ._img {border:1px solid #000;} /* KDP-71103 active값 추가 */
.offer-category .cate_li li p {text-align:center; margin-top:28px; font-size:14px; font-weight:700;}
.offer-category .cate_li .slide-btn {display:none;}
.box-offer-category {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin:0; width:100%; max-width:1440px;}

@media screen and (max-width:1024px) and (min-width:801px){    	
	.offer-group.offer-category {padding:40px 0 0; overflow: hidden;}		
	.offer-group.offer-category ._ttl {width:100%; max-width:100%; margin:0 auto;}
	.offer-group.offer-category ._ttl h1 {font-size:36px; line-height: 1.3; width:100%; max-width:100%; margin:0 0 40px 24px; color:#000; font-weight:700; font-family: 'Samsung Sharp Sans', 'SamsungOneKorean'; letter-spacing:-0.02em;}
	.offer-group.offer-category ._ttl h1 span {font-size:36px;}
	.offer-category .cate_li .offer-swiper {padding:0 20px;}
	.offer-category .cate_li li {width:96px; margin-right:12px;}
	.offer-category .cate_li li a ._img {width:66px; height:66px;}	
	.offer-category .cate_li li p {text-align:center; margin-top:16px; font-size:12px;}
}

@media screen and (max-width:800px) and (min-width:360px){    		
	.offer-group.offer-category {padding:32px 0 0; overflow: hidden;}		
	.offer-group.offer-category ._ttl {width:100%; max-width:100%; margin:0 auto;}
	.offer-group.offer-category ._ttl h1 {font-size:32px; line-height:43px; width:100%; max-width:100%; margin:0 0 37px 24px; color:#000; letter-spacing:-0.03em;}
	.offer-group.offer-category ._ttl h1 span {display:block; font-size:32px;}	
	.offer-category .cate_li li {width:96px; margin-right:12px;}
	.offer-category .cate_li li a ._img {width:66px; height:66px; box-sizing:border-box;}	
	.offer-category .cate_li li p {text-align:center; margin-top:18px; font-size:12px;}
}

@media screen and (max-width:359px) and (min-width:320px){    		
	.offer-group.offer-category {padding:32px 0 0; overflow: hidden;}		
	.offer-group.offer-category ._ttl {width:100%; max-width:100%; margin:0 auto;}	
	.offer-group.offer-category ._ttl h1 {font-size:32px; line-height:43px; width:100%; max-width:100%; margin:0 0 37px 24px; color:#000; letter-spacing:-0.03em;}
	.offer-group.offer-category ._ttl h1 span {display:block; font-size:30px;}	
	.offer-category .cate_li li {width:96px; margin-right:12px;}
	.offer-category .cate_li li a ._img {width:66px; height:66px; box-sizing:border-box;}	
	.offer-category .cate_li li p {text-align:center; margin-top:17px; font-size:12px;}
	.offer-newin {margin-top:24px;}	
}


/* new in */
.offer-newin .newin_li ul { width:100%; margin: 0 auto; padding:0; }

/* 추천제품 */
.offer-recom .recom_li ul { width:100%; margin: 0 auto; padding:0; }

/* 상품매뉴 */
.offer-prodMenu .prodMenu_li ul { width: 100%; margin: 0 auto 0; padding: 0; }
.offer-swiper .box-offerList .box-list .box-item { padding:0; margin-right:8px; width:312px; cursor: pointer; }

/* 제품구매 TIP */
.offer-tip .tip_li ul { width: 100%; margin: 0 auto; padding: 0; }
.offer-tip .tip_li li { border-radius:20px; height:440px;}
.offer-tip .tip_li li .txtBox {position:absolute; top:32px; left:24px;}
.offer-tip .tip_li li .tit {margin-bottom:16px; font-size:24px; font-weight:700;}
.offer-tip .tip_li li .picture { display: block; overflow: hidden; border-radius: 20px; height: 440px; position: relative; padding-top: 100%; }
.offer-tip .tip_li li .picture .img { display:block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
.offer-tip .tip_li li .picture .img.m { display:none;}
.offer-tip .tip_li li a:hover .picture .img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.offer-tip .tip_li .slide-btn {display:none;}

/* 삼성닷컴 혜택 */
.offer-benefit .benefit_li ul {width:100%; margin:0 auto; padding:0;}
.offer-benefit .benefit_li li {padding:32px; background:#f7f7f7; border-radius: 8px; min-height:260px;} /* KDP-71103 커서값 삭제 */
.offer-benefit .benefit_li li ._icon {width:40px; height:40px; margin-bottom:24px;}
.offer-benefit .benefit_li li .tit {margin-bottom:8px; font-size:22px; font-weight:700;}
.offer-benefit .benefit_li li .subMt {margin-bottom:6px; min-height: 55px; font-size:16px; font-weight:400; line-height:1.3}
.offer-benefit .benefit_li.memTy li {padding:28px 33px 36px 31px; background:#f7f7f7; border-radius: 8px; min-height:304px;} /* KDP-71103 커서값 삭제 */
.offer-benefit .benefit_li.memTy li .subMt {min-height:100px;}
.offer-benefit .benefit_li li .btn-underline {font-size:16px;}
.offer-benefit .benefit_li.memTy li .btn-underline {font-size:16px;}

/* 삼성의 다양한 스토어 */
.offer-store .store_li ul {width: 100%; margin:0 auto; padding:0;}
.offer-store .store_li li {border-radius:20px; height:440px;}	
.offer-store .store_li li .txtBox {position:absolute; top:32px; left:32px;}
.offer-store .store_li li .tit {margin-bottom:16px; font-size:24px; font-weight:700;}
.offer-store .store_li li .picture { display: block; overflow: hidden; border-radius: 20px; height:440px; position: relative; padding-top: 100%; }
.offer-store .store_li li .picture .img { display:block; position: absolute; height:440px; border-radius:20px; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
.offer-store .store_li li .picture .img.m { display:none; }
.offer-store .store_li li a:hover .picture .img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.offer-store .store_li .slide-btn {display:none;}

.offer-group.offer-tip .box-offer li { width:330px;}
.offer-group.offer-store .box-offer li { width:448px;}
.offer-group.offer-benefit .box-offer li { width:330px;}


@media screen and (max-width:1024px) and (min-width:801px){    	
	.offer-swiper .box-offerList .box-list .box-item { margin-right:8px; width:280px;}
	.offer-swiper .box-offerList .box-list .box-item.swiper-slide:nth-child(2n) {margin-right:8px;}

	.offer-store .store_li li,
	.offer-tip .tip_li li {height:446px;}
	.offer-store .store_li li .picture,
	.offer-tip .tip_li li .picture {height:446px;}
	.offer-group.offer-tip .box-offer li { width:312px;}
	.offer-group.offer-store .box-offer li { width:312px;}
	.offer-group.offer-benefit .box-offer li { width:280px;}
	.offer-tip .tip_li li .tit {font-size:22px;}		
	
	.offer-benefit .benefit_li li,
	.offer-benefit .benefit_li.memTy li {min-height:270px;}	
	.offer-benefit .benefit_li li .tit {margin-bottom:8px; font-size:18px; font-weight:700;}
	.offer-benefit .benefit_li li .subMt,
	.offer-benefit .benefit_li.memTy li .subMt {margin-bottom:24px; min-height:60px; font-size:14px; font-weight:400; line-height:1.3}

	.offer-store .store_li li .picture .img { display:block; position: absolute; height:446px; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
	.offer-store .store_li li .picture .img.m { display:none; }
	.offer-store .tip_li li .picture .img { display:block; position: absolute; height:446px; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
	.offer-store .tip_li li .picture .img.m { display:none; }
}


@media screen and (max-width:800px) and (min-width:320px){  	
	.offer-swiper .box-offerList .box-list .box-item.swiper-slide:nth-child(2n) {margin-right:8px;}	
	.offer-tip .tip_li li .tit {font-size:22px;}		
	.offer-benefit .benefit_li li ._icon,
	.offer-benefit .benefit_li.memTy li ._icon {margin-bottom:27px;}
	.offer-benefit .benefit_li li .tit {font-size:18px; margin-bottom:11px;}
	.offer-benefit .benefit_li li .subMt {font-size:14px; line-height:19px;}	
}

@media screen and (max-width:800px) and (min-width:360px){  
	.offer-swiper .box-offerList .box-list .box-item { margin-right:8px; width:280px;} 

	.offer-group.offer-tip .box-offer li { width:312px;}
	.offer-group.offer-store .box-offer li { width:312px;}
	.offer-group.offer-benefit .box-offer li { width:280px;}

	.offer-store .store_li li,
	.offer-tip .tip_li li {height:446px;}
	.offer-store .store_li li .picture,
	.offer-tip .tip_li li .picture {height:446px;}

	.offer-tip .tip_li li .picture .img { display:none;}
	.offer-tip .tip_li li .picture .img.m { display:block; height:446px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
	
	.offer-store .store_li li .tit {font-size:22px;}
	.offer-store .store_li li .picture .img { display:none;}
	.offer-store .store_li li .picture .img.m { display:block; height:446px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }

	.offer-benefit .benefit_li li {min-height:270px;}
	.offer-benefit .benefit_li.memTy li {min-height:270px;}
	.offer-benefit .benefit_li li .subMt {min-height:83px;}
	.offer-benefit .benefit_li.memTy li .subMt {min-height:83px;}
}
@media screen and (max-width:359px) and (min-width:320px){  
	.offer-swiper .box-offerList .box-list .box-item { margin-right:8px; width:244px;} 

	.offer-group.offer-tip .box-offer li { width:272px;}
	.offer-group.offer-store .box-offer li { width:272px;}
	.offer-group.offer-benefit .box-offer li { width:248px;}

	.offer-store .store_li li,
	.offer-tip .tip_li li {height:389px;}
	.offer-store .store_li li .picture,
	.offer-tip .tip_li li .picture {height:389px;}

	.offer-tip .tip_li li .picture .img { display:none;}
	.offer-tip .tip_li li .picture .img.m { display:block; height:389px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
	
	.offer-store .store_li li .tit {font-size:22px;}
	.offer-store .store_li li .picture .img { display:none;}
	.offer-store .store_li li .picture .img.m { display:block; height:389px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-size: cover; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }

	.offer-benefit .benefit_li li {min-height:270px;}
	.offer-benefit .benefit_li.memTy li {min-height:290px;}
	.offer-benefit .benefit_li li .subMt {min-height:83px;}
	.offer-benefit .benefit_li.memTy li .subMt {min-height:103px;}

}


/* 혜택 전체보기 */
.offerAll-wrap {padding:0; max-width:inherit;}
.offerAll-wrap .offerAll-conbox {overflow-x:hidden; padding:0 0 90px; box-sizing:border-box; min-height:320px; }
.offerAll-wrap .offerAll-conbox .offerAll-inner { padding-left:24px; padding-right:24px; max-width: 1440px; margin: 0 auto;}

.box-offerList .box-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:0; }
.box-offerList .box-list .box-item { position: relative; display: inline-block;}
.box-offerList .box-list .box-item a { display: block; }
.box-offerList .box-list .flag { z-index: 1; position: absolute; top: 16px; left: 16px; display: inline-block; vertical-align: middle; height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px; min-width:58px; text-align:center; color: #fff; font-weight: 700; border-radius: 4px; background-color:#2189ff; }
.box-offerList .box-list .picture { display: block; overflow: hidden; border-radius: 8px; min-height: 312px; position: relative; padding-top: 100%; background-color:#f7f7f7;}
.box-offerList .box-list .picture .img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 50% 50%; background-repeat:no-repeat; background-size:contain; -webkit-transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1); transition: transform 1s cubic-bezier(0.2, 0, 0.1, 1), -webkit-transform 1s cubic-bezier(0.2, 0, 0.1, 1); transform: rotate(0.001deg); }
.box-offerList .box-list a:hover .picture .img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.box-offerList .box-list .detail { padding: 24px 24px 0 0; min-height: 195px; }
.box-offerList .box-list .detail .txt { display: block; min-height: 1px; font-size: 16px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.box-offerList .box-list .detail .tit { display : block; margin-top: 6px; font-size: 22px; max-height: 54px; height:54px; line-height: 1.17; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }/* 22-08-03 KDP-15730 */
.box-offerList .box-list .detail .desc { margin-top: 8px; font-size: 16px; line-height: 1.35; max-height: 42px; height: auto; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.box-offerList .box-list .detail .date { margin-top: 8px; font-size: 14px; line-height: 1.2; color: #000; }
.box-offerList .box-list .detail .priceTit { margin-top: 16px; font-size: 16px; line-height: 1.2;}
.box-offerList .box-list .detail .price { margin-top: 8px; font-size: 20px; font-weight:700; line-height: 1.2; color: #000; }
.box-offerList .box-list .detail .price span { margin-top: 10px; font-size: 16px; font-weight:400; line-height: 1.2; color: #555; margin-left:4px; text-decoration:line-through;}
.box-offerList .box-list .detail .btnbx {display:none;}
.box-offerList .box-list .detail .btnbx .btn {display:inline-block;}

.box-offerList .box-list.col4 .box-item { width: calc(100% / 4 - 6px); margin-right: 8px; }
.box-offerList .box-list.col4 .box-item:nth-child(4n) { margin-right: 0; }
.box-offerList .box-list.col4 .box-item:nth-child(n+5) { margin-top:66px; }

.box-offerList .paging { margin-top: 60px; }
.box-offerList .btn-more-box { margin-top: 49px; text-align: center; }
.box-offerList .btn-more-box .btn-more { display: inline-block; vertical-align: middle; padding: 0 16px; height: 40px; font-size: 14px; line-height: 40px; font-weight: bold; color: #fff; border: 1px solid #000; background:#000; border-radius: 20px; }
.box-offerList .btn-more-box .btn-more:after { content: ""; margin-left: 9px; margin-top: -2px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("https://images.samsung.com/kdp/_pub/offer/icon-arrow-wh.png") center center no-repeat; background-size: 100% auto; -webkit-transform: rotate(0); transform: rotate(0); }

@media screen and (max-width:1024px) and (min-width:801px){    	   	
	.offerAll-wrap .offerAll-conbox {overflow-x:hidden; padding:0 0 90px; box-sizing:border-box; min-height:320px; }
	.offerAll-wrap .offerAll-conbox .offerAll-inner { padding-left:24px; padding-right:24px; max-width:100%; margin:0 auto;}

	.box-offerList { max-width: inherit; margin:0 0 60px; }	
	.box-offerList .box-offerList-none { margin-top: 18px; padding: 60px 24px; border-radius: 10px; }
	.box-offerList .box-offerList-none .txt { font-size: 14px; line-height: 18px; }
	.box-offerList .box-tit { font-size: 24px; line-height: 32px; text-align: center; }
	
	.box-offerList .box-list { margin: 4px 0 0; }
	.box-offerList .box-list .box-item { width: calc(99.9% / 2 - 8px); padding: inherit; margin-right: 16px; }
	.box-offerList .box-list .box-item:nth-child(2n) { margin-right: 0px; }
	.box-offerList .box-list .box-item:nth-child(n+4) { margin-top: inherit; }
	.box-offerList .box-list .box-item:nth-child(n+3) { margin-top: 40px; }
	.box-offerList .box-list .box-item.swiper-slide:nth-child(2n) { margin-right:0; }
	.box-offerList .box-list .box-item.swiper-slide:nth-child(n+4) { margin-top: inherit; }
	.box-offerList .box-list .box-item.swiper-slide:nth-child(n+3) { margin-top:0; }
	.box-offerList .box-list .flag { top: 16px; left: 16px; padding: 0 8px; font-size: 12px; line-height: 26px; border-radius: 4px; min-width:59px; }
	.box-offerList .box-list .picture { border-radius: 4px;  min-height: 280px;}
	.box-offerList .box-list .picture img { width: 100%; }
	.box-offerList .box-list .detail { padding: 24px 4px 0 4px; min-height:160px; }
	.box-offerList .box-list .detail .txt { min-height: 20px; font-size: 16px; line-height: 20px; }
	.box-offerList .box-list .detail .tit { margin-top: 0; font-size: 18px; line-height: 1.4; }
	.box-offerList .box-list .detail .desc { margin-top: 8px; font-size: 14px; line-height: 1.3; }
	.box-offerList .box-list .detail .date { margin-top: 8px; font-size: 12px; line-height: 1.1; }	
	.box-offerList .box-list .detail .priceTit { margin-top: 12px; font-size: 14px; line-height: 1.2;}
	.box-offerList .box-list .detail .price { margin-top: 8px; font-size: 16px; font-weight:700; line-height: 1.2; color: #000; }
	.box-offerList .box-list .detail .price span { margin-top: 10px; font-size: 14px; font-weight:400; line-height: 1.2; color: #555; margin-left:10px; text-decoration:line-through;}
	.box-offerList .box-list .detail .btnbx {display:none;}	
	.box-offerList .box-list.col4 .box-item { width: calc(99.9% / 2 - 8px); margin-right: 16px; }
	.box-offerList .box-list.col4 .box-item:nth-child(2n) { margin-right: 0px; }
	.box-offerList .box-list.col4 .box-item:nth-child(n+3) { margin-top: 40px; }
	.box-offerList .box-list.col4.no-benefit .detail { padding: 24px 0 0; }	
	.box-offerList .paging { display: none; }
}
@media screen and (max-width:800px) and (min-width:320px){  	
	.offerAll-wrap .offerAll-conbox .offerAll-inner { padding:0; max-width:100%; margin:0 auto;}
	.offerAll-wrap .offerAll-conbox .offerAll-inner .box-offerList .box-list .detail { padding:24px 24px 40px; }
	.offerAll-wrap .offerAll-conbox .offerAll-inner .box-offerList .box-list .picture { border-radius:0; }

	.box-offerList { max-width: inherit; margin: 0 0 40px; }
	.box-offerList .box-offerList-none { margin-top: 18px; padding: 60px 24px; border-radius: 10px; }
	.box-offerList .box-offerList-none .txt { font-size: 14px; line-height: 18px; }
	.box-offerList .box-tit { font-size: 24px; line-height: 32px; text-align: center; }
	
	.box-offerList .box-list { margin: 4px 0 0; }
	.box-offerList .box-list .box-item { width:100%; padding: inherit; margin-right:0; }
	
	.box-offerList .box-list .box-item:nth-child(2n) { margin-right:0; }
	.box-offerList .box-list .box-item:nth-child(n+4) { margin-top: inherit; }
	.box-offerList .box-list .box-item:nth-child(n+3) { margin-top: 40px; }
	.box-offerList .box-list .box-item.swiper-slide:nth-child(2n) { margin-right:0; }
	.box-offerList .box-list .box-item.swiper-slide:nth-child(n+4) { margin-top: inherit; }
	.box-offerList .box-list .box-item.swiper-slide:nth-child(n+3) { margin-top:0; }
	
	.box-offerList .box-list .flag { top: 16px; left: 16px; padding: 0 8px; font-size: 12px; line-height: 26px; border-radius: 4px; }
	.box-offerList .box-list .picture { border-radius:4px;  min-height: 244px;}
	.box-offerList .box-list .picture img { width: 100%; }
	.box-offerList .box-list .detail { padding:24px 4px; min-height: 160px; }
	.box-offerList .box-list .detail .txt { min-height: 20px; font-size: 16px; line-height: 1.25; }
	.box-offerList .box-list .detail .tit { margin-top: 0; font-size: 18px; line-height: 1.3; height:47px;}
	.offerAll-wrap .offerAll-conbox .offerAll-inner .box-offerList .box-list .detail .tit { margin-top: 0; font-size:22px; line-height: 1.3; height:auto; max-height:62px;}		
	.box-offerList .box-list .detail .desc { margin-top: 8px; font-size: 14px; line-height: 1.3; letter-spacing:-0.02em }
	.offerAll-wrap .offerAll-conbox .offerAll-inner .box-offerList .box-list .detail .desc { margin-top: 12px; font-size: 14px; line-height: 1.3; letter-spacing:-0.02em }
	.box-offerList .box-list .detail .date { margin-top: 10px; font-size: 12px; line-height: 1.1; }	
	.offerAll-wrap .offerAll-conbox .offerAll-inner .box-offerList .box-list .detail .date { margin-top: 10px; font-size: 14px; line-height: 1.1; }	
	.box-offerList .box-list .detail .priceTit { margin-top: 12px; font-size: 14px; line-height: 1.2;}
	.box-offerList .box-list .detail .price { margin-top: 8px; font-size: 16px; font-weight:700; line-height: 1.2; color: #000; }
	.box-offerList .box-list .detail .price span { margin-top: 10px; font-size: 14px; font-weight:400; line-height: 1.2; color: #555; margin-left:10px; text-decoration:line-through;}
	.box-offerList .box-list .detail .btnbx {display:block; margin-top:24px;}
	.box-offerList .box-list .detail .btnbx .btn-type2 {min-width:120px; height:40px; margin:0; font-size:14px; color:#000; font-weight:bold; border-radius: 20px; border:1px solid #000; background:#fff;}	
	.box-offerList .box-list.col4 .box-item { width:100%; margin-right:0;}
	.box-offerList .box-list.col4 .box-item:nth-child(2n) { margin-right: 0; }
	.box-offerList .box-list.col4 .box-item:nth-child(n+3) { margin-top: 0; }	
	.box-offerList .btn-more-box { margin: 0 auto; width:calc(100% - 48px); text-align: center; }
	.box-offerList .btn-more-box .btn-more { display: inline-block; width:100%; vertical-align: middle; padding: 0 16px; height: 40px; font-size: 14px; line-height: 40px; font-weight: bold; color: #fff; border: 1px solid #000; background:#000; border-radius: 20px; }
	.box-offerList .btn-more-box .btn-more:after { content: ""; margin-left: 9px; margin-top: -2px; display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("https://images.samsung.com/kdp/_pub/offer/icon-arrow-wh.png") center center no-repeat; background-size: 100% auto; -webkit-transform: rotate(0); transform: rotate(0); }

	.box-offerList .paging { display: none; }	
}

/* ============================== */
/* 삼판전용 */
.product-selection[data-page="sampan"] .box-product-card .inner {padding: 20px 20px 160px;}
@media all and (max-width: 1440px) {
    .product-selection[data-page="sampan"] .box-product-card .inner {padding: 20px 20px 150px;}
}
@media all and (max-width: 1100px) {
    .product-selection[data-page="sampan"] .box-product-card .inner {padding: 20px 20px 120px;}
}
@media all and (max-width: 802px) {
    .product-selection[data-page="sampan"] .box-product-card .inner {padding: 20px 20px 40vw;}
}