/* main_visual */
#main_visual { position: relative; height: 547px; max-height: 100vh; overflow: hidden; background: url(/image/main/mv_bg1.jpg) no-repeat center/cover; }
#main_visual .mo_img1 { display: none; }
@media (max-width: 1535px) {
    #main_visual { height: calc(400px + 9.2vw); }
}
@media (max-width: 1279px) {
    #main_visual { height: calc(350px + 8vw); }
}
@media (max-width: 1023px) {
    #main_visual { height: calc(270px + 7vw); }
}
@media (max-width: 767px) {
    #main_visual { height: initial; }
    #main_visual .mo_img1 { display: block; width: 100%; background: none; }
}

/* main_product */
#main_product { padding: 60px 0; overflow: hidden; }
#main_product .main_tit1 { padding-bottom: 50px; text-align: center; font-weight: 700; font-size: 35px; color: #000; }
#main_product .main_tit1 span{ color: #ff0000; }

/* main_board */
#main_board { background-color: #fafafa; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
#main_board .contents1 { display: flex; flex-wrap: nowrap; }
#main_board .contents1 > li { padding: 30px; width: 30%; border-left: 1px solid #e2e2e2; }
#main_board .contents1 > li:first-of-type { width: 40%; border-left: 1px solid transparent; }

#main_board .contents1 > li .top { margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between; font-family: 'GmarketSans'; font-weight: 700; font-size: 25px; color: #2d2c2c; }
#main_board .contents1 > li .top * { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents1 > li .top a { display: inline-block; }
#main_board .contents1 > li .top a.no_pointer { pointer-events: none; }
#main_board .contents1 > li .top a img { display: inline-block; width: 17px; }

#main_board .contents1 > li .text1 { margin: 25px 0; display: flex; flex-wrap: nowrap; align-items: center; font-family: 'GmarketSans'; font-weight: 700; font-size: 30px; color: #ff0000; }
#main_board .contents1 > li .text1 * { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents1 > li .text1 .imgwrap { min-width: max-content; margin-right: 12px; }
#main_board .contents1 > li .text1 .imgwrap img { display: inline-block; width: 74px; }
#main_board .contents1 > li .text2 { display: flex; flex-wrap: nowrap; font-weight: 500; font-size: 16px; color: #7a7a7a; line-height: 1.7; }
#main_board .contents1 > li .text2 * { font-weight: initial; font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents1 > li .text2 p { display: inline-block; }
#main_board .contents1 > li .text2 p:first-of-type { min-width: max-content; }

#main_board .contents1 .boardWrap { position: relative; }
#main_board .contents1 .boardWrap .boardUl .boardLi .boardA { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; font-weight: 500; font-size: 18px; color: #808080; line-height: 1.65; }
#main_board .contents1 .boardWrap .boardUl .boardLi .boardA * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#main_board .contents1 .boardWrap .boardUl .boardLi .boardA span { display: inline-block; }
#main_board .contents1 .boardWrap .boardUl .boardLi .boardA span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#main_board .contents1 .boardWrap .boardUl .boardLi .boardA span:last-of-type { min-width: max-content; margin-left: 6px; }

@media (max-width: 1535px) {
    #main_board .contents1 > li { padding: 25px; }

    #main_board .contents1 > li .top a img { width: 16px; }

    #main_board .contents1 > li .text1 .imgwrap img { width: calc(45px + 1.7vw); }
}
@media (max-width: 1279px) {
    #main_board .contents1 > li { padding: 20px; }

    #main_board .contents1 > li .top { margin-bottom: 22px; }
    #main_board .contents1 > li .top a img { width: 15px; }

    #main_board .contents1 > li .text1 { margin: 22px 0; }
}
@media (max-width: 1023px) {
    #main_board { padding: 40px 0; }
    #main_board .contents1 { display: block; }
    #main_board .contents1 > li { width: 100%; padding: 20px 0; border-left: none; border-top: 1px solid #e2e2e2; }
    #main_board .contents1 > li:first-of-type { width: 100%; border-top: none; padding-top: initial; }
    #main_board .contents1 > li:last-of-type { padding-bottom: initial; }

    #main_board .contents1 > li .top { margin-bottom: 20px; }
    #main_board .contents1 > li .top a img { width: 14px; }

    #main_board .contents1 > li .text1 { margin: 20px 0; }
}