/* animation-box */
.scroll_on {opacity:0; transition: all ease-in-out 0.5s; display:block;}
.scroll_on.type_top {transform: translate(0, -80px);}
.scroll_on.type_bottom {transform: translate(0, 80px);}
.scroll_on.type_left {transform: translate(-80px, 0);}
.scroll_on.type_right {transform: translate(80px, 0);}
.scroll_on.on {opacity: 1; transform: translate(0, 0);}

.delay01 {transition-delay:0.1s !important;}
.delay02 {transition-delay:0.2s !important;}
.delay03 {transition-delay:0.3s !important;}
.delay04 {transition-delay:0.4s !important;}
.delay05 {transition-delay:0.5s !important;}
.delay06 {transition-delay:0.6s !important;}
.delay07 {transition-delay:0.7s !important;}
.delay08 {transition-delay:0.8s !important;}
.delay09 {transition-delay:0.9s !important;}
.delay10 {transition-delay:1s !important;}
.delay15 {transition-delay:1.5s !important;}
.delay20 {transition-delay:2s !important;}
.delay25 {transition-delay:2.5s !important;}
.delay30 {transition-delay:3s !important;}
.delay35 {transition-delay:3.5s !important;}
.delay40 {transition-delay:4s !important;}

/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; background:rgba(0,0,0,0.04); backdrop-filter:blur(5px); transition:all ease 0.5s;}
header .container {display:flex; flex-wrap:wrap; align-items:center; padding:37px 50px; max-width:1450px; transition:all ease 0.5s;}
header h1 a {display:block; font-size:0; width:263px; height:44px; background:url('../images/logo_w.png') no-repeat center / cover;}
header button {display:none;}
header .header-cate {flex:1; min-width:0;}
header .header-cate .cate-head {display:none;}
header .header-cate .cate-body ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:40px;}
header .header-cate .cate-body ul li a {font-size:18px; font-weight:700; color:#fff;}
header .header-cate .cate-body ul li a:hover {color:#5BB700;}
header .header-cate .cate-body ul li:last-of-type a {font-size:16px; height:43px; padding:0 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#fff; background:#D51920;}

/* 배경 처리용 가상요소 */
header::before {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:0; height:100%; background:transparent; box-shadow:none; transition:all ease 0.5s; z-index:-1;}

/* 스크롤 중 → 배경 1450px */
header.scroll {background:transparent; backdrop-filter:blur(0);}
header.scroll::before {width:1450px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.25);}
header.scroll h1 a {background-image:url('../images/logo.png');}
header.scroll .header-cate .cate-body ul li a {color:#111;}
header.scroll .header-cate .cate-body ul li a:hover {color:#5BB700;}
header.scroll .header-cate .cate-body ul li:last-of-type a {color:#fff;}

/* 스크롤 멈춤 (scl > t) → 배경 100% 확장 */
header.scroll.scroll-stop {background:transparent;}
header.scroll.scroll-stop::before {width:100%;}

/* 스크롤 멈춤 (scl < t) → 반투명 배경 100% */
header.scroll-stop:not(.scroll) {background:rgba(0,0,0,0.04); backdrop-filter:blur(5px);}

@media (max-width:1300px){
header .header-cate .cate-body ul {gap:15px;}
header .header-cate .cate-body ul li:last-of-type a {padding:0 15px;}
}
@media (max-width:991px){
header .container {padding-top:15px; padding-bottom:15px; justify-content:space-between;}
header h1 a {width:200px; height:33px;}
header button {display:block; font-size:0; width:30px; height:30px; filter:var(--filter-white); background:url('../images/icon_menu.svg') no-repeat center / cover;}
header .header-cate {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100vh; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.5);}
header .header-cate .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; right:-20px; top:0; width:280px; height:100%; background:#fff; display:flex; flex-direction:column; overflow:hidden;}
header .header-cate .cate-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px; border-bottom:1px solid #ddd;}
header .header-cate .cate-head h2 img {width:170px;}
header .header-cate .cate-head .close {width:25px; height:25px; font-size:0; display:block; background:url('../images/icon_close.svg') no-repeat center / cover; filter:none !important;}
header .header-cate .cate-body {width:100%; height:100%; overflow-y:auto; padding:20px;}
header .header-cate .cate-body ul {gap:15px;}
header .header-cate .cate-body ul li {width:100%;}
header .header-cate .cate-body ul li a {width:100%; text-align:center; color:#111 !important;}
header .header-cate .cate-body ul li a:hover {color:#5BB700 !important;}
header .header-cate .cate-body ul li:last-of-type a {color:#fff !important;}
header.scroll button {filter:none;}
header.fixed .header-cate {pointer-events:inherit; opacity:1;}
header.fixed .header-cate .box {pointer-events:inherit; opacity:1; right:0;}
}

/* footer */
footer {background:#F8F8F8; border-top:1px solid #E5E7EB; padding:35px 0 65px;}
footer .container {display:flex; flex-wrap:wrap; gap:70px;}
footer .footer-info {flex:1; min-width:0;}
footer .footer-info > h2 {margin:0 0 25px;}
footer .footer-info > h2 img {width:252px;}
footer .footer-info > p {font-size:15px; color:#9CA3AF; word-break:keep-all; margin:0 0 20px;}
footer .footer-info > ul > li {margin:0 0 8px;}
footer .footer-info > ul > li:last-of-type {margin:20px 0 0;}
footer .footer-info > ul > li b {font-size:13px; font-weight:700; color:#374151;}
footer .footer-info > ul > li p {font-size:12px; color:#4B5563;}
footer .footer-cate ul {gap:100px; display:flex; flex-wrap:wrap;}
footer .footer-cate ul li dl dt {font-size:18px; font-weight:700; color:#374151; margin:0 0 15px;}
footer .footer-cate ul li dl dd {margin:0 0 12px;}
footer .footer-cate ul li dl dd:last-of-type {margin:0;}
footer .footer-cate ul li dl dd a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#6B6B6B;}
footer .footer-cate ul li dl dd a:hover {text-decoration:underline;}
footer .footer-cate ul li dl dd a.youtube {color:#D51920;}
footer .footer-cate ul li dl dd a.youtube:before {width:20px; height:14px; margin:0 4px 0 0; display:block; content:""; background:url('../images/img_youtube.png') no-repeat center / cover;}
footer .footer-social ul {display:flex; flex-wrap:wrap; gap:15px;}
footer .footer-social ul li a {display:block; font-size:0; width:45px; height:45px; background-size:cover; background-position:center;}
footer .footer-social ul li:nth-of-type(1) a {background-image:url('../images/icon_footer_social_01.png');}
footer .footer-social ul li:nth-of-type(2) a {background-image:url('../images/icon_footer_social_02.png');}
footer .footer-social ul li:nth-of-type(3) a {background-image:url('../images/icon_footer_social_03.png');}
footer .footer-social ul li:nth-of-type(4) a {background-image:url('../images/icon_footer_social_04.png');}
@media (max-width:1300px){
footer .container {gap:40px;}
footer .footer-cate ul {gap:50px;}
}
@media (max-width:991px){
footer {padding:30px 0;}
footer .footer-info {flex:none; width:100%;}
footer .footer-info > h2 {margin:0 0 20px;}
footer .footer-info > h2 img {width:200px;}
footer .footer-info > p {font-size:14px; margin:0 0 10px;}
footer .footer-info > ul > li {margin:0 0 4px;}
footer .footer-cate {width:100%;}
footer .footer-cate ul {gap:10px;}
footer .footer-cate ul li {flex:1; min-width:0;}
footer .footer-cate ul li dl dt {font-size:14px; margin:0 0 10px;}
footer .footer-cate ul li dl dd {margin:0 0 5px;}
footer .footer-cate ul li dl dd a {font-size:12px;}
footer .footer-cate ul li dl dd a.youtube:before {width:16px; height:12px;}
footer .footer-social {width:100%;}
footer .footer-social ul {gap:10px;}
footer .footer-social ul li a {width:40px; height:40px;}
}

.main-box > div {
    scroll-margin-top: 118px; /* 헤더 높이 */
}

/* main-title */
.main-box .main-title {margin:0 0 70px;}
.main-box .main-title h2 {font-size:14px; margin:0 0 5px; letter-spacing:2px; color:#2053C2; font-weight:600; font-family:"Montserrat", sans-serif;}
.main-box .main-title .title-inner {display:flex; flex-wrap:wrap; align-items:baseline;}
.main-box .main-title .title-inner h3 {display:flex; flex-wrap:wrap; align-items:flex-end; font-size:36px; font-weight:700; color:#111827;}
.main-box .main-title .title-inner h3:after {display:inline-block; content:""; width:23px; height:4px; border-radius:2px; background:#2053C2; margin:0 23px;}
.main-box .main-title .title-inner p {flex:1; min-width:0; font-size:20px; font-weight:500; color:#4B5563; word-break:keep-all;}
@media (max-width:991px){
.main-box .main-title {margin:0 0 30px;}
.main-box .main-title h2 {font-size:13px;}
.main-box .main-title .title-inner h3 {font-size:25px;}
.main-box .main-title .title-inner h3:after {display:none;}
.main-box .main-title .title-inner p {flex:none; width:100%; font-size:15px; margin:5px 0 0;}
}

/* main-contact */
.main-box .main-contact {padding:70px 0 115px;}
.main-box .main-contact .contact-inner {display:flex; flex-wrap:wrap; gap:30px;}
.main-box .main-contact .contact-inner .list-left {width:calc(45% - 15px); background:#F8F9FB; border-radius:10px; padding:40px;}
.main-box .main-contact .contact-inner .list-left h3 {margin:0 0 20px; font-size:32px; font-weight:800; color:#374151;}
.main-box .main-contact .contact-inner .list-left ul li {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.main-box .main-contact .contact-inner .list-left ul li:last-of-type {margin:0;}
.main-box .main-contact .contact-inner .list-left ul li > strong {display:flex; flex-wrap:wrap; width:110px; font-size:18px; font-weight:700; color:#4B5563;}
.main-box .main-contact .contact-inner .list-left ul li > strong:before {display:inline-block; content:""; width:5px; height:5px; position:relative; top:10px; background:#4B5563; border-radius:50%; margin:0 8px 0 0;}
.main-box .main-contact .contact-inner .list-left ul li > div {flex:1; min-width:0; margin:-5px 0 0;}
.main-box .main-contact .contact-inner .list-left ul li > div p {font-size:24px; font-weight:500; color:#4B5563; word-break:keep-all; overflow-wrap:anywhere;}
.main-box .main-contact .contact-inner .list-left ul li > div p b {display:block; font-size:24px; font-weight:800; color:#4B5563; word-break:keep-all;}
.main-box .main-contact .contact-inner .list-left ul li > div p strong {display:block; font-size:32px; font-weight:800; color:#D51920;}
.main-box .main-contact .contact-inner .list-left ul.full li {margin:0 0 5px;}
.main-box .main-contact .contact-inner .list-left ul.full li:last-of-type {margin:0;}
.main-box .main-contact .contact-inner .list-left ul.full li > strong {width:100%;}
.main-box .main-contact .contact-inner .list-right {width:calc(55% - 15px); background:#F8F9FB; border-radius:10px; padding:40px;}
.main-box .main-contact .contact-inner .list-right form > ul > li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 25px;}
.main-box .main-contact .contact-inner .list-right form > ul > li:last-of-type {margin:0;}
.main-box .main-contact .contact-inner .list-right form > ul > li .tit {display:flex; flex-wrap:wrap; align-items:center; width:160px; font-size:20px; color:#4B5563;}
.main-box .main-contact .contact-inner .list-right form > ul > li .tit:before {display:inline-block; content:""; width:8px; height:8px; margin:0 10px 0 0; background:#D51920; border-radius:50%;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont {flex:1; min-width:0;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont input {display:block; width:100%; height:62px; border-radius:10px; background:#fff; border:1px solid #DADFE9; padding:0 20px; font-size:20px; color:#4B5563;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont select {display:block; width:100%; height:62px; border-radius:10px; font-size:20px; background:#fff url('../images/icon_select.svg') no-repeat calc(100% - 20px) center / 16px; border:1px solid #DADFE9; padding:0 40px 0 20px; color:#4B5563;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont textarea {display:block; width:100%; height:300px; background:#fff; border-radius:10px; padding:20px; border:1px solid #DADFE9; font-size:20px; color:#4B5563;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:64px; margin:25px 0 0; border-radius:10px; background:#2053C2; color:#fff; font-size:24px; font-weight:800; color:#fff;}
@media (max-width:1200px){
.main-box .main-contact .contact-inner {gap:15px;}
.main-box .main-contact .contact-inner .list-left {padding:20px;}
.main-box .main-contact .contact-inner .list-right {padding:20px;}
}
@media (max-width:991px){
.main-box .main-contact {padding:50px 0;}
.main-box .main-contact .contact-inner .list-left {width:100%;}
.main-box .main-contact .contact-inner .list-left h3 {font-size:22px;}
.main-box .main-contact .contact-inner .list-left ul li {margin:0 0 10px;}
.main-box .main-contact .contact-inner .list-left ul li > strong {width:90px; font-size:15px;}
.main-box .main-contact .contact-inner .list-left ul li > strong:before {width:4px; height:4px; top:8px;}
.main-box .main-contact .contact-inner .list-left ul li > div p {font-size:15px;}
.main-box .main-contact .contact-inner .list-left ul li > div p b {font-size:15px;}
.main-box .main-contact .contact-inner .list-left ul li > div p strong {font-size:18px;}
.main-box .main-contact .contact-inner .list-right {width:100%;}
.main-box .main-contact .contact-inner .list-right form > ul > li .tit {width:100%; font-size:15px; margin:0 0 8px;}
.main-box .main-contact .contact-inner .list-right form > ul > li .tit:before {width:5px; height:5px; margin:0 8px 0 0;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont {flex:none; width:100%;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont input {height:48px; padding:0 15px; font-size:15px;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont select {height:48px; padding:0 30px 0 15px; font-size:15px;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont textarea {height:150px; padding:15px; font-size:15px;}
.main-box .main-contact .contact-inner .list-right form > ul > li .cont button {height:50px; margin:15px 0 0; font-size:18px;}
}

/* main-faq */
.main-box .main-faq {padding:70px 0; border-bottom:8px solid #F3F4F6;}
.main-box .main-faq .faq-category {border-top:2px solid #9CA3AF; padding:40px 0;}
.main-box .main-faq .faq-category ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:15px;}
.main-box .main-faq .faq-category ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:2px solid #D1D5DB; border-radius:50px; height:47px; padding:0 27px; font-size:15px; font-weight:700; color:#374151;}
.main-box .main-faq .faq-category ul li a:hover {background:#374151; border-color:#374151; color:#fff;}
.main-box .main-faq .faq-category ul li a.active {background:#374151; border-color:#374151; color:#fff;}
.main-box .main-faq .faq-list > ul > li {border-bottom:1px solid #E5E7EB;}
.main-box .main-faq .faq-list > ul > li .list-head a {display:flex; flex-wrap:wrap; align-items:center; padding:18px 30px;}
.main-box .main-faq .faq-list > ul > li .list-head a:after {display:inline-block; content:""; width:16px; height:10px; background:url('../images/icon_main_faq.svg') no-repeat center / cover;}
.main-box .main-faq .faq-list > ul > li .list-head a b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:29px; height:29px; background:linear-gradient(to right bottom, #6B6B6B, #222222); color:#fff; font-size:12px; font-weight:700; font-family:"Montserrat", sans-serif;}
.main-box .main-faq .faq-list > ul > li .list-head a p {flex:1; min-width:0; margin:0 10px; font-size:16px; font-weight:600; color:#111827;}
.main-box .main-faq .faq-list > ul > li .list-body {display:none; background:#F9FAFB; padding:30px 40px; font-size:14px; font-weight:500; color:#4B5563; word-break:keep-all; line-height:1.7;}
.main-box .main-faq .faq-list > ul > li .list-body ul {padding:0 0 0 20px;}
.main-box .main-faq .faq-list > ul > li .list-body ul li {list-style:disc; font-size:14px; font-weight:500; color:#4B5563; word-break:keep-all; line-height:1.7;}
.main-box .main-faq .faq-list > ul > li.active .list-head a:after {transform:rotate(180deg);}
.main-box .main-faq .faq-list > ul > li.active .list-body {display:block;}
@media (max-width:991px){
.main-box .main-faq {padding:50px 0; border-bottom-width:4px;}
.main-box .main-faq .faq-category {padding:20px 0;}
.main-box .main-faq .faq-category ul {gap:8px;}
.main-box .main-faq .faq-category ul li a {height:40px; padding:0 15px; font-size:14px;}
.main-box .main-faq .faq-list > ul > li .list-head a {padding:10px 15px;}
.main-box .main-faq .faq-list > ul > li .list-head a b {width:24px; height:24px; font-size:11px;}
.main-box .main-faq .faq-list > ul > li .list-head a p {font-size:15px;}
.main-box .main-faq .faq-list > ul > li .list-body {padding:20px 15px;}
}

/* main-about */
.main-box .main-about {padding:70px 0; border-bottom:8px solid #F3F4F6;}
.main-box .main-about .about-card ul {display:flex; flex-wrap:wrap; margin:0 -14px -28px;}
.main-box .main-about .about-card ul li {width:calc(25% - 28px); margin:0 14px 28px; border:2px solid #E5E7EB; border-radius:20px; box-shadow:0 5px 15px rgba(0,0,0,0.05); padding:35px;}
.main-box .main-about .about-card ul li b {font-size:16px; font-weight:500; color:#4B5563;}
.main-box .main-about .about-card ul li p {margin:5px 0 0; font-size:18px; font-weight:800; color:#374151;}
.main-box .main-about .about-award {margin:28px 0 0; border:2px solid #E5E7EB; border-radius:20px; padding:35px; display:flex; flex-wrap:wrap;}
.main-box .main-about .about-award .list-left {flex:1; min-width:0; margin:0 20px 0 0;}
.main-box .main-about .about-award .list-left strong {font-size:18px; font-weight:800; color:#374151; display:block; margin:0 0 10px;}
.main-box .main-about .about-award .list-left ul {padding:0 0 0 20px;}
.main-box .main-about .about-award .list-left ul li {list-style:disc; font-size:16px; font-weight:500; color:#4B5563; word-break:keep-all;}
.main-box .main-about .about-award .list-left p {margin:10px 0 0; font-size:16px; font-weight:500; color:#2053C2;}
.main-box .main-about .about-award .list-right {display:flex; flex-wrap:wrap; gap:20px;}
.main-box .main-about .about-award .list-right img {width:210px;}
@media (max-width:1300px){
.main-box .main-about .about-award .list-right {gap:10px;}
.main-box .main-about .about-award .list-right img {width:140px;}
}
@media (max-width:991px){
.main-box .main-about {padding:50px 0; border-bottom-width:4px;}
.main-box .main-about .about-card ul {margin:0 -5px -10px;}
.main-box .main-about .about-card ul li {border-radius:10px; padding:15px; width:calc(50% - 10px); margin:0 5px 10px; min-height:110px;}
.main-box .main-about .about-card ul li b {font-size:14px;}
.main-box .main-about .about-card ul li p {font-size:16px;}
.main-box .main-about .about-award  {margin:20px 0 0; border-radius:10px; padding:15px;}
.main-box .main-about .about-award .list-left {flex:none; width:100%; margin:0 0 15px;}
.main-box .main-about .about-award .list-left strong {font-size:17px;}
.main-box .main-about .about-award .list-left ul li {font-size:15px;}
.main-box .main-about .about-award .list-left p {margin:5px 0 0; font-size:15px;}
.main-box .main-about .about-award .list-right {width:100%;}
}
@media (max-width:600px){
.main-box .main-about .about-card ul {margin:0;}
.main-box .main-about .about-card ul li {min-height:0; width:100%; margin:0 0 10px;}
.main-box .main-about .about-card ul li:last-of-type {margin:0;}
.main-box .main-about .about-award .list-right img {flex:1; min-width:0;}
}

/* main-video */
.main-box .main-video {background:#F9FAFB; padding:70px 0;}
.main-box .main-video .main-title {margin:0 0 30px;}
.main-box .main-video .video-inner {padding:35px 50px; background:#fff; border:2px solid #E5E7EB; border-radius:25px; box-shadow:0 5px 15px rgba(0,0,0,0.05); display:flex; flex-wrap:wrap; align-items:center;padding:35px 50px; }
.main-box .main-video .video-inner .list-left {flex:1; min-width:0; margin:0 50px 0 0;}
.main-box .main-video .video-inner .list-left img {width:100%;}
.main-box .main-video .video-inner .list-right {width:40%;}
.main-box .main-video .video-inner .list-right strong {display:block; text-align:center; font-size:24px; font-weight:800; color:#374151;}
.main-box .main-video .video-inner .list-right h3 {text-align:center; margin:5px 0 0; font-size:36px; font-weight:800; word-break:keep-all; color:#374151; line-height:1.3;}
.main-box .main-video .video-inner .list-right p {margin:5px 0 0; font-size:24px; text-align:center;}
.main-box .main-video .video-inner .list-right ul {padding:0 0 0 20px;}
.main-box .main-video .video-inner .list-right ul li {list-style:disc; font-size:24px; font-weight:500; color:#4B5563; word-break:keep-all;}
.main-box .main-video .video-inner .list-right div {margin:30px auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 45px;}
.main-box .main-video .video-inner .list-right div a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; flex:1; min-width:0; height:58px; background:#FF0033; color:#fff; font-size:24px; font-weight:800; color:#fff; position:relative;}
.main-box .main-video .video-inner .list-right div a:before {display:inline-block; content:""; width:18px; height:20px; margin:0 10px 0 0; background:url('../images/icon_play.svg') no-repeat center / cover;}
@media (max-width:1300px){
.main-box .main-video .video-inner {padding:35px;}
.main-box .main-video .video-inner .list-left {margin:0 30px 0 0;}
.main-box .main-video .video-inner .list-right div {padding:0;}
}
@media (max-width:991px){
.main-box .main-video {padding:50px 0;}
.main-box .main-video .video-inner {padding:0; border-radius:15px;}
.main-box .main-video .video-inner .list-left {flex:none; width:100%; margin:0;}
.main-box .main-video .video-inner .list-right {width:100%; padding:20px 20px 35px;}
.main-box .main-video .video-inner .list-right strong {font-size:16px;}
.main-box .main-video .video-inner .list-right h3 {font-size:20px;}
.main-box .main-video .video-inner .list-right p {font-size:15px;}
.main-box .main-video .video-inner .list-right ul li {font-size:15px;}
.main-box .main-video .video-inner .list-right div {margin:15px auto;}
.main-box .main-video .video-inner .list-right div a {height:45px; font-size:15px;}
.main-box .main-video .video-inner .list-right div a:before {width:14px; height:16px; margin:0 7px 0 0;}
}

/* main-gallery */
.main-box .main-gallery {padding:70px 0;}
.main-box .main-gallery .gal-banner {border-bottom:2px solid #9CA3AF; padding:28px 0; margin:0 0 60px;}
.main-box .main-gallery .gal-banner ul {display:flex; flex-wrap:wrap; gap:20px;}
.main-box .main-gallery .gal-banner ul li {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-gallery .gal-banner ul li > img {width:230px;}
.main-box .main-gallery .gal-banner ul li > div {flex:1; min-width:0; padding:0 0 0 20px;}
.main-box .main-gallery .gal-banner ul li > div p {font-size:32px; font-weight:700; color:#2053C2; word-break:keep-all; line-height:1.3;}
.main-box .main-gallery .gal-banner ul li > div p b {font-size:40px; font-weight:700; color:#2053C2; word-break:keep-all; display:block; line-height:1.3;}
.main-box .main-gallery .gal-banner ul li > div small {display:block; margin:5px 0 0; font-size:20px; font-weight:500; color:#4B5563; word-break:keep-all;}
.main-box .main-gallery .gal-swiper .swiper-container {overflow:hidden;}
.main-box .main-gallery .gal-swiper .small-swiper {max-width:750px; margin:0 auto;}
.main-box .main-gallery .gal-swiper .small-swiper img {width:100%; cursor:pointer; opacity:0.2;}
.main-box .main-gallery .gal-swiper .small-swiper .swiper-slide-thumb-active img {opacity:1;}
.main-box .main-gallery .gal-swiper .big-swiper {max-width:750px; margin:20px auto 0; position:relative;}
.main-box .main-gallery .gal-swiper .big-swiper .swiper-slide img {width:100%;}
.main-box .main-gallery .gal-swiper .big-swiper .swiper-slide p {margin:20px 0 0; text-align:center; font-size:20px; word-break:keep-all; color:#374151;}
.main-box .main-gallery .gal-swiper .swiper-button-prev {top:50%; transform:translateY(-50%); position:absolute; width:60px; height:84px; background:url('../images/icon_main_prev.png') no-repeat center / cover; left:-84px; opacity:1;}
.main-box .main-gallery .gal-swiper .swiper-button-prev:after {display:none;}
.main-box .main-gallery .gal-swiper .swiper-button-next {top:50%; transform:translateY(-50%); position:absolute; width:60px; height:84px; background:url('../images/icon_main_next.png') no-repeat center / cover; right:-84px; opacity:1;}
.main-box .main-gallery .gal-swiper .swiper-button-next:after {display:none;}
@media (max-width:1300px){
.main-box .main-gallery .gal-banner ul {align-items:flex-start;}
.main-box .main-gallery .gal-banner ul li > img {width:100%;}
.main-box .main-gallery .gal-banner ul li > div {flex:none; width:100%; padding:0; margin:10px 0 0;}
}
@media (max-width:991px){
.main-box .main-gallery {padding:50px 0;}
.main-box .main-gallery .gal-banner {padding:0 0 20px; margin:0 0 30px;}
.main-box .main-gallery .gal-banner ul {gap:10px;}
.main-box .main-gallery .gal-banner ul li > div p {font-size:15px;}
.main-box .main-gallery .gal-banner ul li > div p b {font-size:18px;}
.main-box .main-gallery .gal-banner ul li > div small {font-size:13px;}
.main-box .main-gallery .gal-swiper .big-swiper .swiper-slide p {font-size:15px; margin:10px 0 0;}
.main-box .main-gallery .gal-swiper .swiper-button-prev {left:0; width:30px; height:54px;}
.main-box .main-gallery .gal-swiper .swiper-button-next {right:0; width:30px; height:54px;}
}

/* main-line */
.main-box .main-line {background:#F9FAFB; padding:70px 0;}
.main-box .main-line .main-title {margin:0 0 30px;}
.main-box .main-line .line-list > ul {display:flex; flex-wrap:wrap; gap:35px;}
.main-box .main-line .line-list > ul > li {flex:1; min-width:0; background:#fff; border:1px solid #E5E7EB; border-radius:25px; padding:40px 35px;}
.main-box .main-line .line-list > ul > li h3 {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:baseline; font-size:36px; font-weight:800; color:#374151;}
.main-box .main-line .line-list > ul > li h3 small {margin:0 0 0 10px; font-size:20px; font-weight:700; color:#374151;}
.main-box .main-line .line-list > ul > li p {font-size:24px; color:#374151; margin:0 0 30px; word-break:keep-all;}
.main-box .main-line .line-list > ul > li ul {padding:0 0 0 20px;}
.main-box .main-line .line-list > ul > li ul li {list-style:disc; font-size:20px; font-weight:500; word-break:keep-all; color:#4B5563;}
.main-box .main-line .line-list > ul > li:nth-of-type(2) {border-color:#2053C2; border-width:2px;}
.main-box .main-line .line-list > ul > li:nth-of-type(2) h3 {color:#2053C2;}
.main-box .main-line .line-apply {margin:30px 0 0; background:#fff; border:1px solid #E5E7EB; display:flex; flex-wrap:wrap; align-items:center; padding:0 35px; border-radius:25px;}
.main-box .main-line .line-apply > img {width:275px;}
.main-box .main-line .line-apply > div {flex:1; min-width:0; padding:0 30px;}
.main-box .main-line .line-apply > div h3 {font-size:32px; font-weight:600; color:#2053C2; word-break:keep-all; line-height:1.3;}
.main-box .main-line .line-apply > div p {margin:10px 0 0; font-size:18px; font-weight:500; color:#4B5563; word-break:keep-all;}
.main-box .main-line .line-apply > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:58px; background:#2053C2; color:#fff; padding:0 35px; font-size:24px; font-weight:800;}
@media (max-width:1200px){
.main-box .main-line .line-apply {padding:0 20px;}
.main-box .main-line .line-apply > div {padding:0 15px;}
.main-box .main-line .line-apply > a {height:50px; padding:0 25px;}
}
@media (max-width:991px){
.main-box .main-line {padding:50px 0;}
.main-box .main-line .line-list > ul {flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; padding:0 0 10px; gap:15px;}
.main-box .main-line .line-list > ul > li {width:270px; border-radius:10px; padding:20px; flex:none;}
.main-box .main-line .line-list > ul > li h3 {font-size:22px;}
.main-box .main-line .line-list > ul > li h3 small {margin:0 0 0 5px; font-size:15px;}
.main-box .main-line .line-list > ul > li p {font-size:18px; margin:0 0 15px;}
.main-box .main-line .line-list > ul > li ul li {font-size:15px;}
.main-box .main-line .line-apply {margin:15px 0 0; border-radius:10px; padding:20px;}
.main-box .main-line .line-apply > img {order:2; width:100%; max-width:500px; margin:0 auto;}
.main-box .main-line .line-apply > div {order:1; width:100%; flex:none; padding:0; margin:0 0 15px;}
.main-box .main-line .line-apply > div h3 {font-size:22px; font-weight:700; text-align:center;}
.main-box .main-line .line-apply > div p {font-size:15px; text-align:center;}
.main-box .main-line .line-apply > a {width:100%; font-size:18px; order:3;}
}

/* main-spec */
.main-box .main-spec {padding:70px 0; background:url('../images/bg_main_spec.png') no-repeat center / cover;}
.main-box .main-spec .main-title {margin:0 0 30px;}
.main-box .main-spec .main-title * {color:#fff;}
.main-box .main-spec .main-title h3 {color:#fff;}
.main-box .main-spec .main-title h3:after {background:#fff;}
.main-box .main-spec .main-title p {color:#fff;}
.main-box .main-spec .spec-list > ul {display:flex; flex-wrap:wrap; align-items:flex-start; margin:0 -12px -24px;}
.main-box .main-spec .spec-list > ul > li {width:calc(50% - 24px); margin:0 12px 24px; background:#F8F6EE; padding:30px; border-radius:25px; display:flex; flex-wrap:wrap;}
.main-box .main-spec .spec-list > ul > li:before {display:inline-block; content:""; width:118px; height:96px; background-size:cover; background-position:center;}
.main-box .main-spec .spec-list > ul > li > div {flex:1; min-width:0; padding:0 0 0 10px;}
.main-box .main-spec .spec-list > ul > li > div > strong {margin:0 0 10px; font-size:24px; font-weight:800; color:#374151;}
.main-box .main-spec .spec-list > ul > li > div > ul {display:flex; flex-wrap:wrap;}
.main-box .main-spec .spec-list > ul > li > div > ul > li {width:100%; position:relative; font-size:18px; padding:0 0 0 12px; color:#4B5563;}
.main-box .main-spec .spec-list > ul > li > div > ul > li:before {position:absolute; left:0; top:10px; width:5px; height:5px; background:#4B5563; border-radius:50%; content:"";}
.main-box .main-spec .spec-list > ul > li > div > ul > li b {font-size:18px; color:#4B5563; font-weight:700;}
.main-box .main-spec .spec-list > ul > li > div > ul > li strong {display:block; font-size:20px; font-weight:700; color:#D51920; word-break:keep-all;}
.main-box .main-spec .spec-list > ul > li > div > ul > li.half {width:50%;}
.main-box .main-spec .spec-list > ul > li:nth-of-type(1):before {background-image:url('../images/icon_main_spec_01.png');}
.main-box .main-spec .spec-list > ul > li:nth-of-type(2):before {background-image:url('../images/icon_main_spec_02.png');}
.main-box .main-spec .spec-list > ul > li:nth-of-type(3):before {background-image:url('../images/icon_main_spec_03.png');}
.main-box .main-spec .spec-list > ul > li:nth-of-type(4):before {background-image:url('../images/icon_main_spec_04.png');}
.main-box .main-spec .spec-list > ul > li:nth-of-type(5):before {background-image:url('../images/icon_main_spec_05.png');}
.main-box .main-spec .spec-list > ul > li:nth-of-type(6):before {background-image:url('../images/icon_main_spec_06.png');}
.main-box .main-spec .spec-download {margin:30px 0 0; background:rgba(50, 50, 50, 0.2); backdrop-filter:blur(5px); padding:30px; border-radius:25px;}
.main-box .main-spec .spec-download h3 {margin:0 0 15px; text-align:center; font-size:24px; font-weight:800; color:#fff;}
.main-box .main-spec .spec-download p {font-size:18px; font-weight:500; color:#fff; text-align:center; word-break:keep-all;}
.main-box .main-spec .spec-download div {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px 0 0; gap:20px;}
.main-box .main-spec .spec-download div a {width:250px; height:50px; font-size:20px; font-weight:800; color:#2053C2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border-radius:50px;}
.main-box .main-spec .spec-download div a:before {display:block; content:""; width:18px; height:18px; margin:0 10px 0 0; background-size:auto 18px;  background-position:center; background-repeat:no-repeat;}
.main-box .main-spec .spec-download div a:nth-of-type(1):before {background-image:url('../images/icon_main_download_01.png');} 
.main-box .main-spec .spec-download div a:nth-of-type(2):before {background-image:url('../images/icon_main_download_02.png');} 
.main-box .main-spec .spec-download div a:nth-of-type(3):before {background-image:url('../images/icon_main_download_03.png');} 
@media (max-width:991px){
.main-box .main-spec {padding:50px 0;}
.main-box .main-spec .spec-list > ul {margin:0;}
.main-box .main-spec .spec-list > ul > li {width:100%; margin:0 0 15px; border-radius:10px; padding:20px;}
.main-box .main-spec .spec-list > ul > li:last-of-type {margin:0;}
.main-box .main-spec .spec-list > ul > li:before {width:80px; height:70px;}
.main-box .main-spec .spec-list > ul > li > div strong {font-size:20px;}
.main-box .main-spec .spec-list > ul > li > div > ul > li {font-size:15px;}
.main-box .main-spec .spec-list > ul > li > div > ul > li b {font-size:15px;}
.main-box .main-spec .spec-list > ul > li > div > ul > li strong {font-size:17px;}
.main-box .main-spec .spec-list > ul > li > div > ul > li.half {width:100%;}
.main-box .main-spec .spec-download {margin:15px 0 0; padding:20px; border-radius:10px;}
.main-box .main-spec .spec-download h3 {font-size:22px; margin:0 0 5px;}
.main-box .main-spec .spec-download p {font-size:15px;}
.main-box .main-spec .spec-download div {margin:15px 0 0; gap:10px;}
.main-box .main-spec .spec-download div a {flex:1; min-width:0; height:45px; font-size:15px;}
}
@media (max-width:600px){
.main-box .main-spec .spec-download div {gap:5px;}
.main-box .main-spec .spec-download div a {flex:none; width:100%;}
}

/* main-mode */
.main-box .main-mode {padding:70px 0;}
.main-box .main-mode .main-title {margin:0 0 40px;}
.main-box .main-mode .inner {display:flex; flex-wrap:wrap; gap:20px;}
.main-box .main-mode .inner .list-left {flex:none; width:100%; min-width:0;}
.main-box .main-mode .inner .list-left h3 {font-size:32px; font-weight:700; word-break:keep-all; line-height:1.3;}
.main-box .main-mode .inner .list-left h3 b {font-size:40px; font-weight:700; line-height:1.3;}
.main-box .main-mode .inner .list-left p {margin:15px 0 0; font-size:20px; font-weight:500; word-break:keep-all; color:#4B5563;}
.main-box .main-mode .inner .list-left img {width:100%; display:block; margin:20px 0 0;}
.main-box .main-mode .inner .list-right {flex:none; width:100%;}
.main-box .main-mode .inner .list-right > ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.main-box .main-mode .inner .list-right > ul > li {width:calc(50% - 20px); margin:0 10px 20px; border:2px solid #E5E7EB; box-shadow:0 5px 15px rgba(0,0,0,0.05); border-radius:25px; padding:17px 35px; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-mode .inner .list-right > ul > li:before {width:118px; height:96px; content:""; background-size:cover; background-position:center; margin:0 20px 0 0;}
.main-box .main-mode .inner .list-right > ul > li > div {flex:1; min-width:0;}
.main-box .main-mode .inner .list-right > ul > li > div strong {font-size:24px; font-weight:800; color:#2053C2;}
.main-box .main-mode .inner .list-right > ul > li > div p {font-size:18px; font-weight:500; color:#4B5563;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type {padding:35px;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type:before {display:none;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type > div {display:flex; flex-wrap:wrap; gap:8px;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type > div strong {font-size:20px;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type > div p {font-size:20px; flex:1; min-width:0;}
.main-box .main-mode .inner .list-right > ul > li:nth-of-type(1):before {background-image:url('../images/icon_main_mode_01.png');}
.main-box .main-mode .inner .list-right > ul > li:nth-of-type(2):before {background-image:url('../images/icon_main_mode_02.png');}
.main-box .main-mode .inner .list-right > ul > li:nth-of-type(3):before {background-image:url('../images/icon_main_mode_03.png');}
.main-box .main-mode .inner .list-right > ul > li:nth-of-type(4):before {background-image:url('../images/icon_main_mode_04.png');}
.main-box .main-mode .inner .list-right > ul > li:nth-of-type(5):before {background-image:url('../images/icon_main_mode_05.png');}
@media (max-width:991px){
.main-box .main-mode {padding:50px 0;}
.main-box .main-mode .inner .list-left {flex:none; width:100%;}
.main-box .main-mode .inner .list-left h3 {font-size:20px;}
.main-box .main-mode .inner .list-left h3 b {font-size:23px;}
.main-box .main-mode .inner .list-left p {font-size:17px; margin:10px 0 0;}
.main-box .main-mode .inner .list-left img {margin:15px 0 0; position:relative; left:15px;}
.main-box .main-mode .inner .list-right {flex:none; width:100%;}
.main-box .main-mode .inner .list-right > ul {margin:0;}
.main-box .main-mode .inner .list-right > ul > li {width:100%; margin:0 0 10px; border-radius:10px; padding:16px;}
.main-box .main-mode .inner .list-right > ul > li:before {width:80px; height:70px; margin:0 10px 0 0;}
.main-box .main-mode .inner .list-right > ul > li > div strong {font-size:17px;}
.main-box .main-mode .inner .list-right > ul > li > div p {font-size:15px;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type {margin:0; padding:16px;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type > div strong {font-size:15px; width:100%;}
.main-box .main-mode .inner .list-right > ul > li:last-of-type > div p {font-size:15px; flex:none; width:100%;}
}

/* main-advantage */
.main-box .main-advantage {background:#F9FAFB; padding:70px 0;}
.main-box .main-advantage .main-title {margin:0 0 30px;}
@media (max-width:991px){
.main-box .main-advantage {padding:50px 0;}
}

/* main-feature */
.main-box .main-feature {padding:70px 0;}
.main-box .main-feature .main-title {margin:0 0 30px;}
.main-box .main-feature ul {display:flex; flex-wrap:wrap; margin:0 -17px -34px;}
.main-box .main-feature ul li {width:calc(33.33% - 34px); margin:0 17px 34px; border:2px solid #E5E7EB; border-radius:25px; box-shadow:0 5px 15px rgba(0,0,0,0.05); padding:45px 25px 30px;}
.main-box .main-feature ul li h4 {display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end;}
.main-box .main-feature ul li h4:after {display:block; content:""; width:75px; height:75px; background-size:cover; background-position:center;}
.main-box .main-feature ul li h4 strong {flex:1; min-width:0; font-size:24px; font-weight:800; color:#374151; word-break:keep-all; line-height:1.3;}
.main-box .main-feature ul li p {margin:10px 0 0; font-size:16px; font-weight:500; word-break:keep-all;}
.main-box .main-feature ul li:nth-of-type(1) h4:after {background-image:url('../images/icon_main_feature_01.png');}
.main-box .main-feature ul li:nth-of-type(2) h4:after {background-image:url('../images/icon_main_feature_02.png');}
.main-box .main-feature ul li:nth-of-type(3) h4:after {background-image:url('../images/icon_main_feature_03.png');}
.main-box .main-feature ul li:nth-of-type(4) h4:after {background-image:url('../images/icon_main_feature_04.png');}
.main-box .main-feature ul li:nth-of-type(5) {border-color:#2053C2;}
.main-box .main-feature ul li:nth-of-type(5) h4:after {background-image:url('../images/icon_main_feature_05.png');}
.main-box .main-feature ul li:nth-of-type(6) h4:after {background-image:url('../images/icon_main_feature_06.png');}
.main-box .main-feature ul li:nth-of-type(7) h4:after {background-image:url('../images/icon_main_feature_07.png');}
.main-box .main-feature ul li:nth-of-type(8) h4:after {background-image:url('../images/icon_main_feature_08.png');}
.main-box .main-feature ul li:nth-of-type(9) h4:after {background-image:url('../images/icon_main_feature_09.png');}
@media (max-width:991px){
.main-box .main-feature {padding:50px 0;}
.main-box .main-feature ul {margin:0 -5px -10px;}
.main-box .main-feature ul li {width:calc(50% - 10px); border-radius:10px; padding:20px; margin:0 5px 10px;}
.main-box .main-feature ul li h4:after {width:50px; height:50px;}
.main-box .main-feature ul li h4 strong {font-size:20px;}
.main-box .main-feature ul li p {font-size:15px; margin:5px 0 0;}
}
@media (max-width:600px){
.main-box .main-feature ul {margin:0;}
.main-box .main-feature ul li {width:100%; margin:0 0 10px;}
.main-box .main-feature ul li:last-of-type {margin:0;}
}

/* main-advantage */
.main-box .main-advantage {overflow:hidden;}
.main-box .main-advantage .swiper {margin-right:calc(((100vw - 1330px) / 2) * -1); padding-right:calc((100vw - 1330px) / 2);}
.main-box .main-advantage .swiper .swiper-slide {width:800px; padding:35px; background:#fff; border-radius:25px; border:2px solid #E5E7EB; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-advantage .swiper .swiper-slide > img {width:230px;}
.main-box .main-advantage .swiper .swiper-slide > div {flex:1; min-width:0; padding:0 0 0 35px;}
.main-box .main-advantage .swiper .swiper-slide > div strong {font-size:28px; font-weight:800; color:#2053C2; display:block; word-break:keep-all;}
.main-box .main-advantage .swiper .swiper-slide > div p {font-size:18px; font-weight:500; color:#4B5563; margin:10px 0 0; word-break:keep-all;}
.main-box .main-advantage .swiper .swiper-slide > div ul {margin:10px 0 0; padding:0 0 0 20px;}
.main-box .main-advantage .swiper .swiper-slide > div ul li {list-style:disc; font-size:16px; font-weight:500; color:#4B5563; word-break:keep-all; margin:0 0 5px;}
.main-box .main-advantage .swiper .swiper-slide > div ul li:last-of-type {margin:0;}
.main-box .main-advantage .swiper-pagination {position:static; width:100%; margin:50px 0 0;}
.main-box .main-advantage .swiper-pagination span {background:#d9d9d9; opacity:1;}
.main-box .main-advantage .swiper-pagination span.swiper-pagination-bullet-active {background:#4B5563;}
@media (max-width:1330px){
.main-box .main-advantage .swiper {margin-right:0; padding-right:0;}
}
@media (max-width:991px){
.main-box .main-advantage .swiper .swiper-slide {width:100%; border-radius:10px; padding:15px;}
.main-box .main-advantage .swiper .swiper-slide > img {width:200px;}
.main-box .main-advantage .swiper .swiper-slide > div {padding:0 0 0 15px;}
.main-box .main-advantage .swiper .swiper-slide > div strong {font-size:20px;}
.main-box .main-advantage .swiper .swiper-slide > div p {font-size:15px; margin:5px 0 0;}
.main-box .main-advantage .swiper .swiper-slide > div ul li {font-size:14px; margin:0;}
.main-box .main-advantage .swiper-pagination {margin:30px 0 0;}
}
@media (max-width:600px){
.main-box .main-advantage .swiper .swiper-slide > img {width:100%;}
.main-box .main-advantage .swiper .swiper-slide > div {flex:none; padding:0; margin:15px 0 0; width:100%;}
}

/* main-banner */
.main-box .main-banner {background:url('../images/bg_main_banner.jpg') no-repeat center / cover; padding:200px 0 55px;}
.main-box .main-banner .banner-title {margin:0 0 40px;}
.main-box .main-banner .banner-title h2 {font-size:28px; font-weight:600; color:#7CF800; text-align:center; word-break:keep-all;}
.main-box .main-banner .banner-title h3 {font-size:64px; font-weight:500; color:#fff; text-align:center;}
.main-box .main-banner .banner-title h3 b {font-size:64px; font-weight:700; color:#fff;}
.main-box .main-banner .banner-title p {margin:10px 0 0; text-align:center; font-size:20px; font-weight:600; color:#fff; word-break:keep-all;}
.main-box .main-banner .banner-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;}
.main-box .main-banner .banner-button a {width:170px; height:50px; font-size:14px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#fff;}
.main-box .main-banner .banner-button a:nth-of-type(1) {color:#2053C2;}
.main-box .main-banner .banner-button a:nth-of-type(1):before {display:inline-block; content:""; width:14px; height:14px; margin:0 8px 0 0; background:url('../images/icon_main_banner_btn_01.png') no-repeat center / cover;}
.main-box .main-banner .banner-button a:nth-of-type(2) {color:#D51920;}
.main-box .main-banner .banner-button a:nth-of-type(2):before {display:inline-block; content:""; width:15px; height:11px; margin:0 8px 0 0; background:url('../images/icon_main_banner_btn_02.png') no-repeat center / cover;}
.main-box .main-banner .banner-button a:nth-of-type(3) {color:#4CAF50;}
.main-box .main-banner .banner-button a:nth-of-type(3):before {display:inline-block; content:""; width:14px; height:14px; margin:0 8px 0 0; background:url('../images/icon_main_banner_btn_03.png') no-repeat center / cover;}
.main-box .main-banner .banner-list {margin:100px 0 0;}
.main-box .main-banner .banner-list ul {display:flex; flex-wrap:wrap; max-width:900px; margin:0 auto; gap:15px;}
.main-box .main-banner .banner-list ul li {flex:1; min-width:0; background:rgba(188, 188, 188, 0.15); border:1px solid rgba(255, 255, 255, 0.25); box-shadow:0 0 12px rgba(0,0,0,0.08); backdrop-filter:blur(3px); border-radius:13px; padding:25px 10px;}
.main-box .main-banner .banner-list ul li strong {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:28px; font-weight:800; color:#7CF800;}
.main-box .main-banner .banner-list ul li strong b {font-size:40px; font-weight:800; color:#7CF800;}
.main-box .main-banner .banner-list ul li p {font-size:14px; font-weight:700; color:#fff; text-align:center;}
.main-box .main-banner .banner-list ul li:first-of-type strong {color:#fff;}
.main-box .main-banner .banner-list ul li:first-of-type strong b {color:#fff;}
.main-box .main-banner .banner-image {margin:50px auto 0; max-width:937px;}
.main-box .main-banner .banner-image img {width:100%;}
@media (max-width:991px){
.main-box .main-banner {padding:100px 0 50px;}
.main-box .main-banner .banner-title {margin:0 0 20px;}
.main-box .main-banner .banner-title h2 {font-size:25px;}
.main-box .main-banner .banner-title h3 {font-size:40px; margin:10px 0 0;}
.main-box .main-banner .banner-title h3 b {font-size:40px;}
.main-box .main-banner .banner-title p {font-size:18px;}
.main-box .main-banner .banner-list {margin:30px 0 0;}
.main-box .main-banner .banner-list ul {gap:5px;}
.main-box .main-banner .banner-list ul li {padding:15px 5px; border-radius:8px;}
.main-box .main-banner .banner-list ul li strong {font-size:12px;}
.main-box .main-banner .banner-list ul li strong b {font-size:14px;}
.main-box .main-banner .banner-list ul li p {font-size:10px;}
}
@media (max-width:767px){
.main-box .main-banner .banner-title h2 {font-size:20px;}
.main-box .main-banner .banner-title h3 {margin:0; line-height:1.3;}
.main-box .main-banner .banner-title p {font-size:14px;}
.main-box .main-banner .banner-button {gap:5px; display:block;}
.main-box .main-banner .banner-button a {width:170px; margin:0 auto 5px; height:45px; font-size:14px;}
.main-box .main-banner .banner-button a:last-of-type {margin:0 auto;}
}