/* main_company */
#main_company { position: relative; overflow: hidden; padding: 95px 0 120px; }
#main_company .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/company_bg.jpg) no-repeat center/cover;}
#main_company .textbox { z-index: 2; position: relative; text-align: center; }
#main_company .textbox .text1 { font-weight: 600; font-size: 50px; color: #0056b8; line-height: 1.3; }
#main_company .textbox .text2 { margin-top: 30px; font-size: 18px; color: #5c5c5c; line-height: 1.65; }
#main_company .contents1 { z-index: 3; position: relative; margin-top: 25px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_company .contents1 > li { position: relative; width: 32.2%; border-radius: 30px; overflow: hidden; }
#main_company .contents1 > li:nth-of-type(2) { top: 44px; }
#main_company .contents1 > li a{ display: block; height: 100%; }
#main_company .contents1 > li .img1 { z-index: 1; position: relative; width: 100%; }
#main_company .contents1 > li .frame { transition: opacity 0.3s; opacity: 0; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(1, 46, 95, 0.6);}
#main_company .contents1 > li:hover .frame { opacity: 1; }
#main_company .contents1 > li .textbox { z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 20px); text-align: center; }
#main_company .contents1 > li .textbox .text1 { font-weight: 500; font-size: 35px; color: #fff; line-height: 1.25; }
#main_company .contents1 > li .textbox .text2 { transition: opacity 0.3s; opacity: 0; margin-top: 18px; font-size: 18px; color: #fff; line-height: 1.45; }
#main_company .contents1 > li:hover .textbox .text2 { opacity: 1; }
@media (max-width: 1535px) {
    #main_company .contents1 > li { border-radius: 25px; }
    #main_company .contents1 > li:nth-of-type(2) { top: 34px; }
    #main_company .contents1 > li .textbox .text2 { margin-top: 15px; }
}
@media (max-width: 1279px) {
    #main_company .textbox .text2 br { display: none; }
    #main_company .contents1 > li { border-radius: 20px; }
    #main_company .contents1 > li:nth-of-type(2) { top: 25px; }
    #main_company .contents1 > li .textbox .text2 { margin-top: 13px; }
}
@media (max-width: 1023px) {
    #main_company .contents1 { display: block; }
    #main_company .contents1 > li { z-index: 1; width: 100%; padding: 20px; border-radius: 15px; }
    #main_company .contents1 > li:nth-of-type(1) { background: url(/image/main/mv_bg1.jpg) no-repeat center/cover; }
    #main_company .contents1 > li:nth-of-type(2) { top: initial; background: url(/image/main/company_img2.jpg) no-repeat center/cover; }
    #main_company .contents1 > li:nth-of-type(3) { background: url(/image/main/company_img3.jpg) no-repeat center/cover; }
    #main_company .contents1 > li:nth-of-type(n + 2) { margin-top: 20px; }
    #main_company .contents1 > li .img1 { display: none; }
    #main_company .contents1 > li .textbox { position: relative; top: initial; left: initial; transform: translate(0,0); }
    #main_company .contents1 > li .textbox .text2 { margin-top: 11px; }
}
@media (max-width: 460px) {
    #main_company .contents1 > li { padding: 15px; border-radius: 11px; }
    #main_company .contents1 > li .textbox .text2 { margin-top: 10px; }
    #main_company .contents1 > li .textbox .text2 br { display: none; }
}

/* main_business */
#main_business { position: relative; overflow: hidden; padding: 130px 0; background: url(/image/main/business_bg.jpg) no-repeat center/cover; }
#main_business .contents { display: flex; flex-wrap: nowrap; align-items: end; }
#main_business .contents .left { width: 100%; }
#main_business .contents .left .textbox .text1 { font-weight: 600; font-size: 20px; color: #0056b8; }
#main_business .contents .left .textbox .text2 { margin-top: 10px; font-weight: 700; font-size: 50px; color: #fff; line-height: 1.6; }
#main_business .contents .left .textbox .text3 { margin-top: 30px; font-size: 18px; color: #b8b8b8; line-height: 1.65; }
#main_business .contents .right { min-width: max-content; margin-left: 80px; }
#main_business .contents .right img { width: 720px; }

@media (max-width: 1535px) {
    #main_business .contents .right {  margin-left: calc(40px + 2.5vw) }
    #main_business .contents .right img { width: calc(400px + 20vw); }
}
@media (max-width: 1279px) {
    #main_business .contents .right img { width: calc(250px + 15vw); }
}
@media (max-width: 1023px) {
    #main_business .contents { flex-wrap: wrap; flex-direction: column-reverse; }
    #main_business .contents .left { width: 100%; margin-top: 20px; }
    #main_business .contents .right { margin-left: initial; width: 100%; text-align: center; }
    #main_business .contents .right img { width: 100%; max-width: 330px; }
}
@media (max-width: 767px) {
    #main_business { background-position-x: 90%; }
}
@media (max-width: 524px) {
    #main_business .contents .right img { max-width: 300px; }
}
@media (max-width: 424px) {
    #main_business .contents .right img { max-width: 250px; }
}

#main_business .contents .linkbox { margin-top: 35px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
#main_business .contents .linkbox li a { position: relative; display: block; padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; transition: background-color 0.3s; }
#main_business .contents .linkbox li a:hover { background-color: rgba(0, 0, 0, 0.2); }
#main_business .contents .linkbox li a .scr1 { position: absolute; left: 0%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; flex-wrap: nowrap; font-size: 20px; color: #fff; line-height: 1; transition: left 0.3s; }
#main_business .contents .linkbox li a:hover .scr1 { left: -100%; }
#main_business .contents .linkbox li a .scr1 span { display: inline-block; margin-right: 10px; width: 17px; height: 8px; background-color: #0056b8; border-radius: 100px; }
#main_business .contents .linkbox li a .scr2 { position: relative; margin-right: 15px; left: 100%; opacity: 0; display: flex; flex-wrap: nowrap; justify-content: right; align-items: center; font-weight: 600; font-size: 24px; color: #fff; transition: left 0.3s, opacity 0.3s; }
#main_business .contents .linkbox li a:hover .scr2 { left: 0; opacity: 1; }
#main_business .contents .linkbox li a .scr2 img { display: inline-block; margin-left: 12px; width: 12px; }
@media (max-width: 1535px) {
    #main_business .contents .linkbox li a { padding: 13px 0; }
    #main_business .contents .linkbox li a .scr2 img { margin-left: 11px; width: 11px; }
}
@media (max-width: 1279px) {
    #main_business .contents .linkbox li a { padding: 11px 0; }
    #main_business .contents .linkbox li a .scr2 img { margin-left: 10px; width: 10px; }
}
@media (max-width: 1023px) {
    #main_business .contents .linkbox li a { padding: 10px 0; }
    #main_business .contents .linkbox li a .scr2 img { margin-left: 9px; width: 9px; }
}


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