#header { background-color: #000; color: #fff; padding: 0px 50px; height: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: flex; justify-content: space-between; align-items: center; }
#header span { font-size: 3.8rem; font-weight: 700; display: flex; align-items: center; }
#header a { font-size: 3.8rem; font-weight: 700; color:#fff;}
#header span img { width: 27px; margin-right: 5px; }

.cont_wrap {max-width:1200px;margin:0 auto;position: relative;z-index: 1;}
.section { padding-top: 150px; }
#Sc_1 {height: 100vh !important;position: relative;}
#Sc_1::after{content:'';width:100%;height:100%;background:#000;position:absolute;left:0;top:0;z-index:-1;}
#Sc_1 ul { display:flex; gap: 30px; }
#Sc_1 li { background: rgb(255 255 255 / 95%); border-radius: 30px; padding: 20px; height: 580px; width: 50%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; color: #000; align-content: center; }
#Sc_1 p { display: inline-block; width: 100%; font-size: 2rem; }
#Sc_1 .sub_title { font-size:2.2rem; font-weight:600; margin: 30px 0 10px; }
#Sc_1 h3 { font-size:6rem; font-weight:800; width: 100%; line-height: 1; }
#Sc_1 h3::after { content:''; display:block; width: 76px; height:1px; background:#000; margin: 20px auto; }
#Sc_1 .btn { width: 210px; height: 55px; font-size: 1.9rem; font-weight: 700; color: #000; margin-top: 20px; border-radius: 0; transition: all 0.3s ease; }
#Sc_1 .btn:hover { box-shadow: 5px 5px 0px #0000004a; border: 1px solid #000 !important;background:var(--main-color); border: 1px solid var(--main-color); }
#Sc_1 .left .btn { border:1px solid #000; }
#Sc_1 .right .btn { border:1px solid #000; }

#Sc_2 {overflow: hidden;}
#Sc_2 .cont_wrap { position:relative; }
#Sc_2 .tit_box { font-size: 6rem; text-align: center; color: #000; line-height: 1.2; display: inline-block; width: 100%; margin-bottom: 30px; }
#Sc_2 .tit_box span { font-weight:700; position:relative; display: inline-block; line-height: 1; }
#Sc_2 .tit_box span.hi_pen::after { content:''; display:block; width:100%; height:20px; background:var(--main-color); position: absolute; left: 0; bottom: 0; z-index: -1; }
#Sc_2 .img_box { width: 100%; text-align: center; display: inline-block; height: 600px; background: url('../images/web/sc2_img1.png') no-repeat bottom center; background-size: contain; }
#Sc_2::before { content:''; display:block; width: 100vw; height:10px; background:#000; position:absolute; left:0; bottom: -6px; }
#Sc_2 .img_box img { }
#Sc_2 .txt_box { background:#fff; border-radius:20px; height: 77px; width: 370px; text-align: center; line-height: 77px; font-size: 3rem; color: #000; box-shadow: 5px 5px 15px #00000042; display: inline-block; font-weight: 300; }
#Sc_2 .left .txt_box:nth-child(2n+1) {margin-left:80px;}
#Sc_2 .right .txt_box:nth-child(2n+1) { margin-left:-80px; }
#Sc_2 ul { position:absolute; bottom: 30px; width: 100%; }
#Sc_2 li { position:absolute; display: flex; flex-direction: column; gap: 80px; }
#Sc_2 .left { left:0; bottom: 0; }
#Sc_2 .right { right:0; bottom: 0; }


#Sc_3 {color: #fff;text-align: center;height: 100vh !important;position: relative;background: hsl(0deg 0% 0%);}
#Sc_3 .tit_1 { font-size: 6rem; font-weight: 700; }
#Sc_3 .tit_2 { font-size: 10rem; font-weight: 700; }
#Sc_3 .tit_3 { font-size: 2.5rem; }
#Sc_3 .tit_4 { font-size: 1.7rem; }

#Sc_3 .btn {background:var(--main-color);border-radius:50px;color: #000;font-size: 3.5rem;height: 80px;max-width: 450px;width: 100%;font-weight: 700;margin: 40px auto 15px;transition: all 0.3s ease;}
#Sc_3 .btn:hover { box-shadow: 8px 8px 0 #000; border: 1px solid #000; }

#footer { padding: 60px 20px; background:#111; color: #fff; text-align: center; }
#footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 10px 0; margin: 15px 0; border-bottom: 1px solid #3d3d3d; }
#footer nav a {font-size: 15px;color:#fff;}
#footer .ft_info {font-size: 14px;}
#footer .ft_info ul { display:flex; text-align: center; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; }
#footer .ft_info li {width:auto;display:inline-block;font-weight: 300;}
#footer .copy { color: #959595; margin-top: 10px; }

.fp-warning, .fp-watermark {display:none;}

#subPage{}
#subPage h2{font-size:40px;color:#000;font-weight: 700;margin-bottom: 20px;}
#agree_txt{font-size:16px;margin-bottom: 70px;}
#agree_txt .even_pr{border:1px solid #ddd;padding: 20px;text-align: center;}
#agree_txt b{display:inline-block;width:100%;border-top:2px solid #000;border-bottom:1px solid #ddd;padding:5px 0;color: #000;}
#agree_txt span{color:#000;font-weight:500;}


@media screen and (max-width: 1200px) {
 #Sc_1
 #Sc_2,
 #Sc_3{height:auto !important;padding:80px 0;}

 .cont_wrap { padding: 0px 20px; }
 #Sc_2 { padding-top:80px; }
 #Sc_2 .left { left:10px; }
 #Sc_2 .right { right:10px; }
 #Sc_2 .img_box { height: auto; height: 520px; overflow: hidden; margin-top: 30px; }
 #Sc_2 .img_box img { /* max-width: 360px; */ }
 #Sc_2 .txt_box { width: 310px; height: 70px; line-height: 70px; }
 #Sc_2 ul { position: static; width: 100%; }
 #Sc_2 li { position: static; width: 50%; gap: 10px; display: flex; }
 #Sc_2 .left .txt_box:nth-child(2n+1),
 #Sc_2 .right .txt_box:nth-child(2n+1),
 #Sc_2 .txt_box { margin-left: 0; box-shadow: none; border: 1px solid #939393; border-radius: 5px; width: calc(100% - 10px); }
 }

@media screen and (max-width: 1078px){
 .section { padding:0; }
 #Sc_1 {height:auto !important;padding: 210px 0 80px;}
 #Sc_1 ul { display: flex; flex-wrap: wrap; justify-content: center; }
 #Sc_1 li {width:100%;max-width: 580px;}
 #Sc_1 .btn { max-width: 310px; width: 90%; }
 }
@media screen and (max-width: 720px){
 #header { padding:0 20px; height: 100px; }
 #Sc_1{padding: 120px 0;}
 #Sc_1 li {border-radius: 12px;height: auto;padding: 20px 10px;}
 #Sc_1 li img{max-width: 80px;max-height: 80px;}
 #Sc_1 h3{font-size: 22px;}
 #Sc_1 h3::after{margin: 10px auto;width: 45px;}
 #Sc_1 .sub_title{font-size: 14px;line-height: 1.2;word-break: keep-all;margin-top: 19px;}
 #Sc_1 p{font-size: 14px;line-height: 1.2;}
 #Sc_1 .btn{font-size: 14px;height: 42px;}

 #Sc_2 .tit_box br { display:none; }
 #Sc_2 .tit_box,
 #Sc_3 .tit_1 {font-size: 5rem;line-height: 1.2;}
 #Sc_3 .tit_3 span{width: 100%;display:inline-block;font-size: 18px;}
 #Sc_3 .tit_3 em{display:none;}

 #Sc_3 .tit_2 { font-size: 7rem; }
 #Sc_3 .tit_2 img { width: 36px; }

 #Sc_2 .left .txt_box:nth-child(2n+1), #Sc_2 .right .txt_box:nth-child(2n+1), #Sc_2 .txt_box {width:100%;font-size: 16px;height: 45px;line-height: 44px;}
 #Sc_2 li { width:100%; }

 #footer nav { gap: 10px; }
 #footer .ft_info ul { gap:10px; }
 #header a { font-size: 3rem; }
 #header h1 img { width:100px; }
 #header span img { width:20px; }
}

@media screen and (max-width: 520px){
 #header a{font-size: 2.5rem;}
 #Sc_2 .img_box {height: 490px;}
 #Sc_3 .tit_2{font-size: 4rem;margin-top: 12px;}
 #Sc_3 .tit_2 img{width: 24px;}
 #Sc_3 .btn{font-size: 1.5rem;height: 45px;}

 #Sc_2 .tit_box, #Sc_3 .tit_1{font-size: 3rem;}

 }


@media screen and (max-width: 368px){
 #Sc_2 .tit_box, #Sc_3 .tit_1{font-size: 2.4rem;}
 #Sc_2 .img_box {height: 400px;}
 }

.video_bg{position: absolute;left: 0;top: 0;z-index: 0;object-fit: cover;width: 100%;height: 100%;}

:root {
    --animate-duration: 1s;
    --animate-delay: 0.5s !important;
    --animate-repeat: 1
}