/* mainVisual */
#mainVisual { position: relative; height: 800px; max-height: calc(100vh - 100px); overflow: hidden; }
#mainVisual .mvwrap { height: 100%; }
#mainVisual .mvwrap .mvText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mainVisual .mvwrap .mvText .contwrap { display: flex; align-items: center; height: 100%; }
#mainVisual .mvwrap .mvText .textbox { z-index: 3; position: absolute; margin-top: 100px; }
#mainVisual .mvwrap .mvText .textbox .text1 { font-weight: 700; font-size: 70px; color: #fff; line-height: 1.14; }
#mainVisual .mvwrap .mvText .textbox .text2 { margin-top: 10px; font-size: 34px; color: #fff; line-height: 1.32; }
#mainVisual .mvwrap .mvSlick { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mainVisual .mvwrap .mvSlick,
#mainVisual .mvwrap .mvSlick .slick-list,
#mainVisual .mvwrap .mvSlick .slick-track,
#mainVisual .mvwrap .mvSlick .slick-slide,
#mainVisual .mvwrap .mvSlick .slick-slide > div 
{ height: 100%; }
#mainVisual .mvwrap .mvSlick .cont { position: relative; height: 100%; }
#mainVisual .mvwrap .mvSlick .cont .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(1); }
#mainVisual .mvwrap .mvSlick .slick-current .bg { animation: mv_img forwards linear 4s; }
@keyframes mv_img {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
#mainVisual .mvwrap .mvSlick .cont .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } 
#mainVisual .mvwrap .mvSlick .slick-dots { z-index: 10; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; display: flex; flex-wrap: nowrap; justify-content: center; }
#mainVisual .mvwrap .mvSlick .slick-dots li { display: inline-block; margin: 0 8px; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; }
#mainVisual .mvwrap .mvSlick .slick-dots li button { display: none; }
#mainVisual .mvwrap .mvSlick .slick-dots li.slick-active { background-color: #ec6700; }
@media (max-width: 1535px) {
    #mainVisual { height: calc(500px + 20vw); max-height: calc(100vh - 90px); }
    #mainVisual .mvwrap .mvText .textbox { margin-top: 90px; }
}
@media (max-width: 1279px) {
    #mainVisual { height: calc(400px + 17vw); }
    #mainVisual .mvwrap .mvText .textbox { margin-top: 80px; }
}
@media (max-width: 1023px) {
    #mainVisual { height: calc(300px + 14vw); }
    #mainVisual .mvwrap .mvText .textbox { margin-top: 70px; }
}

/* main common */
.main_tit { padding-bottom: 50px; text-align: center; }
.main_tit .tit1 { font-weight: 700; font-size: 40px; color: #fd9c00; line-height: 1.5; }
.main_tit .tit2 { font-size: 18px; color: #7c7c7c; line-height: 1.5; }

/* main_gall */
#main_gall { padding: 80px 0; overflow: hidden; background-color: #fff5e5; }

/* main_company */
#main_company { padding: 80px 0; overflow: hidden; }
#main_company .contents1 ul { display: flex; flex-wrap: nowrap; margin: -20px; }
#main_company .contents1 li { padding: 20px; width: 20%; }
#main_company .contents1 li a { display: block; cursor: default; }
#main_company .contents1 li a .circle img { width: 100%; transition: transform 0.3s; }
#main_company .contents1 li a .circle img:hover { transform: rotateY(180deg); }
#main_company .contents1 li a .txtbox { margin-top: 20px; text-align: center; }
#main_company .contents1 li a .txtbox p { font-weight: 500; font-size: 20px; color: #242424; line-height: 1.5; }
#main_company .contents1 .morebtn { margin-top: 50px; text-align: center; }
#main_company .contents1 .morebtn a { display: inline-block; padding: 15px 45px; text-align: center; font-weight: 600; font-size: 16px; color: #565656; border: 2px solid #c8c8c8; border-radius: 100px; transition: all 0.3s; }
#main_company .contents1 .morebtn a:hover { background-color: #c8c8c8; color: #fff; }
@media (max-width: 1535px) {
    #main_company .contents1 { margin: -17px; }
    #main_company .contents1 li { padding: 17px; }
    #main_company .contents1 li a .txtbox { margin-top: 17px; }
}
@media (max-width: 1279px) {
    #main_company .contents1 { margin: -15px; }
    #main_company .contents1 li { padding: 15px; }
    #main_company .contents1 li a .txtbox { margin-top: 15px; }
}
@media (max-width: 1023px) {
    #main_company .contents1 { max-width: 500px; margin: 0 auto; }
    #main_company .contents1 ul { flex-wrap: wrap; }
    #main_company .contents1 li { width: 33.3333%; }
    #main_company .contents1 li a .txtbox { margin-top: 15px; }
    #main_company .contents1 li a .txtbox p { line-height: 1.4; }
}
@media (max-width: 460px) {
    #main_company .contents1 ul { justify-content: space-between; margin: initial; }
    #main_company .contents1 li { width: 46.5%; padding: initial; }
    #main_company .contents1 li:nth-of-type(n + 3) { margin-top: 6%; }
    #main_company .contents1 li a .txtbox { margin-top: 13px; }
}


/* main_board */
#main_board { padding: 80px 0; overflow: hidden; background-color: #f7f7f7; }
#main_board .boardUl { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_board .boardUl .boardLeft { width: 58.4615%; }
#main_board .boardUl .boardRight { width: 38.4615%; }
#main_board .boardUl > li { padding: 30px 25px; background-color: #fff; }
#main_board .boardUl > li .cont { position: relative; }
#main_board .boardUl > li .cont .top { padding-bottom: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#main_board .boardUl > li .cont .top .text1 { font-weight: 700; font-size: 32px; color: #000; }
#main_board .boardUl > li .cont .top .text2 { display: flex; flex-wrap: nowrap; align-items: center; font-weight: 500; font-size: 18px; color: #6a6a6a; }
#main_board .boardUl > li .cont .top .text2 * { font-weight: inherit; font-size: inherit; color: inherit; }
#main_board .boardUl > li .cont .top .text2 img { display: inline-block; margin-right: 10px; width: 20px; }
#main_board .boardUl > li .cont .mid .mapcont { position: relative; height: 480px; }
#main_board .boardUl > li .cont .mid .mapcont .root_daum_roughmap { width: 100%; height: 100%; }
#main_board .boardUl > li .cont .mid .mapcont .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }
#main_board .boardUl > li .cont .mid .mapcont .root_daum_roughmap .cont .section.lst { display: none; }
@media (max-width: 1535px) {
    #main_board .boardUl > li .cont .top .text2 img { margin-right: 8px; width: 17px; }
}
@media (max-width: 1279px) {
    #main_board .boardUl { display: block; }
    #main_board .boardUl .boardLeft { width: 100%; }
    #main_board .boardUl .boardRight { width: 100%; margin-top: 20px; }
    #main_board .boardUl > li .cont .top { padding-bottom: 17px; }
    #main_board .boardUl > li .cont .top .text2 img { margin-right: 7px; width: 15px; }
    #main_board .boardUl > li .cont .mid .mapcont { height: calc(200px + 10vw); }
}
@media (max-width: 1023px) {
    #main_board .boardUl > li .cont .top { padding-bottom: 15px; display: block; }
    #main_board .boardUl > li .cont .top .text2 { margin-top: 10px; }
    #main_board .boardUl > li .cont .top .text2 img { margin-right: 6px; width: 13px; }
}

/* main_notice */
#main_notice { padding: 80px 0; overflow: hidden; }