/* main_board */
#main_board { position: relative; overflow: hidden; padding: 90px 0; }
#main_board .contents1 { display: flex; flex-wrap: nowrap; align-items: center; }
#main_board .contents1 .left { width: 47%; padding-right: 23%; }
#main_board .contents1 .right { width: 53%; }

#main_board .contents1 .left .textbox .text1 { font-weight: 600; font-size: 44px; color: #000; line-height: 1.25; }
#main_board .contents1 .left .textbox .text1 span { color: #fe000e; }
#main_board .contents1 .left .textbox .text2 { margin-top: 10px; font-size: 20px; color: #464646; line-height: 1.35; }

#main_board .contents1 .left .board_wrap { position: relative; margin-top: 60px; width: 170px; }
#main_board .contents1 .left .board_wrap .board_slick1 { position: relative; text-align: center; }
#main_board .contents1 .left .board_wrap .board_slick1 .con p { font-size: 20px; color: #6e6e6e; }
#main_board .contents1 .left .board_wrap .board_arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border: 2px solid #d4d4d4; cursor: pointer; transition: background-color 0.3s; }
#main_board .contents1 .left .board_wrap .board_arrow:hover { background-color: rgba(0, 0, 0, 0.1); }
#main_board .contents1 .left .board_wrap .board_arrow img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; }
#main_board .contents1 .left .board_wrap .arrow_left { left: 0; }
#main_board .contents1 .left .board_wrap .arrow_right { right: 0; }

#main_board .contents1 .right .board_wrap2 { position: relative; height: 450px; }
#main_board .contents1 .right .board_wrap2 .board_slick2 { height: 100%; }
#main_board .contents1 .right .board_wrap2 .board_slick2 .slick-list,
#main_board .contents1 .right .board_wrap2 .board_slick2 .slick-track, 
#main_board .contents1 .right .board_wrap2 .board_slick2 .slick-slide, 
#main_board .contents1 .right .board_wrap2 .board_slick2 .slick-slide > div { height: 100%; }
#main_board .contents1 .right .board_wrap2 .con { display: block; height: 100%; }
#main_board .contents1 .right .board_wrap2 .con .imgwrap { position: relative; height: 100%; overflow: hidden; }
#main_board .contents1 .right .board_wrap2 .con .imgwrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; max-width: 110%; }

@media (max-width: 1535px) {
    #main_board .contents1 .left { padding-right: 20%; }
    #main_board .contents1 .left .board_wrap .board_arrow { width: calc(25px + 1.3vw); height: calc(25px + 1.3vw); }
}
@media (max-width: 1440px) {
    #main_board .contents1 .right .board_wrap2 { height: 31.2500vw; }
}
@media (max-width: 1279px) {
    #main_board .contents1 .left { padding-right: 15%; }
    #main_board .contents1 .left .board_wrap { width: 150px; }

    #main_board .contents1 .right .board_wrap2 { height: 31.2744vw; }
}
@media (max-width: 1023px) {
    #main_board .contents1 .left { padding-right: 10%; }
    #main_board .contents1 .left .board_wrap { width: 140px; }
    #main_board .contents1 .left .board_wrap .board_arrow img { width: 9px; }

    #main_board .contents1 .right .board_wrap2 { height: 31.2805vw; }
}
@media (max-width: 767px) {
    #main_board .contents1 { display: block; }
    #main_board .contents1 .left { padding-right: initial; width: 100%; }
    #main_board .contents1 .left .textbox .text1 br { display: none; }
    #main_board .contents1 .left .board_wrap .board_arrow { width: 30px; height: 30px; }
    #main_board .contents1 .left .board_wrap .board_arrow img { width: 8px; }
    #main_board .contents1 .right { width: 100%; padding-top: 30px; }
    #main_board .contents1 .right .board_wrap2 { height: 60.2029vw; }
}
@media (max-width: 624px) {
    #main_board .contents1 .right .board_wrap2 { height: 59.0320vw; }
}
@media (max-width: 460px) {
    #main_board .contents1 .left .board_wrap { width: 110px; }
    #main_board .contents1 .left .board_wrap .board_arrow { width: 24px; height: 24px; }
    #main_board .contents1 .left .board_wrap .board_arrow img { width: 6px; }
    #main_board .contents1 .right .board_wrap2 { height: 59.6327vw; }
}


/* main_info */
#main_info { position: relative; padding: 100px 0; overflow: hidden; background: url(/image/main/info_bg.jpg) no-repeat center/cover; }
#main_info ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#main_info ul li { width: 47.5%; }
#main_info ul li:nth-of-type(n + 3) { margin-top: 5%; }
#main_info ul li .imgwrap { position: relative; display: block; }
#main_info ul li .imgwrap .img1 { width: 100%; } 
#main_info ul li .imgwrap .img2 { z-index: 3; position: absolute; bottom: 0; right: 0; width: 49px; transition: background-color 0.3s; }
#main_info ul li .imgwrap:hover .img2 { background-color: rgba(0, 0, 0, 0.6); }
#main_info ul li .textbox { margin-top: 25px; }
#main_info ul li .textbox strong { display: block; font-weight: 700; font-size: 26px; color: #000; } 
#main_info ul li .textbox .text1 { margin-top: 20px; display: flex; flex-wrap: wrap; font-size: 18px; color: #000; line-height: 1.55; }
#main_info ul li .textbox .text1 * { font-size: inherit; color: inherit; line-height: inherit; }
#main_info ul li .textbox .text1 p { width: 50%; display: inline-flex; align-items: center; flex-wrap: nowrap; }
#main_info ul li .textbox .text1 img { display: inline-block; margin-right: 5px; }

/* engVer */
#main_info.engVer ul li .textbox .text1 p { width: 100%; }

@media (max-width: 1535px) {
    #main_info ul li .imgwrap .img2 { width: calc(15px + 2vw); }
}
@media (max-width: 1023px) {
    #main_info ul li .imgwrap .img2 { width: 35px; }
}
@media (max-width: 660px) {
    #main_info { background-position-x: 100%; }
    #main_info ul { display: block; }
    #main_info ul li { width: 100%; }
    #main_info ul li:nth-of-type(n + 3) { margin-top: initial; }
    #main_info ul li:nth-of-type(n + 2) { margin-top: calc(15px + 1vw); }
}


/* main_business */
#main_business { position: relative; padding-top: 110px; overflow: hidden; }
#main_business .textbox { text-align: center; }
#main_business .textbox .text1 { font-weight: 600; font-size: 45px; color: #2a2a2a; line-height: 1.45; }
#main_business .textbox .text2 { font-size: 20px; color: #737373; line-height: 1.65; }
#main_business .contents1 { margin-top: 60px; display: flex; flex-wrap: nowrap; }
#main_business .contents1 li { width: 25%; }
#main_business .contents1 li a { display: block; pointer-events: none; }
#main_business .contents1 li a img { width: 100%; }

@media (max-width: 767px) {
    #main_business .contents1 { flex-wrap: wrap; }
    #main_business .contents1 li { width: 50%; }
}