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


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

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

/* common text area */

/* s : KDP-6092 2021-09-15 vw px·Î Àüȯ */
.wrap-component .component-text { font-size:0; }
.wrap-component .component-text .logo { display:block; padding-bottom:20px; } /* 210318 */
.wrap-component .component-text .logo img {min-width: 56px; min-height: 56px;}
.wrap-component .component-text .box-title .title { display:block; line-height:1.15; font-weight:bold; font-size:52px; color:#000; word-break:keep-all}
.wrap-component .component-text .box-title .title.lrg { font-size: 60px; }
.wrap-component .component-text .box-title .title.lrg.pcd {font-size: 60px;}
.wrap-component .component-text .box-title .title.sml { font-size:36px; }
.wrap-component .component-text .box-title .sub { display:block; line-height:1.3; font-weight:normal; font-size:24px; color:#000; word-break:keep-all; font-family: 'SamsungOneKorean';}
.wrap-component .component-text .box-title .sub.sml { font-size:18px; }
.wrap-component .component-text .box-title .sub.above { padding-bottom: 10px; text-transform: capitalize;}
.wrap-component .component-text .box-title .sub.below { padding-top:20px; }
.wrap-component .component-text .box-title .sub.pcd {font-size: 24px; }
.wrap-component .component-text .box-title .desc { margin-top: 20px; line-height:1.5em; font-size:18px; color:#000; letter-spacing:-0.05em; word-break:keep-all; font-family: 'SamsungOneKorean'; }
.wrap-component .component-text .box-title .desc.sml {font-size: 16px;}
.wrap-component .component-text .box-title .desc.pcd {font-size: 18px;}
.wrap-component .component-text .box-title + .box-btns { padding-top: 40px; padding-bottom: 0;}
.wrap-component .component-text .box-title + .box-disc {padding-bottom: 0;}
.wrap-component .component-text .box-disc { margin-top: 40px; }
.wrap-component .component-text .box-disc .disc { line-height:1.5; font-size:12px; color:#aaa; letter-spacing:-0.05em; word-break:keep-all; }
/* e : KDP-6092 2021-09-15 vw px·Î Àüȯ */


.wrap-component .component-contents .visual-area { font-size:0; }
.wrap-component .component-contents .visual-area.rounded,
.wrap-component .component-contents .visual-area.rounded img,
.wrap-component .component-contents.type-video .visual-area.rounded .video img {border-radius: 20px;}
.wrap-component .component-contents .visual-area .box-disc { display:none; padding:20px 24px; }
.wrap-component .component-contents .visual-area .box-disc .disc { line-height: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%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: url(/sec/static/_images/common/icon-play-video.svg) no-repeat; background-size: 100% auto; opacity: .5;}

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

/* common text align */
.wrap-component .component-contents[class*='txt-mid-'] .component-text:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: middle;}
.wrap-component .component-contents[class*='txt-mid-'] .component-text .component-text-inner {display: inline-block; width: 50%; vertical-align: middle;}
.wrap-component .component-contents[class*='txt-btm-'] .component-text:before {content: ''; display: inline-block; width: 0; height: 100%; margin-left: -4px; vertical-align: bottom;}
.wrap-component .component-contents[class*='txt-btm-'] .component-text .component-text-inner {display: inline-block; width: 50%; vertical-align: bottom;}
.wrap-component .component-contents .txt-top-left .component-text-inner, 
.wrap-component .component-contents .txt-mid-left .component-text-inner, 
.wrap-component .component-contents .txt-btm-left .component-text-inner,
.wrap-component .component-contents .txt-top-center .component-text-inner, 
.wrap-component .component-contents .txt-mid-center .component-text-inner, 
.wrap-component .component-contents .txt-btm-center .component-text-inner{width:100%}/*210305 ie ¹ÌÁö¿ø½Ã »èÁ¦ °¡´É */
.wrap-component .component-contents.txt-top-right .component-text, 
.wrap-component .component-contents.txt-mid-right .component-text, 
.wrap-component .component-contents.txt-btm-right .component-text {text-align: right;}
.wrap-component .component-contents.txt-top-center .component-text, 
.wrap-component .component-contents.txt-mid-center .component-text, 
.wrap-component .component-contents.txt-btm-center .component-text, 
.wrap-component .component-contents.txt-mid-center .box-disc {text-align: center;}
.wrap-component .component-contents.txt-top-right .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-mid-right .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-btm-right .component-text .box-btns > ul > li {float: right;}
.wrap-component .component-contents.txt-top-center .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-mid-center .component-text .box-btns > ul > li, 
.wrap-component .component-contents.txt-btm-center .component-text .box-btns > ul > li {display: inline-block; float: none; vertical-align: top;}

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

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

/* common video */
.wrap-component .component-contents .visual-area img, 
.wrap-component .component-contents.type-video .visual-area .video img {width: 100%;}

/* Component 03 - Carousel Container */
.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.mode-center.w1920px, 
.carousel-container.mode-center.w1680px, 
.carousel-container.mode-center.w1440px, 
.carousel-container.mode-center.w1024px {max-width: inherit;}
.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 .visual .component-text .box-title .desc {font-family: 'SamsungOneKorean', 'µ¸¿ò', sans-serif; letter-spacing: -.03em;}
.carousel-container .component-contents .component-text.txt-top-left,
.carousel-container .component-contents .component-text.txt-top-right,
.carousel-container .component-contents .component-text.txt-top-center,
.carousel-container .component-contents .component-text.txt-btm-left,
.carousel-container .component-contents .component-text.txt-btm-right,
.carousel-container .component-contents .component-text.txt-btm-center {top: 60px; bottom: 60px;}

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

.carousel-container .component-contents.layout-divide .visual-area.vdoDim .video video {height: auto;}

/* KDP-6092 2021-09-15 vw px º¯È¯ */
@media screen and (max-width:1920px){
	.carousel-container .box-btns > ul {margin: -0.521vw 0;}
	.carousel-container .box-btns > ul > li {height: 2.083vw; margin: 0.521vw -0.417vw;}
	.carousel-container .box-btns > ul > li button {margin: 0 0.521vw;}
	.carousel-container .btn-underline {line-height: 1.42; margin: 0 0.260vw; font-size: 0.729vw;}
	.carousel-container .btn-round {min-width: 5vw; height: 2.083vw; margin: 0 0.260vw; padding: 0 1.250vw; font-size: 0.729vw; border-radius: 1.042vw;}
}

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

@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: .875vw; border-radius: .3125vw;}
	.wrap-droplist.compo .droplist-button:before {margin-top: -.5vw; right: .375vw; width: 1vw; height: 1vw; background-size: 1vw auto;}
	.wrap-droplist.compo.active .droplist-button:before {background-size: 1vw auto;}
	.wrap-droplist.compo .droplist {border-radius: .3125vw;}
	.wrap-droplist.compo .droplist li {line-height: 2vw; padding: 0 1.25vw; font-size: .875vw;}

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

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

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

}

@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; }
	.wrap-component .component-text .box-countdown + .box-disc,
	.wrap-component .component-text .box-countdown + .box-btns {margin-top: 0.783vw;}/* 22-02-09 unpac */

	/* button */
	.wrap-component .box-btns {padding-bottom: 1.1111vw;}
	.wrap-component .box-btns > ul {margin: -.6944vw;}
	.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: 8.3333vw; height: 2.7778vw; padding: 0 2.5vw 0 1.3889vw; font-size: .9722vw; border-radius: .3472vw;}
	.wrap-droplist.compo .droplist-button:before {margin-top: -.5556vw; right: .4167vw; width: 1.1111vw; height: 1.1111vw; background-size: 1.1111vw auto;}
	.wrap-droplist.compo.active .droplist-button:before {background-size: 1.1111vw auto;}
	.wrap-droplist.compo .droplist {border-radius: .3472vw;}
	.wrap-droplist.compo .droplist li {line-height: 2.2222vw; padding: 0 1.3889vw; font-size: .9722vw;}

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

	/* common video */
	.wrap-component .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;}

	/* Component 03 - Carousel Container */
	.carousel-container .component-contents .component-text .component-text-inner {padding: 5.5556vw;}
	.carousel-container .component-contents .component-text.txt-top-left,
	.carousel-container .component-contents .component-text.txt-top-right,
	.carousel-container .component-contents .component-text.txt-top-center,
	.carousel-container .component-contents .component-text.txt-btm-left,
	.carousel-container .component-contents .component-text.txt-btm-right,
	.carousel-container .component-contents .component-text.txt-btm-center {top: 4.167vw; bottom: 4.167vw;}
	.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner{padding-bottom:2.5556vw}/* 211222 */

}

/* ÇÊ¿äÇÑ ºÎºÐ¸¸ Àû¿ë */
@media all and (max-width:1100px) {
	/* 211025 */
	.wrap-component .component-text .box-title .desc{font-size:1.375vw}
	
	.wrap-component .component-contents .visual-area .box-disc {padding: 1.8182vw 2.1818vw;}
	.wrap-component .component-contents .visual-area .box-disc .disc {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 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.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;}

	/* Component 03 - Carousel Container */
	.carousel-container .component-contents .component-text .component-text-inner {padding: 7.2727vw;}
	.carousel-container .component-contents .component-text.txt-top-left,
	.carousel-container .component-contents .component-text.txt-top-right,
	.carousel-container .component-contents .component-text.txt-top-center,
	.carousel-container .component-contents .component-text.txt-btm-left,
	.carousel-container .component-contents .component-text.txt-btm-right,
	.carousel-container .component-contents .component-text.txt-btm-center {top: 5.455vw; bottom: 5.455vw;}	
	.wrap-component .component-contents .visual .component-text[class*='txt-btm-'] .component-text-inner{padding-bottom:0}/* 211222 */
}

/* Å×ºí¸´ & ¸ð¹ÙÀÏ */
@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;}
	.wrap-component .component-text .box-countdown + .box-disc,
	.wrap-component .component-text .box-countdown + .box-btns {margin-top: 0.783vw;}/* 22-02-09 unpac */

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

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

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

}

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