@charset "utf-8";

.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-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;}

/* 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.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 */
.wrap-component .component-text { font-size:0; }
.wrap-component .component-text .logo { display:block; padding-bottom:1.042vw; } /* 210318 */
.wrap-component .component-text .logo img {min-width: 2.917vw; min-height: 2.917vw;}
.wrap-component .component-text .box-title .title { display:block; line-height:1.15; font-weight:bold; font-size:2.708vw; color:#000; word-break:keep-all}
.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 { display:block; line-height:1.3; font-weight:normal; font-size:1.250vw; color:#000; word-break:keep-all; font-family: 'SamsungOneKorean'; ;}
.wrap-component .component-text .box-title .sub.sml { font-size:0.938vw; }
.wrap-component .component-text .box-title .sub.above { padding-bottom: 0.521vw; text-transform: capitalize;}
.wrap-component .component-text .box-title .sub.below { padding-top:1.042vw; }
.wrap-component .component-text .box-title .sub.pcd {font-size: 24px; }
.wrap-component .component-text .box-title .desc { 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'; }
.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: 2.083vw; }
.wrap-component .component-text .box-disc .disc { line-height:1.5; font-size:0.625vw; color:#aaa; letter-spacing:-0.05em; word-break:keep-all; }
.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:1.42; font-size:0.729vw; color:#000; letter-spacing:-0.05em; word-break:keep-all; }
.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;}

/* 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%); 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:80px}/* 210413 : main 버튼과 텍스트 간격 */
.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);}
/* .popup-comp-wrap .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; } */
/* scrollbar style for wetkit */
/* .layer-pop .popup-component-contents::-webkit-scrollbar { width:4px; background-color:transparent; }
.layer-pop .popup-component-contents::-webkit-scrollbar-button { display:none; }
.layer-pop .popup-component-contents::-webkit-scrollbar-thumb { border-radius:2em; background-color:rgba(0,0,0,.2); }
.layer-pop .popup-component-contents:hover::-webkit-scrollbar-thumb,
.layer-pop .popup-component-contents::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,.5); } */
/* scrollbar style for mozzilla, ms */
/* .layer-pop .popup-component-contents { scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.2); scrollbar-base-color:transparent; scrollbar-face-color:#ccc; scrollbar-highlight-color:transparent; scrollbar-track-color:transparent; scrollbar-arrow-color:#fff; scrollbar-shadow-color:#ccc; }
.layer-pop .popup-component-contents:hover { scrollbar-color:rgba(0,0,0,.5); } */

/* 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:not(.embed) .popup-component-contents .component-head { position:fixed; top:0; right:0; left:0; z-index:1; } */
.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 ~ 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;}

.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 .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 .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 .slide-btn.slide-pause {background: url(/sec/static/_images/common/icon-slick-pause-sml-wht.svg) 50% 50% no-repeat;} */
.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; max-height: 38px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.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-controls.tab-title .wrap-controls { margin:0; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots { display:inline-block; text-align:center; vertical-align:bottom; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots li { display:inline-block; font-size:0; vertical-align:top; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots li ~ li { margin-left:120px; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots button { display:inline-block; position:relative; width:100%; height:auto; line-height:1.33em; padding-bottom:2px; font-weight:normal; font-size:18px; color:#363636; letter-spacing:-0.07em; background:transparent; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots button:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:transparent; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots li.slick-active button { font-weight:bold; color:#000; }
.wrap-component .slider-controls.tab-title .wrap-controls .slick-dots li.slick-active button:before { background-color:#000; } */
.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: 16.6%; width: auto; padding: 0 24px;}
.wrap-component .slider-tab-title .title button {display: inline-block; position: relative; /*max-width: 100%; // 0329 : ie11 글자짤림 */ line-height: 1.33em; padding: 0 1px 2px 1px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 18px; 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;}
.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: 40px;}
.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 .popup-comp-player.embed .popup-component-contents { transform:translateY(50%); } */
.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 .box-title .title + .desc {font-size: 23px;} */
.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;}
.carousel-container .box-btns > ul {margin: -0.521vw 0;}
.carousel-container .box-btns > ul > li {height: 2.083vw; margin: 0.521vw -0.417vw;}
.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; line-height: 2.71; padding: 0 1.250vw; font-size: 0.729vw; border-radius: 1.042vw;}
.carousel-container .component-contents.layout-divide .visual-area.vdoDim .video video {height: auto;}
/* 210729 countdown */
.box-countdown >ul {display:flex;margin:40px 0 40px 4px}
.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}
/* 210730 date 
.box-date em,
.box-date span{display:inline-block;font-size:32px;font-weight:600;font-family: 'Samsung Sharp Sans', sans-serif;letter-spacing: 0}
.box-date{margin:40px 0}
.box-date em{vertical-align:-50%}
.control-wht .box-date em,
.control-wht .box-date span,*/
.control-wht .box-countdown{color:#fff}
.component-contents .box-countdown >ul >li,
.component-contents .box-countdown .num{color:inherit}
@media screen and (min-width:1101px) and (max-width:1440px){
	/* .box-date, */
	.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:1.0417vw} */
	.box-countdown >ul >li +li::before{margin-left:0.5417vw}
	.box-countdown .num span{width:4.0278vw;font-size:1.1111vw}
	/* .box-date em,
	.box-date span{font-size:2.2222vw} */
}
@media screen and (min-width:801px) and (max-width:1100px){
	/* .box-date, */
	.box-countdown >ul{margin:3.1818vw 0 3.1818vw 0.3636vw}
	.box-countdown >ul >li,
	.box-countdown .num{font-size:3.6111vw}
	.box-countdown .num{margin-left:-0.3636vw}
	.box-countdown >ul >li +li::before{margin-left:0.5091vw}
	.box-countdown .num span{width:5.2727vw;font-size:1.4545vw}
	/* .box-date em,
	.box-date span{font-size:2.9091vw} */
}
@media screen and (min-width:541px) and (max-width:800px){
	/* .box-date, */
	.box-countdown >ul{margin:3.1818vw 0 3.1818vw 0.5000vw}
	.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}
	/* .box-date em,
	.box-date span{font-size:2.9091vw} */
}
@media screen and (max-width:540px){
	.box-countdown >ul{justify-content: center; 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}
	/* .box-date{margin:30px 0 50px;text-align: center}
	.box-date em,
	.box-date span{font-size:26px} */
}
/* 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 .box-product-card .inner {position: relative; width: 280px; margin: 0 20px; padding: 20px 20px 149px; border: 1px solid #d9d9d9; background: #fff;}
.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;}
.product-selection .card-filter {margin-top: 6px;}
.product-selection .card-detail {padding-top: 18px; text-align: center;}
.product-selection .card-detail .box-info {padding-bottom: 12px;}
.product-selection .card-detail .box-info .info-tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 47px; line-height: 1.42; font-weight: bold; font-size: 18px; letter-spacing: -.01em; overflow: hidden;}
.product-selection .card-detail .box-info .info-model {padding-top: 6px; line-height: 1.33; font-size: 12px; color: #000; letter-spacing: 0;}
.product-selection .card-detail .bott-fix {position: absolute; bottom: 80px; right: 0; left: 0; padding: 0 20px; text-align: left;}
.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 .box-btm-btns {position: absolute; bottom: 0; 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 16px;}
.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 10.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: 5.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;}
	.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;}
}
@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 13.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: 7.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;}
}
@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 45.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.111vw; font-size: 3.333vw; text-align: left;}
	.product-selection .card-detail .bott-fix {bottom: 27.222vw; 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 .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;}
	.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;}
}

/* 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 80px;}
.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;}
/* .popup-comp-gallery .popup-component-contents .component-head .pop-close { top:40px; left:auto; right:40px; bottom:auto; width:26px; height:26px; border:none; border-radius:0; background:url(/sec/static/_images/common/icon-close-wht.svg) 50% 50% no-repeat; background-size:20px auto; } */
/* .popup-comp-gallery .popup-component-contents .visual-area { position:relative; top:50%; transform:translateY(-50%); } */

/* 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 .tit.name, 
.tabtype-container.w1024px .tab-prd-list .prd-name .tit {height: auto; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 4px;} */
.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 .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 .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);}
}
@media all and (max-width:800px) {
	.tabtype-container .slider-tabtype-list .slick-slide {height: 100% !important;}
	/* .tabtype-container .tablist-prd-container {margin-top: 40px;} */
	.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: #f7f7f7;}
	.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 picture {position:static;} */
	.tabtype-container .slider-tabtype-list .tab-prd-list .prd-item .prd-figure .fig-img {display: block; /* padding: 16px 0; position:static; */ 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: #f7f7f7;}
	.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%; /* height:auto; */ 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 .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 .box-video-btns .btn-video-play { width:88px; height:88px; background-size:118px 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 .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;}
}
@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;}
}

@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: 1.250vw; 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: 2.500vw; }
    .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 { line-height:1vw; font-size:1vw; }

	/* button */
	.wrap-component .box-btns {padding-bottom: 1vw;}
	.wrap-component .box-btns > ul {margin: -.625vw;}
	.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:0.875vw; border-radius:0.3125vw; }
    .wrap-droplist.compo .droplist-button:before { margin-top:-0.5vw; right:0.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:0.3125vw; }
    .wrap-droplist.compo .droplist li { line-height:2vw; padding:0 1.25vw; font-size:0.875vw; } */
	.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 popup */
	/* .popup-comp-wrap .popup-component-contents .component-head .pop-close { top:2.5vw; right:2.5vw; width:1.625vw; height:1.625vw; background-size:1.375vw 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: 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;}
	/* .popup-comp-player .popup-component-contents .component-head .pop-close { top:0.625vw; right:0.625vw; width:2.25vw; height:2.25vw; background-size:1.25vw auto; } */

	/* common slider */
	.wrap-component .slider-tab-title {padding: 0 1.5vw;}
	.wrap-component .slider-tab-title .title button {padding-bottom: .125vw; font-size: 1.125vw;}
	.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 .slider-grid-gallery .slide-visual { margin:-0.75vw; }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row { padding:0.75vw; }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a { width:calc(50% - 0.75vw); }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a ~ a { margin-left:1.5vw; } */
	.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;}
	/* .popup-comp-gallery .popup-component-contents .component-head .pop-close { top:2.5vw; right:2.5vw; width:1.625vw; height:1.625vw;background-size:1.25vw 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: 1.389vw; 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.833vw; }
    .wrap-component .component-contents .visual-area .box-disc { padding:1.3889vw 1.6667vw; }
    .wrap-component .component-contents .visual-area .box-disc .disc { line-height:1.2500vw; font-size:0.9722vw; }

	/* button */
	.wrap-component .box-btns {padding-bottom: 1.1111vw;}
	.wrap-component .box-btns > ul {margin: -.6944vw;}
	.wrap-component .box-btns > ul > li {height: 2.7778vw; margin: .6944vw -.555555556vw;}
	.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: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; } */
	.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-wrap .popup-component-contents .component-head .pop-close { top:2.7778vw; right:2.7778vw; width:1.8056vw; height:1.8056vw; background-size:1.5278vw auto; } */

	.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;}
	/* .popup-comp-player .popup-component-contents .component-head .pop-close { top:0.6944vw; right:0.6944vw; width:2.5vw; height:2.5vw; background-size:1.3889vw auto; } */

	/* 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 ~ 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: 7.9166667vw; margin: 0 .555556vw;}
	.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: 2.6388889vw;}
	.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.25vw;}
	.wrap-component .slick-slider .slick-arrow.slick-prev {left: 1.3889vw;}
	.wrap-component .slick-slider .slick-arrow.slick-next {right: 1.3889vw;}
	.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;}

	/* 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 .slider-grid-gallery .slide-visual { margin:-0.8333vw; }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row { padding:0.8333vw; }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a { width:calc(50% - 0.8333vw); }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a ~ a { margin-left:1.6667vw; } */
	.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;}
	/* .popup-comp-gallery .popup-component-contents .component-head .pop-close { top:2.7778vw; right:2.7778vw; width:1.8056vw; height:1.8056vw; background-size:1.3889vw 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) {
	/* common padding */
	/* .wrap-component .pt-nrw { padding-top:3.6364vw; }
    .wrap-component .pt-wide { padding-top:7.2727vw; }
    .wrap-component .pt-vwide { padding-top:14.5455vw; }
    .wrap-component .pb-nrw { padding-bottom:3.6364vw; }
    .wrap-component .pb-wide { padding-bottom:7.2727vw; }
    .wrap-component .pb-vwide { padding-bottom:14.5455vw; }
    .wrap-component .component-contents .pt-nrw { padding-top:3.6364vw; }
    .wrap-component .component-contents .pt-wide { padding-top:7.2727vw; }
    .wrap-component .component-contents .pt-vwide { padding-top:14.5455vw; }
    .wrap-component .component-contents .pb-nrw { padding-bottom:3.6364vw; }
    .wrap-component .component-contents .pb-wide { padding-bottom:7.2727vw; }
    .wrap-component .component-contents .pb-vwide { padding-bottom:14.5455vw; } */

	/* common text area */
	/* .wrap-component .component-text .logo { padding-bottom:1.8182vw; }
    .wrap-component .component-text .box-title .title { padding-bottom:1.8182vw; line-height:5.7273vw; font-size:4.3636vw; }
    .wrap-component .component-text .box-title .title.lrg { line-height:7.6364vw; font-size:5.8182vw; }
    .wrap-component .component-text .box-title .title.sml { line-height:3.9091vw; font-size:2.9091vw; }
    .wrap-component .component-text .box-title .sub { line-height:2.6364vw; font-size:2vw; }
    .wrap-component .component-text .box-title .sub.sml { line-height:2.3636vw; font-size:1.8182vw; }
    .wrap-component .component-text .box-title .sub.above { padding-bottom:0.7273vw; }
    .wrap-component .component-text .box-title .sub.below { padding-bottom:1.8182vw; }
    .wrap-component .component-text .box-title .desc { padding-bottom:5.4545vw; line-height:2.0909vw; font-size:1.6364vw; }
    .wrap-component .component-text .box-title .desc.sml { line-height:1.6364vw; font-size:1.2727vw; } 
	.wrap-component .component-text .box-disc {padding-bottom: 3.6364vw;} 
	.wrap-component .component-text .box-disc .disc {font-size: 1.091vw;}*/
	.wrap-component .component-contents .visual-area .box-disc {padding: 1.8182vw 2.1818vw;}
	.wrap-component .component-contents .visual-area .box-disc .disc {line-height: 1.6364vw; font-size: 1.091vw;}

	/* button */
	.wrap-component .box-btns {padding-bottom: 1.4545vw;}
	.wrap-component .box-btns > ul {margin: -.9091vw;}
	.wrap-component .box-btns > ul > li {height: 3.6364vw; margin: .9091vw -.727272727vw;}
	.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 popup */
	/* .popup-comp-wrap .popup-component-contents .component-head .pop-close { top:3.6364vw; right:3.6364vw; width:2.3636vw; height:2.3636vw; background-size:2vw auto; } */

	/* 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;}
	/* .popup-comp-player .popup-component-contents .component-head .pop-close { top:0.9091vw; right:0.9091vw; width:3.2727vw; height:3.2727vw; background-size:1.8182vw auto; } */

	/* 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 ~ 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: 4.3636364vw;}
	.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: 10.363636vw; margin: 0 .72727vw;}
	.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.6364vw;}
	.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;}	

	/* 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;}
	/* .video-columns .component-contents .bundle-area { padding:2.1818vw 4.5455vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle { flex:0 0 calc(25% - 1.3636vw); width:calc(25% - 1.3636vw); }
    .video-columns .component-contents .bundle-area .box-video-list .bundle ~ .bundle { margin-left:1.8182vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle a { padding:2.1818vw 1.8182vw 1.8182vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle .info { padding-bottom:1.4545vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle .info .sub { padding-bottom:0.7273vw; font-size:1.6364vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle .info .title { font-size:2vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video { height:2.5455vw; padding:0 1.3636vw; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle .btn-video span { line-height:2.3636vw; margin-bottom:0.0909vw; padding-right:2vw; font-size:1.2727vw; background-size:1.4545vw auto; }
    .video-columns .component-contents .bundle-area .box-video-list .bundle .icon { bottom:2.1818vw; right:1.8182vw; width:7.2727vw; height: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 .slider-grid-gallery .slide-visual { margin:-1.0909vw; }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row { padding:1.0909vw; }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a { width:calc(50% - 1.0909vw); }
    .gallery-carousel .slider-grid-gallery .slide-visual .visual-col .visual-col-inner .row .visual-row-inner a ~ a { margin-left:2.1818vw; } */
	.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;}
	/* .popup-comp-gallery .popup-component-contents .component-head .pop-close { top:3.6364vw; right:3.6364vw; width:2.3636vw; height:2.3636vw;background-size:1.8182vw 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: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;}
	.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;}
	.wrap-component .component-text .box-title .title { line-height:1.16; font-size:10vw; }
	.wrap-component .component-text .box-title .title.pcd { font-size: 10vw; }
	.wrap-component .component-text .box-title .title.lrg { font-size: 13.333vw; }
	.wrap-component .component-text .box-title .title.lrg.pcd { font-size: 13.333vw; }
    .wrap-component .component-text .box-title .title.sml { font-size:6.667vw; }
	.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: 5.556vw; 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-disc { margin-top:8.333vw; }
    .wrap-component .component-text .box-disc .disc { font-size: 3.333vw; }
    .wrap-component .component-contents .visual-area .box-disc { display:block; padding:5.556vw 3.333vw; }
    .wrap-component .component-contents .visual-area .box-disc .disc { line-height:1.33; font-size:3.333vw;}
	.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;}

	/* 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 {/* max-width:270px; */ 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-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 30px;}
	.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: none;}
	.wrap-component .component-contents.type-video .component-text .box-disc {display: block;}
	.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;}
	.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 ~ 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 .slick-arrow.slick-prev { left:12px; }
    .wrap-component .slick-slider .slick-arrow.slick-next { right:12px; }
	.wrap-component .slick-slider.arr-circle .slick-arrow { width:40px; height:40px; font-size:1px; }
	.wrap-component .slick-slider.arr-circle .slick-arrow:after {background-size:10px;}
	.wrap-component .slick-slider.arr-line .slick-arrow { width:24px; height:24px; }
	.wrap-component .slick-slider.arr-line .slick-arrow:after {background-size: cover;}
    .wrap-component .slick-slider.arr-box .slick-arrow { width:24px; height:80px; }
    .wrap-component .slick-slider.arr-box .slick-arrow.slick-prev { border-top-right-radius:5px; border-bottom-right-radius:5px; }
    .wrap-component .slick-slider.arr-box .slick-arrow.slick-next { border-top-left-radius:5px; border-bottom-left-radius:5px; }
    .wrap-component .slick-slider.arr-box .slick-arrow.slick-prev:after { width:24px; height:80px; background-size:20px auto; }
	.wrap-component .slick-slider.arr-box .slick-arrow.slick-next:after { width:24px; height:80px; background-size:20px auto; } */
	.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 .visual-area {padding-top: 20px;}
	.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: 16px;}
	.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 .component-contents .component-text .box-disc { display:none; } */
	.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 {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;}
	.feature-full-bleed .component-contents .component-text .box-disc {display: block;}
	.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 .component-text:before, 
	.feature-full-bleed .component-contents.type-video .component-text:before {display: none;}
	.feature-full-bleed .component-contents.type-video .component-text .component-text-inner {display: block;} */
	.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 5.5556vw;}
	.feature-full-bleed .component-contents.layout-divide .component-text .visual-area {margin-top: 0; padding-left: 0; padding-right: 0; padding-top: 5.556vw;}
	.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: 4.444vw;}
	.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; margin-top: 4.444vw;}
	.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 .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 .component-text .box-disc { display:none; } */
	.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 .slick-arrow {display: none !important;}
	.carousel-container .component-contents .moArrow .slick-arrow {display: block !important;} */
	.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*/
	.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;}

	/* 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: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;}
}

.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 .box-product-card {/* float: left;  */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;}
.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 {position: relative; padding: 18px 0 67px; 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-detail .bott-fix {position: absolute; bottom: 0; right: 0; left: 0; text-align: left;}
.product-card .card-detail .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 {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 {float: left;}
.product-card .card-detail .bott-fix > div + div {padding-top: 6px;}
.product-card .card-detail .bott-fix > div + div + div {padding-top: 0;}
.product-card .card-detail .bott-fix > div:last-child {padding-top: 0;}
.product-card .card-detail .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 {position: relative; top: 2px; font-size: 22px; font-weight: bold; color: #000;}
.product-card .card-detail .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-ben > span,
.product-card .card-detail .bott-fix > div:last-child.pic-mem > span,
.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-ben > em > span,
.product-card .card-detail .bott-fix > div:last-child.pic-mem > em > span {color: #2189FF;}
.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)}
@media (max-width: 1100px){
	.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%}
}

.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}
}
@media (max-width: 1100px){
	.product-card.title-line2-type .card-detail .box-info .info-tit{height: 4.1691vw;line-height: 2.18vw}
}
@media (max-width: 800px){
	.product-card.title-line2-type .card-detail .box-info .info-tit{height: 38px;line-height: 19px}
}
@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 4.653vw;}
	.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-'] {font-size: .833vw;}
	.product-card .card-detail .bott-fix [class^='pic-'] span, 
	.product-card .card-detail .bott-fix [class^='pic-'] em {font-size: .972vw;}
	.product-card .card-detail .bott-fix > div + div {padding-top: .417vw;}
	.product-card .card-detail .bott-fix > div + div + div,
	.product-card .card-detail .bott-fix > div:last-child {padding-top: 0;}
	.product-card .card-detail .bott-fix > div:last-child > span {top: .278vw; font-size: 1.250vw;}
	.product-card .card-detail .bott-fix > div:last-child > em {top: .139vw; font-size: 1.528vw;}
	.product-card .card-detail .bott-fix > div:last-child > em > span {top: -.069vw; font-size: 1.111vw;}

	.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 6.0909vw;}
	.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-'] {font-size: 1.0909vw;}
	.product-card .card-detail .bott-fix [class^='pic-'] span, 
	.product-card .card-detail .bott-fix [class^='pic-'] em {font-size: 1.2727vw;}
	.product-card .card-detail .bott-fix > div + div {padding-top: .545vw;}
	.product-card .card-detail .bott-fix > div + div + div,
	.product-card .card-detail .bott-fix > div:last-child {padding-top: 0;}
	.product-card .card-detail .bott-fix > div:last-child > span {top: .364vw; font-size: 1.636vw;}
	.product-card .card-detail .bott-fix > div:last-child > em {top: .182vw; font-size: 2vw;}
	.product-card .card-detail .bott-fix > div:last-child > em > span {top: -.091vw; font-size: 1.455vw;}

	.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 61px;}
	.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-'] {font-size: 12px;}
	.product-card .card-detail .bott-fix [class^='pic-'] span, 
	.product-card .card-detail .bott-fix [class^='pic-'] em {font-size: 12px; line-height: 1.333;}
	.product-card .card-detail .bott-fix > div + div {padding-top: 6px;}
	.product-card .card-detail .bott-fix > div + div + div,
	.product-card .card-detail .bott-fix > div:last-child {padding-top: 0;}
	.product-card .card-detail .bott-fix > div:last-child > span {top: 4px; font-size: 12px;}
	.product-card .card-detail .bott-fix > div:last-child > em {top: 2px; font-size: 16px;}
	.product-card .card-detail .bott-fix > div:last-child > em > span {top: -1px; font-size: 12px;}

	.product-card .card-btn {padding-top: 12px; margin-top: 18px;}
	.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}