/* main_product */
#main_product { position: relative; overflow: hidden; padding: 110px 0; background-color: #e4e8ec; }
#main_product .tit1 { padding-bottom: 45px; text-align: center; font-weight: 700; font-size: 50px; color: #363636; }
#main_product .morebtn { margin-top: 50px; text-align: center; }
#main_product .morebtn a { display: inline-block; padding: 13px 50px; font-size: 18px; color: #494949; border: 1px solid #494949; border-radius: 100px; transition: background-color 0.3s; }
#main_product .morebtn a:hover { background-color: rgba(0, 0, 0, 0.1); }

#main_product .productwrap { position: relative; max-width: 1650px; margin-left: auto; margin-right: auto; }
@media (max-width: 1790px) {
    #main_product .productwrap { width: calc(100% - 140px); }
}
@media (max-width: 1279px) {
    #main_product .productwrap { width: calc(100% - 120px); }
}
@media (max-width: 1230px) {
    #main_product .productwrap { width: calc(100% - 100px); }
}
@media (max-width: 1023px) {
    #main_product .productwrap { width: calc(100% - 80px); }
}
@media (max-width: 767px) {
    #main_product .productwrap { width: calc(100% - 60px); }
}
@media (max-width: 460px) {
    #main_product .productwrap { width: calc(100% - 40px); }
}

/* 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%; }
#main_board .contents .customwrap { padding: 40px; background-color: #fff; border-radius: 10px; }
#main_board .contents .customwrap strong { display: block; margin-bottom: 30px; font-weight: 600; font-size: 30px; color: #2e2e2e; }
#main_board .contents .customwrap .text1 { font-size: 20px; color: #000; line-height: 1.3; }
#main_board .contents .customwrap .text1 * { font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents .customwrap .text1 dl { display: flex; flex-wrap: nowrap; align-items: center; }
#main_board .contents .customwrap .text1 dl:nth-of-type(n + 2) { margin-top: 10px; }
#main_board .contents .customwrap .text1 dl dt { min-width: max-content; margin-right: 10px; }
#main_board .contents .customwrap .text1 dl dt img { width: 49px; }
#main_board .contents .customwrap .text1 dl dd span { color: #27407e; } 
#main_board .contents .customwrap .text2 { margin-top: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; font-weight: 600; font-size: 20px; color: #fff; }
#main_board .contents .customwrap .text2 * { font-weight: inherit; font-size: inherit; color: inherit; }
#main_board .contents .customwrap .text2 a { display: inline-block; padding: 15px; width: 48.5%; border-radius: 5px; text-align: center; transition: background-color 0.3s; }
#main_board .contents .customwrap .text2 a:first-of-type { background-color: #27407e; }
#main_board .contents .customwrap .text2 a:last-of-type { background-color: #515151; }
#main_board .contents .customwrap .text2 a:first-of-type:hover { background-color: #202b52; }
#main_board .contents .customwrap .text2 a:last-of-type:hover { background-color: #333; }
@media (max-width: 1535px) {
    #main_board .contents .customwrap .text1 dl:nth-of-type(n + 2) { margin-top: 9px; }
    #main_board .contents .customwrap .text1 dl dt { margin-right: 9px; }
    #main_board .contents .customwrap .text1 dl dt img { width: calc(30px + 1vw); }
}
@media (max-width: 1279px) {
    #main_board .contents .customwrap .text1 dl:nth-of-type(n + 2) { margin-top: 8px; }
    #main_board .contents .customwrap .text1 dl dt { margin-right: 8px; }
}
@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; }
    #main_board .contents .customwrap { border-radius: 7px; }
    #main_board .contents .customwrap .text1 dl:nth-of-type(n + 2) { margin-top: 7px; }
    #main_board .contents .customwrap .text1 dl dt img { width: 30px; }
    #main_board .contents .customwrap .text2 { font-weight: 500; }
}
@media (max-width: 360px) {
    #main_board .contents .customwrap strong { text-align: center; }
    #main_board .contents .customwrap .text1 dl { display: block; text-align: center; }
    #main_board .contents .customwrap .text1 dl dt { min-width: initial; margin-right: initial; }
    #main_board .contents .customwrap .text1 dl dd { margin-top: 5px; }
    #main_board .contents .customwrap .text1 dl dd span { display: block; }
}