/* main_about */
#main_about { position: relative; padding: 70px 0; overflow: hidden; }
#main_about .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_about .contents1 li { width: 23.8%; }
#main_about .contents1 li a { display: block; height: 100%; padding: 45px 15px; background-color: #f7f4ee; border-radius: 20px; text-align: center;  }
#main_about .contents1 li .textbox img { display: inline-block; width: 99px; }
#main_about .contents1 li .textbox p { margin-top: 10px; font-weight: 600; font-size: 24px; color: #86591f; }
#main_about .contents2 { margin-top: 70px; }
#main_about .contents2 .cont2Ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_about .contents2 .cont2Ul .cont2Li { width: 48.5%; }
@media (max-width: 1535px) {
    #main_about .contents1 li .textbox img { width: calc(60px + 2.5vw); }
}
@media (max-width: 767px) {
    #main_about .contents1 { flex-wrap: wrap; }
    #main_about .contents1 li { width: 48%; }
    #main_about .contents1 li a { border-radius: 17px; }
    #main_about .contents1 li:nth-of-type(n + 3) { margin-top: 4%; }
    #main_about .contents1 li .textbox img { width: calc(50px + 2.2vw); }
    #main_about .contents2 .cont2Ul { display: block; }
    #main_about .contents2 .cont2Ul .cont2Li { width: 100%; }
    #main_about .contents2 .cont2Ul .cont2Li:last-of-type { margin-top: 20px; }
}

/* main_business */
#main_business { position: relative; padding: 90px 0; overflow: hidden; background: url(/image/main/business_bg.jpg) no-repeat center/cover; }
#main_business .tcontwrap { position: relative; max-width: 1580px; margin-left: auto; margin-right: auto; }
#main_business .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_business .contents1 li { width: 31.6455%; }
#main_business .contents1 li a { display: block; height: 100%; width: 100%; padding: 30px; background-color: #fff; }
#main_business .contents1 li img { width: 100%; }
#main_business .contents1 li .textbox { margin-top: 30px; }
#main_business .contents1 li .textbox .text1 { font-size: 30px; color: #7c4527; line-height: 1.35; }
#main_business .contents1 li .textbox .text2 { margin-top: 22px; font-size: 20px; color: #888; line-height: 1.5; }
@media (max-width: 1720px) {
    #main_business .tcontwrap { width: calc(100% - 140px); }
    #main_business .contents1 li a { padding: 25px; }
    #main_business .contents1 li .textbox { margin-top: 25px; }
}
@media (max-width: 1270px) {
    #main_business .tcontwrap { width: calc(100% - 120px); }
    #main_business .contents1 li a { padding: 20px; }
    #main_business .contents1 li .textbox { margin-top: 20px; }
}
@media (max-width: 1230px) {
    #main_business .tcontwrap { width: calc(100% - 100px); }
}
@media (max-width: 1023px) {
    #main_business .tcontwrap { width: calc(100% - 80px); }
    #main_business .contents1 { display: block; }
    #main_business .contents1 li { width: 100%; }
    #main_business .contents1 li a { padding: 15px; display: flex; flex-wrap: nowrap; align-items: center; }
    #main_business .contents1 li:nth-of-type(n + 2) { margin-top: 20px; }
    #main_business .contents1 li .imgbox { width: 40%; padding-right: 5%; }
    #main_business .contents1 li .textbox { width: 60%; margin-top: initial; }
}
@media (max-width: 767px) {
    #main_business .tcontwrap { width: calc(100% - 60px); }
}
@media (max-width: 624px) {
    #main_business .contents1 li a { display: block; padding: 20px; }
    #main_business .contents1 li .imgbox { width: 100%; padding-right: initial; }
    #main_business .contents1 li .textbox { width: 100%; margin-top: 15px; }
}
@media (max-width: 460px) {
    #main_business .tcontwrap { width: calc(100% - 40px); }
}

/* main_arch */
#main_arch { position: relative; padding: 80px 0; overflow: hidden; }
#main_arch .desc1 { padding-bottom: 40px; text-align: center; font-weight: 600; font-size: 40px; color: #414141; line-height: 1.5; }
#main_arch .moreBtn { margin-top: 50px; text-align: center; }
#main_arch .moreBtn a { display: inline-block; padding: 15px 45px; text-align: center; font-size: 18px; color: #414141; border: 1px solid #414141; border-radius: 100px; transition: background-color 0.3s; }
#main_arch .moreBtn a:hover { background-color: rgba(0, 0, 0, 0.1); }

/* main_company */
#main_company { position: relative; padding: 70px 0; overflow: hidden; border-top: 1px solid #e7e7e7; }
#main_company .textbox { text-align: center; }
#main_company .textbox .text1 { font-weight: 600; font-size: 40px; color: #414141; line-height: 1.5; }
#main_company .textbox .text2 { font-size: 20px; color: #808080; line-height: 1.5; }
#main_company .contents1 { margin-top: 40px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_company .contents1 li { width: 32%; }
#main_company .contents1 li a { display: block; }
#main_company .contents1 li .imgbox img { width: 100%; }
#main_company .contents1 li .textbox { margin-top: 30px; text-align: left; }
#main_company .contents1 li .textbox .text1 { font-size: 25px; color: #7c4527; line-height: 1.35; }
#main_company .contents1 li .textbox .text2 { margin-top: 20px; font-size: 20px; color: #888; line-height: 1.5; }
@media (max-width: 1535px) {
    #main_company .contents1 li .textbox { margin-top: 25px; }
}
@media (max-width: 1270px) {
    #main_company .contents1 li .textbox { margin-top: 20px; }
}
@media (max-width: 1023px) {
    #main_company .contents1 { display: block; }
    #main_company .contents1 li { width: 100%; }
    #main_company .contents1 li a { display: flex; flex-wrap: nowrap; align-items: center; }
    #main_company .contents1 li:nth-of-type(n + 2) { margin-top: 20px; }
    #main_company .contents1 li .imgbox { width: 40%; padding-right: 5%; }
    #main_company .contents1 li .textbox { width: 60%; margin-top: initial; }
}
@media (max-width: 624px) {
    #main_company .contents1 li { display: block; }
    #main_company .contents1 li a { display: block; }
    #main_company .contents1 li .imgbox { width: 100%; padding-right: initial; }
    #main_company .contents1 li .textbox { width: 100%; margin-top: 15px; }
}
@media (max-width: 580px) {
    #main_company .contents1 li .textbox .text2 br { display: none; }
}

/* main_banner */
#main_banner { position: relative; padding: 45px 0; overflow: hidden; background-color: #f8f8f8; }
#main_banner .contents1 ul { display: flex; flex-wrap: nowrap; margin: -4px; } 
#main_banner .contents1 ul li { width: 16.6666%; padding: 4px; }
#main_banner .contents1 ul li a { position: relative; padding: 9px 5px; text-align: center; display: block; background-color: #fff; border: 1px solid #cbcbcb; border-radius: 10px; }
@media (max-width: 1535px) {
    #main_banner .contents1 ul li a { padding: 8px 5px; }
}
@media (max-width: 1023px) {
    #main_banner .contents1 ul { flex-wrap: wrap; margin: -6px; }
    #main_banner .contents1 ul li { width: 33.3333%; padding: 6px; }
    #main_banner .contents1 ul li a { padding: 7px 5px; }
}
@media (max-width: 440px) {
    #main_banner .contents1 ul { justify-content: space-between; margin: initial; }
    #main_banner .contents1 ul li { width: 48%; padding: initial; }
    #main_banner .contents1 ul li:nth-of-type(n + 3) { margin-top: 4%; }
}