/* main_visual */
#main_visual { position: relative; height: 880px; max-height: calc(100vh - 100px); overflow: hidden; }
#main_visual .mv_wrap { position: relative; height: 100%; }

#main_visual .mv_slick, #main_visual .mv_slick .slick-list, #main_visual .mv_slick .slick-track, #main_visual .mv_slick .slick-slide, #main_visual .mv_slick .slick-slide > div { height: 100%; }
#main_visual .mv_slick .con { position: relative; height: 100%; }
#main_visual .mv_slick .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/mv_bg1.jpg) no-repeat center/cover; }
#main_visual .mv_slick .frame { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

#main_visual .mv_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main_visual .mv_text .contwrap { height: 100%; }
#main_visual .mv_text .textbox { z-index: 5; position: relative; top: 50%; transform: translateY(-50%); text-align: center; }
#main_visual .mv_text .textbox .text1 { display: inline-block; padding: 12px 40px; font-size: 38px; color: #fff; line-height: 1.35; border-radius: 100px; background-color: #0b82cc; }
#main_visual .mv_text .textbox .text2 { margin-top: 30px; font-size: 64px; color: #fff; line-height: 1.25; text-shadow: 1px 0 2px rgba(0, 0, 0, 0.8); }
#main_visual .mv_text .textbox .text2 b { font-weight: 700; }

#main_visual .scrollcont { z-index: 10; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); cursor: pointer; }
#main_visual .scrollcont img { position: relative; display: inline-block; width: 33px; animation: scrollcont 2s ease-in-out infinite; }

@keyframes scrollcont {
    0% { top: 0; }
    50% { top: -20px; }
    100% { top: 0; }
}
@keyframes scrollcont2 {
    0% { top: 0; }
    50% { top: -10px; }
    100% { top: 0; }
}

@media (max-width: 1535px) {
    #main_visual { height: calc(450px + 26vw); max-height: calc(100vh - 90px); }

    #main_visual .scrollcont img { width: 30px; }
}
@media (max-width: 1279px) {
    #main_visual { height: calc(400px + 20vw); max-height: calc(100vh - 80px); }

    #main_visual .scrollcont img { width: 27px; }
}
@media (max-width: 1023px) {
    #main_visual { height: calc(300px + 15vw); max-height: calc(100vh - 70px); }
    
    #main_visual .scrollcont { bottom: 20px; }
    #main_visual .scrollcont img { width: 22px; }
}

/* main_sect1 */
#main_sect1 { position: relative; padding: 100px 0; overflow: hidden; background: url(/image/main/sect1_bg.jpg) no-repeat center/cover; }
#main_sect1 .contents1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
#main_sect1 .contents1 li { position: relative; width: 32.5%; margin-top: 50px; }
#main_sect1 .contents1 li:nth-of-type(n + 4) { margin-top: 90px; }
#main_sect1 .contents1 li .circle { z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); top: -50px; }
#main_sect1 .contents1 li .circle img { display: inline-block; width: 100px; }
#main_sect1 .contents1 li .info { display: flex; align-items: center; justify-content: center; text-align: center; height: 190px; background-color: #fff; border-radius: 100px; }
#main_sect1 .contents1 li .info p { margin-top: 20px; font-weight: 600; font-size: 25px; color: #1372ae; line-height: 1.4; }

@media (max-width: 1535px) {
    #main_sect1 .contents1 li { margin-top: 44px; }
    #main_sect1 .contents1 li:nth-of-type(n + 4) { margin-top: 80px; }
    #main_sect1 .contents1 li .circle { top: -44px; }
    #main_sect1 .contents1 li .circle img { width: 88px; }
    #main_sect1 .contents1 li .info { height: calc(100px + 5.5vw); }
    #main_sect1 .contents1 li .info p { margin-top: 15px; }
}
@media (max-width: 1279px) {
    #main_sect1 .contents1 li { margin-top: 36px; }
    #main_sect1 .contents1 li:nth-of-type(n + 4) { margin-top: 70px; }
    #main_sect1 .contents1 li .circle { top: -36px; }
    #main_sect1 .contents1 li .circle img { width: 72px; }
    #main_sect1 .contents1 li .info { height: calc(85px + 4.7vw); }
    #main_sect1 .contents1 li .info p { margin-top: 10px; }
}
@media (max-width: 1023px) {
    #main_sect1 .contents1 li { margin-top: 30px; width: 48%; }
    #main_sect1 .contents1 li:nth-of-type(n + 4) { margin-top: initial; }
    #main_sect1 .contents1 li:nth-of-type(n + 3) { margin-top: 50px; }
    #main_sect1 .contents1 li .circle { top: -30px; }
    #main_sect1 .contents1 li .circle img { width: 60px; }
    #main_sect1 .contents1 li .info { height: 130px; }
    #main_sect1 .contents1 li .info p { margin-top: 10px; }
}
@media (max-width: 660px) {
    #main_sect1 .contents1 li { margin-top: 30px; width: 100%; }
    #main_sect1 .contents1 li:nth-of-type(n + 3) { margin-top: initial; }
    #main_sect1 .contents1 li:nth-of-type(n + 2) { margin-top: 50px; }
    #main_sect1 .contents1 li .circle { top: -30px; }
    #main_sect1 .contents1 li .circle img { width: 60px; }
    #main_sect1 .contents1 li .info { height: 100px; }
    #main_sect1 .contents1 li .info p { margin-top: 20px; }
}

/* main_sect2 */
#main_sect2 { position: relative; padding: 100px 0; overflow: hidden; background-color: #faf8f3; }
#main_sect2 ul { display: flex; flex-wrap: nowrap; justify-content: center; }
#main_sect2 ul li { width: 36%; /* padding: 0 40px; */ text-align: center; }
#main_sect2 ul li .imgbox img { display: inline-block; width: 75px; }
#main_sect2 ul li .txtbox { margin-top: 20px; }
#main_sect2 ul li .txtbox .txt1 { font-weight: 600; font-size: 30px; color: #000; }
#main_sect2 ul li .txtbox .txt2 { margin-top: 10px; font-size: 18px; color: #727272; line-height: 1.65; }
#main_sect2 ul.ver2 { justify-content: space-between; }
#main_sect2 ul.ver2 li { width: 33.3333%; }
#main_sect2 ul.ver2 .txtbox { margin-top: initial; margin-bottom: 20px; }
#main_sect2 .imgcont { margin: 30px 0; text-align: center; }
#main_sect2 .contents1 .left { display: none; }
@media (max-width: 1535px) {
    #main_sect2 ul li .imgbox img { width: calc(50px + 1.5vw); }
    #main_sect2 .imgcont { margin: 25px 0; }
}
@media (max-width: 1279px) {
    #main_sect2 ul li .txtbox { margin-top: 15px; }
    #main_sect2 ul.ver2 .txtbox { margin-top: initial; margin-bottom: 15px; }
}
@media (max-width: 1023px) {
    #main_sect2 ul { flex-wrap: wrap; }
    #main_sect2 ul li { width: 100%; text-align: left; }
    #main_sect2 ul li:nth-of-type(n + 2) { margin-top: 25px; }
    #main_sect2 ul li .txtbox { margin-top: 15px; }
    #main_sect2 ul li .txtbox .txt2 br { display: none; }
    #main_sect2 ul.ver2 { margin-top: 25px; }
    #main_sect2 ul.ver2 li { display: flex; flex-wrap: wrap; flex-direction: column-reverse; width: 100%; }
    #main_sect2 ul.ver2 .txtbox { margin-top: 15px; margin-bottom: initial; }
    #main_sect2 .imgcont { display: none; }
    #main_sect2 .contents1 { display: flex; flex-wrap: nowrap; }
    #main_sect2 .contents1 .left { display: block; min-width: max-content; margin-right: 20px; width: 100px; }
    #main_sect2 .contents1 .left img { position: absolute; top: -65px; display: inline-block; width: 26px; }
    #main_sect2 .contents1 .right { width: 100%; }   
}

/* main_sect3 */
#main_sect3 { position: relative; padding-top: 80px; overflow: hidden; background-color: #fff; }
#main_sect3 ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#main_sect3 ul li { width: 48.84%; }
#main_sect3 ul li:nth-of-type(n + 3) { margin-top: 50px; }
#main_sect3 ul li p { margin-bottom: 15px;  font-size: 40px; color: #666;font-weight:600; letter-spacing: -0.05em; }
#main_sect3 ul li img { width: 100%; }
@media (max-width: 1535px) {
    #main_sect3 ul li:nth-of-type(n + 3) { margin-top: 40px; }
}
@media (max-width: 1023px) {
    #main_sect3 ul li p { margin-bottom: 10px; }
}
@media (max-width: 480px) {
    #main_sect3 ul { display: block; }
    #main_sect3 ul li { width: 100%; }
    #main_sect3 ul li:nth-of-type(n + 3) { margin-top: initial; }
    #main_sect3 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    #main_sect3 ul li p { margin-bottom: 10px; }
}

/* main_sect4 */
#main_sect4 { position: relative; padding: 100px 0; overflow: hidden; background-color: #fff; }
#main_sect4 .contents { position: relative; }
#main_sect4 .contents .text1 { margin-bottom: 30px; font-weight: 600; font-size: 40px; color: #1372ae; line-height: 1.25; }
#main_sect4 .contents .tablewrap { position: relative; width: 100%; text-align: center; } 



#main_sect4 .contents .tablewrap p{ text-align: left; font-size: 22px; line-height: 1.65; padding:50px 0 70px 0; font-weight:600 } 
#main_sect4 .contents .tablewrap p b { font-weight: inherit; font-size: inherit; font-size: 28px; }
#main_sect4 .contents .tablewrap .color1 { color: blue; }
#main_sect4 .contents .tablewrap .color2 { color: red; }
#main_sect4 .contents .tablewrap .color3 { color: orange; }
/* @media (max-width: 1023px) {
    #main_sect4 .contents .tablewrap { overflow-x: scroll; padding-bottom: 10px; }
    #main_sect4 .contents .tablewrap img { width: 1050px; max-width: initial; }
}
@media (max-width: 767px) {
    #main_sect4 .contents .tablewrap img { width: 780px; }
} */

/* main_form */
#main_form { position: relative; padding: 100px 0; background: url(/image/main/form_bg.jpg) no-repeat center/cover; }
#main_form .textbox { text-align: center; }
#main_form .textbox .text1 { font-weight: 600; font-size: 60px; color: #fff; }
#main_form .textbox .text2 { margin-top: 15px; text-align: center; font-size: 20px; color: #b3b3b3; line-height: 1.45; }
@media (max-width: 1023px) {
    #main_form .textbox .text2 { margin-top: 10px; }
}

/* formWrap */
.formWrap { position: relative; margin-top: 30px; }
.formWrap form { width: 100%; }
.formWrap form .inputFlex { display: flex; flex-wrap: wrap; justify-content: space-between; font-weight: 500; font-size: 18px; color: #333; }
.formWrap form .inputFlex * { font-weight: inherit; font-size: inherit; color: inherit; }
.formWrap form .inputwrap { width: calc(50% - 10px); }
.formWrap form .inputwrap:nth-of-type(n + 3) { margin-top: 10px; }
.formWrap form .inputwrap .inputText { width: 100%; display: block; padding: 10px 20px; outline: none !important; border: none !important; background-color: #fff; border-radius: 5px; }
.formWrap form .inputwrap .inputText::placeholder { color: #aaa; }
.formWrap form .inputwrap.verWidth { width: 100%; margin-top: 12px; }
.formWrap form .inputwrap textarea { width: 100%; max-width: 100%; display: block; padding: 10px 20px; outline: none !important; border: none !important; background-color: #fff; border-radius: 5px; }
.formWrap form .inputwrap textarea::placeholder { color: #aaa; }

.formWrap .admBtn { z-index: 10; position: absolute; right: 0; top: 0; font-size: 14px; color: #333; }

.formWrap .captchaWrap { margin-top: 20px; }

.inquirymore { margin-top: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.inquirymore .customAgree label { position: relative; display: flex; flex-wrap: nowrap; cursor: pointer; font-size: 18px; color: #fff; }
.inquirymore .customAgree label * { font-size: inherit !important; color: inherit !important; }
.inquirymore .customAgree label input { position: absolute; z-index: -1; opacity: 0; top: 0; left: 0; }
.inquirymore .customAgree label span { position: relative; display: inline-block; width: 17px; height: 17px; background-color: #e5e5e5; border-radius: 5px; margin-right: 7px; }
.inquirymore .customAgree label span::after { display: none; content: '\2713'; color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.inquirymore .customAgree label input:checked + span::after { display: block; }
.inquirymore .customAgree label p { display: inline-block; margin-right: 5px; }
.inquirymore .customAgree label a { display: inline-block; }
.inquirymore .submitBtn button { display: inline-block; padding: 12px 40px; text-align: center; font-weight: 600; font-size: 18px; color: #fff; background-color: #1372ae; border-radius: 7px; outline: none !important; box-shadow: none !important; border: none !important; }

@media (max-width: 1535px) {
    .formWrap { margin-top: 25px; }
    .formWrap form .inputwrap .inputText, .formWrap form .inputwrap textarea { padding: 8px 17px; }
}
@media (max-width: 1279px) {
    .formWrap form .inputwrap .inputText, .formWrap form .inputwrap textarea { padding: 7px 15px; }
}
@media (max-width: 1023px) {
    .formWrap { margin-top: 20px; }
    .formWrap form .inputwrap .inputText, .formWrap form .inputwrap textarea { padding: 7px 13px; }
}
@media (max-width: 524px) {
    .inquirymore { display: block; }
    .inquirymore .submitBtn { margin-top: 15px; }
}


/* introT */
.introT { z-index: 999999; position: fixed; width: 100vw; height: 100vh; background-color: #003497; }
.introT.disnone { display: none; }
.introT .introText { position: relative; top: 50%; transform: translateY(-50%); text-align: center; }
.introT .introText .text-container { font-size: 60px; color: #fff; font-weight: bold; display: flex; justify-content: center; gap: 4px; }
.introT .introText .char { opacity: 0; transform: translateY(20px); animation: fadeInUp 0.5s forwards; font-size: inherit !important; color: inherit !important; }
.introT .introText #imgbox { opacity: 0; margin-top: 45px; text-align:  center; transform-origin: center; transition: opacity 1s; }
.introT .introText #imgbox.active { opacity: 1; }
.introT .introText #imgbox img { display: inline-block; width: 120px; }
.introT .introText #imgbox.ver2 { opacity: 1; }

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1535px) {
    .introT .introText .text-container { font-size: 50px; }
    .introT .introText #imgbox { margin-top: 40px; }
    .introT .introText #imgbox img { width: 100px; }
}
@media (max-width: 1279px) {
    .introT .introText .text-container { font-size: 40px; }
    .introT .introText #imgbox { margin-top: 35px; }
    .introT .introText #imgbox img { width: 80px; }
}
@media (max-width: 1023px) {
    .introT .introText .text-container { font-size: 30px; }
    .introT .introText #imgbox { margin-top: 30px; }
    .introT .introText #imgbox img { width: 60px; }
}
@media (max-width: 767px) {
    .introT .introText .text-container { font-size: 20px; }
    .introT .introText #imgbox { margin-top: 25px; }
    .introT .introText #imgbox img { width: 40px; }
}
@media (max-width: 767px) {
    .introT .introText .text-container { font-size: 20px; }
    .introT .introText #imgbox { margin-top: 20px; }
    .introT .introText #imgbox img { width: 40px; }
}