/* main_visual */
#main_visual { position: relative; overflow: hidden; height: 1000px; max-height: 100vh; }
#main_visual .mv_wrap { position: relative; width: 100%; height: 100%; }
#main_visual .mv_slick { position: relative; height: 100%; }
#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 .con .darkframe { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); }
#main_visual .mv_slick .con .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#main_visual .mv_slick .con1 .bg { background: url(/image/main/mv_bg1.jpg) no-repeat center/cover; }
#main_visual .mv_slick .con2 .bg { background: url(/image/main/mv_bg2.jpg) no-repeat center/cover; }
#main_visual .mv_slick .slick-current .bg { animation: mv_bg forwards linear 3s; }
@keyframes mv_bg { 
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
#main_visual .mv_slick .con .contwrap { height: 100%; text-align: right; }
#main_visual .mv_slick .con .textbox { z-index: 5; position: relative; display: inline-block; top: 53%; transform: translateY(-50%); text-align: left; }
#main_visual .mv_slick .con .textbox .text1 { font-size: 55px; color: #fff; line-height: 1.27; }
#main_visual .mv_slick .con .textbox .text1 b { font-weight: 700; font-size: inherit !important; }

#main_visual .mv_slick .slick-dots { z-index: 10; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: center; }
#main_visual .mv_slick .slick-dots li { width: 10px; height: 10px; margin: 0 6px; border-radius: 50%; background-color: #fff; cursor: pointer; }
#main_visual .mv_slick .slick-dots li button { display: none; }
#main_visual .mv_slick .slick-dots li.slick-active { background-color: #14489e; }

@media (max-width: 1535px) {
    #main_visual { height: calc(450px + 25vw); }
}
@media (max-width: 1279px) {
    #main_visual { height: calc(400px + 20vw); }
}
@media (max-width: 1023px) {
    #main_visual { height: calc(350px + 16vw); }
    #main_visual .mv_slick .con .contwrap { text-align: center; }
    #main_visual .mv_slick .con .textbox { text-align: center; }
}
@media (max-width: 767px) {
    #main_visual .mv_slick .con .textbox { top: 55%; }
}

/* main_product */
#main_product { position: relative; padding: 100px 0; overflow: hidden; background: url(/image/main/product_bg.jpg) no-repeat center/cover; }
#main_product .text1 { padding-bottom: 50px; text-align: center; font-weight: 700; font-size: 42px; color: #090909; line-height: 1.3; }
#main_product .text1 span { color: #14489e; }
#main_product .text1 i { display: inline-block; font-size: 35px; font-style: normal; }
#main_product .contents1 { position: relative; left: 50%; transform: translateX(-50%); display: flex; flex-wrap: nowrap; justify-content: space-between; max-width: 920px; }
#main_product .contents1 li { width: 30%; }
#main_product .contents1 li:last-of-type { display: none; }
#main_product .contents1 li a { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; border-radius: 50%; background-color: #fff; box-shadow: 0 0 10px rgba(121, 121, 121, 0.5); background: linear-gradient(to top, #f0f0f0 0%, #f0f0f0 50%, #fff 100%); text-align: center; }
#main_product .contents1 li a .imgbox img { display: inline-block; width: 162px; }
#main_product .contents1 li a .txtbox { margin-top: 10px; font-weight: 700; font-size: 28px; color: #262626; }
@media (max-width: 1023px) {
    #main_product .contents1 li a .imgbox img { width: calc(90px + 4.6vw); }
}
@media (max-width: 767px) {
    #main_product .contents1 li a .imgbox img { width: calc(80px + 4vw); }
}
@media (max-width: 624px) {
    #main_product .contents1 { flex-wrap: wrap; max-width: 400px; }
    #main_product .contents1 li { width: 47%; }
    #main_product .contents1 li:last-of-type { display: block; }
    #main_product .contents1 li:nth-of-type(n + 3) { margin-top: 6%; }
    #main_product .contents1 li a .imgbox img { width: calc(90px + 4.5vw); }
}
@media (max-width: 424px) {
    #main_product .contents1 li a .imgbox img { width: calc(75px + 4vw); }
}

/* main_inquiry */
#main_inquiry { position: relative; padding: 110px 0; overflow: hidden; background-color: #fff; }

/* inquiryWrap */
.inquiryWrap { position: relative; }
.inquiryWrap .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.inquiryWrap .contents1 li { position: relative; width: 48%; }
.inquiryWrap .contents1 li .desc1 { display: none; margin-bottom: 20px; font-size: 40px; color: #282828; }
#main_inquiry .inquiryWrap .contents1 li .desc1 { display: block; }

.inquiryWrap .contents1 form { width: 100%; }
.inquiryWrap .contents1 form .inputWrap { position: relative; }
.inquiryWrap .contents1 form .inputWrap:nth-of-type(n + 2) { margin-top: 10px; }
.inquiryWrap .contents1 form .inputWrap .inputText { position: relative; display: block; width: 100%; padding: 13px; font-size: 18px; color: #696969; background-color: #f4f4f4; border-radius: 10px; border: none !important; outline: none !important; }
.inquiryWrap .contents1 form .inputWrap textarea { position: relative; display: block; width: 100%; max-width: 100%; padding: 13px; font-size: 18px; color: #696969; background-color: #f4f4f4; border-radius: 10px; border: none !important; outline: none !important; }

.inquiryWrap .contents1 form .inquirymore { position: relative; margin-top: 15px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.inquiryWrap .contents1 form .inquirymore .customAgree { position: relative; }
.inquiryWrap .contents1 form .inquirymore .customAgree label { position: relative; display: inline-flex; flex-wrap: nowrap; align-items: center; font-size: 18px; color: #717171; cursor: pointer; }
.inquiryWrap .contents1 form .inquirymore .customAgree label * { font-size: inherit; color: inherit; }
.inquiryWrap .contents1 form .inquirymore .customAgree label input { position: absolute; z-index: -1; opacity: 0; }
.inquiryWrap .contents1 form .inquirymore .customAgree label span { position: relative; width: 18px; height: 18px; background-color: #e5e5e5; border-radius: 2px; }
.inquiryWrap .contents1 form .inquirymore .customAgree label span::after { display: none; content: '\2713'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.inquiryWrap .contents1 form .inquirymore .customAgree label input:checked + span::after { display: block; }
.inquiryWrap .contents1 form .inquirymore .customAgree label p { margin: 0 7px; }
.inquiryWrap .contents1 form .inquirymore .customAgree label a { display: inline-block; text-decoration: underline; }
.inquiryWrap .contents1 form .inquirymore .submitBtn button { padding: 13px 40px; text-align: center; font-size: 16px; color: #fff; border-radius: 5px; background-color: #2255aa; border: none !important; outline: none !important; box-shadow: none !important; }

.inquiryWrap .contents1 .desc2 { position: relative; }
.inquiryWrap .contents1 .desc2 dl { display: flex; flex-wrap: nowrap; }
.inquiryWrap .contents1 .desc2 dl:first-of-type { align-items: center; }
.inquiryWrap .contents1 .desc2 dl:last-of-type { margin-top: 16px; }
.inquiryWrap .contents1 .desc2 dl dt { min-width: max-content; margin-right: 15px; }
.inquiryWrap .contents1 .desc2 dl dt img { display: inline-block; width: 46px; }
.inquiryWrap .contents1 .desc2 dl dd .scr1 { font-size: 30px; color: #2255aa; line-height: 1.35; }
.inquiryWrap .contents1 .desc2 dl dd .scr1 i { font-style: normal; }
.inquiryWrap .contents1 .desc2 dl dd .scr1 b { font-weight: 600; font-size: inherit !important; color: #090909; }
.inquiryWrap .contents1 .desc2 dl dd .scr1 br { display: none; }
.inquiryWrap .contents1 .desc2 dl dd .scr2 { font-size: 18px; color: #000; line-height: 1.65; }
.inquiryWrap .contents1 .desc2 dl dd .scr3 { font-size: 16px; color: #979797; line-height: 1.6; }

.inquiryWrap .contents1 .desc3 { position: relative; margin-top: 20px; height: 390px; border: 1px solid #d7d7d7; border-radius: 10px; overflow: hidden; }
.inquiryWrap .contents1 .desc3 .root_daum_roughmap { width: 100%; height: 100%; }
.inquiryWrap .contents1 .desc3 .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }

@media (max-width: 1535px) {
    .inquiryWrap .contents1 form .inputWrap:nth-of-type(n + 2) { margin-top: 9px; }
    .inquiryWrap .contents1 form .inputWrap .inputText, .inquiryWrap .contents1 form .inputWrap textarea { padding: 12px; font-size: 16px; border-radius: 9px; }
    .inquiryWrap .contents1 form .inquirymore .customAgree label span { width: 16px; height: 16px; }

    .inquiryWrap .contents1 .desc2 dl:nth-of-type(n + 2) { margin-top: 15px; }
    .inquiryWrap .contents1 .desc2 dl dt { margin-right: 14px; }
    .inquiryWrap .contents1 .desc2 dl dt img { width: calc(30px + 1vw); }

    .inquiryWrap .contents1 .desc3 { height: calc(180px + 11vw); }
}
@media (max-width: 1279px) {
    .inquiryWrap .contents1 li .desc1 { margin-bottom: 15px; }

    .inquiryWrap .contents1 form .inputWrap:nth-of-type(n + 2) { margin-top: 8px; }
    .inquiryWrap .contents1 form .inputWrap .inputText, .inquiryWrap .contents1 form .inputWrap textarea { padding: 11px; font-size: 15px; border-radius: 8px; }
    .inquiryWrap .contents1 form .inquirymore .customAgree label span { width: 15px; height: 15px; }

    .inquiryWrap .contents1 .desc2 dl:nth-of-type(n + 2) { margin-top: 13px; }
    .inquiryWrap .contents1 .desc2 dl dt { margin-right: 12px; }

    .inquiryWrap .contents1 .desc3 { height: calc(180px + 10vw); }
}
@media (max-width: 1023px) {
    .inquiryWrap .contents1 { display: block; }
    .inquiryWrap .contents1 li { width: 100%; }
    .inquiryWrap .contents1 li:last-of-type { margin-top: 15px; }

    .inquiryWrap .contents1 form .inputWrap:nth-of-type(n + 2) { margin-top: 7px; }
    .inquiryWrap .contents1 form .inputWrap .inputText, .inquiryWrap .contents1 form .inputWrap textarea { padding: 9px; font-size: 14px; border-radius: 7px; }
}
@media (max-width: 460px) {
    .inquiryWrap .contents1 li .desc1 { margin-bottom: 10px; }
    
    .inquiryWrap .contents1 form .inquirymore { display: block; } 
    .inquiryWrap .contents1 form .inquirymore .submitBtn { margin-top: 15px; }

    .inquiryWrap .contents1 .desc2 dl dd .scr1 i { display: none; }
    .inquiryWrap .contents1 .desc2 dl dd .scr1 br { display: inline-block; }
}

.admBtn { z-index: 5; position: absolute; right: 0; top: 0; font-size: 13px; }