#wrap {padding-top: 70px;}
#wrap img {width: 100%;}

section {position: relative;line-height: 1.4;padding:80px 0;box-sizing: border-box;font-size: 18px;overflow: hidden;}
section .font {font-size: 40px;line-height: 1.2;font-weight: 100;}
section.padding_zero {padding:0;}
section .center {margin-bottom: 70px;}

section:first-child {}

section:nth-child(2) {background-color: #ffc110;overflow: hidden;}
section:nth-child(2) > div > ul {display: flex;width: 100%;}
section:nth-child(2) > div > ul li {width: 50%;}
section:nth-child(2) > ul {padding:50px 50px 80px;box-sizing: border-box;width: 5100px;animation: flowText 90s linear infinite;white-space: nowrap;}
section:nth-child(2) > ul > li {background-color: #fff;white-space: nowrap;border-radius: 10px;text-align: center;padding:11px 35px;display: inline-block;margin-right: 50px;}
section:nth-child(3) {color:white;text-align: center;}
section:nth-child(3) .txt_box {position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
section:nth-child(3) .txt_box p {margin-top: 10px;}

section:nth-child(4) {background-color: #86d9db;padding-bottom: 0;}
section:nth-child(4) h2 {font-size: 30px;margin-bottom: 5px;}
section:nth-child(4) .grid {align-items: end;width: calc(100% - 40px);}
section:nth-child(4) .grid > div {overflow: hidden;height: 400px;padding:30px;width: 50% !important;}
section:nth-child(4) .grid > img {width: 40% !important;}
section:nth-child(4) .grid .left_box {animation: verticalText 60s linear infinite;}
section:nth-child(4) .grid .left_box > div {background-color: #fff;margin-bottom: 20px;border-radius: 20px;box-shadow: 0px 0px 12px #70b3b4;padding:30px 30px;box-sizing: border-box;}
section:nth-child(4) .grid p {}
section:nth-child(4) .center {margin-bottom: 0px;}
section:nth-child(4) .w1300 ,
section:nth-child(5) .w1300 {padding-left: 0 !important;padding-right: 0 !important;}
section:nth-child(4) .font.line::after {background-color: #fff;}
section:nth-child(5) {padding-bottom: 0;background-color: #f4f9ff;}
section:nth-child(5) .swiper {width: 100%;height: 590px;padding:20px 50% 20px 30px;;box-sizing: border-box;margin-bottom: 70px;}
section:nth-child(5) .swiper-slide {background-color: white;padding:20px 50px 50px;box-sizing: border-box;box-shadow: 0px 0px 12px #e6e6e6;opacity: 0;border-radius: 20px;text-align: center;}
section:nth-child(5) .swiper-slide p {word-break:keep-all;font-size: 22px;}
section:nth-child(5) .swiper-slide.swiper-slide-active {opacity: 1;}
section:nth-child(5) h2 {font-size: 35px;text-align: center;margin-bottom: 20px;}
section:nth-child(5) .swiper-pagination {right:-100px;width: 50% !important;padding:45px 20px 86px;}
section:nth-child(5) .swiper-pagination-bullet {width: 100%;background-color: transparent;text-align: left;color:#86d9db;opacity: 1;font-size: 22px;margin:35px 0 !important;transform: scale(1) !important;}
section:nth-child(5) .swiper-pagination-bullet-active {color:#4bbdc0;font-weight: bold;font-size: 24px;}
section:nth-child(5) .swiper-pagination-bullet .Num {width: 50px;height: 50px;background-color: #fff;text-align: center;display: inline-block;line-height: 50px;border-radius: 50%;margin-right: 20px;position: relative;}
section:nth-child(5) .swiper-pagination-bullet .Num::after {position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);width: 2px;height: 25px;background-color: #86d9db;content: '';}
section:nth-child(5) .swiper-pagination-bullet:last-child .Num::after {display: none;}
section:nth-child(5) .swiper-pagination-bullet-active .Num {background-color: #4bbdc0;color:white;width: 55px;height: 55px;line-height: 55px;transform: translate(-2.5px,-2.5px);}
section:nth-child(5) .swiper-pagination-bullet-active .Num + span {transform: translateY(-5px);display: inline-block;}
section:nth-child(5) .swiper-pagination-bullets-dynamic {font-size: 18px !important;}
section:nth-child(5) > div:last-child {overflow: hidden;}
section:nth-child(5) > div:last-child div {animation: flowText 50s linear infinite;}
section:nth-child(5) > div:last-child img {width: 200% !important;}

section:nth-child(6) {overflow: hidden;}
section:nth-child(6) .right_img {position: absolute;bottom:0;right:0;width: 46%;display: flex;align-items: end;transition: 0.5s;}
section:nth-child(7) {background-color: #f4f9ff;}
section:nth-child(7) ul {width: 50%;}
section:nth-child(7) ul li {line-height: 2.5;padding-left: 30px;box-sizing: border-box;position: relative;}
section:nth-child(7) ul li::after {content: '';width: 12px;height: 12px;background-color: #86d9db;border-radius: 50%;position: absolute;top:50%;left:0;transform: translateY(-50%);}
section:nth-child(7) ul li::before {position: absolute;bottom: -19px;left: 5px;width: 2px;height: 45px;background-color: #86d9db;content: '';}
section:nth-child(7) ul li strong {display: inline-block;width: 120px;font-weight: bold;}
section:nth-child(7) ul li.last::before,
section:nth-child(7) ul li.last2::after {display: none;}

section:nth-child(8) {}
section:nth-child(8) .w1300 > .grid {gap: 50px;}
section:nth-child(8) .w1300 > .grid > div {width: 50%;}
section:nth-child(8) .w1300 > .grid > div > h1.font ,
section:nth-child(8) .w1300 > .grid > div span.font.point {font-size: 65px;}
section:nth-child(8) .grid > img {width: 95px !important;object-fit: cover;}
section:nth-child(8) .grid .grid {align-items: center;}
section:nth-child(8) ul {padding-top: 50px;}
section:nth-child(8) ul li {margin-bottom: 10px;padding:15px 30px;background-color: #ffe201;box-sizing: border-box;border-radius: 20px;}
section:nth-child(8) ul li:last-child {background-color: #fff;border:1px solid #b5dbea;box-sizing: border-box;}
section:nth-child(8) ul li span {font-size: 22px;}
section:nth-child(8) .fake-wr {background-color: #f4f9ff;border-radius: 20px;padding:40px;box-sizing: border-box;}
section:nth-child(8) .fake-wr form {display: flex;justify-content: space-between;flex-wrap: wrap;}
section:nth-child(8) .fake-wr form input {border:none;padding:15px;box-sizing: border-box;width: 49%;margin-bottom: 10px;;}
section:nth-child(8) .fake-wr textarea {border:none;width: 100%;height: 160px !important;resize: none;padding:15px;box-sizing: border-box;margin-bottom: 15px;}
section:nth-child(8) .fake-wr input[type=checkbox] {}
section:nth-child(8) .fake-wr label {}
section:nth-child(8) .fake-wr .agree-contents {background-color: #fff; margin-top: 10px; padding:15px; overflow-y: scroll; height: 100px; font-size: 14px;}
section:nth-child(8) .fake-wr .agree-contents > ol { padding: 0 0 0 15px; margin:  10px 0;}
section:nth-child(8) .fake-wr .agree-contents > ol > li{list-style-type: decimal; list-style-position: inside;}
section:nth-child(8) .fake-wr .agree-contents > ol > li > b{font-size: 16px; font-weight: bold;}
section:nth-child(8) .desc > div {position: relative;}
section:nth-child(8) .submit_cover {position: absolute;top:0;left:0;background-color: red;content: '';width: 100%;height: 50px;cursor: pointer;background-color: #4bbdc0;color:white;font-size: 25px;text-align: center;padding:10px;box-sizing: border-box;border-radius: 10px;margin-top: 15px;position: relative;cursor: pointer;}

.fixed-fake-wr {position: fixed;bottom:10%;right:20px;width: 260px;z-index: 10;background-color: #eeeff4;box-shadow: 0px 0px 12px #cacaca;padding:25px;box-sizing: border-box;border-radius: 20px;transition: 0.5s;}
.fixed-fake-wr.on {bottom:-80%}
.fixed-fake-wr form input ,
.fixed-fake-wr form textarea {width: 100% !important;border:none;resize: none;margin-bottom: 7px;padding:10px;box-sizing: border-box;}
.fixed-fake-wr form textarea {height: 100px;}

.fixed-fake-wr .ms-grid-wr {display: grid; grid-template-columns: 20px auto; align-items: baseline;}
.fixed-fake-wr .ms-grid-wr input {width: 15px;}
.fixed-fake-wr .ms-grid-wr label {font-size: 13px; vertical-align: top;}
.fixed-fake-wr .agree-contents {background-color: #fff; margin-top: 5px; padding:10px; overflow-y: scroll; height: 60px; font-size: 10px;}
.fixed-fake-wr .agree-contents > ol{margin: 10px 0; padding: 0 0 0 10px;}
.fixed-fake-wr .agree-contents > ol > li {list-style-type: decimal; list-style-position: inside;}
.fixed-fake-wr .agree-contents > ol > li > b{font-size: 12px; font-weight: bold;}
.fixed-fake-wr .submit_cover {width: 100%;cursor: pointer;background-color: #008fc9;color: white;font-size: 18px;text-align: center;padding: 13px 0;box-sizing: border-box;border-radius: 10px;margin-top: 7px;position: relative;cursor: pointer;}
.fixed-fake-wr .submit-cover {width: 100%;cursor: pointer;background-color: #008fc9;color: white;font-size: 18px;text-align: center;padding: 13px 0;box-sizing: border-box;border-radius: 10px;margin-top: 7px;position: relative;cursor: pointer;}

.show-agree-btn {cursor: pointer; text-decoration: underline; font-weight: 400;}

.agree-popup { display: none; position: fixed; top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999;}
.agree-popup.on {display: block;}
.agree-popup .close {cursor: pointer; font-size: 0; position: absolute; top: 20px; right: 20px;}
.agree-popup .close svg {width: 40px; color: #fff;}
.agree-popup .agree-conts {display: block; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.agree-popup .agree-conts .agree-inner {width: 90%; max-width: 1240px; background-color: #fff; padding: 30px 20px; border-radius: 10px;}
.agree-popup .agree-conts .agree-inner > h3 {font-size: 16px; margin-bottom: 15px; font-weight: 500;}
.agree-popup .agree-conts .agree-inner .grid-wr {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #000;}
.agree-popup .agree-conts .agree-inner .grid-wr > div {border-right: 1px solid #000;}
.agree-popup .agree-conts .agree-inner .grid-wr > div:last-child {border-right: 0;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > p{font-size: 16px; font-weight: 600; padding: 10px 0; border-bottom: 1px solid #000; text-align: center;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div {padding: 20px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > ul{display: flex; flex-direction: column; gap: 10px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > ul > li {line-height: 1.5; font-size: 14px; padding-left: 10px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > ul > li::marker {content: "-"; font-size: 14px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > p {line-height: 1.5; font-size: 17px; font-weight: bold;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > b {line-height: 1.5; display: block; margin-top: 10px; font-size: 14px; }
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > b > strong {font-size: 17px; font-weight: bold;}

.agree-popup .agree-conts .agree-inner .cation {margin-top: 15px;}
.agree-popup .agree-conts .agree-inner .cation > ul{margin-bottom: 15px;}
.agree-popup .agree-conts .agree-inner .cation > ul > li{font-size: 16px; margin-bottom: 5px;}
.agree-popup .agree-conts .agree-inner .cation p {font-size: 16px;}

@media all and (max-width:1023px) {
.agree-popup {}
.agree-popup .close { top: 10px; right: 10px;}
.agree-popup .close svg {width: 20px; }
.agree-popup .agree-conts {}
.agree-popup .agree-conts .agree-inner {width: 80%; max-height: 70%; overflow-y: scroll; padding: 25px 15px;}
.agree-popup .agree-conts .agree-inner > h3 {font-size: 14px; font-weight: 500;}
.agree-popup .agree-conts .agree-inner .grid-wr {}
.agree-popup .agree-conts .agree-inner .grid-wr > div {}
.agree-popup .agree-conts .agree-inner .grid-wr > div:last-child {}
.agree-popup .agree-conts .agree-inner .grid-wr > div > p{font-size: 12px; font-weight: 600; }
.agree-popup .agree-conts .agree-inner .grid-wr > div > div {padding: 10px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > ul{gap: 5px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > ul > li {font-size: 10px; padding-left: 7px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > ul > li::marker {font-size: 10px;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > p {font-size: 12px; font-weight: bold;}
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > b { margin-top: 7px; font-size: 10px; }
.agree-popup .agree-conts .agree-inner .grid-wr > div > div > b > strong {font-size: 12px; font-weight: bold;}

.agree-popup .agree-conts .agree-inner .cation {margin-top: 15px;}
.agree-popup .agree-conts .agree-inner .cation > ul{margin-bottom: 15px;}
.agree-popup .agree-conts .agree-inner .cation > ul > li{font-size: 14px; margin-bottom: 5px;}
.agree-popup .agree-conts .agree-inner .cation p {font-size: 14px;}

}


@media (max-width:1300px) {
    section:nth-child(6) {overflow: hidden;}
    section:nth-child(6) .right_img {position: absolute;top:27%;right:-36%;width: 85%;}
}

@keyframes flowText {
    from {
      transform: translate3d(0,0,0);
    }
    to {
      transform: translate3d(-95%,0,0);
    }
}

@keyframes verticalText {
    from {
      transform: translate3d(0,0,0);
    }
    to {
      transform: translate3d(0,-95%,0);
    }
}