@charset "utf-8";

@font-face {
	font-family:'HKTM'; font-style:normal; font-weight:normal;
	src:url('/common/font/HankookTTFMedium.woff2') format('woff2'),
		url('/common/font/HankookTTFMedium.woff') format('woff');
}

/* Layout re-style */
header {position:fixed; top:0; width:100%; /*min-width:1580px;*/min-width:1260px; margin:0 auto;}
header >.wrap {/*width:1440px;*/min-width:1260px; max-width:1440px;} /* 20200811 GNB Renew - Dean */

@media all and (max-width:1023px) {
	header >.wrap >h1{position:absolute; left:0; padding:28px 0 0; margin:0; z-index:100; text-align:left;} /* 20200811 GNB Renew - Dean */
	header >.wrap >nav{max-width:none; height:auto; margin:0;} /* 20200811 GNB Renew - Dean */
	header >.wrap >nav #menu ul{float:right; margin:30px 0 16px 0; text-align:left;} /* 20200811 GNB Renew - Dean */
	header >.wrap >nav #menu ul li{float:left; display:block; padding:0 0 0 30px;} /* 20200811 GNB Renew - Dean */
}
@media all and (max-width:969px) {
	#menu .btn_global {position:static; top:auto; right:auto}
}

.footer {position:static; min-width:1580px;}
/* //Layout re-style */
/* 20220412 remove */
/* #main {display:block; min-width:1580px; padding-top:81px;}
.container {position:relative; width:1440px; margin:0 auto;}
.container .title_h01 {font-size:48px; line-height:1.2; font-weight:bold; color:#fff;}
.container .title_h02 {font-size:32px; line-height:1.1; color:#fff; margin-bottom:18px;}
.container .title_h03 {font-size:26px; line-height:1.1; color:#fff;}
.container .title_Video_h01 {font-size: 35px};20200827 Main Page Renew - Max

.mbtn01 {display:inline-block; color:#fff; font-size:20px;}
.mbtn01 .ico {position:relative; display:inline-block; vertical-align:middle; width:55px; height:55px;}
.mbtn01 .ico svg {position:absolute; top:0; left:0; width:55px; height:55px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.mbtn01 .ico svg .path_bg {stroke:rgba(255,255,255,.5); stroke-width:1px; fill:rgba(0,0,0,.33);}
.mbtn01 .ico svg .path_outline {stroke:#fff; stroke-width:1px; fill:none; stroke-dasharray:170; stroke-dashoffset:170;}
.mbtn01 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-8px 0 0 -12px; width:14px; height:14px; border-right:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.swiper-button-prev, .swiper-button-next {width:auto; height:auto; outline:0;}
.swiper-button-prev::after, .swiper-button-next::after {content:none;}
.swiper-button-prev.mbtn01 .ico {-webkit-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); transform:rotateY(-180deg);}

.mbtn02 {display:inline-block; color:#fff; font-size:20px;}
.mbtn02 .ico {position:relative; display:inline-block; vertical-align:middle; width:55px; height:55px; margin-right:12px;}
.mbtn02 .ico svg {position:absolute; top:0; left:0; width:55px; height:55px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.mbtn02 .ico svg .path_bg {stroke:rgba(255,255,255,.5); stroke-width:1px; fill:rgba(0,0,0,.33);}
.mbtn02 .ico svg .path_outline {stroke:#fff; stroke-width:1px; fill:none; stroke-dasharray:170; stroke-dashoffset:170;}
.mbtn02 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-11px 0 0 -1px; height:22px; border-right:2px solid #fff;}
.mbtn02 .ico::after {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-1px 0 0 -11px; width:22px; border-bottom:2px solid #fff;}

.mkeyvisual {position:relative; height:726px; overflow:hidden; border-bottom:47px solid #08060e;}
.mkeyvisual .kv_visual {height:100%;}
.mkeyvisual .kv_visual .swiper-slide {background-position:50% 50%; background-size:cover;}
.mkeyvisual .kv_content {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; color:#fff; font-size:26px; line-height:1.3;}
.mkeyvisual .kv_content .overlay::before {content:''; position:absolute; top:0; left:0; width:459px; height:100%; background:url('../images/main_new/bg_kvisual_overlay.png') no-repeat 0 0; background-size:cover;}
.mkeyvisual .kv_content .overlay::after {content:''; position:absolute; z-index:-1; top:0; left:-160px; width:943px; height:100%; background:url('../images/main_new/bg_kvisual_overlay_obj.png') no-repeat 100% 0; background-size:cover;}
.mkeyvisual .kv_content .swiper-slide .container {height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
.mkeyvisual .kv_content .swiper-slide .container >div {padding-bottom:164px; overflow:hidden;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 {display:block; margin-bottom:50px; font-size:79px; line-height:1.1;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 >img {vertical-align:top; padding-top:14px;}
.mkeyvisual .kv_content .swiper-slide .container .figure {position:absolute; top:61px; right:-95px;}
.mkeyvisual .kv_content .swiper-slide .container .btn_wrap {position:absolute; left:0; bottom:43px;}
.mkeyvisual .kv_content .swiper-slide {position:absolute; top:0; left:0; opacity:0;}
.mkeyvisual .kv_content .overlay::after {-webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .4s cubic-bezier(.2,.99,.3,1); transition:transform .4s cubic-bezier(.2,.99,.3,1); transition:transform .4s cubic-bezier(.2,.99,.3,1), -webkit-transform .4s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 {-webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); -webkit-transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_content .swiper-slide .container .title_h02 {-webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); -webkit-transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_content .swiper-slide .container .text {-webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); -webkit-transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_content .swiper-slide .container .btn_wrap {opacity:0; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left; -webkit-transition:opacity .2s, -webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:opacity .2s, -webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), opacity .2s; transition:transform .8s cubic-bezier(.2,.99,.3,1), opacity .2s, -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_content .swiper-slide .container .figure {opacity:0; -webkit-transition:opacity .3s; transition:opacity .3s;}
.mkeyvisual .kv_content .swiper-slide-active {opacity:1; z-index:1;}
.mkeyvisual .kv_content .swiper-slide-active .container .title_h02 {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.1s; transition-delay:.1s;}
.mkeyvisual .kv_content .swiper-slide-active .container .title_h01 {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.2s; transition-delay:.2s;}
.mkeyvisual .kv_content .swiper-slide-active .container .text {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.3s; transition-delay:.3s;}
.mkeyvisual .kv_content .swiper-slide-active .container .btn_wrap {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:1s; transition-delay:1s;}
.mkeyvisual .kv_content .swiper-slide-active .container .figure {opacity:1;}
.mkeyvisual .kv_content .swiper-slide-active .overlay::after {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.mkeyvisual .swiper-button-prev, .mkeyvisual .swiper-button-next {left:auto; right:-150px; margin:0;}
.mkeyvisual .swiper-button-prev {top:295px;}
.mkeyvisual .swiper-button-next {top:375px;}
@media all and (max-width:1740px) {
	.mkeyvisual .kv_content .swiper-slide .container .figure {right:-10px;}
	.mkeyvisual .swiper-button-prev {right:-65px;}
	.mkeyvisual .swiper-button-next {right:-65px;}
} */
/* 20220412 add */
/* 20250319 GNB style 변경 */
#main {display:block; min-width:1580px; padding-top:115px;}
/* //20250319 GNB style 변경 */
.container {position:relative; width:1440px; margin:0 auto;}
.container .title_h01 {font-size:48px; line-height:1.2; font-weight:bold; color:#fff;}
.container .title_h02 {font-size:32px; line-height:1.1; color:#fff; margin-bottom:18px;}
.container .title_h03 {font-size:26px; line-height:1.1; color:#fff;}
.container .title_Video_h01 {font-size: 35px};

.mbtn01 {display:inline-block; color:#fff; font-size:20px;}
.mbtn01 .ico {position:relative; display:inline-block; vertical-align:middle; width:55px; height:55px;}
.mbtn01 .ico svg {position:absolute; top:0; left:0; width:55px; height:55px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.mbtn01 .ico svg .path_bg {stroke:rgba(255,255,255,.5); stroke-width:1px; fill:rgba(0,0,0,.33);}
.mbtn01 .ico svg .path_outline {stroke:#fff; stroke-width:1px; fill:none; stroke-dasharray:170; stroke-dashoffset:170;}
.mbtn01 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-8px 0 0 -12px; width:14px; height:14px; border-right:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.swiper-button-prev, .swiper-button-next {width:auto; height:auto; outline:0;}
.swiper-button-prev::after, .swiper-button-next::after {content:none;}
.swiper-button-prev.mbtn01 .ico {-webkit-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); transform:rotateY(-180deg);}

.mbtn02 {display:inline-block; color:#fff; font-size:20px;}
.mbtn02 .ico {position:relative; display:inline-block; vertical-align:middle; width:55px; height:55px; margin-right:12px;}
.mbtn02 .ico svg {position:absolute; top:0; left:0; width:55px; height:55px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg);}
.mbtn02 .ico svg .path_bg {stroke:rgba(255,255,255,.5); stroke-width:1px; fill:rgba(0,0,0,.33);}
.mbtn02 .ico svg .path_outline {stroke:#fff; stroke-width:1px; fill:none; stroke-dasharray:170; stroke-dashoffset:170;}
.mbtn02 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-11px 0 0 -1px; height:22px; border-right:2px solid #fff;}
.mbtn02 .ico::after {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-1px 0 0 -11px; width:22px; border-bottom:2px solid #fff;}

.mkeyvisual {height:auto;}
.mkeyvisual .kv_visual {display:block;position:relative;width:100%; height:100%; color:#fff; font-size:26px; line-height:1.3;margin:0 auto;}
.mkeyvisual .kv_visual .overlay::before {content:''; position:absolute; top:0; left:0; width:24.12%; height:100%; background:url('/id/front/images/main_new/bg_kvisual_overlay.png') no-repeat 0 0; background-size:cover;background-position: top right;z-index:2;}
.mkeyvisual .kv_visual .overlay::after {content:''; position:absolute; z-index:3; top:0; left:-160px; width:49.554%; height:100%; background:url('/id/front/images/main_new/bg_kvisual_overlay_obj.png') no-repeat 100% 0; background-size:cover;background-position: top right;}
.mkeyvisual .kv_visual .overlay.type2::after {display:none;}
.mkeyvisual .kv_visual .swiper-wrapper {height:726px}
.mkeyvisual .kv_visual .swiper-slide {height:726px;}
.mkeyvisual .kv_visual .swiper-slide .bg {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-position: 50% 50%;background-size: cover;z-index:1;-webkit-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;}
.mkeyvisual .kv_visual .swiper-slide .video-wrap {opacity:0;position:relative;height:726px;width:100%;min-width:1240px;max-width:1920px;overflow:hidden;margin:0 auto;-webkit-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;}
.mkeyvisual .kv_visual .swiper-slide .video-wrap video {position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;}
.mkeyvisual .kv_visual .swiper-slide > img {display:block;margin:0 auto;}
.mkeyvisual .kv_visual .swiper-slide .container {position:absolute;top:0;left:50%;width:100%;height:100%;max-width:1440px;min-width:1440px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;z-index:4;}
.mkeyvisual .kv_visual .swiper-slide .container > div {padding-bottom:164px; overflow:hidden;}
.mkeyvisual .kv_visual .swiper-slide .container .uefa_div{padding-bottom: 78px;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 {position: relative;display:block; margin-bottom:50px; font-size:79px; line-height:1.1;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01.is_image {font-size:0;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 > img {vertical-align:top; padding-top:14px;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 .newMark {position: relative; display:inline-block;vertical-align:top;padding-left:1px;padding-top:5px;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 .newMark.type2 {padding-left:8px}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 .newMark > img {display:block;width:100%;max-width:100%;}
.mkeyvisual .kv_visual .swiper-slide .container .figure {position:absolute; top:61px; right:-95px;}
.mkeyvisual .kv_visual .swiper-slide .container .btn_wrap {position:absolute; left:0; bottom:43px;}
.mkeyvisual .kv_visual .overlay::after {-webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:-webkit-transform .4s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .4s cubic-bezier(.2,.99,.3,1); -o-transition:transform .4s cubic-bezier(.2,.99,.3,1); transition:transform .4s cubic-bezier(.2,.99,.3,1); transition:transform .4s cubic-bezier(.2,.99,.3,1), -webkit-transform .4s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 {-webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); -webkit-transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); -o-transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_visual .swiper-slide .container .title_h02 {-webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); -webkit-transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); -o-transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_visual .swiper-slide .container .text {-webkit-transform:translateX(-200%); -ms-transform:translateX(-200%); transform:translateX(-200%); -webkit-transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:-webkit-transform .8s cubic-bezier(.2,.99,.3,1); -o-transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1); transition:transform .8s cubic-bezier(.2,.99,.3,1), -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_visual .swiper-slide .container .btn_wrap {opacity:0; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left; -webkit-transition:opacity .2s, -webkit-transform .8s cubic-bezier(.2,.99,.3,1); transition:opacity .2s, -webkit-transform .8s cubic-bezier(.2,.99,.3,1); -o-transition:transform .8s cubic-bezier(.2,.99,.3,1), opacity .2s; transition:transform .8s cubic-bezier(.2,.99,.3,1), opacity .2s; transition:transform .8s cubic-bezier(.2,.99,.3,1), opacity .2s, -webkit-transform .8s cubic-bezier(.2,.99,.3,1);}
.mkeyvisual .kv_visual .swiper-slide .container .figure {opacity:0; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
.mkeyvisual .kv_visual .swiper-slide-active .video-wrap,
.mkeyvisual .kv_visual .swiper-slide-active .bg{opacity:1;-webkit-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;}
.mkeyvisual .kv_visual .swiper-slide-active .container .title_h02 {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.1s; -o-transition-delay:.1s; transition-delay:.1s;}
.mkeyvisual .kv_visual .swiper-slide-active .container .title_h01 {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.2s; -o-transition-delay:.2s; transition-delay:.2s;}
.mkeyvisual .kv_visual .swiper-slide-active .container .text {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.3s; -o-transition-delay:.3s; transition-delay:.3s;}
.mkeyvisual .kv_visual .swiper-slide-active .container .btn_wrap {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;}
.mkeyvisual .kv_visual .swiper-slide-active .container .figure {opacity:1;}
.mkeyvisual .kv_visual .swiper-slide-active .overlay::after {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}

.mkeyvisual .kv_visual .swiper-pagination {height:auto;font-size:0;bottom:60px;}
.mkeyvisual .kv_visual .swiper-pagination-bullet {width:32px;height:auto;text-align:center;background:transparent;font-size:0;margin:0;opacity:.6;vertical-align:top;outline:none;}
.mkeyvisual .kv_visual .swiper-pagination-bullet-active {background:transparent;opacity:1}
.mkeyvisual .kv_visual .swiper-pagination-bullet .swiper-pagination-bullet-circle {display:inline-block;width:10px;height:10px;border:1px solid #d5d5d6;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.2);border-radius:6px;-webkit-transition: width .2s ease-in-out;-o-transition: width .2s ease-in-out;transition: width .2s ease-in-out;vertical-align:top;cursor:pointer}
.mkeyvisual .kv_visual .swiper-pagination-bullet-active .swiper-pagination-bullet-circle {background:#fff;width:24px;-webkit-transition: width .3s ease-in-out;-o-transition: width .3s ease-in-out;transition: width .3s ease-in-out;}

.mkeyvisual .kv_visual .progress-bar {position:relative;width:100%;min-width:1440px;max-width:1920px;height:1px;margin:0 auto;background:rgba(255,255,255,.3);margin-top:20px;}
.mkeyvisual .kv_visual .progress-bar .stick {position:absolute;top:0;left:0;width:0;height:1px;background:#fff;}

@media all and (max-width:1740px) {
    .mkeyvisual .kv_visual .swiper-slide .container .figure {right:-10px;}
}
/* //20220412 add */
.mbrand {background:#44187f; background:-webkit-linear-gradient(left, #140a26 0, #44187f 35%, #44187f 65%, #140a26 100%); background:linear-gradient(to right, #140a26 0, #44187f 35%, #44187f 65%, #140a26 100%);}
.mbrand .container {padding:26px 0 30px; text-align:center; color:#fff; font-size:46px; line-height:1.2; font-family:'HKTM', 'Roboto', Tahoma, sans-serif;}

.mprodfamily {padding:80px 0 86px;}
.mprodfamily .container .title_h02 {margin-bottom:35px; font-size:36px; font-weight:bold;}
.mprodfamily .container .title_h03 {margin-bottom:25px;}
.mprodfamily .prodlist_wrap {position:relative;}
.mprodfamily .items::after {content:''; display:block; clear:both;}
.mprodfamily .items > li {float:left; width:340px; margin-right:20px; text-align:left;}
.mprodfamily .items > li img {vertical-align:top;}
.mprodfamily .items > li .infobox {padding:14px 25px 20px; background:#131214; color:#fff; box-sizing:border-box;}
.mprodfamily .items > li .infobox >em {display:block; margin-bottom:5px; font-size:30px; line-height:1.1; font-weight:bold;}
.mprodfamily .items > li .infobox .text {display:block; padding-bottom:5px; color:#959595; font-size:18px; line-height:1.25;}
/*.mprodfamily .items > li .infobox .tag {display:inline-block; margin:6px 0 0; padding:0 10px; background:#000; font-size:16px; line-height:30px; color:#959595;}*/
.mprodfamily .items.col3 > li {width:460px;}
.mprodfamily .items.col2 {padding-right:20px; text-align:center;}
.mprodfamily .items.col2 > li {float:none; display:inline-block; vertical-align:top; width:460px; margin:0 100px;}
.mprodfamily .items.text_line2 > li .infobox .text {height:50px; box-sizing:border-box;}
/* 20210223 AU CTA Button Update CWX */
.mprodfamily .items > li .infobox .infobox_list { font-size:0;margin-top:6px}
.mprodfamily .items > li .infobox .tag {display:inline-block;padding:0 10px; background:#343136; font-size:14px; line-height:30px; color:#fff; border-radius: 25px;vertical-align:top;}
.mprodfamily .items > li .infobox .tag + .tag {margin-left:4px;}
.mprodfamily .items > li .infobox a:hover {background:#3d245f;color:#fff;}
.mprodfamily .items > li .infobox .tag {padding:2px 10px 0px 10px; letter-spacing:-0.5px;}
/* //20210223 */
.mprodfamily .swiper-button-prev, .mprodfamily .swiper-button-next {top:162px; margin:0;}
.mprodfamily .swiper-button-prev {left:-150px;}
.mprodfamily .swiper-button-next {right:-150px;}
.mprodfamily .swiper-button-disabled {opacity:0;}
@media all and (max-width:1740px) {
	.mprodfamily .swiper-button-prev {left:-65px;}
	.mprodfamily .swiper-button-next {right:-65px;}
}

.mbanner .container {padding:125px 0 0; color:#fff; font-size:26px; line-height:1.3;}
.mbanner .container .title_h01 {margin-bottom:20px;}
.mbanner .container .btn_wrap {margin-top:45px;}
.mbanner.dealer {height:527px; background:url('../images/main_new/mbanner_dealer_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.dealer .container {padding:185px 0 0;}
.mbanner.SATISFACTION {height:527px; background:url('../images/main_new/Promotion_30day_banner_pc.jpg') no-repeat 50% 50%; background-size:cover;}/* 20240611 Regarding the 30DAY SATISFACTION GUARANTEE banner Update - Max */
.mbanner.promotion {height:536px; background:url('../images/main_new/mbanner_promotion_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.testresult {height:537px; background:url('../images/main_new/mbanner_testresult_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.testresult .figure {position:absolute; top:60px; right:0;}

.mvod .container {padding:125px 0 45px; color:#fff; font-size:26px; line-height:1.3;}/* 20200827 Main Page Renew - Max */
.mvod .container .title_h01 {margin-bottom:50px;}
.mvod .vodarea {position:relative; margin-bottom:18px;}
.mvod .vodarea video {width:100%; outline:0;}

/* 20220404 update test ZhangYuChen */
.testresult .container .title_h02{margin-bottom:30px;}
.testresult .container .title_h01{margin-bottom:11px;}
.testresult img{display:block;}
.testresult img + img {margin-top:14px;width:170px;}
.testresult p+p{font-size:30px;}
/* //20220404 */

/* 20230202 add oe banner sfiteq+ - Zzj */
.mbanner.OEbanner {height:537px; background:url('../images/main_new/OE_sfit_eq_plus.jpg') no-repeat 50% 50%; background-size:cover;}
/* //20230202 */

.mbanner.june_promotion {height:530px; background:url('../images/main_new/Digital-banners_LF-banneer-1920x530-pc.jpg') no-repeat 50% 50%; background-color: #060606} /* 20240528 june_promotion - Max */


/* 20240709 배너타입추가 */
.mbanner.type2 {
    position: relative;
    height: 530px;
    background: none;
}

.mbanner.type2 > .bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.mbanner.type2 > .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mbanner.type2 > .img {
    display: block;
    max-width: 1920px;
    height: 100%;
    margin: 0 auto;
}

.mbanner.type2 > .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}