/* main_business */
#main_business { position: relative; padding: 90px 0; overflow: hidden; }
#main_business .text1 { z-index: 3; position: relative; padding-bottom: 40px; text-align: center; font-weight: 600; font-size: 45px; color: #288341; }
#main_business .contents1 { z-index: 3; position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; } 
#main_business .contents1 li { width: 23.8461%; } 
#main_business .contents1 li img { width: 100%; }
#main_business .contents1 li .text2 { margin-top: 20px; text-align: center; font-weight: 600; font-size: 24px; color: #000; }
#main_business .contents1 li .text3 { margin-top: 15px; text-align: center; font-size: 18px; color: #777; line-height: 1.65; }
#main_business .morebtn { z-index: 3; position: relative; margin-top: 30px; text-align: center; }
#main_business .morebtn a { display: inline-block; padding: 9px 50px; text-align: center; font-size: 16px; color: #288341; border: 1px solid #288341; border-radius: 100px; transition: background-color 0.3s; }
#main_business .morebtn a:hover { background-color: rgba(0, 0, 0, 0.2); }
@media (max-width: 1535px) {
    #main_business .contents1 li .text2 { margin-top: 17px; }
    #main_business .contents1 li .text3 { margin-top: 13px; }
}
@media (max-width: 1279px) {
    #main_business .contents1 li .text2 { margin-top: 15px; }
    #main_business .contents1 li .text3 { margin-top: 11px; }
}
@media (max-width: 1023px) {
    #main_business .contents1 li .text2 { margin-top: 13px; }
    #main_business .contents1 li .text3 { margin-top: 10px; }
}
@media (max-width: 767px) {
    #main_business .bg { background-position-x: 0; }
    #main_business .contents1 { flex-wrap: wrap; }
    #main_business .contents1 li { width: 48%; }
    #main_business .contents1 li:nth-of-type(n + 3) { margin-top: 4%; }
    #main_business .contents1 li .text2 { margin-top: 10px; }
}
@media (max-width: 440px) {
    #main_business .contents1 { display: block; }
    #main_business .contents1 li { width: 100%; }
    #main_business .contents1 li:nth-of-type(n + 3) { margin-top: initial; }
    #main_business .contents1 li:nth-of-type(n + 2) { margin-top: 30px; }
}

/* main_product */
#main_product { position: relative; padding: 90px 0; overflow: hidden; }
#main_product .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/image/main/product_bg.jpg) no-repeat center/cover; }
#main_product .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
#main_product .text1 { z-index: 3; position: relative; padding-bottom: 40px; text-align: center; font-weight: 600; font-size: 45px; color: #fff; }
#main_product .contents1 { z-index: 3; position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; } 
#main_product .contents1 li { width: 23.8461%; } 
#main_product .contents1 li a { display: block; }
#main_product .contents1 li img { width: 100%; transition: all 0.3s; }
#main_product .contents1 li a:hover img { filter: brightness(0.8); }
#main_product .contents1 li .text2 { margin-top: 20px; text-align: center; font-weight: 600; font-size: 24px; color: #fff; }
#main_product .morebtn { z-index: 3; position: relative; margin-top: 44px; text-align: center; }
#main_product .morebtn a { display: inline-block; padding: 9px 50px; text-align: center; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 100px; transition: background-color 0.3s; }
#main_product .morebtn a:hover { background-color: rgba(0, 0, 0, 0.2); }
@media (max-width: 1535px) {
    #main_product .contents1 li .text2 { margin-top: 17px; }
}
@media (max-width: 1279px) {
    #main_product .contents1 li .text2 { margin-top: 15px; }
}
@media (max-width: 1023px) {
    #main_product .contents1 li .text2 { margin-top: 13px; }
}
@media (max-width: 767px) {
    #main_product .bg { background-position-x: 0; }
    #main_product .contents1 { flex-wrap: wrap; }
    #main_product .contents1 li { width: 48%; }
    #main_product .contents1 li:nth-of-type(n + 3) { margin-top: 4%; }
    #main_product .contents1 li .text2 { margin-top: 10px; }
}
@media (max-width: 440px) {
    #main_product .contents1 { display: block; }
    #main_product .contents1 li { width: 100%; }
    #main_product .contents1 li:nth-of-type(n + 3) { margin-top: initial; }
    #main_product .contents1 li:nth-of-type(n + 2) { margin-top: 30px; }
}

/* main_board */
#main_board { position: relative; padding: 80px 0; overflow: hidden; }
#main_board .contents1 { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_board .contents1 > li { width: 48%; }
#main_board .contents1 > li .cont { padding: 40px; height: 100%; border: 1px solid #dadada; }
#main_board .contents1 > li .cont strong { display: block; font-weight: 600; font-size: 32px; color: #282828; }
#main_board .contents1 > li .cont .text1 { margin-top: 33px; display: flex; flex-wrap: nowrap; align-items: center; }
#main_board .contents1 > li .cont .text1 dt { min-width: max-content; margin-right: 12px; }
#main_board .contents1 > li .cont .text1 dt img { width: 70px; }
#main_board .contents1 > li .cont .text2 { font-weight: 600; font-size: 35px; color: #288341; line-height: 1.3; }
#main_board .contents1 > li .cont .text3 { font-weight: 500; font-size: 16px; color: #5c5c5c; line-height: 1.3; }
#main_board .contents1 > li .cont .text4 { margin-top: 30px; font-size: 15px; color: #626262; line-height: 1.3; letter-spacing: -0.03m; }
#main_board .contents1 > li .cont .text4 span { color: #ff1800; }
#main_board .contents1 > li .morebtn { margin-top: 15px; display: flex; flex-wrap: nowrap; justify-content: space-between; font-weight: 500; font-size: 16px; color: #414141; }
#main_board .contents1 > li .morebtn * { font-weight: inherit; font-size: inherit; color: inherit; }
#main_board .contents1 > li .morebtn a { display: block; width: 48%; padding: 11px 7px; text-align: center; background-color: #eee; border: 1px solid #c5c5c5; transition: background-color 0.3s; }
#main_board .contents1 > li .morebtn a:hover { background-color: #dedede; }

#main_board .contents1 > li .cont .top { padding-bottom: 20px; margin-bottom: 15px; display: flex; flex-wrap: nowrap; justify-content: space-between; font-weight: 600; font-size: 32px; color: #282828; border-bottom: 1px solid #e5e6e8; }
#main_board .contents1 > li .cont .top * { font-weight: inherit; font-size: inherit; color: inherit; }
#main_board .contents1 > li .cont .top a { display: inline-block; }
#main_board .contents1 > li .cont .top a img { width: 23px; }

#main_board .contents1 > li .cont .mid .midul { font-size: 18px; color: #717171; line-height: 1.45; }
#main_board .contents1 > li .cont .mid .midul * { font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents1 > li .cont .mid .midul .midli .mida { padding: 6px 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
#main_board .contents1 > li .cont .mid .midul .midli .mida span { display: inline-block; }
#main_board .contents1 > li .cont .mid .midul .midli .mida span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#main_board .contents1 > li .cont .mid .midul .midli .mida span:last-of-type { min-width: max-content; margin-left: 7px; }

@media (max-width: 1535px) {
    #main_board .contents1 > li .cont .text1 dt img { width: calc(45px + 1.6vw); }

    #main_board .contents1 > li .cont .top { padding-bottom: 17px; margin-bottom: 13px; }
    #main_board .contents1 > li .cont .top a img { width: 20px; }
}
@media (max-width: 1279px) {
    #main_board .contents1 > li .cont .text1 dt { margin-right: 10px; }
    #main_board .contents1 > li .cont .text1 dt img { width: calc(40px + 1.2vw); }

    #main_board .contents1 > li .cont .top { padding-bottom: 15px; margin-bottom: 11px; }
    #main_board .contents1 > li .cont .top a img { width: 17px; }
    #main_board .contents1 > li .cont .mid .midul .midli .mida { padding: 4px 0; }
}
@media (max-width: 1023px) {
    #main_board .contents1 { display: block; }
    #main_board .contents1 > li { width: 100%; }
    #main_board .contents1 > li:nth-of-type(n + 2) { margin-top: 30px; } 

    #main_board .contents1 > li .cont .top { padding-bottom: 13px; margin-bottom: 10px; }
    #main_board .contents1 > li .cont .top a img { width: 15px; }
}