/* main common */
.main_sect { position: relative; padding: 110px 0; overflow: hidden; }

/* main_about */
#main_about { background: url(/image/main/about_bg.jpg) no-repeat center/cover; }
#main_about .contents { position: relative; display: flex; flex-wrap: nowrap; }
#main_about .contents > li { position: relative; width: 50%; }

#main_about .contents .left .scrbox .scr1 { font-weight: 700; font-size: 35px; color: #282828; }
#main_about .contents .left .scrbox .scr2 { margin-top: 70px; font-size: 18px; color: #656565; line-height: 1.65; }
#main_about .contents .left .scrbox .scr2 b { display: block; font-weight: 700; font-size: 25px; color: #d60000; }
#main_about .contents .left .scrbox a { display: inline-block; margin-top: 50px; padding: 17px 65px; text-align: center; font-weight: 500; font-size: 16px; color: #212121; border: 2px solid #8c8c8c; transition: background-color 0.3s; }
#main_about .contents .left .scrbox a:hover { background-color: rgba(0, 0, 0, 0.2); }

#main_about .contents .right { text-align: right; }
#main_about .contents .right img { display: inline-block; width: 513px; }

@media (max-width: 1535px) {
    #main_about .contents .right img { width: calc(300px + 13vw); }
}

@media (max-width: 1023px) {
    #main_about .contents { flex-wrap: wrap; flex-direction: column-reverse; }
    #main_about .contents > li { width: 100%; }

    #main_about .contents .left { margin-top: 20px; }
    #main_about .contents .left .scrbox { text-align: center; }

    #main_about .contents .right { text-align: center; }
}

/* main_business */
#main_business { background: url(/image/main/business_bg.jpg) no-repeat center/cover; }
#main_business .txtbox { position: relative; text-align: center; }
#main_business .txtbox .txt1 { position: relative; font-weight: 700; font-size: 40px; color: #fff; line-height: 1.38; }
#main_business .txtbox .txt2 { position: relative; font-size: 18px; color: #fff; line-height: 1.38; }
#main_business .contents { margin-top: 40px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_business .contents > li { position: relative; width: 32.3%; overflow: hidden; border-radius: 30px; }
#main_business .contents > li a { position: relative; display: block; height: 100%; }
#main_business .contents > li img { width: 100%; }
#main_business .contents > li .frame { position: absolute; top: 0; left: 0;  padding: 20px 35px; width: 100%; background-color: rgba(0, 0, 0, 0.6); }
#main_business .contents > li .frame p { font-weight: 700; font-size: 22px; color: #fff; line-height: 1.22; }
#main_business .contents > li .frame p .br1 { display: none; }

@media (max-width: 1279px) {
    #main_business .txtbox .txt2 br { display: none; }
}
@media (max-width: 1135px) {
    #main_business .contents > li .frame p .br1 { display: inline-block; }
}
@media (max-width: 1023px) {
    #main_business .contents { max-width: 700px; flex-wrap: wrap; justify-content: space-between; }
    #main_business .contents > li { width: 48%; border-radius: 20px; }
    #main_business .contents > li:nth-of-type(n + 3) { margin-top: 4%; }
    #main_business .contents > li .frame p { font-weight: 500; }
    #main_business .contents > li .frame p .br1 { display: none; }
}

@media (max-width: 480px) {
    #main_business .contents { display: block; }
    #main_business .contents > li { width: 100%; border-radius: 30px; }
    #main_business .contents > li:nth-of-type(n + 3) { margin-top: initial; }
    #main_business .contents > li:nth-of-type(n + 2) { margin-top: calc(15px + 1vw); }
}

/* main_gall */
#main_gall .txt1 { text-align: center; font-weight: 700; font-size: 30px; color: #d60000; line-height: 1.35; }
#main_gall .txt1 br { display: none; }
#main_gall .contents { margin-top: 40px; }
@media (max-width: 480px) {
    #main_gall .txt1 br { display:  inline-block; }
}