@charset "UTF-8";

@font-face {
    font-family: 'OneMobile';
    font-weight: 500;
    font-style: normal;
    src: url('../font/OneMobile/OneMobileRegular.eot');
    src: url('../font/OneMobile/OneMobileRegular.eot?#iefix') format('embedded-opentype'),
         url('../font/OneMobile/OneMobileRegular.woff2') format('woff2'),
         url('../font/OneMobile/OneMobileRegular.woff') format('woff'),
         url('../font/OneMobile/OneMobileRegular.ttf') format("truetype");
}
@font-face {
    font-family: 'OneMobileTitle';
    font-weight: normal;
    font-style: normal;
    src:url('../font/OneMobile/OneMobileTitle.eot');
    src:url('../font/OneMobile/OneMobileTitle.eot?#iefix') format('embedded-opentype'),
        url('../font/OneMobile/OneMobileTitle.woff2') format('woff2'),
        url('../font/OneMobile/OneMobileTitle.woff') format('woff'),
        url('../font/OneMobile/OneMobileTitle.ttf') format("truetype");
}
@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 500;
    font-style:normal;
    src: local('Spoqa Han Sans Regular'),
    url('../font/SpoqaHanSans/SpoqaHanSansBold.woff2') format('woff2'),
    url('../font/SpoqaHanSans/SpoqaHanSansBold.woff') format('woff'),
    url('../font/SpoqaHanSans/SpoqaHanSansBold.ttf') format('truetype');
}
@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 400;
    font-style:normal;
    src: local('Spoqa Han Sans Regular'),
    url('../font/SpoqaHanSans/SpoqaHanSansRegular.woff2') format('woff2'),
    url('../font/SpoqaHanSans/SpoqaHanSansRegular.woff') format('woff'),
    url('../font/SpoqaHanSans/SpoqaHanSansRegular.ttf') format('truetype');
}
@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 300;
    font-style:normal;
    src: local('Spoqa Han Sans Light'),
    url('../font/SpoqaHanSans/SpoqaHanSansLight.ttf') format('woff2'),
    url('../font/SpoqaHanSans/SpoqaHanSansLight.woff') format('woff'),
    url('../font/SpoqaHanSans/SpoqaHanSansLight.ttf') format('truetype');
}
@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 100;
    font-style:normal;
    src: local('Spoqa Han Sans Thin'),
    url('../font/SpoqaHanSans/SpoqaHanSansThin.woff2') format('woff2'),
    url('../font/SpoqaHanSans/SpoqaHanSansThin.woff') format('woff'),
    url('../font/SpoqaHanSans/SpoqaHanSansThin.ttf') format('truetype');
}

header {font:14px/1 'noto';}
header.open {height:540px;}
body {overflow-x:auto!important;overflow-y:hidden!important;}

.sr-only,
.sr-only:before,
.sr-only:after {width:1px;height:1px;opacity:0;color:rgba(0,0,0,0);position:absolute;top:-9999em;left:-9999em;text-indent:-9999em}

.clear{clear:both;height:0;}
.clearfix:after{content:'';display:block;clear:both}

.campaign_inner {position:relative;width:100%;margin:auto;font-family:"SpoqaHanSans";letter-spacing:-1px;overflow-x:hidden;}

#myVideo{
    position: absolute;
    right: 0;
    bottom: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black; /* in case the video doesn't fit the whole page*/
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover; /*cover video background */
    z-index:3;
}


.campaign_inner .section .fp-tableCell {vertical-align:initial;}
.campaign_inner .section.section-video .video-inner {position:relative;z-index:4;width:1400px;margin:auto;height:100%}
.campaign_inner .section.section-video .video-inner .camp-label {display:inline-block;background-color:#000;color:#ffb600;padding:0 28px;border-radius:10px;position:absolute;top:20px;left:0;width:167px;height:40px;line-height:40px;font-size:20px;font-family:"OneMobile";font-weight:500}
.campaign_inner .section.section-video .video-inner .title {position:absolute;top:325px;right:165px}
.campaign_inner .section.section-video .video-inner .title>h4 {font-family:'OneMobileTitle';font-size:76px;color:#fff;line-height:86px;text-shadow:1px 2px #626161}

#section1 {background-image:url(../images/section1-bg.jpg);background-size:cover;background-repeat:no-repeat;}
#section1 .section1-inner {width:1284px;margin:auto;position:absolute;top:44%;left:50%;transform:translate(-50%, -50%)}
#section1 .section1-inner .cont-youtube {width:854px;height:480px;margin:auto;border-radius:10px;border:1px solid #ababab;box-shadow:2px 2px 0px 3px #000}
#section1 .section1-inner .cont-youtube > iframe {border-radius:10px}

#section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9 {background-attachment:fixed!important}

#section2 {background-image:url(../images/section2-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;padding-top:100px;}
#section2 .section2-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}
#section2 .section2-inner .cont {padding:50px}
#section2 .section2-inner .cont .img-area {margin-bottom:50px;text-align:center}
#section2 .section2-inner .cont .txt-area {font-family:"SpoqaHanSans"}
#section2 .section2-inner .cont .txt-area .left {float:left;width:450px;font-size:26px;line-height:36px;color:#303030;font-weight:500;padding-left:30px}
#section2 .section2-inner .cont .txt-area .right {float:left;width:780px;padding-left:20px}
#section2 .section2-inner .cont .txt-area .right .txt-main {font-size:21px;line-height:30px;font-weight:400}
#section2 .section2-inner .cont .txt-area .right .txt-main::after {content:"";display:block;margin:30px 0;width:175px;height:3px;background-image:url(../images/section2-txt-bar.png);background-repeat:no-repeat;background-position:left top}
#section2 .section2-inner .cont .txt-area .right .txt-sub {font-size:18px;line-height:28px;color:#606060;font-weight:100}

#section3 {background-image:url(../images/section2-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;}
#section3 .section3-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}
#section3 .section3-inner .cont {padding:50px}
#section3 .section3-inner .cont .img-area {float:left;width:642px}
#section3 .section3-inner .cont .txt-area {float:left;width:510px;padding-left:78px;padding-top:45px}
#section3 .section3-inner .cont .txt-area .txt-main {font-size:26px;line-height:36px;color:#101010;font-weight:500;margin-bottom:40px}
#section3 .section3-inner .cont .txt-area .txt-sub {font-size:21px;line-height:32px;color:#303030;font-weight:400}
#section3 .section3-inner .cont .txt-area .txt-sub>p {margin-top:40px}

#section4 {background-image:url(../images/section2-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section4 .section4-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}
#section4 .section4-inner .cont {padding:50px}
#section4 .section4-inner .cont .txt-area {margin-bottom:70px;color:#303030;margin-top:30px}
#section4 .section4-inner .cont .txt-area .left {float:left;width:590px;font-size:24px;line-height:32px;font-weight:500}
#section4 .section4-inner .cont .txt-area .left .inner {padding-top:30px;padding-left:50px}
#section4 .section4-inner .cont .txt-area .right {float:left;width:640px;font-size:21px;line-height:32px;font-weight:400}
#section4 .section4-inner .cont .txt-area .right strong {font-weight:500}

#section5 {background-image:url(../images/section5-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section5 .section5-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}
#section5 .section5-inner .cont {padding:50px}
#section5 .section5-inner .cont .txt-area {margin-bottom:80px;color:#303030;margin-top:30px}
#section5 .section5-inner .cont .txt-area .left {float:left;width:590px;font-size:24px;line-height:32px;font-weight:500}
#section5 .section5-inner .cont .txt-area .left .inner {padding-left:50px}
#section5 .section5-inner .cont .txt-area .right {float:left;width:640px;font-size:21px;line-height:32px;font-weight:400}
#section5 .section5-inner .cont .txt-area .right .txt-point {font-size:24px;font-weight:500;margin-top:45px}

#section6 {background-image:url(../images/section5-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section6 .section6-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}
#section6 .section6-inner .cont {padding:50px}
#section6 .section6-inner .cont .txt-area {float:left;width:640px;font-size:21px;line-height:36px;color:#303030;font-weight:400}
#section6 .section6-inner .cont .txt-area .inner {padding-top:120px;padding-left:40px}
#section6 .section6-inner .cont .img-area {float:left;width:644px;text-align:right}

#section7 {background-image:url(../images/section5-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section7 .section7-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background-color:#fff;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}
#section7 .section7-inner .cont {padding:50px}
#section7 .section7-inner .cont .img-area {margin-bottom:60px}
#section7 .section7-inner .cont .txt-area {padding-left:20px;font-size:21px;line-height:32px;color:#303030;font-weight:400}

#section8 {background-image:url(../images/section8-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section8 .section8-inner {width:1284px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);color:#fff}
#section8 .section8-inner h4 {font-size:48px;line-height:52px;font-family:"OneMobileTitle";margin-bottom:30px;font-weight:initial}
#section8 .section8-inner .txt-sub {font-size:21px;line-height:30px;margin-bottom:45px;font-weight:400}
#section8 .section8-inner ul {width:940px}
#section8 .section8-inner ul>li {float:left;width:50%;margin-bottom:60px}
#section8 .section8-inner ul>li:nth-child(3),
#section8 .section8-inner ul>li:nth-child(4) {margin-bottom:0}
#section8 .section8-inner ul>li>h5 {font-size:22px;color:#f3c670;font-weight:500;position:relative;display:inline-block;margin-bottom:20px}
#section8 .section8-inner ul>li>h5::after {content:"";display:inline-block;width:100%;height:2px;background-color:#f3c670;position:absolute;bottom:-2px;left:0}
#section8 .section8-inner ul>li>p {font-size:19px;line-height:24px}

#section9 {background-image:url(../images/section8-bg.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section9 .section9-inner {width:1284px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);color:#fff}

.btn-campaign-support>a {display:inline-block;font-size:38px;color:#fff;background-color:#ffae00;font-family:"OneMobileTitle";padding:30px 50px;border-radius:10px;-webkit-box-shadow:0px 7px 2px 0px #000000;box-shadow:0px 7px 2px 0px #000000;line-height:40px}
.btn-campaign-support>a::after {content:"";display:inline-block;width:72px;height:9px;background-image:url(../images/btn-arrow.png);background-repeat:no-repeat;margin-left:90px;vertical-align:middle;margin-top:-5px}
.btn-campaign-support.bg-orange>a {background-color:#ff9c00}

.cont {position:relative}
.btn-support-banner {width:158px;height:206px;border-radius:0 10px 10px 0;background-color:#aecf21;position:absolute;top:300px;right:-158px;text-align:center}
.btn-support-banner>a {line-height: 37px;color:#fff;font-family:"OneMobileTitle";font-size:26px;padding:10px 10px 10px 10px;display:block}
.btn-support-banner>a::before {content:"";display:block;width:138px;height:140px;margin:auto;background-image:url(../images/btn-support-img.png);background-position:center top;background-repeat:no-repeat;margin-bottom:10px}

#fp-nav.left {left:7.5%!important;transform:initial}
#fp-nav ul li, .fp-slidesNav ul li {width:20px;height:20px;margin:5px}
#fp-nav ul li a span, .fp-slidesNav ul li a span {width:12px;height:12px ;background:rgba(255,255,255,0.5);margin:initial;top:50%;left:50%;transform:translate(-50%, -50%)}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {width:12px;height:12px;margin:initial}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {margin:initial;width:18px;height:18px;border-radius:50%;border:3px solid #ffb600;background:transparent}

.mt45 {margin-top:45px}
.mt60 {margin-top:60px}