/* maincommon */


/* main_visual */
.mainVisual { position: relative; width: 100%; }
.mainVisual .mv_slick { aspect-ratio: 1/0.42178770949720673; width: 100%; }
.mainVisual .mv_slick .slick-list, .mainVisual .mv_slick .slick-track, .mainVisual .mv_slick .slick-slide, .mainVisual .mv_slick .slick-slide > div { height: 100%; }
.mainVisual .mv_slick .cont { position: relative; height: 100%; }
.mainVisual .mv_slick .cont .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainVisual .mv_slick .cont1 .bg { background: url(/image/main/mv_bg1.jpg?v=250825) no-repeat center/cover; }
.mainVisual .mv_slick .cont2 .bg { background: url(/image/main/mv_bg2.jpg?v=250825) no-repeat center/cover; }
.mainVisual .mv_slick .cont3 .bg { background: url(/image/main/mv_bg3.jpg?v=250825) no-repeat center/cover; }

.mainVisual .mv_slick .slick-dots { z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; display: flex; flex-wrap: nowrap; justify-content: center; }
.mainVisual .mv_slick .slick-dots > li { margin: 0 5px; width: 14px; height: 14px; background-color: transparent; border: 2px solid #eaeaea; border-radius: 50%; cursor: pointer; }
.mainVisual .mv_slick .slick-dots > li button { display: none; }
.mainVisual .mv_slick .slick-dots > li.slick-active { background-color: #fff; border: 2px solid #fff; }

.mv_text1 { padding-top: 35px; display: inline-flex; align-items: center; font-size: 18px; color: #737373; line-height: 1.45; }
.mv_text1:hover { color: inherit !important; }
.mv_text1 b { display: inline-block; margin-right: 10px; font-weight: 600; font-size: 30px; color: #107c43; }

@media (max-width: 1023px) {
    .mainVisual .mv_slick .slick-dots > li { margin: 0 4px; width: 11px; height: 11px; }
    .mv_text1 { display: block; }
    .mv_text1 b { display: block; margin-right: initial; }
}
@media (max-width: 767px) {
    .mainVisual .mv_slick { aspect-ratio: 1/0.78125; }
    .mainVisual .mv_slick .cont1 .bg { background: url(/image/main/mo_mv_bg1.png?v=250825) no-repeat center/cover; }
    .mainVisual .mv_slick .cont2 .bg { background: url(/image/main/mo_mv_bg2.png?v=250825) no-repeat center/cover; }
    .mainVisual .mv_slick .cont3 .bg { background: url(/image/main/mo_mv_bg3.png?v=250825) no-repeat center/cover; }
}

/* main_ddi */
#main_ddi { position: relative; padding: 60px 0; overflow: hidden; }
#main_ddi .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/ddi_bg.jpg) no-repeat  center/cover; }
#main_ddi .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
#main_ddi .textbox { z-index: 3; position: relative; padding: 30px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50px; display: inline-block; }
#main_ddi .textbox .text1 { font-weight: 600; font-size: 30px; color: #fff; letter-spacing: -0.025em; line-height: 1.45; }
#main_ddi .textbox .text1 .br1 { display: none; }
#main_ddi .textbox .text1 span { font-size: inherit !important; color: #ffca00; }
#main_ddi .textbox .text2 { margin-top: 14px; font-size: 18px; color: #7d7d7d; line-height: 1.65; }
#main_ddi .textbox .text3 { display: inline-block; margin-top: 20px; padding: 13px 25px; text-align: center; font-size: 18px; color: #000; letter-spacing: -0.025em; background-color: #ffca00; border-radius: 100px; }
@media (max-width: 1023px) {
    #main_ddi .textbox .text1 .br1 { display: inline-block; }
}

/* main_board */
#main_board { position: relative; padding-top: 50px; overflow: hidden; }
#main_board .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_board .contents1 > li { width: 48%; }
@media (max-width: 1023px) {
    #main_board .contents1 { display: block; }
    #main_board .contents1 > li { width: 100%; }
    #main_board .contents1 > li:nth-of-type(n + 2) { margin-top: 25px; }
}

/* main_location */
#main_location { position: relative; padding: 60px 0; overflow: hidden; }
#main_location .locationwrap { display: flex; flex-wrap: nowrap; }
#main_location .locationwrap .left { width: 68%; }
#main_location .locationwrap .left .root_daum_roughmap { width: 100%; height: 100%; }
#main_location .locationwrap .left .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }
#main_location .locationwrap .right { width: 32%; padding: 40px 30px; background-color: #f88836; }
#main_location .locationwrap .right .text1 { font-weight: 600; font-size: 30px; color: #fff; } 
#main_location .locationwrap .right .text2 { display: flex; flex-wrap: nowrap; align-items: center; font-weight: 700; font-size: 30px; color: #fff; } 
#main_location .locationwrap .right .text2 span { display: inline-block; margin-right: 10px; }
#main_location .locationwrap .right .text2 img { display: inline-block; width: 70px; }
#main_location .locationwrap .right .text3 { margin-top: 20px; font-size: 18px; color: #fff; line-height: 1.65; } 
#main_location .locationwrap .right .text3 b { font-weight: 700; display: block; }
#main_location .locationwrap .right .text3 span { font-weight: 700; color: #faec2f; }
#main_location .locationwrap .right .text4 { margin-top: 33px; font-weight: 500; font-size: 18px; color: #fff; line-height: 1.65; } 
#main_location .locationwrap .right .text4 * { font-weight: inherit; font-size: inherit; color: inherit; }
#main_location .locationwrap .right .text4 dl { display: flex; flex-wrap: nowrap; align-items: center; }
#main_location .locationwrap .right .text4 dl:nth-of-type(n + 2) { margin-top: 13px; }
#main_location .locationwrap .right .text4 dl dt { min-width: max-content; margin-right: 15px; }
#main_location .locationwrap .right .text4 dl dt img { width: 20px; }
@media (max-width: 1535px) {
    #main_location .locationwrap .right { padding: 35px 25px; }
    #main_location .locationwrap .right .text2 span { margin-right: 7px; }
    #main_location .locationwrap .right .text2 img { width: 60px; }
    #main_location .locationwrap .right .text3 { margin-top: 17px; }
    #main_location .locationwrap .right .text4 { margin-top: 28px; }
    #main_location .locationwrap .right .text4 dl dt { margin-right: 13px; }
    #main_location .locationwrap .right .text4 dl dt img { width: 17px; }
}
@media (max-width: 1279px) {
    #main_location .locationwrap .right { padding: 30px 20px; }
    #main_location .locationwrap .right .text2 img { width: 40px; }
    #main_location .locationwrap .right .text4 { margin-top: 24px; }
    #main_location .locationwrap .right .text4 dl dt { margin-right: 11px; }
    #main_location .locationwrap .right .text4 dl dt img { width: 16px; }
}
@media (max-width: 1040px) {
    #main_location .locationwrap { display: block; }
    #main_location .locationwrap .left { width: 100%; height: calc(200px + 10vw); }
    #main_location .locationwrap .right { padding: 20px; width: 100%; }
    #main_location .locationwrap .right .text4 { margin-top: 20px; }
    #main_location .locationwrap .right .text4 dl dt img { width: 15px; }
}
@media (max-width: 460px) {
    #main_location .locationwrap .right { padding: 15px; }
}