/* main_board */
#main_board { position: relative; overflow: hidden; padding-top: 80px; }
#main_board .contents { display: flex; flex-wrap: nowrap; }
#main_board .contents .left { width: 57%; padding-right: 60px; }
#main_board .contents .right { width: 43%; }

#main_board .contactbox { padding: 40px; background-color: #f1f1f1; }
#main_board .contactbox dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; font-weight: 700; font-size: 43px; color: #005aa6; }
#main_board .contactbox dl * { font-weight: inherit; font-size: inherit; color: inherit; }
#main_board .contactbox dl dt { min-width: max-content; margin-right: 20px; }
#main_board .contactbox dl dt img { width: 60px; }
#main_board .contactbox dl dd { white-space: nowrap; }
#main_board .contactbox .textbox { text-align: center; margin-top: 20px; }
#main_board .contactbox .textbox .text1 { margin-top: 20px; font-weight: 500; font-family: 18px; color: #242424; line-height: 1.2; }
#main_board .contactbox .textbox .text2 { margin-top: 15px; font-size: 16px; color: #626262; line-height: 1.56; }
#main_board .contactbox .textbox .text2 span { color: #e81919; }
#main_board .contactbox .morebtn { margin-top: 25px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_board .contactbox .morebtn a { display: inline-block; width: 48%; padding: 15px 10px; font-weight: 600; font-family: 18px; color: #fff; transition: background-color 0.3s; }
#main_board .contactbox .morebtn a:first-of-type { background-color: #004e98; }
#main_board .contactbox .morebtn a:last-of-type { background-color: #3a3a3c; }
#main_board .contactbox .morebtn a:first-of-type:hover { background-color: #023c73; }
#main_board .contactbox .morebtn a:last-of-type:hover { background-color: #111; }

@media (max-width: 1535px) {
    #main_board .contents .left { padding-right: calc(40px + 1.3vw); }

    #main_board .contactbox { padding: 30px; }
    #main_board .contactbox dl dt { margin-right: 15px; }
    #main_board .contactbox dl dt img { width: calc(30px + 1.7vw); }
    #main_board .contactbox .textbox { margin-top: 17px; }
    #main_board .contactbox .textbox .text1 { margin-top: 17px; }
    #main_board .contactbox .textbox .text2 { margin-top: 13px; }
    #main_board .contactbox .morebtn { margin-top: 20px; }
    #main_board .contactbox .morebtn a { padding: 13px 10px; }
}
@media (max-width: 1279px) {
    #main_board .contents .left { padding-right: calc(30px + 1vw); }

    #main_board .contactbox { padding: 20px; }
    #main_board .contactbox dl dt { margin-right: 10px; }
    #main_board .contactbox dl dt img { width: 45px; }
    #main_board .contactbox .textbox { margin-top: 15px; }
    #main_board .contactbox .textbox .text1 { margin-top: 15px; }
    #main_board .contactbox .textbox .text2 { margin-top: 10px; }
    #main_board .contactbox .morebtn { margin-top: 15px; }
    #main_board .contactbox .morebtn a { padding: 10px; }
}
@media (max-width: 1023px) {
    #main_board .contents { display: block; }
    #main_board .contents .left { padding-right: initial; width: 100%; }
    #main_board .contents .right { width: 100%; margin-top: 25px; }

    #main_board .contactbox { padding: 20px 10px; }
    #main_board .contactbox dl dt { margin-right: 10px; }
    #main_board .contactbox dl dt img { width: 36px; }
    #main_board .contactbox .textbox { margin-top: 10px; }
    #main_board .contactbox .textbox .text1 { margin-top: 10px; }
    #main_board .contactbox .morebtn { margin-top: 10px; }
    #main_board .contactbox .morebtn a { padding: 7px; }
}

/* mainCompnay */
#mainCompnay { position: relative; overflow: hidden; padding: 70px 0; }
#mainCompnay .tit1 { padding-bottom: 40px; text-align: center; font-weight: 700; font-size: 40px; color: #232323; letter-spacing: -0.025em; }
#mainCompnay .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#mainCompnay .contents1 li { width: 23.8%; }
#mainCompnay .contents1 li a { display: block; padding: 70px 50px; text-align: center; background-color: #eff1f4; height: 100%; transition: background-color 0.3s; }
#mainCompnay .contents1 li a:hover { background-color: #ddd; }
#mainCompnay .contents1 li a .iconbox img { display: inline-block; width: 170px; }
#mainCompnay .contents1 li a .txtbox { margin-top: 23px; }
#mainCompnay .contents1 li a .txtbox .txt1 { font-weight: 600; font-size: 25px; color: #243649; line-height: 1.5; }
#mainCompnay .contents1 li a .txtbox .txt2 { display: inline-block; margin-top: 25px; font-size: 18px; color: #000; line-height: 1.65; border-bottom: 1px solid #000; }
@media (max-width: 1535px) {
    #mainCompnay .contents1 li a { padding: 60px 40px; }
    #mainCompnay .contents1 li a .iconbox img { width: calc(80px + 5vw); }
    #mainCompnay .contents1 li a .txtbox { margin-top: 20px; }
    #mainCompnay .contents1 li a .txtbox .txt2 { margin-top: 20px; }
}
@media (max-width: 1279px) {
    #mainCompnay .contents1 li a { padding: 50px 30px; }
    #mainCompnay .contents1 li a .txtbox { margin-top: 15px; }
    #mainCompnay .contents1 li a .txtbox .txt2 { margin-top: 15px; }
}
@media (max-width: 1023px) {
    #mainCompnay .contents1 { flex-wrap: wrap; }
    #mainCompnay .contents1 li { width: 48%; }
    #mainCompnay .contents1 li:nth-of-type(n + 3) { margin-top: 4%; }
    #mainCompnay .contents1 li a { padding: 40px 20px; }
    #mainCompnay .contents1 li a .iconbox img { width: calc(70px + 4vw); }
}
@media (max-width: 560px) {
    #mainCompnay .contents1 { display: block; }
    #mainCompnay .contents1 li { width: 100%; }
    #mainCompnay .contents1 li:nth-of-type(n + 3) { margin-top: initial; }
    #mainCompnay .contents1 li:nth-of-type(n + 2) { margin-top: 25px; }
    #mainCompnay .contents1 li a { padding: 20px 15px; }
    /* #mainCompnay .contents1 li a .iconbox img { width: calc(70px + 4vw); } */
}