@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');
}

/* re-style */
p, div a {width:auto; font-size:inherit;}
section {padding:0;}
.btn_top {display:none !important;}

.layer_frame {z-index:1000;}
/* //re-style */

/* 20220315 remove
#main {padding-top:50px; font-family:'Roboto', sans-serif;}
.container {position:relative; margin:0 17px;}
.container .title_h01 {font-size:19px; line-height:1.2; font-weight:bold; color:#fff;}
.container .title_h02 {margin-bottom:10px; font-size:14px; line-height:1.1; font-weight:normal; color:#fff;}
.container .title_Video_h01 {font-size: 12px;}!* 20200827 Main Page Renew - Max *!

.mbtn01 {display:inline-block; color:#fff; font-size:11px;}
.mbtn01 .ico {position:relative; display:inline-block; vertical-align:middle; width:32px; height:32px; overflow:hidden;}
.mbtn01 .ico svg {position:absolute; top:0; left:0; width:32px; height:32px; -webkit-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:96; stroke-dashoffset:96; -webkit-transition:stroke-dashoffset .3s; transition:stroke-dashoffset .3s;}
.mbtn01 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-4.5px 0 0 -6px; width:8px; height:8px; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.mbtn01:hover .ico svg .path_outline {stroke-dashoffset:0;}
.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); transform:rotateY(-180deg);}

.mbtn02 {display:inline-block; color:#fff; font-size:11px;}
.mbtn02 .ico {position:relative; display:inline-block; vertical-align:middle; width:32px; height:32px; overflow:hidden; margin-right:5px;}
.mbtn02 .ico svg {position:absolute; top:0; left:0; width:32px; height:32px; -webkit-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:96; stroke-dashoffset:96; -webkit-transition:stroke-dashoffset .3s; transition:stroke-dashoffset .3s;}
.mbtn02:hover .ico svg .path_outline {stroke-dashoffset:0;}
.mbtn02 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-6.5px 0 0 0; height:13px; border-right:1px solid #fff;}
.mbtn02 .ico::after {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-1px 0 0 -6.5px; width:13px; border-bottom:1px solid #fff;}

.swiper-pagination {font-size:0;}
.swiper-pagination .swiper-pagination-bullet {width:17px; height:2px; margin:0 2px; background:#fff; opacity:1; border-radius:0; outline:0;}
.swiper-pagination .swiper-pagination-bullet-active {background:#000;}

.mkeyvisual {position:relative; height:163.2vw; overflow:hidden; border-bottom:14px solid #080808;}
.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:15px; line-height:1.3;}
.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:67px; overflow:hidden;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 {display:block; margin:-5px 0 18px; font-size:27px; line-height:1.1;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 >img {width:auto; height:33px; padding-top:10px;}
.mkeyvisual .kv_content .swiper-slide .container .figure {position:absolute; top:11px; right:-6px; width:143px;}
.mkeyvisual .kv_content .swiper-slide .container .btn_wrap {position:absolute; left:0; bottom:17px;}
.mkeyvisual .kv_content .swiper-slide {position:absolute; top:0; left:0; opacity:0;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 {-webkit-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%); 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%); 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); transform:scale(0.5); -webkit-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); transform:translateX(0);}
.mkeyvisual .kv_content .swiper-slide-active .container .title_h01 {-webkit-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.1s; transition-delay:.1s;}
.mkeyvisual .kv_content .swiper-slide-active .container .text {-webkit-transform:translateX(0); transform:translateX(0); -webkit-transition-delay:.2s; transition-delay:.2s;}
.mkeyvisual .kv_content .swiper-slide-active .container .btn_wrap {opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition-delay:.8s; transition-delay:.8s;}
.mkeyvisual .kv_content .swiper-slide-active .container .figure {opacity:1;}
.mkeyvisual .swiper-pagination {bottom:15px;}*/

/* 20220315 add */
/* 20250319 GNB style 변경 */
#main {padding-top:80px; font-family:'Roboto', sans-serif;}
/* //20250319 GNB style 변경 */
.container {position:relative; margin:0 17px;}
.container .title_h01 {font-size:19px; line-height:1.2; font-weight:bold; color:#fff;}
.container .title_h02 {margin-bottom:10px; font-size:14px; line-height:1.1; font-weight:normal; color:#fff;}
.container .title_Video_h01 {font-size: 12px;}/* 20200827 Main Page Renew - Max */

.mbtn01 {display:inline-block; color:#fff; font-size:11px;}
.mbtn01 .ico {position:relative; display:inline-block; vertical-align:middle; width:32px; height:32px; overflow:hidden;}
.mbtn01 .ico svg {position:absolute; top:0; left:0; width:32px; height:32px; -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:96; stroke-dashoffset:96; -webkit-transition:stroke-dashoffset .3s; -o-transition:stroke-dashoffset .3s; transition:stroke-dashoffset .3s;}
.mbtn01 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-4.5px 0 0 -6px; width:8px; height:8px; border-right:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.mbtn01:hover .ico svg .path_outline {stroke-dashoffset:0;}
.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); transform:rotateY(-180deg);}

.mbtn02 {display:inline-block; color:#fff; font-size:11px;}
.mbtn02 .ico {position:relative; display:inline-block; vertical-align:middle; width:32px; height:32px; overflow:hidden; margin-right:5px;}
.mbtn02 .ico svg {position:absolute; top:0; left:0; width:32px; height:32px; -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:96; stroke-dashoffset:96; -webkit-transition:stroke-dashoffset .3s; -o-transition:stroke-dashoffset .3s; transition:stroke-dashoffset .3s;}
.mbtn02:hover .ico svg .path_outline {stroke-dashoffset:0;}
.mbtn02 .ico::before {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-6.5px 0 0 0; height:13px; border-right:1px solid #fff;}
.mbtn02 .ico::after {content:''; position:absolute; z-index:1; top:50%; left:50%; margin:-1px 0 0 -6.5px; width:13px; border-bottom:1px solid #fff;}

.swiper-pagination {font-size:0;}
.swiper-pagination .swiper-pagination-bullet {width:17px; height:2px; margin:0 2px; background:#fff; opacity:1; border-radius:0; outline:0;}
.swiper-pagination .swiper-pagination-bullet-active {background:#000;}

.mkeyvisual {height:auto !important;border:0;padding:0;}
.mkeyvisual .kv_visual {position:relative;}
.mkeyvisual .kv_visual .swiper-slide {position:relative;padding-top:163.115%;-webkit-box-sizing: border-box; box-sizing: border-box;}
.mkeyvisual .kv_visual .swiper-slide .bg {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;-webkit-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;z-index:1}
.mkeyvisual .kv_visual .swiper-slide > img {display:block;width:100%;max-width:100%;}
.mkeyvisual .kv_visual .swiper-slide  video {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;}
.mkeyvisual .kv_visual .swiper-slide .container {position:absolute;width:100%;height:100%;bottom:0;margin:0;padding:0 17px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;-webkit-box-sizing: border-box;box-sizing: border-box;z-index:4;}
.mkeyvisual .kv_visual .swiper-slide .container > div {padding-bottom:67px; overflow:visible;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 {position: relative;display:block; margin:-5px 0 18px; font-size:27px; line-height:1.1;-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_h01 >img {width:auto; height:33px; padding-top:10px;}
.mkeyvisual .kv_visual .swiper-slide .container .title_h01 .newMark {position: relative;display:inline-block;vertical-align: top;}
.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 {font-size:15px;-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 {position:absolute; left:17px; bottom:17px; 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 {position:absolute; top:11px; right:11px; width:143px;opacity:0; -webkit-transition:opacity .3s; -o-transition:opacity .3s; transition:opacity .3s;}
.mkeyvisual .kv_visual .swiper-slide-active > video,
.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_h01 {-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_h02 {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.mkeyvisual .kv_visual .swiper-slide-active .container .text {-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 .btn_wrap {opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition-delay:.8s; -o-transition-delay:.8s; transition-delay:.8s;}
.mkeyvisual .kv_visual .swiper-slide-active .container .figure {opacity:1;}

.mkeyvisual .kv_visual .overlay {display:none;}

.mkeyvisual .kv_visual .swiper-pagination {bottom:28px;height:auto;font-size:0;}
.mkeyvisual .kv_visual .swiper-pagination-bullet {width:29px;height:auto;text-align:center;background:transparent;font-size:0;margin:0;opacity:.6;vertical-align:top;}
.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:21px;-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%;height:1px;margin:0 auto;background:#6b6b6b;margin-top:13px;}
.mkeyvisual .kv_visual .progress-bar .stick {position:absolute;top:0;left:0;width:0;height:1px;background:#fff;}

.mkeyvisual .kv_visual.is_landscape .swiper-slide {padding-top:37.9%;}
.mkeyvisual .kv_visual.is_landscape .swiper-wrapper {height: auto !important}
.mkeyvisual .kv_visual.is_landscape .swiper-slide {background-size:contain;background-repeat: no-repeat}
.mkeyvisual .kv_visual.is_landscape .container .title_h01 {font-size:22px;}
.mkeyvisual .kv_visual.is_landscape .container .text {font-size:12px;}

.mkeyvisual .kv_visual.is_landscape .overlay {display:block;}
.mkeyvisual .kv_visual.is_landscape .overlay::before {content:''; position:absolute; top:0; left:0; width:24%; height:100%; background:url('/uk/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.is_landscape .overlay::after {content:''; position:absolute; z-index:3; top:0; left:-24%; width:68%; height:100%; background:url('/uk/front/images/main_new/bg_kvisual_overlay_obj.png') no-repeat 100% 0; background-size:cover;background-position:top right;}
.mkeyvisual .kv_visual.is_landscape .overlay.type2::after {display:none;}
.mkeyvisual .kv_visual.is_landscape .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.is_landscape .swiper-slide .container .title_h01 >img {height:24px;}
.mkeyvisual .kv_visual.is_landscape .swiper-slide .container .title_h01 .newMark {position:relative;left:auto;top:auto;display:inline-block;vertical-align:top;height:22px;}
.mkeyvisual .kv_visual.is_landscape .swiper-slide .container .title_h01 .newMark > img {height:100%;}
.mkeyvisual .kv_visual.is_landscape .swiper-slide-active .overlay::after {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
/* //20220315 add */

.mbrand {background:#44187f; padding:8px 0 10px; 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%); text-align:center; color:#fff; font-size:19px; line-height:1.2; font-family:'HKTM', 'Roboto', sans-serif;}
.mbrand strong {font-weight:normal;}

.mprodfamily {padding:24px 0 42px; background:#242125;}
.mprodfamily .container .title_h01 {margin-bottom:18px;}
.mprodfamily .container .title_h02 {margin-bottom:12px;}
.mprodfamily .container .swiper-container + .title_h02 {margin-top:32px;}
.mprodfamily .swiper-slide > a {display:block; position:relative;}
.mprodfamily .swiper-slide img {vertical-align:top;}
.mprodfamily .swiper-slide .infobox {padding:10px 12px 14px; background:#131214; color:#fff; box-sizing:border-box;}
.mprodfamily .swiper-slide .infobox >em {display:block; margin-bottom:5px; font-size:16px; line-height:1.1; font-style:normal; font-weight:bold;}
.mprodfamily .swiper-slide .infobox >em img {width:auto; height:13.5px;}
.mprodfamily .swiper-slide .infobox .text {display:block; padding-bottom:3px; color:#959595; font-size:11px; line-height:1.25;}
/* 20210209 Product Family CTA */
.mprodfamily .swiper-slide .infobox .tag {display:inline-block;vertical-align:top;margin:5px 0 0;padding:1px 7px 0px 7px;background:#343136;font-size:10px;line-height:26px;color:#fff;border-radius: 12px;font-weight: 300;}
.mprodfamily .swiper-slide .infobox > a.active{background:#3d245f;color:#fff;}
/* 20210209 */
.mprodfamily .swiper-wrapper.text_line2 .swiper-slide .infobox .text {height:30px; box-sizing:border-box;}
.mprodfamily .swiper-container {padding-bottom:11px;}
.mprodfamily .swiper-pagination {bottom:0;}

.mbanner {height:49.6vw; min-height:186px; overflow:hidden;}
.mbanner .container {/*padding:30px 80px 0 0;*/ padding:8vw 21.3vw 0 0; color:#fff; font-size:11px; line-height:1.3;}
.mbanner .container .title_h01 {margin-bottom:8px;}
.mbanner .container .btn_wrap {margin-top:16px;}
.mbanner.dealer {background:url('../images/main_new/mbanner_dealer_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.dealer .container {padding-top:14.4vw;}
.mbanner.promotion {background:url('../images/main_new/mbanner_promotion_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.testresult {background:url('../images/main_new/mbanner_testresult_bg_m.jpg') no-repeat 50% 50%; background-size:cover;}/* 20231011 I FIT+ Test Result 2023 New Logo Image Update - Max */
.mbanner.testresult .figure {position:absolute; top:14px; right:0; width:40px;}
/* 20230202 add oe banner sfiteq+ - Max */
.mbanner.OEbanner {background:url('../images/main_new/OE_sfit_eq_plus.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.OEbanner .container .title_h02{margin-bottom:16px;}
.mbanner.OEbanner .container .title_h01{margin-bottom:4px;}
/* //20230202 */
@media all and (max-width:360px) {
	.mbanner.promotion .container {padding-right:10vw;}
}

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

/* 20210402 update Zzj */
.mbanner.testresult .figure {width:55px !important;}

/* 20210420 add energy banner CWX */
.mbanner.energy {background:url('../images/main_new/Main-Banner_ENERGY_BG_MO.jpg') no-repeat 50% 50%; background-size:cover;}
.mbanner.energy .figure {position:absolute; top:14px; right:0; width:40px;}
/* //20210420 */

/* 20210513 Adding New Mark - Max */
.mkeyvisual .kv_content .swiper-slide .container .title_h01 {position: relative;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 .newMark {position: absolute;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 .newMarkPositionGfit_4s {left: 270px;top: -11%;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 .newMarkPositionZfit_eq {left: 270.99px;top: -9%;}
.mkeyvisual .kv_content .swiper-slide .container .title_h01 .newMarkPositionGfit_4s img{width:58px;height:31px;} /* 20210514 UPDATE - Zzj */
.mkeyvisual .kv_content .swiper-slide .container .title_h01 .newMarkPositionZfit_eq img{width:58px;height:31px;} /* 20210514 UPDATE - Zzj */
/* //20210513 */

/* 20211104 add heroes banner Zzj */
.mbanner.Heroes {background:url('../images/main_new/mbanner_heroes_bg.jpg') no-repeat 50% 50%; background-size:cover;}
.Heroes .heroImg{width:46%;}
.Heroes .heroesP{margin-top:5px;}
.Heroes .figure {position:absolute; top:14px; right:0; width:60px;}
/* //20211104 */


/* 20220404 update test ZhangYuChen */
.testresult .container .title_h02{margin-bottom:12px;}
.testresult .container .title_h01{margin-bottom:4px;}
.testresult img{display:block;}
.testresult img + img {margin-top:6px;}
/* .testresult p:last-child{font-size:30px;} */
.testresult .figure{width:55px !important;top: 10px !important;right: -6px !important;}
/* //20220404 */