/* main_company */
#main_company { position: relative; padding: 100px 0; overflow: hidden; background: url(/image/main/company_bg.jpg) no-repeat center/cover; background-position: top center; }
#main_company .text1 { padding-bottom: 45px; text-align: center; font-weight: 700; font-size: 50px; color: #363636; line-height: 1.25; }
#main_company .text1 span { color: #24439a; font-size: inherit !important; }
#main_company .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_company .contents1 li { width: 47.5%; }
#main_company .contents1 li a { position: relative; display: block; overflow: hidden; border-radius: 50px; }
#main_company .contents1 li a .img1 { z-index: 1; position: relative; width: 100%; }
#main_company .contents1 li a .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(36, 67, 154, 0.5); transition: background-color 0.3s; }
#main_company .contents1 li a:hover .frame { background-color: rgba(36, 67, 154, 0.2) }
#main_company .contents1 li a .descbox { z-index: 3; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
#main_company .contents1 li a .descbox .desc1 { font-weight: 600; font-size: 45px; color: #fff; line-height: 1.25; }
#main_company .contents1 li a .descbox .desc2 { margin: 20px 0 25px; font-size: 18px; color: #fff; line-height: 1.65; }
#main_company .contents1 li a .descbox .desc3 img { width: 100px; }
@media (max-width: 1535px) {
    #main_company .contents1 li a { border-radius: 40px; }
    #main_company .contents1 li a .descbox .desc2 { margin: 17px 0 22px; }
    #main_company .contents1 li a .descbox .desc3 img { width: calc(70px + 1.8vw); }
}
@media (max-width: 1279px) {
    #main_company .contents1 li a { border-radius: 30px; }
    #main_company .contents1 li a .descbox .desc2 { margin: 15px 0 20px; }
}
@media (max-width: 1023px) {
    #main_company .contents1 li a { border-radius: 20px; }
    #main_company .contents1 li a .descbox .desc2 { margin: 13px 0 17px; }
}
@media (max-width: 767px) {
    #main_company .contents1 { display: block; }
    #main_company .contents1 li { width: 100%; }
    #main_company .contents1 li:nth-of-type(n + 2) { margin-top: 25px; }
    #main_company .contents1 li a { border-radius: 15px; }
}

/* main_youtube */
#main_youtube { position: relative; overflow: hidden; text-align: center; }
#main_youtube .text1 { padding-bottom: 30px; display: inline-flex; flex-wrap: nowrap; align-items: center; justify-content: center; text-align: center; font-weight: 600; font-size: 40px; color: #363636; line-height: 1.25; }
#main_youtube .text1 span { display: inline-block; margin-right: 15px; color: #dd2c28; font-size: inherit !important; }
#main_youtube .text1 img { width: 69px; }
#main_youtube .youtubewrap { position: relative; margin: 0 auto; max-width: 680px; border-radius: 20px; overflow: hidden; }
#main_youtube .youtubewrap .framewrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
#main_youtube .youtubewrap .framewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 1535px) {
    #main_youtube .text1 img { width: calc(40px + 1.8vw); }
    #main_youtube .youtubewrap { max-width: calc(380px + 18vw); border-radius: 17px; }
}
@media (max-width: 1279px) {
    #main_youtube .text1 img { width: calc(35px + 1.5vw); border-radius: 15px; }
}
@media (max-width: 1023px) {
    #main_youtube .text1 img { width: calc(30px + 1.2vw); border-radius: 13px; }
}

/* main_board */
#main_board { position: relative; padding: 100px 0 80px; overflow: hidden; }
#main_board .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_board .contents1 > li { width: 48.5%; }
#main_board .contents1 > li strong { display: block; padding-bottom: 30px; font-weight: 600; font-size: 35px; color: #3f3f3f; }
#main_board .contents1 > li .mapcont { position: relative; height: 450px; }
#main_board .contents1 > li .mapcont .root_daum_roughmap { width: 100%; height: 100%; }
#main_board .contents1 > li .mapcont .root_daum_roughmap .wrap_map { width: 100%; height: calc(100% - 32px); }
#main_board .contents1 > li .mapdesc { padding-top: 15px; font-size: 18px; color: #4e4e4e; line-height: 1.55; }
#main_board .contents1 > li .mapdesc * { font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents1 > li .mapdesc dl { display: flex; flex-wrap: nowrap; }
#main_board .contents1 > li .mapdesc dl:nth-of-type(n + 2) { margin-top: 10px; }
#main_board .contents1 > li .mapdesc dl dt { min-width: max-content; margin-right: 10px; }
#main_board .contents1 > li .mapdesc dl dt img { display: inline-block; width: 21px; }
#main_board .contents1 > li .mapdesc dl dd b { font-weight: 500; color: #24439a; }
@media (max-width: 1535px) {
    #main_board .contents1 > li .mapcont { height: calc(300px + 9vw); }
    #main_board .contents1 > li .mapdesc dl dt { margin-right: 8px; }
    #main_board .contents1 > li .mapdesc dl dt img { width: 19px; }
}
@media (max-width: 1279px) {
    #main_board .contents1 > li .mapcont { height: calc(250px + 8vw); }
    #main_board .contents1 > li .mapdesc dl dt { margin-right: 7px; }
    #main_board .contents1 > li .mapdesc dl dt img { width: 17px; }
}
@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: 30px; }
}
@media (max-width: 767px) {
    #main_board .contents1 > li .mapcont { height: calc(200px + 6vw); }
}

/* main_banner */
#main_banner { position: relative; padding: 50px 0; overflow: hidden; background-color: #f4f4f4; }
#main_banner .contents1 { display: flex; flex-wrap: nowrap; margin: -10px; }
#main_banner .contents1 > li { width: 20%; padding: 10px; }
#main_banner .contents1 > li a { display: block; padding: 17px 10px; text-align: center; background-color: #fff; }
@media (max-width: 1230px) {
    #main_banner .contents1 { flex-wrap: wrap; }
    #main_banner .contents1 > li { width: 33.3333%; }
    #main_banner .contents1 > li a { padding: 15px 8px; }
}
@media (max-width: 624px) {
    #main_banner .contents1 { margin: -6px; }
    #main_banner .contents1 > li { padding: 6px; }
    #main_banner .contents1 > li a { padding: 14px 7px; }
}
@media (max-width: 480px) {
    #main_banner .contents1 > li a { padding: 10px; }
}
@media (max-width: 380px) {
    #main_banner .contents1 { justify-content: space-between; margin: initial; }
    #main_banner .contents1 > li { width: 48%; padding: initial; }
    #main_banner .contents1 > li:nth-of-type(n + 3) { margin-top: 4%; }
}