@charset "utf-8";


.intro_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#000;}
.intro_wrap > div {position:relative;}
.intro_wrap > div img {max-width:100%; max-height:100vh;}
.intro_wrap > div a {display:inline-block; font-size:1.125em; color:#fff; padding:12px 25px; border:2px solid #fff; border-radius:5px; position:absolute; left:50%; top:320px; transform:translateX(-50%); font-family:'Gmarket Sans'; transition:all 0.5s; transition-property:background, color;}
.intro_wrap > div a:hover {background:#fff; color:#000;}

@media screen and (max-height:1079px){
    .intro_wrap > div a {font-size:100%; padding:1.5% 3%; top:30%}
}

@media screen and (max-width:858px){
    .intro_wrap > div a {font-size:100%; padding:2% 4%; top:30%}
}



/* header */
#durigi_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:110px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; transition:all 0.5s; transition-property:height, background, backdrop-filter;}
#durigi_header > div {display:flex;}

#durigi_header .h_tel {display:inline-block; background:#006934; border-radius:10px; font-size:1.375em; color:#fff; font-weight:500; font-family:'SBAggro'; padding:15px 20px 9px; position:relative; z-index:10;}
#durigi_header .h_tel i {margin:0 5px 0 10px; vertical-align:middle;}

#durigi_logo {width:262px; height:50px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain; position:relative; z-index:10;}
#durigi_logo a {display:block; width:100%; height:100%;}

#durigi_gnb {width:100%; position:absolute; left:0; top:0;}
#durigi_gnb > ul {display:flex; justify-content:center;}
#durigi_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; font-weight:800; padding:0 30px; line-height:110px; transition:line-height 0.5s;}

#menuToggle {display:none;}


#durigi_header.sub_header {background:rgba(0,0,0,0.4); backdrop-filter:blur(20px)}
#durigi_header.sub_header #durigi_logo {background-image:url(../images/logo.svg)}

#durigi_header.scroll_on {background:rgba(0,0,0,0.4); backdrop-filter:blur(20px)}
#durigi_header.scroll_on #durigi_logo {background-image:url(../images/logo.svg)}


@media screen and (min-width:1025px){
    #durigi_gnb {display:block !important;}

    #durigi_header.scroll_on {height:90px;}
    #durigi_header.scroll_on #durigi_gnb > ul > li > a {line-height:90px;}
}

@media screen and (max-width:1220px){
    #durigi_header {padding:0 6%;}

    #durigi_header .h_tel {font-size:1.25em;}
    #durigi_header .h_tel i {margin:0 5px;}

    #durigi_gnb > ul > li > a {font-size:1.125em; padding:0 20px;}
}

@media screen and (max-width:1024px){
    #durigi_header {height:50px; justify-content:center;}

    #durigi_header .h_tel {display:flex; justify-content:center; align-items:center; width:50px; height:50px; border-radius:0; font-size:0; padding:0; position:absolute; left:0; top:0;}
    #durigi_header .h_tel i {font-size:1.25rem;}

    #durigi_logo {width:160px; height:31px;}

    
    #durigi_gnb {display:none; width:100%; background:rgba(0,0,0,0.6); position:fixed; left:0; top:50px;}
    #durigi_gnb > ul {display:block;}
    #durigi_gnb > ul > li > a {line-height:1.5em; padding:15px 6%; border-top:1px solid rgba(255,255,255,0.1)}*

    #menuToggle {display:block; width:20px; height:10px; position:absolute; right:6%; top:50%; transform:translateY(-50%);}
    #menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.5s;}
    #menuToggle:before {top:0;}
    #menuToggle:after {bottom:0;}

    #durigi_header.on #menuToggle:before {transform:translateY(4px) rotate(45deg)}
    #durigi_header.on #menuToggle:after {transform:translateY(-4px) rotate(-45deg)}
}

@media screen and (max-width:767px){
    #durigi_gnb > ul > li > a {padding:12px 6%;}
}


/* footer */
#durigi_footer {width:100%; background:#000; padding:50px 0; margin-bottom:123px;}
#durigi_footer > div {position:relative; padding-right:220px;}
#durigi_footer .f_info {margin-bottom:20px;}
#durigi_footer .f_info li {display:inline-block; font-size:1.125em; color:#a4a4a4; line-height:1.55em}
#durigi_footer .copy {display:inline-block; font-size:1.125em; color:#a4a4a4; font-weight:700;}
#durigi_footer .f_member {display:inline-block; margin-left:5px;}
#durigi_footer .f_member a {display:inline-block; line-height:26px; border:1px solid #a4a4a4; padding:0 10px; font-size:0.875em; color:#a4a4a4; text-transform:uppercase;}
#durigi_footer .f_sns {display:flex; position:absolute; right:0; top:0;}
#durigi_footer .f_sns li {margin-left:10px;}
#durigi_footer .f_sns li a {display:flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:50%; font-size:1.875em; color:#fff;}
#durigi_footer .f_sns li.youtube a {background:#ff0033}
#durigi_footer .f_sns li.instagram a {font-size:2.18em; background:url(../images/instagramBG.jpg) no-repeat center center; background-size:cover;}
#durigi_footer .f_sns li.blog a {background:#00c73c;}

@media screen and (max-width:1220px){
    #durigi_footer {margin-bottom:115px;}
}

@media screen and (max-width:1024px){
    #durigi_footer {padding:5% 0; margin-bottom:93px;}
    #durigi_footer > div {padding-right:160px;}
    #durigi_footer .f_info li {font-size:1em;}
    #durigi_footer .copy {font-size:1em;}
    #durigi_footer .f_sns li {margin-left:5px;}
    #durigi_footer .f_sns li a {width:50px; height:50px; font-size:1.4em;}
    #durigi_footer .f_sns li.instagram a {font-size:1.6em;}
    #durigi_footer .f_sns li.blog a img {width:18px;}
}

@media screen and (max-width:767px){
    #durigi_footer {margin-bottom:69px;}
    #durigi_footer > div {padding-right:0;}
    #durigi_footer .f_info {margin-bottom:10px;}
    #durigi_footer .f_info br {display:none;}
    #durigi_footer .f_member {display:block; margin-top:10px;}
    #durigi_footer .f_member a {line-height:22px; padding:0 10px;}
    #durigi_footer .f_sns {top:auto; bottom:0;}
    #durigi_footer .f_sns li {margin-left:5px;}
    #durigi_footer .f_sns li a {width:32px; height:32px; font-size:1em;}
    #durigi_footer .f_sns li.instagram a {font-size:1.125em;}
    #durigi_footer .f_sns li.blog a img {width:11px;}
}


#Quick {width:100%; background:#006934; position:fixed; left:0; bottom:0; z-index:150; padding:20px 0;}
#Quick > div {padding-left:210px;}
#Quick > div:before {content:''; display:block; width:180px; height:180px; background:url(../images/symbol.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:-50px;}
#Quick .pc_box {display:flex; align-items:center;}
#Quick .pc_box .t1 {width:200px; font-size:1.875em; color:#fff; line-height:1.2em; font-weight:500; font-family:'SBAggro';}
#Quick .pc_box .t1 i {font-size:0.8em;}
#Quick .pc_box .t1 a {color:#fff;}
#Quick .pc_box .form_box {display:flex; justify-content:space-between; width:calc(100% - 200px);}
#Quick .pc_box .form_box > div {width:calc(100% - 230px)}
#Quick .pc_box .form_box > div ul {display:flex; justify-content:space-between; width:100%;}
#Quick .pc_box .form_box > div ul li {width:calc(33.33% - 6.66px)}
#Quick .pc_box .form_box > div ul li .form_txt {display:block; width:100%; height:48px; background:#fff; border-radius:5px; border:0; font-size:1.125em; color:#666; padding:0 15px;}
#Quick .pc_box .form_box > div .privacy_box {margin-top:15px;}
#Quick .pc_box .form_box > div .privacy_box input {display:none;}
#Quick .pc_box .form_box > div .privacy_box label {display:flex; align-items:center;}
#Quick .pc_box .form_box > div .privacy_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:20px; height:20px; border:1px solid #fff; border-radius:3px; font-size:0.875em; color:#006934; font-weight:400; font-family:'Font Awesome 6 Pro'}
#Quick .pc_box .form_box > div .privacy_box label span {font-size:1em; color:#fff; font-weight:700; padding-left:10px;}
#Quick .pc_box .form_box > div .privacy_box label span a {color:#fff;text-decoration:underline;}
#Quick .pc_box .form_box > div .privacy_box input:checked + label:before {content:'\f00c'; background:#fff;}
#Quick .pc_box .form_box .submit_btn {width:220px; background:#000; border-radius:5px; font-size:1.875em; color:#fff; font-weight:500; font-family:'SBAggro'}

#Quick .mo_box {display:none;}

@media screen and (max-width:1220px){
    #Quick > div {padding-left:14vw;}
    #Quick > div:before {width:12vw; height:12vw; top:-30px;}
    #Quick .pc_box .t1 {width:160px; font-size:1.5em;}
    #Quick .pc_box .form_box {width:calc(100% - 160px)}
    #Quick .pc_box .form_box > div {width:calc(100% - 170px)}
    #Quick .pc_box .form_box > div ul li {width:calc(33.33% - 3.33px)}
    #Quick .pc_box .form_box > div ul li .form_txt {height:40px; font-size:1em; padding:0 10px;}
    #Quick .pc_box .form_box .submit_btn {width:160px; font-size:1.5em;}
}

@media screen and (max-width:1024px){
    #Quick {padding:15px 0;}
    #Quick > div {padding-left:115px;}
    #Quick > div:before {width:105px; height:105px; top:-22px;}
    #Quick .pc_box .t1 {width:130px; font-size:1.25em;}
    #Quick .pc_box .form_box {width:calc(100% - 130px)}
    #Quick .pc_box .form_box > div {width:calc(100% - 105px)}
    #Quick .pc_box .form_box > div ul li .form_txt {height:35px;}
    #Quick .pc_box .form_box > div .privacy_box {margin-top:10px;}
    #Quick .pc_box .form_box > div .privacy_box label:before {width:16px; height:16px;}
    #Quick .pc_box .form_box > div .privacy_box label span {padding-left:5px;}
    #Quick .pc_box .form_box .submit_btn {width:100px; font-size:1.25em;}
}

@media screen and (max-width:767px){
    #Quick > div:before {top:-25px;}
    #Quick .pc_box {display:none;}

    #Quick .mo_box {display:flex; justify-content:center; align-items:center;}
    #Quick .mo_box .t1 {font-size:1.25em; color:#fff; line-height:1.2em; font-weight:500; font-family:'SBAggro';}
    #Quick .mo_box .t1 i {font-size:0.8em;}
    #Quick .mo_box .t1 a {color:#fff;}
    #Quick .mo_box button {width:90px; height:38px; background:#000; border-radius:5px; font-size:1.25em; color:#fff; font-weight:500; font-family:'SBAggro'; margin-left:20px;}
}


#Quick2 {position:fixed; right:45px; bottom:140px; z-index:150;}
#Quick2 button {display:block; border-radius:50%; box-shadow:3px 3px 20px rgba(0,0,0,0.2)}
#Quick2 .inquiry_btn {width:120px; height:120px; background:#e60012; font-size:1.5em; color:#fff; font-weight:500; font-family:'SBAggro'; position:relative;}
#Quick2 .inquiry_btn:before {content:''; display:block; width:100%; height:50px; background:url(../images/quick_img.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:0; transform:translateY(-50%)}
#Quick2 .go_top {width:60px; height:60px; background:rgba(34,30,31,0.5); font-size:1.25em; color:#fff; margin:5px auto 0;}

@media screen and (max-width:1220px){
    #Quick2 {right:6%;}
}

@media screen and (max-width:1024px){
    #Quick2 .inquiry_btn {width:80px; height:80px; font-size:1.125em;}
    #Quick2 .inquiry_btn:before {height:40px;}
    #Quick2 .go_top {width:40px; height:40px; font-size:1em;}
}

@media screen and (max-width:767px){
    #Quick2 .inquiry_btn {display:none;}
    #Quick2 .go_top {width:32px; height:32px;}
}


#mVisu {width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:5;}
#mVisu iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}

@media screen and (min-height:1080px){
    #mVisu iframe {min-width:3000px;}
}

@media screen and (max-width:1024px){
    #mVisu iframe {/*min-width:1500px; min-height:1300px;*/}
}

@media screen and (max-width:767px){
    #mVisu iframe {min-width:1800px; min-height:1000px;}
}





.coinBG {width:100%; height:100%; min-width:1920px; background:url(../images/coin1.png) no-repeat center top; background-size:contain; position:absolute; left:50%; top:0; z-index:0; transform:translateX(-50%);}

@media screen and (max-width:1024px){
    .coinBG {min-width:130%;}
}

.list_finger {counter-reset:counter;}
.list_finger li {margin-bottom:60px; padding-left:90px; position:relative;}
.list_finger li:last-child {margin-bottom:0;}
.list_finger li .icon {display:block; width:150px; height:150px; background-repeat:no-repeat; background-position:center center; background-size:contain; position:absolute; left:0; top:50%; margin-top:-75px; z-index:2;}
.list_finger li dl {display:flex;}
.list_finger li dl dt {display:flex; justify-content:center; align-items:center; width:250px; background:#006934; border-radius:20px; font-size:2.8125em; color:#fff; font-weight:800; text-align:center;}
.list_finger li dl dt:after {content:counter(counter, decimal-leading-zero); counter-increment:counter; margin-left:7px;}
.list_finger li dl dd {width:calc(100% - 250px); background:#fff; border:7px solid #006934; border-radius:20px; font-size:2.5em; font-weight:500; padding:20px 40px;}
.list_finger li dl dd strong {color:#006934; font-weight:800;}

.list_finger li:nth-child(1) .icon {background-image:url(../images/icon_finger1.svg)}
.list_finger li:nth-child(2) .icon {background-image:url(../images/icon_finger2.svg)}
.list_finger li:nth-child(3) .icon {background-image:url(../images/icon_finger3.svg)}
.list_finger li:nth-child(4) .icon {background-image:url(../images/icon_finger4.svg)}

@media screen and (max-width:1024px){
    .list_finger li {margin-bottom:6%; padding-left:60px;}
    .list_finger li .icon {width:95px; height:110px; margin-top:-55px;}
    .list_finger li dl dt {width:180px; border-radius:10px; font-size:2em;}
    .list_finger li dl dd {width:calc(100% - 180px); border-width:4px; border-radius:10px; font-size:1.8em; padding:15px 20px;}
}

@media screen and (max-width:767px){
    .list_finger li {margin-bottom:3%; padding-left:0;}
    .list_finger li .icon {display:none;}
    .list_finger li dl {display:block;}
    .list_finger li dl dt {width:100%; border-radius:10px 10px 0 0; font-size:1.3em; padding:10px 0;}
    .list_finger li dl dd {width:100%; border-width:2px; border-radius:0 0 10px 10px; font-size:1.125em; padding:12px 10px; text-align:center;}
}


#section1 {width:100%; background:url(../images/section1BG.jpg) no-repeat center top; background-size:cover; padding:150px 0 265px; position:relative;}
#section1:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:0;}
#section1 > div {position:relative; z-index:5;}
#section1 .title {text-align:center; margin-bottom:120px;}
#section1 .title p {display:inline-block; position:relative;}
#section1 .title p img {height:120px;}
#section1 .title p span {display:inline-block; background:#006934; border-radius:10px; font-size:1.25em; color:#fff; font-weight:500; font-family:'SBAggro'; padding:12px 15px 8px; position:absolute; left:0; bottom:100%; margin-bottom:-17px;}
#section1 .title p span:after {content:''; display:block; width:20px; height:12px; background:url(../images/icon_speechbubble_green.svg) no-repeat center top; background-size:contain; position:absolute; left:20px; top:98%;}
#section1 .txt_box .t1 {font-size:5em; color:#fff; line-height:1.125em; font-weight:500; font-family:'SBAggro'; margin-bottom:85px;}
#section1 .txt_box .t1 span {color:#eba80f; position:relative;}
#section1 .txt_box .t1 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section1_line.svg) no-repeat left top; background-size:720px auto; position:absolute; left:-10px; top:100%;}
#section1 .txt_box .t2 {font-size:1.375em; color:#fff; line-height:1.45em; margin-top:20px;}
#section1 .txt_box .t2 strong {color:#eba80f; font-weight:800; position:relative;}
#section1 .txt_box .t2 strong:after {content:''; width:160px; height:55px; background:url(../images/section1_circle.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) scale(0); z-index:-1;}

#section1 .txt_box .t1.aos-animate span:after {width:720px; transition:width 1s 0.5s}
#section1 .txt_box .t2.aos-animate strong:after {transform:translate(-50%, -50%) scale(1); transition:transform 1s 0.5s}

#section1 .slide_img {position:absolute; left:0; top:100%; margin-top:-20px;}
#section1 .slide_img > div {display:flex; align-items:start; animation:slideFlow 45s linear infinite;}
#section1 .slide_img > div > div {width:285px; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.25); padding:10px; margin-left:-5px; transform:rotate(5deg)}
#section1 .slide_img > div > div:nth-child(even) {margin-top:-10px; transform:rotate(-5deg)}
#section1 .slide_img > div > div img {width:100%;}

@keyframes slideFlow {
    0% {transform:translateX(0);}
    100% {transform:translateX(-50%);}
}

@media screen and (max-width:1024px){
    #section1 {padding:15% 0 20%;}
    #section1 .title {margin-bottom:10%;}
    #section1 .title p img {height:90px;}
    #section1 .title p  span {font-size:1.125em; padding:10px 12px 6px; margin-bottom:-10px;}
    #section1 .title p span:after {left:12px;}
    #section1 .txt_box .t1 {font-size:4em; margin-bottom:12%}
    #section1 .txt_box .t1 span:after {background-size:560px auto;}
    #section1 .txt_box .t2 {font-size:1.25em; margin-top:2%;}
    #section1 .txt_box .t2 strong:after {width:140px; height:48px;}

    #section1 .txt_box .t1.aos-animate span:after {width:560px;}

    #section1 .slide_img > div > div {width:250px; padding:8px;}
}

@media screen and (max-width:767px){
    #section1 {padding:20% 0;}
    #section1 .title {margin-bottom:12%;}
    #section1 .title p img {height:50px;}
    #section1 .title p span {font-size:0.9375em; border-radius:5px; padding:7px 8px 4px; margin-bottom:-5px;}
    #section1 .title p span:after {width:14px; height:8px; left:8px;}
    #section1 .txt_box .t1 {font-size:2.3em;}
    #section1 .txt_box .t1 span:after {left:-5px; background-size:280px auto;}
    #section1 .txt_box .t2 {font-size:1em; line-height:1.55em; margin-top:3%;}
    #section1 .txt_box .t2 strong:after {width:95px; height:33px;}

    #section1 .txt_box .t1.aos-animate span:after {width:280px;}

    #section1 .slide_img > div > div {width:200px; padding:5px;}
}


#section2 {width:100%; background:url(../images/section2BG.jpg) no-repeat center center; background-size:cover; padding:350px 0 200px; position:relative;}
#section2:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0;}
#section2:after {content:''; display:block; width:100%; height:50%; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);; position:absolute; left:0; bottom:0; z-index:1;}
#section2 > div {position:relative; z-index:10;}
#section2 .tit_box {text-align:center; margin-bottom:115px;}
#section2 .tit_box .t1 {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section2 .tit_box .t2 {font-size:5em; color:#fff; line-height:1.125em; font-weight:500; font-family:'SBAggro';}
#section2 .tit_box .t2 span {color:#eba80f; position:relative;}
#section2 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section2_line.svg) no-repeat left top; background-size:340px auto; position:absolute; left:-10px; top:100%;}
#section2 ul {display:flex; justify-content:space-between;}
#section2 ul li {display:flex; justify-content:center; align-items:center; width:380px; height:380px; background:url(../images/section2_circle.svg) no-repeat center center; background-size:contain; text-align:center;}
#section2 ul li dl dt {font-size:2.5em; color:#eba80f; font-weight:500; font-family:'SBAggro';}
#section2 ul li dl dd {font-size:1.625em; color:#fff; font-weight:700; margin-top:10px;}

#section2 .tit_box .t2.aos-animate span:after {width:340px; transition:width 1s 0.5s}

@media screen and (max-width:1220px){
    #section2 ul li {width:27vw; height:27vw;}
}

@media screen and (max-width:1024px){
    #section2 {padding:30% 0 20%;}
    #section2 .tit_box {margin-bottom:10%;}
    #section2 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section2 .tit_box .t2 {font-size:4em;}
    #section2 .tit_box .t2 span:after {background-size:250px auto;}
    #section2 ul li dl dt {font-size:2em;}
    #section2 ul li dl dd {font-size:1.4em; margin-top:5px;}

    #section2 .tit_box .t2.aos-animate span:after {width:250px;}

}

@media screen and (max-width:767px){
    #section2 {padding-top:200px;}
    #section2 .tit_box .t1 {font-size:1.25em;}
    #section2 .tit_box .t2 {font-size:2.3em;}
    #section2 .tit_box .t2 span:after {left:-5px; background-size:125px auto;}
    #section2 ul {justify-content:center; flex-wrap:wrap; gap:0 10px;}
    #section2 ul li {width:160px; height:160px;}
    #section2 ul li dl dt {font-size:1.7em;}
    #section2 ul li dl dd {font-size:1.125em;}

    #section2 .tit_box .t2.aos-animate span:after {width:125px;}
}


#section3 {width:100%; background:#000;}
#section3 .box {display:flex; align-items:center; flex-wrap:wrap; gap:0 150px; margin-bottom:70px;}
#section3 .box:last-child {margin-bottom:0;}
#section3 .box:nth-child(even) {flex-direction:row-reverse;}
#section3 .box .txt_box {width:470px;}
#section3 .box .txt_box dl dt {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:700;}
#section3 .box .txt_box dl dd {font-size:1.375em; color:#fff; line-height:1.45em; margin-top:30px;}
.section3_slide {width:50%; height:500px; overflow:hidden;}
.section3_slide .swiper-slide div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}

@media screen and (max-width:1640px){
    #section3 .box .txt_box {width:calc(50% - 150px)}
    .section3_slide {height:30vw;}
}

@media screen and (max-width:1220px){
    #section3 .box {gap:0 50px;}
    #section3 .box .txt_box {width:calc(50% - 50px)}
    #section3 .box .txt_box dl dt br {display:none;}
}

@media screen and (max-width:1024px){
    #section3 .box {gap:0; margin-bottom:10%;}
    #section3 .box .txt_box {width:100%;}
    #section3 .box .txt_box dl dt {font-size:2em;}
    #section3 .box .txt_box dl dd {font-size:1.25em; margin-top:2%;}
    .section3_slide {width:100%; height:52vw; margin-bottom:4%;}
    .section3_slide .swiper-slide div {border-radius:10px;}
}

@media screen and (max-width:767px){
    #section3 .box .txt_box dl dt {font-size:1.5em;}
    #section3 .box .txt_box dl dt br {display:block;}
    #section3 .box .txt_box dl dd {font-size:1em; line-height:1.5em;}
    .section3_slide .swiper-slide div {border-radius:10px;}
}


#section4 {width:100%; background:#000; padding-top:200px; position:relative;}
#section4 .coinBG {top:100px;}
#section4 .inner {position:relative; z-index:10;}
#section4 .tit_box {text-align:center; margin-bottom:85px;}
#section4 .tit_box .img {margin-bottom:70px;}
#section4 .tit_box .img img {height:150px; max-width:100%;}
#section4 .tit_box .t1 {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section4 .tit_box .t2 {font-size:5em; color:#fff; line-height:1.125em; font-weight:500; font-family:'SBAggro'; position:relative; z-index:5;}
#section4 .tit_box .t2 span {color:#006934; position:relative;}
#section4 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section8_line.svg) no-repeat left top; background-size:410px auto; position:absolute; left:-10px; top:100%;}
/*#section4 .tit_box .t2 {font-size:3.125em; color:#fff; line-height:1.5em; font-weight:300; font-family:'SBAggro'; margin-top:30px;}*/

#section4 .tit_box .t2.aos-animate span:after {width:410px; transition:width 1s 0.5s}

@media screen and (max-width:1024px){
    #section4 {padding-top:20%;}
    #section4 .coinBG {top:20%;}
    #section4 .tit_box {margin-bottom:7%;}
    #section4 .tit_box .img {margin-bottom:7%;}
    #section4 .tit_box .img img {height:100px;}
    #section4 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section4 .tit_box .t2 {font-size:4em;}
    #section4 .tit_box .t2 span:after {background-size:310px auto;}
    /*#section4 .tit_box .t2 {font-size:2.7em; margin-top:3%;}*/

    #section4 .tit_box .t2.aos-animate span:after {width:310px;}
}

@media screen and (max-width:767px){
    #section4 .coinBG {top:15%;}
    #section4 .tit_box .img img {height:60px;}
    #section4 .tit_box .t1 {font-size:1.25em;}
    #section4 .tit_box .t2 {font-size:2.3em;}
    #section4 .tit_box .t2 span:after {background-size:155px auto; left:-5px;}
    /*#section4 .tit_box .t2 {font-size:1.6em;}*/

    #section4 .tit_box .t2.aos-animate span:after {width:155px;}
}


#section5 {width:100%; background:#000; position:relative; overflow:hidden; padding-top:250px; z-index:5;}
#section5:before, #section5:after {content:''; display:block; width:100%; height:500px; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position:absolute; left:0; z-index:1;}
#section5:before {top:0; transform:matrix(1, 0, 0, -1, 0, 0);}
#section5:after {bottom:0;}
#section5 .video_box {width:130%; height:100%; position:absolute; left:0; top:0; z-index:0;}
#section5 .video_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; z-index:1;}
#section5 .video_box iframe {width:120%; height:120%; min-width:2205px; min-height:1240px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#section5 .inner {position:relative; z-index:10;}
#section5 .tit_box {margin-bottom:50px;}
#section5 .tit_box .t1 {display:inline-block; background:#eba80f; border-radius:10px; font-size:1.5em; color:#fff; font-weight:500; font-family:'SBAggro'; padding:12px 15px 8px; margin-bottom:22px; position:relative;}
#section5 .tit_box .t1:after {content:''; display:block; width:20px; height:12px; background:url(../images/icon_speechbubble_yellow.svg) no-repeat center top; background-size:contain; position:absolute; left:20px; top:98%;}
#section5 .tit_box .t2 {font-size:4.375em; color:#fff; line-height:1.14em; font-weight:500; font-family:'SBAggro';}
#section5 .tit_box .t2 span {color:#eba80f; position:relative;}
#section5 .tit_box .t2 span:after {content:''; display:block; width:290px; height:120px; background:url(../images/section5_circle.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}
#section5 .txt_box {padding-left:50%;}
#section5 .txt_box p {font-size:1.375em; color:#fff; line-height:1.45em}
#section5 .txt_box p strong {color:#eba80f; font-weight:800;}

.section5_slide_wrap {margin-top:200px; position:relative; z-index:10;}
.section5_slide .swiper-slide {border-radius:20px; overflow:hidden; position:relative;}
.section5_slide .img_box {width:100%; height:650px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.section5_slide .img_box:before {content:''; display:block; width:100%; height:100%;}
.section5_slide dl {width:100%; position:absolute; left:0; bottom:0; padding:0 50px 50px;}
.section5_slide dl dt {font-size:3.75em; color:#fff; line-height:1.2em; font-weight:500; font-family:'SBAggro';}
.section5_slide dl dt span {font-size:0.66em; font-weight:700; font-family:'Pretendard'; margin-left:10px;}
.section5_slide dl dd {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; margin-top:10px;}

.section5_slide .swiper-slide:nth-child(1) .img_box:before {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, #eba80f);}
.section5_slide .swiper-slide:nth-child(2) .img_box:before {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, #006934);}
.section5_slide .swiper-slide:nth-child(3) .img_box:before {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, #e60012);}

@media screen and (min-height:1080px){
    #section5 .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1640px){
    .section5_slide .img_box {height:40vw}
    .section5_slide dl {padding:0 30px 30px;}
    .section5_slide dl dt {font-size:3.3em;}
    .section5_slide dl dd br {display:none;}
}

@media screen and (max-width:1220px){
    .section5_slide dl {padding:0 30px 30px;}
    .section5_slide dl dt {font-size:2.7em;}
    .section5_slide dl dd {font-size:1.25em;}
}

@media screen and (max-width:1024px){
    #section5 {padding-top:22%;}
    #section5:before, #section5:after {height:300px;}
    #section5 .tit_box .t1 {font-size:1.3em; padding:10px 12px 6px;}
    #section5 .tit_box .t1:after {left:12px;}
    #section5 .tit_box .t2 {font-size:3.7em;}
    #section5 .tit_box .t2 span:after {width:230px; height:95px;}
    #section5 .txt_box {padding-left:40%;}
    #section5 .txt_box p {font-size:1.25em;}

    .section5_slide_wrap {margin-top:15%;}
    .section5_slide {width:400px; margin:0 auto;}
    .section5_slide .swiper-slide {border-radius:10px;}
    .section5_slide .img_box {height:500px;}
    .section5_slide dl dt {font-size:2.5em;}
    .section5_slide dl dd {font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
    #section5 .video_box iframe {min-width:1400px; min-height:1000px;}
    #section5 .tit_box {margin-bottom:30px;}
    #section5 .tit_box .t1 {font-size:1.125em; border-radius:5px; padding:7px 8px 4px; margin-bottom:16px;}
    #section5 .tit_box .t1:after {width:14px; height:8px; left:8px;}
    #section5 .tit_box .t2 {font-size:2.2em;}
    #section5 .tit_box .t2 span:after {width:125px; height:52px;}
    #section5 .txt_box {padding-left:0;}
    #section5 .txt_box p {font-size:1em; line-height:1.5em;}
    
    .section5_slide {width:280px;}
    .section5_slide .img_box {height:350px;}
    .section5_slide dl {padding:0 15px 15px;}
    .section5_slide dl dt {font-size:2em;}
    .section5_slide dl dd {font-size:1em;}
}


#section6 {width:100%; background:url(../images/section6BG.jpg) no-repeat center top; background-size:cover; position:relative; padding:150px 0 250px;}
#section6:before, #section6:after {content:''; display:block; width:100%; height:500px; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position:absolute; left:0; z-index:1;}
#section6:before {top:0; transform:matrix(1, 0, 0, -1, 0, 0);}
#section6:after {bottom:0;}
#section6 .box1 {display:flex; justify-content:end; position:relative; z-index:10; }
#section6 .box1 .txt_box {width:620px; position:relative; z-index:10;}
#section6 .box1 .txt_box dl {padding:50px 0 0 165px;}
#section6 .box1 .txt_box dl dt {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:700;}
#section6 .box1 .txt_box dl dd {font-size:1.375em; color:#fff; line-height:1.45em; margin-top:30px;}
#section6 .box1 .txt_box .list1 {display:flex; justify-content:space-between; margin-top:100px;}
#section6 .box1 .txt_box .list1 li {width:calc(50% - 10px); box-shadow:0 0 20px rgba(0,0,0,0.3)}
#section6 .box1 .txt_box .list1 li img {max-width:100%;}
#section6 .box1 .img_box {width:1066px; position:absolute; left:0; top:0;}
#section6 .box1 .img_box p {display:inline-block; background:#e60012; border-radius:20px; font-size:2.1875em; color:#fff; line-height:1.28em; font-weight:300; font-family:'SBAggro'; padding:28px 32px 22px; position:absolute; left:70px; top:100%; z-index:5; margin-top:-70px;}
#section6 .box1 .img_box p strong {font-weight:500;}
#section6 .box1 .img_box p:before {content:''; display:block; width:34px; height:29px; background:url(../images/icon_speechbubble_red.svg) no-repeat center bottom; background-size:contain; position:absolute; right:28px; bottom:98%;}

#section6 .box2 {margin-top:200px; position:relative; z-index:10;}
#section6 .box2 .tit_box {text-align:center; position:relative; margin-bottom:115px; z-index:5;}
#section6 .box2 .tit_box .t1 {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section6 .box2 .tit_box .t2 {font-size:5em; color:#fff; line-height:1.125em; font-weight:500; font-family:'SBAggro'; position:relative; z-index:5;}
#section6 .box2 .tit_box .t2 span {color:#eba80f; position:relative;}
#section6 .box2 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section6_line.svg) no-repeat left top; background-size:450px auto; position:absolute; left:-20px; top:100%;}
#section6 .box2 .tit_box .t3 {position:absolute; right:-95px; bottom:-160px;}
#section6 .box2 .tit_box .t3 p {display:flex; justify-content:center; align-items:center; width:300px; height:300px; background:url(../images/icon_label1.svg) no-repeat center center; background-size:contain; font-weight:900; transform:rotate(10deg)}
#section6 .box2 .tit_box .t3 p span {font-size:2.5em; background:radial-gradient(47.04% 87.14% at 50.37% 51.43%, #A65D1F 0%, #40240C 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; line-height:1em;}
#section6 .box2 .tit_box .t3 p span strong {display:block; font-size:1.75em; line-height:1.1em;}
#section6 .box2 .slide_img {display:flex;}
#section6 .box2 .slide_img > div {display:flex; animation:slideFlow2 30s linear infinite;}
#section6 .box2 .slide_img > div > div {width:500px; background:#fff; border-radius:20px; box-shadow:0 0 20px rgba(0,0,0,0.3); margin-right:20px; padding:30px 30px 40px;}
#section6 .box2 .slide_img > div > div .img_box {width:100%; min-height:250px; background:#ccc; margin-bottom:30px;}
#section6 .box2 .slide_img > div > div .img_box img {width:100%;}
#section6 .box2 .slide_img > div > div dl dt {font-size:1.875em; line-height:1.33em; font-weight:500; font-family:'SBAggro';}
#section6 .box2 .slide_img > div > div dl dd {width:460px; font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}
#section6 .box2 .slide_img > div > div .star {display:flex; align-items:center; margin-top:20px;}
#section6 .box2 .slide_img > div > div .star ul {display:flex;}
#section6 .box2 .slide_img > div > div .star ul li {font-size:1.5em; color:#eba80f;}
#section6 .box2 .slide_img > div > div .star p {font-size:1.375em; font-weight:500; margin-left:10px;}
#section6 .box2 .slide_img:hover > div {animation-play-state:paused;}

#section6 .box2 .tit_box .t2.aos-animate span:after {width:450px; transition:width 1s 0.5s}

.section6_slide1 {width:100%; height:644px; overflow:hidden;}
.section6_slide1 .swiper-slide div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}

@keyframes slideFlow2 {
    0% {transform:translateX(0);}
    100% {transform:translateX(-100%);}
}

@media screen and (max-width:1640px){
    #section6 .box1 .txt_box {width:500px;}
    #section6 .box1 .txt_box dl {padding-left:60px;}
    #section6 .box1 .img_box {width:calc(100% - 470px)}

    .section6_slide1 {height:600px;}
}

@media screen and (max-width:1220px){
    #section6 .box1 {display:block;}
    #section6 .box1 .txt_box {width:100%;}
    #section6 .box1 .txt_box dl {padding:0;}
    #section6 .box1 .txt_box .list1 {max-width:620px; margin-top:50px;}
    #section6 .box1 .img_box {width:100%; position:relative; margin-top:60px;}

    #section6 .box2 .tit_box .t3 p {width:260px; height:260px;}
    #section6 .box2 .tit_box .t3 p span {font-size:2.2em;}
    
    .section6_slide1 {height:50vw;}
}

@media screen and (max-width:1024px){
    #section6 {padding:20% 0 20%;}
    #section6:before, #section6:after {height:300px;}
    #section6 .box1 .txt_box dl dt {font-size:2em;}
    #section6 .box1 .txt_box dl dd {font-size:1.25em; margin-top:2%;}
    #section6 .box1 .txt_box .list1 {max-width:500px; margin-top:8%;}
    #section6 .box1 .txt_box .list1 li {width:calc(50% - 5px)}
    #section6 .box1 .img_box {margin-top:10%;}
    #section6 .box1 .img_box p {border-radius:10px; font-size:1.6em; padding:15px 15px 13px; left:30px; margin-top:-40px;}
    #section6 .box1 .img_box p:before {width:28px; height:24px;}
    
    #section6 .box2 {margin-top:20%;}
    #section6 .box2 .tit_box {margin-bottom:90px;}
    #section6 .box2 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section6 .box2 .tit_box .t2 {font-size:4em;}
    #section6 .box2 .tit_box .t2 span:after {background-size:330px auto; left:-10px;}
    #section6 .box2 .tit_box .t3 {right:-60px; bottom:-120px;}
    #section6 .box2 .tit_box .t3 p {width:200px; height:200px;}
    #section6 .box2 .tit_box .t3 p span {font-size:1.7em;}
    #section6 .box2 .slide_img > div > div {width:430px; padding:20px 20px 30px; border-radius:10px;}
    #section6 .box2 .slide_img > div > div .img_box {min-height:220px; margin-bottom:15px;}
    #section6 .box2 .slide_img > div > div dl dt {font-size:1.5em;}
    #section6 .box2 .slide_img > div > div dl dd {width:390px; font-size:1.125em; margin-top:5px;}
    #section6 .box2 .slide_img > div > div .star {margin-top:15px;}
    #section6 .box2 .slide_img > div > div .star ul li {font-size:1.25em;}
    #section6 .box2 .slide_img > div > div .star p {font-size:1.125em;}

    #section6 .box2 .tit_box .t2.aos-animate span:after {width:330px;}

    .section6_slide1 .swiper-slide div {border-radius:10px;}
}

@media screen and (max-width:767px){
    #section6 .box1 .txt_box dl dt {font-size:1.7em;}
    #section6 .box1 .txt_box dl dd {font-size:1em;}
    #section6 .box1 .txt_box .list1 li {width:calc(50% - 2.5px)}
    #section6 .box1 .img_box p {border-radius:5px; font-size:1.125em; padding:10px 10px 8px; left:auto; right:15px; margin-top:-15px;}
    #section6 .box1 .img_box p:before {width:18px; height:15px;}
    
    #section6 .box2 .tit_box {margin-bottom:60px;}
    #section6 .box2 .tit_box .t1 {font-size:1.25em;}
    #section6 .box2 .tit_box .t2 {font-size:2.3em;}
    #section6 .box2 .tit_box .t2 span:after {background-size:165px auto; left:-5px;}
    #section6 .box2 .tit_box .t3 {right:-40px; bottom:-80px;}
    #section6 .box2 .tit_box .t3 p {width:100px; height:100px;}
    #section6 .box2 .tit_box .t3 p span {font-size:1em;}
    #section6 .box2 .slide_img > div > div {width:270px; padding:10px 10px 15px; margin-right:10px;}
    #section6 .box2 .slide_img > div > div .img_box {min-height:140px;}
    #section6 .box2 .slide_img > div > div dl dt {font-size:1.3em;}
    #section6 .box2 .slide_img > div > div dl dd {width:250px; font-size:1em;}
    #section6 .box2 .slide_img > div > div .star {margin-top:10px;}
    #section6 .box2 .slide_img > div > div .star ul li {font-size:1.125em;}
    #section6 .box2 .slide_img > div > div .star p {font-size:1em;}

    #section6 .box2 .tit_box .t2.aos-animate span:after {width:165px;}
}


#section7 {width:100%; background:#000;}
#section7 .tit_box {text-align:center; margin-bottom:20px; position:relative; z-index:5;}
#section7 .tit_box .t1 {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section7 .tit_box .t2 {font-size:5em; color:#fff; line-height:1.125em; font-weight:500; font-family:'SBAggro';}
#section7 .tit_box .t2 span {color:#eba80f; position:relative;}
#section7 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section7_line.svg) no-repeat left top; background-size:500px auto; position:absolute; left:-10px; top:100%;}
#section7 .img_box {width:100%; position:relative;}
#section7 .img_box:before {content:''; display:block; width:100%; height:500px; background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); transform:rotate(180deg); position:absolute; left:0; top:0;}
#section7 .img_box img {width:100%;}
#section7 ul li {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin-bottom:50px;}
#section7 ul li:last-child {margin-bottom:5%;}
#section7 ul li:nth-child(even) {flex-direction:row-reverse;}
#section7 ul li .img_box {width:650px; height:430px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
#section7 ul li .txt_box {width:calc(100% - 750px)}
#section7 ul li .txt_box dl dt {font-size:3.125em; color:#fff; font-weight:500; font-family:'SBAggro';}
#section7 ul li .txt_box dl dd {font-size:1.375em; color:#fff; line-height:1.45em; margin-top:10px;}

#section7 .tit_box .t2.aos-animate span:after {width:500px; transition:width 1s 0.5s}

@media screen and (max-width:1220px){
    #section7 ul li .img_box {width:55%; height:32vw;}
    #section7 ul li .txt_box {width:calc(45% - 50px)}
}

@media screen and (max-width:1024px){
    #section7 .tit_box {margin-bottom:10px;}
    #section7 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section7 .tit_box .t2 {font-size:4em;}
    #section7 .tit_box .t2 span:after {background-size:380px auto;}
    #section7 .img_box:before {height:250px;}
    #section7 ul li {margin-bottom:5%;}
    #section7 ul li .img_box {border-radius:10px;}
    #section7 ul li .txt_box {width:calc(45% - 25px)}
    #section7 ul li .txt_box dl dt {font-size:2em;}
    #section7 ul li .txt_box dl dd {font-size:1.125em;}
    
    #section7 .tit_box .t2.aos-animate span:after {width:380px;}

}

@media screen and (max-width:767px){
    #section7 .tit_box .t1 {font-size:1.25em;}
    #section7 .tit_box .t2 {font-size:2.3em;}
    #section7 .tit_box .t2 span:after {left:-5px; background-size:190px auto;}
    #section7 .img_box:before {height:120px;}
    #section7 ul li {margin-bottom:10%;}
    #section7 ul li .img_box {width:100%; height:55vw;}
    #section7 ul li .txt_box {width:100%; margin-top:4%;}
    #section7 ul li .txt_box dl dt {font-size:1.5em;}
    #section7 ul li .txt_box dl dd {font-size:1em; margin-top:5px;}
    
    #section7 .tit_box .t2.aos-animate span:after {width:190px;}
}


#section8 {width:100%; background:url(../images/section8BG.png) no-repeat center center; background-size:cover; position:relative; padding:200px 0 220px;}
#section8:before {content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.3); backdrop-filter:blur(15px); position:absolute; left:0; top:0;}
#section8 > div {position:relative; z-index:10;}
#section8 .tit_box {text-align:center; margin-bottom:80px; position:relative; z-index:5;}
#section8 .tit_box .t1 {font-size:1.875em; color:#006934; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section8 .tit_box .t2 {font-size:5em; line-height:1.125em; font-weight:500; font-family:'SBAggro'; position:relative; z-index:5;}
#section8 .tit_box .t2 span {color:#006934; position:relative;}
#section8 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section8_line.svg) no-repeat left top; background-size:410px auto; position:absolute; left:-10px; top:100%;}
#section8 .tit_box .t3 {position:absolute; right:-140px; bottom:-160px;}
#section8 .tit_box .t3 p {display:flex; justify-content:center; align-items:center; width:300px; height:300px; background:url(../images/icon_label1.svg) no-repeat center center; background-size:contain; font-weight:900; transform:rotate(10deg)}
#section8 .tit_box .t3 p span {font-size:1.875em; background:radial-gradient(47.04% 87.14% at 50.37% 51.43%, #A65D1F 0%, #40240C 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; line-height:1em;}
#section8 .tit_box .t3 p span strong {display:block; font-size:2em; line-height:1.1em;}
#section8 .list_finger dl dt {background:#006934;}
#section8 .list_finger dl dd {border-color:#006934}
#section8 .list_finger dl dd strong {color:#006934; position:relative;}
#section8 .list_finger dl dd strong span {display:inline-block; background:#006934; border-radius:10px; font-size:0.6em; color:#fff; font-weight:500; font-family:'SBAggro'; padding:12px 15px 8px; position:absolute; bottom:100%; left:0; white-space:nowrap; margin-bottom:10px;}
#section8 .list_finger dl dd strong span:after {content:''; display:block; width:20px; height:12px; background:url(../images/icon_speechbubble_green.svg) no-repeat center top; background-size:contain; position:absolute; left:20px; top:98%; transform:scaleX(-1);}
#section8 .list_finger dl dd strong span.case2 {left:100%;}
#section8 .list_finger dl dd .bg {display:inline; background:#ffea00; padding:3px;}

#section8 .tit_box .t2.aos-animate span:after {width:410px; transition:width 1s 0.5s}

@media screen and (max-width:1640px){
    #section8 .tit_box {margin-bottom:130px;}
    #section8 .tit_box .t3 {right:-100px;}
    #section8 .tit_box .t3 p {width:260px; height:260px;}
    #section8 .tit_box .t3 p span {font-size:1.5em;}
}

@media screen and (max-width:1220px){
    #section8 .list_finger dl dd strong span:after {transform:scaleX(1)}
    #section8 .list_finger dl dd strong span.case1 {left:auto; right:0; bottom:auto; top:100%; margin-bottom:0; margin-top:10px;}
    #section8 .list_finger dl dd strong span.case1:after {left:auto; right:20px; top:auto; bottom:98%; transform:rotate(180deg)}
    #section8 .list_finger dl dd strong span.case2 {left:auto; right:0;}
}

@media screen and (max-width:1024px){
    #section8 {padding:20% 0;}
    #section8 .tit_box {margin-bottom:90px;}
    #section8 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section8 .tit_box .t2 {font-size:4em;}
    #section8 .tit_box .t2 span:after {background-size:310px auto;}
    #section8 .tit_box .t3 {right:-60px; bottom:-120px;}
    #section8 .tit_box .t3 p {width:200px; height:200px;}
    #section8 .tit_box .t3 p span {font-size:1.3em;}
    #section8 .list_finger dl dd strong span {padding:10px 12px 6px;}

    #section8 .tit_box .t2.aos-animate span:after {width:310px;}
}

@media screen and (max-width:767px){
    #section8 .tit_box {margin-bottom:50px;}
    #section8 .tit_box .t1 {font-size:1.25em;}
    #section8 .tit_box .t2 {font-size:2.3em;}
    #section8 .tit_box .t2 span:after {background-size:155px auto; left:-5px;}
    #section8 .tit_box .t3 {right:-40px; bottom:-80px;}
    #section8 .tit_box .t3 p {width:100px; height:100px;}
    #section8 .tit_box .t3 p span {font-size:1em;}
    #section8 .list_finger li:nth-child(2) {margin-bottom:30px;}
    #section8 .list_finger dl dd strong span {font-size:0.7em; border-radius:5px; padding:7px 8px 4px; margin-bottom:16px;}
    #section8 .list_finger dl dd strong span:after {width:14px; height:8px;}
    #section8 .list_finger dl dd strong span.case2 {left:auto; right:0; bottom:auto; top:100%; margin-bottom:0; margin-top:10px;}
    #section8 .list_finger dl dd strong span.case2:after {left:auto; right:20px; top:auto; bottom:98%; transform:rotate(180deg)}

    #section8 .tit_box .t2.aos-animate span:after {width:155px;}
}


#section9 {display:flex; flex-wrap:wrap; width:100%; background:#000;}
#section9 > div {width:25%; position:relative;}
#section9 > div .img_box {width:100%; height:36vw; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#section9 > div .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6);}
#section9 > div dl {width:100%; position:absolute; left:0; bottom:0; padding:60px;}
#section9 > div dl dt {font-size:2.1875em; color:#fff; line-height:1.28em; font-weight:700;}
#section9 > div dl dd {font-size:1.375em; color:#fff; line-height:1.45em; margin-top:20px;}

@media screen and (max-width:1640px){
    #section9 > div dl {padding:30px;}
    #section9 > div dl dt {font-size:1.8em;}
    #section9 > div dl dt br {display:none;}
    #section9 > div dl dd {font-size:1.25em;}
}

@media screen and (max-width:1220px){
    #section9 > div {width:50%;}
}

@media screen and (max-width:1024px){
    #section9 > div .img_box {height:55vw;}
    #section9 > div dl dt {font-size:1.5em;}
    #section9 > div dl dd {font-size:1.125em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #section9 > div {width:100%;}
    #section9 > div dl {padding:0 6% 5%;}
    #section9 > div dl dt {font-size:1.3em;}
    #section9 > div dl dd {font-size:1em; margin-top:5px;}
}


#section10 {width:100%; position:relative; padding:200px 0 150px;}
#section10 .coinBG {top:120px;}
#section10 .tit_box {text-align:center; position:relative; margin-bottom:115px; z-index:5;}
#section10 .tit_box .t1 {font-size:1.875em; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section10 .tit_box .t2 {font-size:5em; line-height:1.125em; font-weight:500; font-family:'SBAggro'; position:relative; z-index:5;}
#section10 .tit_box .t2 span {color:#e60012; position:relative;}
#section10 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section10_line.svg) no-repeat left top; background-size:560px auto; position:absolute; left:-20px; top:100%;}
#section10 .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
#section10 .box > div {display:flex; justify-content:space-between; align-items:start; flex-wrap:wrap; width:100%}
#section10 .box > div > div {width:calc(50% - 15px)}
#section10 .box > div .img_box {border-radius:20px; overflow:hidden; position:relative;}
#section10 .box > div .img_box img {width:100%;}
#section10 .box > div .img_box p {width:100%; line-height:70px; background:#e60012; font-size:1.875em; color:#fff ;font-weight:500; font-family:'SBAggro'; text-align:center; position:absolute; left:0; bottom:0; z-index:5;}
#section10 .box > div .img_box p span {font-size:0.8em; font-weight:300;}
#section10 .box > div table {width:100%;}
#section10 .box > div table thead th {background:#000; font-size:1.5em; color:#fff; font-weight:700; padding:17px 0; border-left:1px solid #fff;}
#section10 .box > div table thead th:first-child {width:240px; border-left:0;}
#section10 .box > div table thead th span {font-size:0.75em; font-weight:400;}
#section10 .box > div table tbody th {background:#f9f9f9; border-bottom:1px solid #000; font-size:1.5em; font-weight:600; padding:15px 0;}
#section10 .box > div table tbody td {background:#fff; border-bottom:1px solid #000; border-left:1px solid #000; font-size:1.5em; line-height:1.5em; padding:15px 40px;}
#section10 .box > div .margin_box {width:100%; background:#eaf0ff; border-radius:20px; padding:20px; margin-top:30px; text-align:center; transition:background 0.5s;}
#section10 .box > div .margin_box dt {width:100%; background:#d8e3ff; border-radius:10px; font-size:1.875em; color:#0046ff; font-weight:500; font-family:'SBAggro'; padding:14px 0 6px; transition:background 0.5s, color 0.5s;}
#section10 .box > div .margin_box dd {font-size:1.5em; color:#0046ff; font-weight:500; font-family:'SBAggro'; margin-top:30px; transition:color 0.5s;}
#section10 .box > div .margin_box dd strong {font-size:1.66em; font-weight:500; margin-left:15px;}
#section10 .box > div .margin_box dd strong span {font-size:1.5em;}
#section10 .box > div .margin_box:hover {background:#0046ff;}
#section10 .box > div .margin_box:hover dt {background:#002faa; color:#fff;}
#section10 .box > div .margin_box:hover dd {color:#fff;}

#section10 .box > div:last-child .t1 {background:#e60012}
#section10 .box > div:last-child .margin_box {background:#ffebed;}
#section10 .box > div:last-child .margin_box dt {background:#ffd0d4; color:#e60012;}
#section10 .box > div:last-child .margin_box dd {color:#e60012}
#section10 .box > div:last-child .margin_box:hover {background:#e60012;}
#section10 .box > div:last-child .margin_box:hover dt {background:#a1000d; color:#fff;}
#section10 .box > div:last-child .margin_box:hover dd {color:#fff;}

#section10 .tit_box .t2.aos-animate span:after {width:560px; transition:width 1s 0.5s}

@media screen and (max-width:1220px){
    #section10 .box > div table thead th {font-size:1.3em;}
    #section10 .box > div table thead th:first-child {width:160px;}
    #section10 .box > div table tbody th {font-size:1.3em;}
    #section10 .box > div table tbody td {font-size:1.3em; padding:15px 20px;}
    #section10 .box > div .margin_box dd strong {display:block; font-size:1.4em; margin-left:0;}
}

@media screen and (max-width:1024px){
    #section10 {padding:15% 0;}
    #section10 .coinBG {top:10%;}
    #section10 .tit_box {margin-bottom:8%;}
    #section10 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section10 .tit_box .t2 {font-size:4em;}
    #section10 .tit_box .t2 span:after {background-size:440px auto; left:-10px;}
    #section10 .box > div > div {width:calc(50% - 5px)}
    #section10 .box > div .img_box {border-radius:10px;}
    #section10 .box > div .img_box p {font-size:1.5em; line-height:50px;}
    #section10 .box > div table thead th {font-size:1.125em; padding:10px 0;}
    #section10 .box > div table thead th:first-child {width:120px;}
    #section10 .box > div table tbody th {font-size:1.125em; padding:10px 0;}
    #section10 .box > div table tbody td {font-size:1.125em; padding:10px;}
    #section10 .box > div .margin_box {margin-top:15px; padding:10px; border-radius:10px;}
    #section10 .box > div .margin_box dt {border-radius:5px; font-size:1.4em; padding:10px 0 5px;}
    #section10 .box > div .margin_box dd {font-size:1.125em; margin-top:15px;}

    #section10 .tit_box .t2.aos-animate span:after {width:440px;}
}

@media screen and (max-width:767px){
    #section10 .tit_box .t1 {font-size:1.25em;}
    #section10 .tit_box .t2 {font-size:2.3em;}
    #section10 .tit_box .t2 span:after {background-size:220px auto; left:-5px;}
    #section10 .box > div > div {width:100%;}
    #section10 .box > div .img_box {border-radius:10px;}
    #section10 .box > div .img_box p {font-size:1.125em; line-height:30px;}
    #section10 .box > div table {margin-top:10px;}
    #section10 .box > div table thead th {font-size:1em;}
    #section10 .box > div table thead th:first-child {width:90px;}
    #section10 .box > div table tbody th {font-size:1em;}
    #section10 .box > div table tbody td {font-size:1em;}
    #section10 .box > div .margin_box {margin-top:10px;}
    #section10 .box > div .margin_box dt {font-size:1.125em; padding:8px 0 3px;}
    #section10 .box > div .margin_box dd {font-size:1em;}

    #section10 .tit_box .t2.aos-animate span:after {width:220px;}
}


#section11 {width:100%; background:#000 url(../images/section11BG.png) no-repeat center bottom; background-size:cover; padding:200px 0 150px;}
#section11 .tit_box {text-align:center; position:relative; margin-bottom:135px;}
#section11 .tit_box:before, #section11 .tit_box:after {content:''; display:block; width:140px; height:250px; background:url(../images/section11_icon1.svg) no-repeat center center; background-size:contain; position:absolute; top:0;}
#section11 .tit_box:before {left:0;}
#section11 .tit_box:after {right:0; transform:scaleX(-1)}
#section11 .tit_box .t1 {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; margin-bottom:0; margin-bottom:10px;}
#section11 .tit_box .t2 {display:inline-block; font-size:5em; color:#fff; line-height:1.6em; font-weight:500; font-family:'SBAggro'; position:relative; z-index:5;}
#section11 .tit_box .t2 span {color:#eba80f; position:relative;}
#section11 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section11_line.svg) no-repeat left top; background-size:440px auto; position:absolute; left:-20px; top:100%;}
#section11 .tit_box .t2 sup {display:flex; justify-content:center; align-items:center; width:140px; height:91px; background:url(../images/section11_circle.svg) no-repeat center center; background-size:contain; font-size:0.625em; color:#eba80f; line-height:1em; position:absolute; top:0; right:100%; transform:translate(-20px, -30%) rotate(-10deg); padding-top:5px;}
#section11 .box {display:flex; justify-content:center; align-items:end; border-bottom:3px solid #eba80f; position:relative; padding:0 55px; margin-bottom:150px;}
#section11 .box > div {width:410px; position:relative;}
#section11 .box > div .bar {width:100%; background:#2c2c2c; transform:scaleY(0); transition:transform 0.5s ease-in-out; transform-origin:bottom;}
#section11 .box > div .bars {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:350px; background:#eba80f; padding:0 35px; margin-top:75px; position:relative; transform:scaleY(0); transition:transform 0.5s ease-in-out; transform-origin:bottom;}
#section11 .box > div .bars:before {content:''; display:block; width:0; height:0; border-bottom:90px solid #eba80f; border-left:280px solid transparent; border-right:280px solid transparent; position:absolute; bottom:100%; left:50%; transform:translateX(-50%)}
#section11 .box > div .bars:after {content:''; display:block; width:870px; height:338px; background:url(../images/section11_img1.png) no-repeat center center; background-size:contain; position:absolute; left:50%; bottom:55%; transform:translateX(-50%) scale(0); transition:transform 0.5s ease-in-out 0.5s;}
#section11 .box > div .bars .img {width:100%;}
#section11 .box > div .bars .img img {width:100%;}
#section11 .box > div .bars dl {width:100%; margin-top:20px;}
#section11 .box > div .bars dl dt {display:inline-block; line-height:40px; background:#e60012; border-radius:20px; font-size:1.5em; color:#fff; font-weight:800; text-align:center; padding:0 15px;}
#section11 .box > div .bars dl dd {font-size:1.5em; color:#e60012; font-weight:700; font-family:'SBAggro'; margin-top:10px; position:relative;}
#section11 .box > div .bars dl dd span {font-size:2.08em;}
#section11 .box > div .bars dl dd:after {content:''; display:block; width:calc(100% + 10px); height:15px; background:url(../images/section11_line2.svg) no-repeat left top; background-size:contain; position:absolute; left:-5px; top:100%;}
#section11 .box > div .txt_box {position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:30px; text-align:center;}
#section11 .box > div .txt_box .t1 {display:block; width:120px; line-height:34px; background:#2c2c2c; border-radius:17px; font-size:1.25em; color:#fff; font-weight:600; margin:0 auto;}
#section11 .box > div .txt_box .t2 {font-size:1.25em; color:#eba80f; font-weight:700;}
#section11 .box > div .txt_box dl {margin-top:20px;}
#section11 .box > div .txt_box dl dt {font-size:1.875em; color:#fff; font-weight:500; font-family:'SBAggro'}
#section11 .box > div .txt_box dl dd {font-size:1.25em; color:#fff; font-weight:600;}

#section11 .box > div .bar1 {height:50px;}
#section11 .box > div .bar2 {height:100px;}
#section11 .box > div .bar3 {height:75px;}
#section11 .box > div .bar4 {height:135px;}

#section11 .tit_box .t2.aos-animate span:after {width:440px; transition:width 1s 0.5s}

#section11 .box.on > div .bars {transform:scaleY(1)}
#section11 .box.on > div .bars:after {transform:translateX(-50%) scale(1);}
#section11 .box.on > div .bar {transform:scaleY(1)}

@media screen and (max-width:1220px){
    #section11 .tit_box:before, #section11 .tit_box:after {display:none;}
    #section11 .box {padding:0 25px;}

    #section11 .box > div .bars {height:29.1vw}
    #section11 .box > div .bar1 {height:4.1vw;}
    #section11 .box > div .bar2 {height:8.33vw;}
    #section11 .box > div .bar3 {height:6.25vw;}
    #section11 .box > div .bar4 {height:11.25vw;}
}

@media screen and (max-width:1024px){
    #section11 {padding:18% 0;}
    #section11 .tit_box {margin-bottom:90px;}
    #section11 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section11 .tit_box .t2 {font-size:4em;}
    #section11 .tit_box .t2 span:after {background-size:330px auto; left:-10px;}
    #section11 .tit_box .t2 sup {width:120px; height:78px;}
    #section11 .box {padding:0 15px; margin-bottom:110px;}
    #section11 .box > div {width:40%;}
    #section11 .box > div .bars {padding:0 15px;}
    #section11 .box > div .bars:before {border-bottom-width:60px; border-left-width:25vw; border-right-width:25vw;}
    #section11 .box > div .bars:after {width:669px; height:260px;}
    #section11 .box > div .bars dl {margin-top:15px;}
    #section11 .box > div .bars dl dt {line-height:32px; font-size:1.3em; padding:0 10px;}
    #section11 .box > div .bars dl dd {font-size:2vw;}
    #section11 .box > div .txt_box {margin-top:15px;}
    #section11 .box > div .txt_box .t1 {width:100px; line-height:30px; font-size:1.125em;}
    #section11 .box > div .txt_box .t2 {font-size:1.125em;}
    #section11 .box > div .txt_box dl {margin-top:15px;}
    #section11 .box > div .txt_box dl dt {font-size:1.5em;}
    #section11 .box > div .txt_box dl dd {font-size:1.125em;}

    #section11 .tit_box .t2.aos-animate span:after {width:330px;}
}

@media screen and (max-width:767px){
    #section11 .tit_box {margin-bottom:60px;}
    #section11 .tit_box .t1 {font-size:1.25em; margin-bottom:5%;}
    #section11 .tit_box .t2 {font-size:2.3em;}
    #section11 .tit_box .t2 span:after {background-size:165px auto; left:-5px;}
    #section11 .tit_box .t2 sup {width:55px; height:36px; transform:translate(-10px, -30%) rotate(-10deg)}
    #section11 .box {padding:0 10px; margin-bottom:110px;}
    #section11 .box > div {width:42%;}
    #section11 .box > div .bars {padding:0 10px; margin-top:30px;}
    #section11 .box > div .bars:before {border-bottom-width:30px;}
    #section11 .box > div .bars:after {width:335px; height:130px; bottom:55%;}
    #section11 .box > div .bars dl {margin-top:10px;}
    #section11 .box > div .bars dl dt {line-height:24px; font-size:0.9375em; padding:0 5px;}
    #section11 .box > div .bars dl dd:after {left:-5px;}
    #section11 .box > div .txt_box .t1 {width:42px; line-height:24px; font-size:8px;}
    #section11 .box > div .txt_box .t2 {font-size:0.9375em;}
    #section11 .box > div .txt_box dl {margin-top:10px;}
    #section11 .box > div .txt_box dl dt {font-size:1.125em;}
    #section11 .box > div .txt_box dl dd {font-size:8px;}

    #section11 .tit_box .t2.aos-animate span:after {width:330px;}
    
    #section11 .box > div .bars {height:32vw}
    #section11 .box > div .bar1 {height:7.1vw;}
    #section11 .box > div .bar2 {height:11.33vw;}
    #section11 .box > div .bar3 {height:9.25vw;}
    #section11 .box > div .bar4 {height:14.25vw;}
}


#section12 {padding:150px 0;}
#section12 .tit_box {margin-bottom:65px; position:relative;}
#section12 .tit_box .t1 {display:inline-block; background:#006934; border-radius:10px; font-size:1.5em; color:#fff; font-weight:500; font-family:'SBAggro'; padding:12px 15px 8px; margin-bottom:22px; position:relative;}
#section12 .tit_box .t1:after {content:''; display:block; width:20px; height:12px; background:url(../images/icon_speechbubble_green.svg) no-repeat center top; background-size:contain; position:absolute; left:20px; top:98%;}
#section12 .tit_box .t2 {font-size:4.375em; line-height:1.14em; font-weight:500; font-family:'SBAggro';}
#section12 .tit_box .t2 span {color:#006934; position:relative;}
#section12 .tit_box .t2 span:after {content:''; display:block; width:460px; height:120px; background:url(../images/section12_circle.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}
#section12 .tit_box .symbol {width:220px; position:absolute; right:0; top:0;}
#section12 .tit_box .symbol img {width:100%;}

.section12_slide {width:100%; height:650px; margin-bottom:30px; overflow:hidden;}
.section12_slide .swiper-slide {width:100%; height:100%; border-radius:20px; background-repeat:no-repeat; background-position:center center; background-size:cover;;}
.section12_slide_thumb_wrap {width:100%; height:120px; position:relative; padding:0 35px;}
.section12_slide_thumb {width:100%; height:100%; overflow:hidden;}
.section12_slide_thumb .swiper-slide {width:100%; height:100%; background-color:#fedcdc; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px; opacity:0.3}
.section12_slide_thumb .swiper-slide-thumb-active {opacity:1; border:4px solid #006934;}
.section12_slide_thumb .swiper-button-prev, .section12_slide_thumb .swiper-button-next {width:25px; height:100%; background:#e9e9e9; border-radius:5px; font-size:1.25em; color:#000; margin-top:0; top:0;}
.section12_slide_thumb .swiper-button-prev {left:0;}
.section12_slide_thumb .swiper-button-next {right:0;}
.section12_slide_thumb .swiper-button-prev:after, .section12_slide_thumb .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.section12_slide_thumb .swiper-button-prev:after {content:'\f104'}
.section12_slide_thumb .swiper-button-next:after {content:'\f105'}

@media screen and (max-width:1220px){
    .section12_slide {height:54vw}
    .section12_slide_thumb_wrap {height:9vw;}
}

@media screen and (max-width:1024px){
    #section12 {padding:15% 0;}
    #section12 .tit_box {margin-bottom:40px;}
    #section12 .tit_box .t1 {font-size:1.3em; padding:10px 12px 6px;}
    #section12 .tit_box .t1:after {left:12px;}
    #section12 .tit_box .t2 {font-size:3.7em;}
    #section12 .tit_box .t2 span:after {width:364px; height:95px;}
    #section12 .tit_box .symbol {width:170px;}

    .section12_slide {margin-bottom:3%;}
    .section12_slide .swiper-slide {border-radius:10px;}
    .section12_slide_thumb .swiper-slide {border-radius:5px;}
}

@media screen and (max-width:767px){
    #section12 .tit_box {margin-bottom:30px;}
    #section12 .tit_box .t1 {font-size:1.125em; border-radius:5px; padding:7px 8px 4px; margin-bottom:16px;}
    #section12 .tit_box .t1:after {width:14px; height:8px; left:8px;}
    #section12 .tit_box .t2 {font-size:2.2em;}
    #section12 .tit_box .t2 span:after {width:199px; height:52px;}
    #section12 .tit_box .symbol {width:70px;}
    .section12_slide_thumb_wrap {height:15vw; padding:0 25px;}
    .section12_slide_thumb .swiper-slide-thumb-active {border-width:3px;}
    .section12_slide_thumb .swiper-button-prev, .section12_slide_thumb .swiper-button-next {width:20px; font-size:1em;}
}


#section13 {width:100%; background:url(../images/section8BG.png) no-repeat center center; background-size:cover; position:relative; padding:200px 0;}
#section13:before {content:''; display:block; width:100%; height:100%; background:rgba(255,255,255,0.3); backdrop-filter:blur(15px); position:absolute; left:0; top:0;}
#section13 .tit_box {text-align:center; margin-bottom:115px;}
#section13 .tit_box .t1 {font-size:1.875em; color:#e60012; line-height:1.3em; font-weight:700; margin-bottom:30px;}
#section13 .tit_box .t2 {font-size:5em; line-height:1.125em; font-weight:500; font-family:'SBAggro'; position:relative; z-index:5;}
#section13 .tit_box .t2 span {color:#e60012; position:relative;}
#section13 .tit_box .t2 span:after {content:''; display:block; width:0; height:15px; background:url(../images/section13_line.svg) no-repeat left top; background-size:450px auto; position:absolute; left:-10px; top:100%;}
#section13 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; counter-reset:counter;}
#section13 ul li {width:calc(16.66% - 20px); position:relative; padding-top:30px;}
#section13 ul li:before {content:counter(counter, decimal-leading-zero); display:flex; justify-content:center; align-items:center; counter-increment:counter; width:80px; height:80px; background:#fff; border:5px solid #e62727; border-radius:50%; font-size:1.875em; color:#e60012; font-weight:700; position:absolute; left:30px; top:0;}
#section13 ul li .icon {display:block; width:100%; height:220px; background:#e62727 no-repeat center center; background-size:110px auto; border-radius:20px;}
#section13 ul li dl {margin-top:30px; text-align:center;}
#section13 ul li dl dt {font-size:2.1875em; color:#e62727; font-weight:500; font-family:'SBAggro';}
#section13 ul li dl dd {font-size:1.375em; line-height:1.45em; margin-top:5px;}

#section13 ul li .icon1 {background-image:url(../images/section13_icon1.png)}
#section13 ul li .icon2 {background-image:url(../images/section13_icon2.png)}
#section13 ul li .icon3 {background-image:url(../images/section13_icon3.png)}
#section13 ul li .icon4 {background-image:url(../images/section13_icon4.png)}
#section13 ul li .icon5 {background-image:url(../images/section13_icon5.png)}
#section13 ul li .icon6 {background-image:url(../images/section13_icon6.png)}

#section13 .tit_box .t2.aos-animate span:after {width:450px; transition:width 1s 0.5s}

@media screen and (max-width:1640px){
    #section13 ul li {width:calc(33.33% - 13.33px);}
    #section13 ul li:nth-child(3) ~ li {margin-top:40px;}
}

@media screen and (max-width:1024px){
    #section13 {padding:20% 0;}
    #section13 .tit_box {margin-bottom:10%;}
    #section13 .tit_box .t1 {font-size:1.5em; margin-bottom:3%;}
    #section13 .tit_box .t2 {font-size:4em;}
    #section13 .tit_box .t2 span:after {background-size:330px auto; left:-10px;}
    #section13 ul li {width:calc(33.33% - 10px); padding-top:15px;}
    #section13 ul li:nth-child(3) ~ li {margin-top:30px;}
    #section13 ul li:before {width:60px; height:60px; font-size:1.5em; left:15px;}
    #section13 ul li .icon {width:100%; height:130px; border-radius:10px; background-size:auto 60px; margin:0 auto;}
    #section13 ul li dl {margin-top:20px;}
    #section13 ul li dl dt {font-size:1.5em;}
    #section13 ul li dl dd {font-size:1.125em;}

    #section13 .tit_box .t2.aos-animate span:after {width:330px;}
}

@media screen and (max-width:767px){
    #section13 .tit_box .t1 {font-size:1.25em;}
    #section13 .tit_box .t2 {font-size:2.3em;}
    #section13 .tit_box .t2 span:after {background-size:165px auto; left:-5px;}
    #section13 ul li {width:calc(50% - 5px); padding-top:15px;}
    #section13 ul li:nth-child(2) ~ li {margin-top:30px;}
    #section13 ul li:before {width:40px; height:40px; border-width:2px; font-size:1.25em; left:10px;}
    #section13 ul li .icon {width:100%; height:85px; background-size:auto 40px;}
    #section13 ul li dl {margin-top:15px;}
    #section13 ul li dl dt {font-size:1.25em;}
    #section13 ul li dl dd {font-size:1em;}

    #section13 .tit_box .t2.aos-animate span:after {width:330px;}
}


#section14 {width:100%; background:#600409 url(../images/section14BG.png) no-repeat center top; background-size:100% auto; padding:150px 0;}
#section14 > div {width:1460px; margin:0 auto;}
#section14 .top_box {text-align:center; margin-bottom:80px; position:relative;}
#section14 .top_box .t1 {font-size:3.125em; color:#fff; font-weight:800; text-shadow:5px 5px 30px rgba(255,0,0,0.5); transform:rotate(-7.5deg); margin-bottom:40px;}
#section14 .top_box .t1 span {color:#edd674}
#section14 .top_box .t2 {font-size:8.75em; line-height:1.2em; font-weight:500; font-family:'SBAggro'; transform:rotate(-7.5deg)}
#section14 .top_box .t2 p, #section14 .top_box .t2 span {display:inline-block; background-image:linear-gradient(179.5deg, #fff 32%, #b2b2b2 40%, #fff 53%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; position:relative;}
#section14 .top_box .t2 p:before, #section14 .top_box .t2 span:before {content:attr(data-text); width:100%; height:100%; color:#fff; text-shadow:3px 3px 5px rgba(0,0,0,0.3), 5px 5px 30px rgba(255,0,0,0.5); -webkit-text-fill-color:#fff; position:absolute; left:0; top:0; z-index:-1;}
#section14 .top_box .t2.case2 {margin-bottom:-15px;}
#section14 .top_box .t2.case2 p, #section14 .top_box .t2.case2 span {background-image:linear-gradient(90.5deg, #edd674 0%, #edd674 22%, #c89234 37%, #edd674 43%, #edd674 63%, #c89234 99%, #edd674 109%, #edd674 95%, #c89234 100%);}
#section14 .top_box .t2.case2 span {font-size:0.71em; line-height:1.2em;}
#section14 .top_box .t3 {position:absolute; right:20px; bottom:-150px;}
#section14 .top_box .t3 p {display:flex; justify-content:center; align-items:center; width:300px; height:300px; background:url(../images/icon_label1.svg) no-repeat center center; background-size:contain; font-weight:900; transform:rotate(10deg)}
#section14 .top_box .t3 p span {font-size:1.875em; background:radial-gradient(47.04% 87.14% at 50.37% 51.43%, #A65D1F 0%, #40240C 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; text-fill-color:transparent; line-height:1em;}
#section14 .top_box .t3 p span strong {display:block; font-size:2em; line-height:1.1em;}
#section14 .box {width:100%; background:#fff; padding:70px 130px; border-radius:20px;}
#section14 .tit_box {position:relative; padding-right:500px; margin-bottom:65px;}
#section14 .tit_box .t1 {display:inline-block; background:#e60012; border-radius:10px; font-size:1.5em; color:#fff; font-weight:500; font-family:'SBAggro'; padding:12px 15px 8px; margin-bottom:22px; position:relative;}
#section14 .tit_box .t1:after {content:''; display:block; width:20px; height:13px; background:url(../images/icon_speechbubble_red.svg) no-repeat center top; background-size:contain; position:absolute; left:20px; top:98%; transform:rotate(180deg)}
#section14 .tit_box .t2 {font-size:4.375em; line-height:1.14em; font-weight:500; font-family:'SBAggro';}
#section14 .tit_box .t2 span {color:#e60012; position:relative;}
#section14 .tit_box .t2 span:after {content:''; display:block; width:460px; height:120px; background:url(../images/section14_circle.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}
#section14 .tit_box .t3 {width:480px; font-size:1.375em; line-height:1.45em; position:absolute; right:0; bottom:0;}
#section14 table {width:100%; border-bottom:3px solid #e60012;}
#section14 table thead th {background:#e60012; border-right:1px solid #fff; font-size:1.875em; color:#fff; font-weight:700; padding:20px 0;}
#section14 table thead th:nth-child(1) {width:21%}
#section14 table thead th:nth-child(3) {width:34%; border-right:0;}
#section14 table thead th span {font-size:0.8em; font-weight:500;}
#section14 table tbody th {background:#fff4f5; border-bottom:1px solid #e60012; border-right:1px solid #e60012; font-size:1.875em; color:#e60012; font-weight:700; padding:20px 30px; text-align:left;}
#section14 table tbody td {background:#fff; border-bottom:1px solid #000; border-right:1px solid #000; font-size:1.875em; line-height:1.4em; padding:20px 15px 20px 25px; position:relative;}
#section14 table tbody td:last-child {border-right:0;}
#section14 table tbody td.case2 {padding-right:100px;}
#section14 table tbody td strong {color:#e60012; font-weight:700;}
#section14 table tbody td span {display:inline-block; background:#006934; border-radius:10px; font-size:0.8em; color:#fff; line-height:1.2em; font-weight:500; font-family:'SBAggro'; padding:12px 15px 8px; position:absolute; right:-35px; bottom:50%;}
#section14 table tbody td span:after {content:''; display:block; width:20px; height:12px; background:url(../images/icon_speechbubble_green.svg) no-repeat center center; background-size:contain; position:absolute; left:20px; top:98%; transform:scaleX(-1)}
#section14 table tbody tr:last-child th, #section14 table tbody tr:last-child td {border-bottom:0;}
#section14 .txt1 {font-size:1.375em; color:#666; line-height:1.45em; margin-top:30px;}

@media screen and (max-width:1480px){
    #section14 > div {width:1200px}
    #section14 .top_box .t3 {right:-50px;}
    #section14 .top_box .t3 p {width:260px; height:260px;}
    #section14 .top_box .t3 p span {font-size:1.5em;}
    #section14 .box {padding:50px;}
    #section14 .tit_box {padding-right:0;}
    #section14 .tit_box .t3 {width:100%; margin-top:30px; position:relative;}
}

@media screen and (max-width:1220px){
    #section14 > div {width:88%;}
    #section14 .top_box .t3 {bottom:-200px;}
}

@media screen and (max-width:1024px){
    #section14 {padding:15% 0 5%;}
    #section14 .top_box {margin-bottom:8%;}
    #section14 .top_box .t1 {font-size:2.7em; margin-bottom:4%;}
    #section14 .top_box .t2 {font-size:6.5em;}
    #section14 .top_box .t3 {right:-60px; bottom:-120px;}
    #section14 .top_box .t3 p {width:200px; height:200px;}
    #section14 .top_box .t3 p span {font-size:1.3em;}
    #section14 .box {padding:4.5%; border-radius:10px;}
    #section14 .tit_box {margin-bottom:7%;}
    #section14 .tit_box .t1 {font-size:1.3em; padding:10px 12px 6px;}
    #section14 .tit_box .t1:after {left:12px;}
    #section14 .tit_box .t2 {font-size:3.7em;}
    #section14 .tit_box .t2 span:after {width:364px; height:95px;}
    #section14 .tit_box .t3 {font-size:1.125em; margin-top:25px;}
    #section14 table thead th {font-size:1.5em; padding:15px 0;}
    #section14 table tbody th {font-size:1.5em; padding:15px;}
    #section14 table tbody td {font-size:1.5em; padding:15px;}
    #section14 table tbody td.case2 {padding-right:70px;}
    #section14 .txt1 {font-size:1.125em; margin-top:3%;}
}

@media screen and (max-width:767px){
    #section14 .box {padding:4%;}
    #section14 .top_box .t1 {font-size:1.6em;}
    #section14 .top_box .t2 {font-size:3.5em;}
    #section14 .top_box .t2.case2 {margin-bottom:-5px;}
    #section14 .top_box .t3 {right:-30px; bottom:-80px;}
    #section14 .top_box .t3 p {width:100px; height:100px;}
    #section14 .top_box .t3 p span {font-size:1em;}
    #section14 .tit_box {margin-bottom:30px;}
    #section14 .tit_box .t1 {font-size:1.125em; border-radius:5px; padding:7px 8px 4px; margin-bottom:16px;}
    #section14 .tit_box .t1:after {width:14px; height:8px; left:8px;}
    #section14 .tit_box .t2 {font-size:2.2em;}
    #section14 .tit_box .t2 span:after {width:199px; height:52px;}
    #section14 .tit_box .t3 {font-size:1em; margin-top:18px;}
    #section14 table thead th {font-size:1.125em; padding:10px 0;}
    #section14 table tbody th {font-size:1em; padding:10px;}
    #section14 table tbody td {font-size:1em; padding:10px;}
    #section14 table tbody td.case2 {padding-right:10px;}
    #section14 table tbody td span {border-radius:5px; padding:7px 8px 4px; right:-10px; bottom:auto; top:10px; display:none;}
    #section14 table tbody td span:after {width:14px; height:8px; }
    #section14 .txt1 {font-size:1em;}
}


#section15 {width:100%; background:#f6f6f6; padding:100px 0 150px;}
#section15 .tit_box {margin-bottom:50px; text-align:center;}
#section15 .tit_box .t1 img {height:150px; max-width:100%;}
#section15 .tit_box .t2 {font-size:3.125em; line-height:1.5em; font-weight:300; font-family:'SBAggro'; margin-top:30px;}
#section15 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px 0; width:100%;}
#section15 .form_box > div {width:calc(50% - 15px)}
#section15 .form_box > div.w_100 {width:100%;}
#section15 .form_box > div label {display:block; font-size:1.5em; font-weight:600; margin-bottom:10px;}
#section15 .form_box > div label i {color:#006934; font-style:normal;}
#section15 .form_box > div .form_txt {display:block; width:100%; height:70px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.5em; padding:0 25px;}
#section15 .form_box > div .form_txt::placeholder {color:#ccc;}
#section15 .form_box > div .form_txt::-webkit-input-placeholder {color:#ccc;}
#section15 .form_box > div .form_txt:-ms-input-placeholder {color:#ccc;}
#section15 .form_box > div .form_txt:focus {outline:none;  border:3px solid #006934; box-shadow:5px 5px 20px rgba(0,105,52,0.2)}
#section15 .form_box > div .form_textarea {display:block; width:100%; height:300px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.5em; padding:25px; resize:none;}
#section15 .form_box > div .form_textarea::placeholder {color:#ccc;}
#section15 .form_box > div .form_textarea::-webkit-input-placeholder {color:#ccc;}
#section15 .form_box > div .form_textarea:-ms-input-placeholder {color:#ccc;}
#section15 .form_box > div .form_textarea:focus {outline:none;  border:3px solid #006934; box-shadow:5px 5px 20px rgba(0,105,52,0.2)}
#section15 .form_box > div .select_box {width:100%; position:relative;}
#section15 .form_box > div .select_box:after {content:'\f107'; font-size:1.25em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%); pointer-events:none;}
#section15 .form_box > div .select_box select {display:block; width:100%; height:70px; background:#fff; border:1px solid #ccc; border-radius:10px; font-size:1.5em; color:#666; padding:0 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

#section15 .form_box > div .list_box {display:flex; justify-content:space-between; width:100%;}
#section15 .form_box > div .list_box > div {width:calc(50% - 3px)}
#section15 .form_box > div .list_box > div input {display:none;}
#section15 .form_box > div .list_box > div label {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#e8e8e8; border-radius:10px; font-size:1.5em; color:#666; font-weight:700; cursor:pointer;}
#section15 .form_box > div .list_box > div input:checked + label {background:#006934; color:#fff;}

#section15 .form_box > div .email_box {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
#section15 .form_box > div .email_box span {display:block; width:42px; font-size:1.5em; color:#666; text-align:center;}
#section15 .form_box > div .email_box .form_txt {width:calc(35% - 26px);}
#section15 .form_box > div .email_box .select_box {width:30%; margin-left:10px;}

#section15 .form_box > div .location_list {display:flex; justify-content:space-between; flex-wrap:wrap;}
#section15 .form_box > div .location_list > div {width:calc(33.33% - 5.33px)}

#section15 .privacy_box {margin-top:23px;}
#section15 .privacy_box input {display:none;}
#section15 .privacy_box label {display:flex; align-items:center;}
#section15 .privacy_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:30px; height:30px; border:1px solid #ccc; border-radius:5px; background:#fff; font-size:1.125em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
#section15 .privacy_box label span {font-size:1.25em; font-weight:500; padding-left:10px;}
#section15 .privacy_box label span a {text-decoration:underline;}
#section15 .privacy_box input:checked + label:before {content:'\f00c'; background:#006934; border-color:#006934}

#section15 .submit_btn {display:block; width:586px; background:#006934; border-radius:10px; font-size:3.125em; color:#fff; font-weight:500; font-family:'SBAggro'; margin:30px auto 0; padding:30px 0 20px;}

@media screen and (max-width:1024px){
    #section15 {padding:15% 0;}
    #section15 .tit_box {margin-bottom:7%;}
    #section15 .tit_box .t1 img {height:100px;}
    #section15 .tit_box .t2 {font-size:2.7em; margin-top:3%;}
    #section15 .form_box {gap:20px 0}
    #section15 .form_box > div {width:calc(50% - 7.5px)}
    #section15 .form_box > div label {font-size:1.25em;}
    #section15 .form_box > div .form_txt {height:50px; border-radius:5px; font-size:1.125em; padding:0 15px;}
    #section15 .form_box > div .form_textarea {height:200px; border-radius:5px; font-size:1.125em; padding:15px;}
    #section15 .form_box > div .select_box:after {right:15px;}
    #section15 .form_box > div .select_box select {height:50px; border-radius:5px; font-size:1.125em; padding:0 15px;}

    #section15 .form_box > div .list_box > div label {height:50px; border-radius:5px; font-size:1.125em;}

    #section15 .form_box > div .email_box span {width:30px; font-size:1em;}
    #section15 .form_box > div .email_box .form_txt {width:calc(35% - 20px)}

    #section15 .privacy_box {margin-top:15px;}
    #section15 .privacy_box label:before {width:24px; height:24px; border-radius:3px; font-size:1em;}
    #section15 .privacy_box label span {font-size:1em;}

    #section15 .submit_btn {width:350px; border-radius:5px; font-size:2em; padding:20px 0 15px;}
}

@media screen and (max-width:767px){
    #section15 .tit_box .t1 img {height:60px;}
    #section15 .tit_box .t2 {font-size:1.6em;}
    #section15 .form_box > div {width:100%}
    #section15 .form_box > div label {font-size:1.125em; margin-bottom:7px;}
    #section15 .form_box > div .form_txt {height:38px; font-size:1em; padding:0 10px;}
    #section15 .form_box > div .form_textarea {height:120px; font-size:1em; padding:10px;}
    #section15 .form_box > div .select_box:after {right:10px; font-size:1em;}
    #section15 .form_box > div .select_box select {height:38px; font-size:1em; padding:0 10px;}

    #section15 .form_box > div .list_box > div {width:calc(50% - 2px)}
    #section15 .form_box > div .list_box > div label {height:38px; font-size:1em;}

    #section15 .form_box > div .email_box span {width:20px;}
    #section15 .form_box > div .email_box .form_txt {width:calc(50% - 10px)}
    #section15 .form_box > div .email_box .select_box {width:100%; margin:5px 0 0;}

    #section15 .form_box > div .location_list > div {width:calc(33.33% - 3.33px)}

    #section15 .privacy_box label:before {width:20px; height:20px;}

    #section15 .submit_btn {width:180px; font-size:1.5em; padding:15px 0 10px;}
}


#section16 {padding:50px 0;}
#section16 .img_box {display:flex; align-items:start;}
#section16 .img_box div {width:100vw; animation:slideFlow2 20s linear infinite;}
#section16 .img_box div img {width:100vw;}

@media screen and (max-width:1024px){
    #section16 {padding:5% 0;}
}


#section17 {padding:150px 0 200px;}
#section17 .tit_box {text-align:center; margin-bottom:30px;}
#section17 .tit_box .t1 {font-size:5em; line-height:1.125em; font-weight:500; font-family:'SBAggro';}
#section17 .tab_box {width:100%; border-bottom:1px solid #ccc; margin-bottom:70px;}
#section17 .tab_box ul {display:flex; justify-content:center; white-space:nowrap; overflow-x:auto;}
#section17 .tab_box ul li {margin-right:30px;}
#section17 .tab_box ul li:last-child {margin-right:0;}
#section17 .tab_box ul li button {display:block; font-size:1.5em; color:#666; padding:0 10px 20px; position:relative; transition:color 0.4s;}
#section17 .tab_box ul li button:after {content:''; display:block; width:0; height:3px; background:#e60012; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:width 0.4s;}
#section17 .tab_box ul li button:hover {color:#e60012}
#section17 .tab_box ul li.on button {color:#e60012; font-weight:700;}
#section17 .tab_box ul li.on button:after {width:100%;}
#section17 .cont_box {display:flex; flex-wrap:wrap; gap:50px 30px;}
#section17 .cont_box > div {width:calc(33.33% - 20px);}
#section17 .cont_box > div.hide {display:none;}
#section17 .cont_box > div .img_box {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
#section17 .cont_box > div .txt_box {text-align:center; margin-top:30px;}
#section17 .cont_box > div .txt_box dl dt {font-size:1.875em; line-height:1.2em; font-weight:500; font-family:'SBAggro'}
#section17 .cont_box > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:5px; padding:0 20px;}

@media screen and (max-width:1640px){
    #section17 .cont_box > div .img_box {height:21vw}
}

@media screen and (max-width:1220px){
    #section17 .cont_box {gap:50px 20px;}
    #section17 .cont_box > div {width:calc(33.33% - 13.33px)}
    #section17 .cont_box > div .img_box {height:20vw}
}

@media screen and (max-width:1024px){
    #section17 {padding:16% 0;}
    #section17 .tit_box {margin-bottom:3%;}
    #section17 .tit_box .t1 {font-size:4em;}
    #section17 .tab_box {margin-bottom:6%;}
    #section17 .tab_box ul li {margin-right:15px;}
    #section17 .tab_box ul li button {font-size:1.25em; padding:0 5px 10px;}
    #section17 .cont_box {gap:30px 15px;}
    #section17 .cont_box > div {width:calc(50% - 7.5px)}
    #section17 .cont_box > div .img_box {height:28vw; border-radius:10px;}
    #section17 .cont_box > div .txt_box {margin-top:15px;}
    #section17 .cont_box > div .txt_box dl dt {font-size:1.5em;}
    #section17 .cont_box > div .txt_box dl dd {font-size:1.125em; padding:0 10px;}
}

@media screen and (max-width:767px){
    #section17 .tit_box .t1 {font-size:2.3em;}
    #section17 .tab_box ul li {margin-right:8px;}
    #section17 .tab_box ul li button {font-size:1em; padding:0 5px 7px;}
    #section17 .tab_box ul li button:after {height:2px;}
    #section17 .cont_box {gap:25px 0;}
    #section17 .cont_box > div {width:100%}
    #section17 .cont_box > div .img_box {height:55vw;}
    #section17 .cont_box > div .txt_box dl dt {font-size:1.25em;}
    #section17 .cont_box > div .txt_box dl dd {font-size:1em; margin-top:2px;}
}


.modal_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:500; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
.modal_popup.on {opacity:1; visibility:visible;}
.modal_inner {width:88%; max-width:840px; background:#fff; border-radius:5px; padding:20px;}
.modal_inner .tit_box {display:flex; justify-content:space-between; align-items:center; width:100%; background:#eee; padding:10px 15px; border-radius:10px;}
.modal_inner .tit_box p {font-size:1.5em; font-weight:700;}
.modal_inner .tit_box .close_btn {display:block; width:45px; height:45px; background:#fff; border-radius:50%; font-size:1.5em;}
.modal_inner .cont_box {width:100%; max-height:60vh; background:#eee; margin-top:10px; padding:15px; border-radius:10px; overflow-y:auto;}
.modal_inner .cont_box p {font-size:0.9375em; line-height:1.55em;}

@media screen and (max-width:1024px){
    .modal_inner {max-width:600px; padding:15px;}
}

@media screen and (max-width:767px){
    .modal_inner {max-width:400px; padding:10px;}
    .modal_inner .tit_box {border-radius:5px; padding:5px 10px;}
    .modal_inner .tit_box p {font-size:1.25em;}
    .modal_inner .tit_box .close_btn {width:28px; height:28px; font-size:1.125em;}
    .modal_inner .cont_box {margin-top:5px; padding:10px; border-radius:5px;}
}


/* sub */
#sub_content {padding-top:110px;}
.page_cont {padding:150px 0; min-height:30vh;}

#sub_title {font-size:5em; font-weight:500; font-family:'SBAggro'; text-align:center; margin-bottom:70px;}

@media screen and (max-width:1024px){
	#sub_content {padding-top:50px;}
	.page_cont {padding:15% 0;}

	#sub_title {font-size:3.7em; margin-bottom:7%;}
}

@media screen and (max-width:767px){
	#sub_title {font-size:2.4em;}
}