@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}
.campaign_inner h4 {font-family:"OneMobileTitle";font-size:30px}

.campaign_inner .section .fp-tableCell {vertical-align:initial}

#section0 {background: url(../images/main_bg.jpg);background-size:cover;background-position: bottom center;}
#section0 .section0-inner {position:relative;z-index:4;width:1400px;margin:auto;height:100%}
#section0 .section0-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}
#section0 .section0-inner .title {position:absolute;top:162px;right:566px;display: flex;flex-direction: column;}
#section0 .section0-inner .title>h4 {font-family:'OneMobileTitle';font-size:76px;color:#fff;line-height:86px;text-shadow:1px 2px #626161}

#section1 {background-image:url(../images/section_bg.png);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section1 .section1-inner {width:1384px;height:784px;position:absolute;top:53%;left:50%;transform:translate(-50%, -50%);background: url(../images/cont1_bg.png) no-repeat center center;box-shadow:0 0 0 8px rgb(255 255 255 / 50%);border-radius:12px}

.section_cont{display: flex;flex-direction: row;justify-content: space-around;}
.cont_left{display: flex;flex-direction: column;justify-content: space-around;margin-left: 75px;margin-top: 30px;}
.cont_left>h4{position: absolute;top:98px}
.cont_left>p{font-size: 20px;margin-top: 110px;font-weight: 400;line-height: 33px;}
.cont_left>img{width: 175px;height: 2.5px;}
.cont_right{margin-top: 50px; padding-left: 43px;}

.section2-inner>.section_cont{display: flex;flex-direction: row-reverse;justify-content: space-around;}
.section2-inner>.section_cont>.cont_right{padding-left: 0;position: relative;right: 23px;}
.section2-inner>.section_cont>.cont_left{position: relative;right: 82px;margin-left: 0px;}
.section2-inner>.section_cont>.cont_left>h4{top:69px;letter-spacing:-1.2px}
.section2-inner>.section_cont>.cont_left>p{margin-top: 61px;}
.section2-inner>.section_cont>.cont_left>p>span{font-weight: 600;}

#love_i{width: 46px;height: 52px;margin: 55px 0 0 285px;position: absolute;}
#se3_img{position: absolute;width:590px;height: 194px;    margin-top: 78px;margin-left: 50px;}
.se3_img_btom{z-index: -1;margin-top: 29px;}
.se3_text{text-align: center;position: absolute;bottom: 180px;font-size: 21px;margin-left: 150px;}

.se5_img_sub{width: 382px;height: 197px;margin: 36px 0;}
.section5-inner>.section_cont>.cont_left>p{margin-top: 77px;}
.section5-inner>.section_cont>.cont_left>p>span{font-weight: 600;}
.se4_img{margin-right: 55px;}

.section6-inner>.section_cont{display: flex;flex-direction: row-reverse;justify-content: space-around;}
.section6-inner>.section_cont>.cont_right{padding-left: 0;position: relative;right: 23px;}
.section6-inner>.section_cont>.cont_left{position: relative;right: 100px;margin-left: 0px;}
.section6-inner>.section_cont>.cont_left>h4{top:69px;}
.section6-inner>.section_cont>.cont_left>p{margin-top: 95px;}
.section6-inner>.section_cont>.cont_left>p>span{font-weight: 600;}
.section6-inner>.section_cont>.cont_left>img{margin-top: 124px;}

.se8_cont{display: flex;flex-direction: column;align-items: center;}
.se8_cont>p{text-align: center;font-size: 26px;margin-bottom: 39px;font-weight: 500;line-height: 33px}
.se8_img{width: 300px;height: 295px;}
.se8_button{background: url(../images/main_bt2.png) no-repeat 100%/cover!important;}
#se8_span{top: 55px;left: 249px;}

#section2 {background-image:url(../images/section_bg.png);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}
#section2 .section2-inner {width: 1384px;height: 784px;position: absolute;top: 53%;left: 50%;transform: translate(-50%, -50%);background: url(../images/cont2_bg.png) no-repeat center center;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/section_bg.png);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: url(../images/cont3_bg.png) no-repeat center center;box-shadow: 0 0 0 8px rgb(255 255 255 / 50%);border-radius: 12px;}
#section3 .section3-inner .cont {padding:50px}
#section3 .section3-inner .cont .txt-area {margin-bottom:70px;color:#303030;margin-top:30px}
#section3 .section3-inner .cont .txt-area .left {float:left;width:590px;font-size:24px;line-height:32px;font-weight:500}
#section3 .section3-inner .cont .txt-area .left .inner {font-size: 28px;padding-top:30px;padding-left:50px;font-weight: 800}
#section3 .section3-inner .cont .txt-area .right {    float: left;width: 640px;font-size: 21px;line-height: 32px;font-weight: 400;padding-left: 123px;position: relative;top: 30px;}
#section3 .section3-inner .cont .txt-area .right strong {font-weight:500}

#section4 {background-image:url(../images/section_bg.png);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: url(../images/cont4_bg.png) no-repeat center center;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:80px;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-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 .txt-point {font-size:24px;font-weight:500;margin-top:45px}

#section5 {background-image:url(../images/section_bg.png);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: url(../images/cont5_bg.png) no-repeat center center;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 {float:left;width:640px;font-size:21px;line-height:36px;color:#303030;font-weight:400}
#section5 .section5-inner .cont .txt-area .inner {padding-top:120px;padding-left:40px}
#section5 .section5-inner .cont .img-area {float:left;width:644px;text-align:right}

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

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

.btn-campaign-support>a {width: 586px;height:146px;display:inline-block;font-size:38px;color:#fff;font-family:"OneMobileTitle";background: url(../images/main_bt.png) no-repeat 100%/cover;}
.btn-campaign-support>a>span{top: 54px;left: 116px;position: relative;font-size: 45px;}
.btn-campaign-support.bg-orange>a {background-color:#ff9c00}

.cont {position:relative}

.btn-support-banner {width:154px;height:210px;background:url(../images/btn-bg-v3.png) no-repeat;position:absolute;top:300px;right: -154px;text-align:center;z-index: 1;}
.btn-support-banner>a {height: 100%;color:#222;font-family:"OneMobileTitle";font-size:26px;padding:10px 10px 10px 11px;display: flex;align-items: center;flex-direction: column;}
.btn-support-banner>a>span {padding-top: 151px;}
#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;position: absolute;top: 381px;left: 155px;}