/*.bg-video {position: fixed; right:0; bottom:0; z-index: 1; width:100%; height:100%; overflow: hidden; transition: .8s; z-index: 2; background:#111; display: none;}
.bg-video video {width:100%; height:100%; object-fit: cover;}

.bg-video.hide {width:50px; height:50px; border-radius:50%; right:-100px; bottom:-100px;}*/

footer {display: none;}

.main {position: relative; overflow: hidden; width:100vw; height:100vh;}
.main .swiper {width:100%; height:100%; }
.main .swiper-slide {width:100% !important; height:100%; padding:0 60px; overflow: hidden;}
.main .sec1 {max-width:1700px; margin:0 auto; padding:120px 0px 0 0px; height:100%;}
.main .sec1:after {content:''; clear:both; display: table;}
.main .sec1 .box1 {padding:0 0 100px 55px; position: relative; display: flex; flex-direction: column; align-items: flex-start;  justify-content: center;height:100%; width:50%; float:left;}
.main .sec1 .box1 img {margin-left:-55px; width:50px;}
.main .sec1 .box1 h2 {font-size:78px; color:#111; font-family: 'Paperlogy-9Black'; line-height:1.05em;}
.main .sec1 .box1 h2 span {position: relative; display: inline-block; }
.main .sec1 .box1 h2 span:after{content:''; left:-6px; bottom:1px; position:absolute; width:calc(100% + 12px); height:32px; background:#E0E0E0; z-index: -1;}
.main .sec1 .box1 h3 {font-size:26px; color:#111; line-height:1.15em; margin-top:35px; font-weight:600;}
.main .sec1 .box1 p {margin-top:200px; padding:40px 60px; border-radius:70px; background:#f6f6f6; font-size:17px; color:#111; line-height:1.3em; font-weight:500; margin-left:-60px; position: relative;}
.main .sec1 .box1 p:after {content:'ABOUT US'; position: absolute; font-size:65px; color:#f6f6f6; font-family: 'Paperlogy-9Black'; right:45px; top:-33px;}
.main .sec1 .box1 p:before {content:''; position: absolute; left:65px; top:-151px; height:100px; width:1px; background:#111;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {max-width:1700px; margin:0 auto !important; bottom:60px !important;  text-align: left; padding:0 0px; position: relative; }
.swiper-pagination:after {content:'Scroll'; position: absolute; left:115px; bottom:1px; font-size:14px; color:#8e8e8e; font-weight:500; letter-spacing: 4px;}
.swiper-pagination-bullet {width:10px !important; height:10px !important; border:2px solid #C3C3C3 !important; background:none !important; opacity: 1 !important; margin:0 12px 0 0 !important; transition: .3s;}
.swiper-pagination-bullet-active {border:2px solid #516A68 !important; background:#516A68 !important;}

.main .sec1 .box2 { width:50%; right:80px; bottom:40px; height:calc(100% - 140px); position: absolute; z-index: 3; transition: .5s;}
.main .sec1 .box2 .bg-video {width:100%; height:100%; position: relative; right:-40px; fill:#333; border-radius:60px; overflow: hidden; z-index: -2; transition: .5s;}
.main .sec1 .box2 .bg-video video {width:100%; height:100%; object-fit: cover;}

.main .sec1 .box2 button {position: absolute; right:-40px; bottom:0px; width:246px; height:60px; border-radius:50px; background:#111; color:#fff; font-size:18px ; border:none; padding-bottom:1px; opacity: 1;  transition: .5s;}
.main .sec1 .box2 button img { margin:-2px -5px 0 50px; }
.main .sec1 .box2 button:after {content:''; width:315px; height:133px; background:url('../img/sec1_white.svg')no-repeat right bottom;  position: absolute; right:-1px; bottom:0; z-index: -1;background-size:cover; }

.main .sec1 .box2.fixed {bottom:0; right:40px; width:100%; height:100%; background:white;}
.main .sec1 .box2.fixed .bg-video {border-radius:0;}
.main .sec1 .box2.fixed button {opacity: 0}

.swiper-pagination {opacity: 1}
.swiper-pagination.on {opacity: 0; transition: .5s;}




.main .sec2 {max-width:1700px; margin:0 auto; padding:220px 0px 0 0px; height:100%; position: relative;}
.main .sec2 h2 {float:left; font-size:70px; color:#111; font-family: 'Paperlogy-9Black';}
.main .sec2 h3 {float:right; margin-right:100px; font-size:20px; color:#111; line-height:1.4em; font-weight:500; padding-top:3px;}
.main .sec2 h3 button {margin-top:32px; height:50px; width:170px; font-size:18px; background:#111; color:#fff; font-weight:500; border:none; border-radius:50px; padding-bottom:2px;}
.main .sec2 h3 .mo {display: none;}

.main .sec2 ul {position: absolute; left:50%; bottom:120px; width:100%; transform: translate(-50%,0);}
.main .sec2 ul:after {content:''; clear:both; display: table;}
.main .sec2 ul li {float:left; width:calc((100% - 120px) / 4); z-index: 1; margin-right:40px; position: relative; height:400px; padding:209px 0px 0 40px; border-radius:40px; overflow: hidden;}
.main .sec2 ul li:last-child {margin-right:0; }
.main .sec2 ul li:nth-child(1) {background:url('../img/bg_1.svg')no-repeat right bottom; background-size:cover}
.main .sec2 ul li:nth-child(2) {background:url('../img/bg_2.svg')no-repeat right bottom; background-size:cover}
.main .sec2 ul li:nth-child(3) {background:url('../img/bg_3.svg')no-repeat right bottom; background-size:cover}
.main .sec2 ul li:nth-child(4) {background:url('../img/bg_4.svg')no-repeat right bottom; background-size:cover}
.main .sec2 ul li p {font-size:28px; color:#111; font-weight:800}
.main .sec2 ul li span {display: inline-block; width:100%; margin-top:12px; font-size:18px; line-height:1.4em; color:#111; font-weight:500;}
.main .sec2 ul li .img {position: absolute; right:0; bottom:0; width:80px; height:80px; border-radius:30px; background:#f4f4f4; display: flex; justify-content: center; align-items: center;}
.main .sec2 ul li .img img {width:70%;}

.main .sec2 ul.eng li p {line-height:1.2em;}






.main .sec3 {max-width:1700px; margin:0 auto; padding:120px 0px 0 0px; height:100%; position: relative;}
.main .sec3:after {content:''; clear:both; display: table;}
.main .sec3 .box1 {padding:0 0 100px 55px; position: relative; display: flex; flex-direction: column; align-items: flex-start;  justify-content: center;height:100%; }
.main .sec3 .box1 img {margin-left:-55px; width:50px;}
.main .sec3 .box1 h2 {font-size:78px; color:#111; font-family: 'Paperlogy-9Black'; line-height:1.2em;}
.main .sec3 .box1 h3 {font-size:26px; color:#111; line-height:1.15em; margin-top:35px; font-weight:600;}
.main .sec3 .box1 p {margin-top:200px; font-size:17px; color:#111; line-height:1.3em; font-weight:500; position: relative;}
.main .sec3 .box1 p:before {content:''; position: absolute; left:5px; top:-151px; height:100px; width:1px; background:#111;}

.main .pc_bg {position: absolute; left:700px; top:56%; transform: translate(0,-50%); height:167%; width:auto;}
.main .mo_bg {display: none;}

.main .sec3 .box1 .bt_box {margin-top:30px;}
.main .sec3 .box1 .bt_box:after {content:''; clear:both; display: table;}
.main .sec3 .box1 .bt_box button {height:60px; border-radius:50px; width:200px; border:none; background:#111; margin-right:10px; float:left; color:#fff; font-size:18px; }
.main .sec3 .box1 .bt_box button img {width:auto; margin:-2px -7px 0 20px;}






.main .sec4 {max-width:1700px; margin:0 auto; padding:150px 0px 0 80px; height:100%; position: relative;}
.main .sec4:after {content:''; clear:both; display: table;}
.main .sec4 h2 {font-size:70px; color:#111; font-family: 'Paperlogy-9Black'; line-height:1.1em;}
.main .sec4 h2 span {display: inline-block; width:100%; font-family: 'Paperlogy-6SemiBold'; font-size:38px; }
.main .sec4 h3 {font-size:18px; color:#111; line-height:1.4em; font-weight:500; margin-top:35px;}
.main .sec4 h3 .mo {display: none;}
.main .sec4 p {font-size:16px; color:#111; font-weight:700; margin-top:100px;}
.main .sec4 p span {width:35px; height:35px; border-radius:12px; background:#fff; margin-top:11px; display: inline-block; margin-right:10px;}
.main .sec4 p span.col2 {background:#111;}
.main .sec4 .pro_img {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); height:68vh;}
.main .sec4 .bg {position: absolute; left:0; bottom:120px; width:100%; height:560px; background:url('../img/sec4_bg.png')no-repeat top right;  z-index: -1; border-radius:60px; overflow: hidden;}
.main .sec4 .bg img {width:100%; position: absolute; left:0; bottom:-50px;}
.main .sec4 .more_bt {position: absolute; right:0; bottom:620px; width:245px; height:60px; border-radius:50px; color:#fff; border:none; font-size:20px; font-weight:400; background:#111; padding-bottom:1px;}
.main .sec4 .more_bt img {margin:-2px -7px 0 40px;}









.main .sec5 {max-width:1700px; margin:0 auto; padding:120px 0px 0 50px; height:100%;}
.main .sec5:after {content:''; clear:both; display: table;}

.main .sec5 ul {float:left; width:300px; height:calc(100% - 180px); margin-top:60px; display: flex; flex-direction: column;}
.main .sec5 ul li {font-size:20px; color:#888; font-weightA:500; display: flex; align-items: center; width:100%; cursor: pointer; margin-bottom:20px; position: relative; height:calc((100% - 100px) / 6); right:0; transition: .3s;}
.main .sec5 ul li:last-child {margin-bottom:0;}
.main .sec5 ul li:after {content:''; clear:both; display: table;}
.main .sec5 ul li:before {content:''; position: absolute; right:-35px; top:0; height:100%; width:60vw; border-radius:0 60px 60px 0; background:#f5f5f5 ;z-index:-1;}
.main .sec5 ul li img {position: absolute; right:0;}
.main .sec5 ul li:hover {right:-13px; color:#111;}
.main .sec5 ul li.on {color:#fff; right:-70px; z-index: 1;}
.main .sec5 ul li.on:before {background:#111;}
.main .sec5 ul li.on img {filter:brightness(100);}

.main .sec5 .video_view {height:calc(100% - 120px); width:calc(100% - 520px); background:#eee; position: absolute; right:0; bottom:0; border-radius:60px 0 0 0}








.main .swiper-slide6 {background:url('../img/sec6_bg.png')no-repeat center bottom #111; background-size:100% auto; }
.main .sec6 {max-width:1700px; margin:0 auto; padding:120px 0px 0 0px; height:100%;}
.main .sec6:after {content:''; clear:both; display: table;}
.main .sec6 .box1 {padding:0 0 100px 55px; position: relative; display: flex; flex-direction: column; align-items: flex-start;  justify-content: center;height:100%; float:left; width:50%;}
.main .sec6 .box1 img {margin-left:-55px; width:50px;}
.main .sec6 .box1 h2 {font-size:78px; color:#fff; font-family: 'Paperlogy-9Black'; line-height:1.2em;}
.main .sec6 .box1 p {font-size:20px; color:#fff; line-height:1.15em; margin-top:25px; font-weight:500;}
.main .sec6 .box1 p.full {display: block;}
.main .sec6 .box1 p.slice {display: none;}

.main .sec6 .box1 span {display: inline-block; width:100%; margin-top:280px; font-size:15px; font-weight:300; color:#fff; line-height:1.5em;}
.main .sec6 .box1 span b {display: inline-block; width:100%; margin-bottom:5px; font-size:18px; font-weight:600;}

.main .sec6 .box1 .bt_box {margin-top:35px; }
.main .sec6 .box1 .bt_box:after {content:''; clear:both; display: table;}
.main .sec6 .box1 .bt_box button {height:55px; border-radius:50px; width:230px; border:none; background:#fff; margin-right:10px; float:left; color:#111; font-size:18px;  font-weight:600; display: none;}
.main .sec6 .box1 .bt_box button img {width:auto; margin:-2px -5px 0 15px; filter:brightness(0);}

.main .sec6 .box2 {float:right; width:50%; height:calc(100% - 120px); max-height:702px; margin-top:15px; background:url('../img/sec6_bg2.png')no-repeat right bottom; border-radius:60px 60px 0 60px; overflow: hidden; max-width:730px;padding:45px 55px; position: relative;}
.main .sec6 .box2 p {font-size:20px; color:#111; font-weight:600; }
.main .sec6 .box2 p br {display: none;}
.main .sec6 .box2 .input_cont {width:100%;}
.main .sec6 .box2 .input_cont:after {content:''; clear:both; display: table;}
.main .sec6 .box2 .input_box {float:left; width:calc((100% - 30PX) / 2);  margin:48px 30px 0 0 ;}
.main .sec6 .box2 .input_box:nth-child(2n) {margin-right:0;}
.main .sec6 .box2 .input_box:nth-child(5), .main .sec6 .box2 .input_box:nth-child(6) {margin-right:0; width:100%;}
.main .sec6 .box2 .input_box span {display: inline-block; width:100%; font-size:16px; color:#111; font-weight:500;}
.main .sec6 .box2 .input_box span b {display: inline-block; margin-left:6px; color:#f00; font-weight:400;}
.main .sec6 .box2 .input_box input[type="text"] {width:100%; border:none; border-bottom:1px solid #111; font-size:16px; color:#111; height:42px; background:none;}
.main .sec6 .box2 .input_box textarea {width:100%; height:125px; border:none; border-bottom:1px solid #111; background:none; resize: none; padding:10px 0 0 0; font-size:16px;}

.main .sec6 .box2 input[type="checkbox"] {display: none;}
.main .sec6 .box2 input[type="checkbox"] + .ck_label {display: inline-block; width:100%; font-size:16px; color:#777; font-weight:500; padding-left:32px; position: relative; margin-top:40px; cursor: pointer}
.main .sec6 .box2 input[type="checkbox"] + .ck_label span {width:20px; height:20px; border-radius:4px; position: absolute; left:0; top:0; border:1px solid #ccc;}
.main .sec6 .box2 input[type="checkbox"]:checked + .ck_label {color:#111;}
.main .sec6 .box2 input[type="checkbox"]:checked + .ck_label span {background:url('../img/check.svg')no-repeat center #111; border:none;}


.main .sec6 .box2 button {position: absolute; right:0px; bottom:0px; width:240px; height:60px; border-radius:50px; background:none; color:#fff; font-size:20px ; border:1px solid #fff; padding-bottom:2px;}
.main .sec6 .box2 button img { margin:-2px -5px 0 50px; filter:brightness(100);}


@media screen and (min-width:1920px) {
    .main .sec6 {display: flex; justify-content: center; align-items: center;}
    .main .sec6 .box2 {margin-top:-90px;}
}

@media screen and (max-width:1800px) {
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {padding:0 60px;}
    .swiper-pagination:after {left:175px; bottom:0;}

    .main .sec1 .box2 {width:45%;}
}

@media screen and (max-height:950px)  {
    .main .sec6 .box2 {padding:35px 44px;}
    .main .sec6 .box2 .input_box {margin-top:35px;}
    .main .sec6 .box2 .input_box input[type="text"] {height:35px;}
    .main .sec6 .box2 .input_box textarea {height:100px;}
    .main .sec6 .box2 input[type="checkbox"] + .ck_label {margin-top:25px; }
}

@media screen and (max-height:900px)  {
    .main .sec2 ul li {HEIGHT:310px; padding-top:175px;}
}

@media screen and (max-height:800px) {
    .main .sec6 .box2 {height:calc(100% - 30px)}
}

@media screen and (max-width:1500px)  {
    .main .sec1 .box1 h2 {font-size:70px; }
    .main .sec1 .box1 p {font-size:16px; padding:30px 60px;}

    .main .sec2 ul li {HEIGHT:310px; padding-top:165px; padding-left:30px; width:calc((100% - 45px) / 4); margin-right:15px;}
    .main .sec2 ul li:last-child {margin-right:0;}
    .main .sec2 h2 {font-size:60px;}
    .main .sec2 h3 {font-size:18px; margin-right:0;}
    .main .sec2 ul li .img {width:65px; height:65px; border-radius:20px;}
    .main .sec2 ul li span {font-size:16px;}
    .main .sec2 ul.eng li {padding-top:45px;}

    .main .sec3 .box1 h2 {font-size:70px;}
    .main .sec3 .box1 p {margin-top:160px;}
    .main .sec3 .box1 p:before {top:-131px;}
    .main .pc_bg {left:560px;}

    .main .sec4 .pro_img {left:65%;}
    .main .sec6 .box1 h2 {font-size:70px;}
    .main .sec6 .box1 p.full {display: none;}
    .main .sec6 .box1 p.slice {display: block;}

}

@media screen and (max-width:1279px) {
    .main {height:auto; overflow: initial;}
    .swiper-wrapper {display: inline-block !important; height:auto !important}
    .main .swiper-slide {width:100%; height:auto !important}
    .main .swiper {height:auto !important; overflow: initial !important;}
    .swiper-pagination {display: none;}
    footer {display: inline-block; width:100%;}

    .main .sec1 .box2 {width:calc(100% - 80px); height:300px; top:100px;}
    .main .sec1 .box2.fixed {bottom:initial; top:0;}
    .main .sec1 .box2 .bg-video {border-radius:40px;}
    .main .sec1 .box1 {width:100%; display: inline-block; padding:305px 0 0 25px;}
    .main .sec1 .box1 img {width:40px; margin-left:-45px;}
    .main .sec1 .box1 h2 br {display: none;}
    .main .sec1 .box1 h2 {font-size:60px;}
    .main .sec1 .box1 h2 span {margin-left:20px;}
    .main .sec1 .box1 h3 br {display: none;}
    .main .sec1 .box1 h3 {margin-top:15px;}

    .main .sec1 .box1 p {margin-top:100px;}
    .main .sec1 .box1 p:before {LEFT:66PX; top:-82px; height:60px;}

    .main .sec2 {height:auto; padding:0; margin-top:100px;}
    .main .sec2 ul {position: relative; left:0; bottom:0; transform: initial;}
    .main .sec2 h2 {float:initial;}
    .main .sec2 h3 {float:initial; widtj:100%; margin-top:15px;}
    .main .sec2 h3 button {margin-toP:25px;}
    .main .sec2 ul {margin-top:30px;}
    .main .sec2 ul li {height:260px; padding:135px 0 0 25px;}
    .main .sec2 ul li p {font-size:25px;}
    .main .sec2 ul li span {font-size:14px; margin-top:7px;}
    .main .sec2 ul li .img {width:60px; height:60px;}
    .main .sec2 ul.eng li {padding-top:19px;}

    .main .sec3 {padding:170px 0 180px 0;}
    .main .sec3 .box1 {width:100%; display: inline-block; padding:0 0 100px 25px}
    .main .sec3 .box1 img {width:40px; margin-left:-45px;}
    .main .sec3 .box1 h2 {font-size:60px;}
    .main .sec3 .box1 p {margin-top:15px;}
    .main .sec3 .box1 p:before {content:none;}
    .main .sec3 .box1 .bt_box {margin-left:-10px;}
    .main .pc_bg {display: none;}
    .main .mo_bg {display: block; position:absolute; width:520px; margin-top:20px; top:30px; left:590px;}

    .main .sec4 {padding:0 0 190px 0;}
    .main .sec4 h2 {font-size:60px;}
    .main .sec4 h2 span {font-size:30px;}
    .main .sec4 h3 {margin-top:25px;}
    .main .sec4 p {margin-top:40px;}
    .main .sec4 .pro_img {left:initial; right:0; transform: initial; top:0; height:auto; width:430px;}
    .main .sec4 .bg {background:#F3F3F3; height:370px; width:calc(100% + 40px); left:-20px; border-radius:40px;}
    .main .sec4 .bg img {bottom:-30px;}

    .main .sec4 .more_bt {margin:30px 0 0 -10px; width:220px; position: relative; left:0; bottom:0;}

    .main .sec6 {padding-top:60px; padding-bottom:60px;}
    .main .sec6 .box1 {width:100%; display: inline-block; padding:0 0 50px 0}
    .main .sec6 .box1 h2 {font-size:60px;}
    .main .sec6 .box1 span {margin-top:40px;}
    .main .sec6 .box2 {width:100%; max-width:initial; float:initial; background:#fff; border-radius:40px;}
    .main .sec6 .box2 button {position: relative; width:100%; background:#111; color:#fff; margin-top:30px;}
    .main .sec6 .box2 button img {margin-left:11px;}
    .main .sec6 .box2 input[type="checkbox"] + .ck_label {margin-top:30px;}

}

@media screen and (max-width:1023px) {
    .main .swiper-slide {padding:0 30px;}
    .main .sec1 .box1 {padding:280px 0 0 25px;}
    .main .sec1 .box1 h2 {font-size:50px;}
    .main .sec1 .box1 h3 {font-size:24px;}
    .main .sec1 .box1 p {margin-left:-30px; width:calc(100% + 60px); padding:30px 30px;}
    .main .sec1 .box1 p:before {left:37px;}
    .main .sec1 .box2 {right:60px; width:calc(100% - 40px); top:80px;}

    .main .sec2 h2 {font-size:50px;}
    .main .sec2 ul li {width:calc((100% - 25px) / 2); margin-right:25px; margin-top:25px; }
    .main .sec2 ul li:nth-child(2n) {margin-right:0;}
    .main .sec2 ul {margin-top:10px;}


    .main .sec3 {padding-top:90px;}
    .main .sec3 .box1 {padding:60px 0 0px 25px}
    .main .sec3 .box1 h2 {font-size:50px;}
    .main .sec3 .box1 h3 {font-size:24px; margin-top:25px;}
    .main .mo_bg {top:60px; left:490px; width:400px;}

    .main .sec4 h2 {font-size:50px;}
    .main .sec4 h2 span {font-size:25px;}
    .main .sec4 .pro_img {width:390px; right:-50px;}
    .main .sec4 h3 .mo {display: block;}

    .main .sec6 .box1 h2 {font-size:50px;}

}

@media screen and (max-width:767px) {
    .main .swiper-slide {padding:0 25px; overflow:visible}
    .main .sec1 .box2.fixed {height:100vh}

    .main .sec1 .box2 button {height:45px; width:175px; font-size:15px;}
    .main .sec1 .box2 button img {margin:-2px -5px 0 15px;}
    .main .sec1 .box2 button:after {width:210px; height:91px;}
    .main .sec1 .box1 h2 {font-size:40px; margin-top:5px;}
    .main .sec1 .box1 h2 br {display: block;}
    .main .sec1 .box1 h2 span {margin-left:0;}
    .main .sec1 .box1 h2 span:after {height:19px;}
    .main .sec1 .box1 img {width:30px; margin-left:-20px;}
    .main .sec1 .box1 h3 {font-size:20px;}
    .main .sec1 .box1 p {border-radius:25px; padding:20px 30px; font-size:14px; width:calc(100% + 35px); margin-top:70px;}
    .main .sec1 .box1 p br {display: none;}
    .main .sec1 .box1 p:after {font-size:35px; top:-20px; right:15px;}
    .main .sec1 .box1 p:before {height:40px; top:-56px; left:33px;}
    .main .sec1 .box1 {padding-left:15px;}

    .main .sec2 h2 {font-size:35px;}
    .main .sec2 h3 {font-size:16px;}
    .main .sec2 h3 button {height:45px; width:150px; font-size:16px;}
    .main .sec2 ul li {width:100%; margin-right:0px; height:150px; margin-top:15px; padding-top:65px;}
    .main .sec2 ul li p {font-size:20px;}
    .main .sec2 ul li span {font-size:13px; margin-top:5px;}
    .main .sec2 h3 .mo {display: block;}

    .main .sec3 {padding:60px 0 60px 0px}
    .main .sec3 .box1 {padding-top:0;}
    .main .sec3 .box1 h2 {font-size:35px; margin-top:5px;}
    .main .sec3 .box1 img {width:30px; margin-left:-20px;}
    .main .sec3 .box1 h3 {font-size:20px; margin-top:15px;}
    .main .sec3 .box1 p {font-size:13px; margin-top:10px;}
    .main .sec3 .box1 .bt_box button {height:45px; width:auto; padding:0 25px; font-size:15px;}
    .main .sec3 .box1 .bt_box button img {margin:-2px -3px 0 14px;}
    .main .sec3 .box1 .bt_box button:last-child {margin-right:0;}
    .main .sec3 .box1 {padding-left:15px;}
    .main .mo_bg {width:100%; position: relative; top:0; left:0;}

    .main .sec4 {padding-bottom:50px;}
    .main .sec4 h2 {font-size:35px;}
    .main .sec4 h2 span {font-size:20px;}
    .main .sec4 .pro_img {position: relative; top:0; left:0; transform: initial; width:100%; top:20px; z-index: 0;}
    .main .sec4 h3 {FONT-SIZE:16PX; margin-top:15px;}
    .main .sec4 .more_bt {height:45px; width:auto; padding:0 28px; z-index: 1; font-size:16px; margin:25px 0 0 0px;}
    .main .sec4 .more_bt img {margin:-2px 0 0 15px;}
    .main .sec4 p {display: none;}
    .main .sec4 .bg {height:300px; bottom:30px;}
    .main .sec4 .bg img {bottom:-11px;}

    .main .sec6 .box1 {padding-bottom:35px;}
    .main .sec6 .box1 h2 {font-size:35px;}
    .main .sec6 .box1 p {font-size:15px; margin-top:15px;}
    .main .sec6 .box1 .bt_box {margin-top:25px;}
    .main .sec6 .box1 .bt_box button {height:45px; font-size:16px; width:200px}
    .main .sec6 .box1 .bt_box button img { margin:-2px 0 0 10px; }
    .main .sec6 .box1 span {font-size:14px; margin-toP:25px;}
    .main .sec6 .box1 span b {font-size:16px;}
    .main .sec6 .box2 {margin-top:0; border-radius:30px; padding:30px;}
    .main .sec6 .box2 p {font-size:16px;}
    .main .sec6 .box2 p br {display: block;}
    .main .sec6 .box2 .input_box {width:100%; margin:30px 0 0 0;}
    .main .sec6 .box2 .input_box span {font-size:15px;}
    .main .sec6 .box2 input[type="checkbox"] + .ck_label {font-size:14px; padding-left:26px;}
    .main .sec6 .box2 input[type="checkbox"] + .ck_label span {width:18px; height:18px;}
    .main .sec6 .box2 button {height:50px; font-size:16px;}
}




.intro {position: fixed; top:0; left:0; width:100%; height:100%; z-index: 100; background:rgba(27,27,27,.55); }
.intro.hide {display:none;}
.intro .posi {position: absolute; left:50%; top:49%; transform: translate(-50%,-50%); width:100%; text-align: CENTER;}
.intro .posi img {margin-bottom:22px;}
.intro .posi .scroll {width:170px; margin:0 auto}
.intro .posi .scroll span {display: inline-block; width:100%; height:1px; background:#fff; position: relative;}
.intro .posi .scroll span:after {content:''; position: absolute; left:15px; top:-6px; width:12px; height:12px; border-radius:50%; background:#fff; animation:circle 3s infinite}
.intro .posi .scroll p {font-size:11px; margin-top:7px; color:#fff; font-weight:300; letter-spacing: 4px;}

@keyframes circle {/* circle이라는 애니메이션 키프래임 만들기*/
    0%  {left:15px}
    50% {left:145px}
    100% {left:15px}
}