/* main common */
.main_tit1 { font-weight: 600; font-size: 30px; color: #282828; }
.main_tit1 span { color: #2b2467; }

/* main_visual */
#main_visual { position: relative; height: 460px; overflow: hidden; background: url(/image/main/mv_bg.jpg) no-repeat center/cover; }
#main_visual .contwrap { height: 100%; }
#main_visual .mvWrap { position: relative; height: 100%; }
#main_visual .mvWrap .mv_arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; cursor: pointer; }
#main_visual .mvWrap .mv_arrow img { width: 33px; }
#main_visual .mvWrap .arrow_left { left: -50px; }
#main_visual .mvWrap .arrow_right { right: -50px; }
#main_visual .mvWrap .mvcontents { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; text-align: center; }
@media (max-width: 1536px) {
    #main_visual { height: calc(300px + 10vw); }
    #main_visual .mvWrap { padding: 0 40px; }
    #main_visual .mvWrap .mv_arrow img { width: 26px; }
    #main_visual .mvWrap .arrow_left { left: 0; }
    #main_visual .mvWrap .arrow_right { right: 0; }
}
@media (max-width: 1280px) {
    #main_visual .mvWrap { padding: 0 35px; }
    #main_visual .mvWrap .mv_arrow img { width: 25px; }
}
@media (max-width: 767px) {
    #main_visual { height: calc(200px + 15vw); max-height: 60vh; }
    #main_visual .mvWrap { padding: 0; }
    #main_visual .mvWrap .mv_arrow { top: initial; transform: translateY(0); bottom: 20px; }
    #main_visual .mvWrap .mv_arrow img { width: 17px; }
}
@media (max-width: 460px) {
    #main_visual .mvWrap .mv_arrow img { width: 13px; }
}

/* main_board */
#main_board { position: relative; padding-top: 30px; overflow: hidden; }
#main_board .contents1 { display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_board .contents1 > li { width: 48.5%; }
#main_board .contents1 .right .contact1 { padding: 30px 50px; border-radius: 20px; background-color: #f7f7f7; }
#main_board .contents1 .right .contact1 .text1 { font-weight: 700; font-size: 36px; color: #000; }
#main_board .contents1 .right .contact1 .text1 span { color: #d12518; }
#main_board .contents1 .right .contact1 .text2 { margin-top: 7px; font-weight: 700; font-size: 18px; color: #545454; line-height: 1.65; }
#main_board .contents1 .right .contact1 .text2 .ver1 { font-weight: 300; }
#main_board .contents1 .right .contact1 .text2 .ver2 { color: #2b2467; }
#main_board .contents1 .right .contact1 .morebtn { margin-top: 20px; display: flex; flex-wrap: nowrap; justify-content: space-between; } 
#main_board .contents1 .right .contact1 .morebtn a { display: block; width: 48%; padding: 13px 5px; text-align: center; font-weight: 500; font-size: 17px; color: #fff; border: 1px solid #2b2467; border-radius: 8px; background-color: #2b2467; }
#main_board .contents1 .right .contact1 .morebtn a:last-of-type { color: #2b2467; background-color: #fff; }
@media (max-width: 1536px) {
    #main_board { padding-top: 25px; }
    #main_board .contents1 .right .contact1 { padding: 20px 40px; border-radius: 15px; }
    #main_board .contents1 .right .contact1 .morebtn a { padding: 11px 5px; }
}
@media (max-width: 1280px) {
    #main_board { padding-top: 20px; }
    #main_board .contents1 .right .contact1 { padding: 20px; }
    #main_board .contents1 .right .contact1 .morebtn { margin-top: 16px; }
    #main_board .contents1 .right .contact1 .morebtn a { padding: 9px 5px; }
}
@media (max-width: 767px) {
    #main_board .contents1 { display: block; }
    #main_board .contents1 > li { width: 100%; }
    #main_board .contents1 .right { margin-top: 20px; }
    #main_board .contents1 .right .contact1 .morebtn a { padding: 8px 5px; }
}

/* main_material */
#main_material { position: relative; padding: 30px 0; overflow: hidden; }
#main_material .materialWrap { position: relative; margin-top: 15px; padding: 10px 100px; border: 1px solid #dcdcdc; border-radius: 30px; }
#main_material .materialWrap .materialArrow { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); width: 43px; height: 43px; border: 2px solid #d5d5d5; border-radius: 50%; background-color: #fff; }
#main_material .materialWrap .materialArrow img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; width: 10px; }
#main_material .materialWrap .arrow_left { left: -21.5px; }
#main_material .materialWrap .arrow_right { right: -21.5px; }

#main_material .materialWrap .materialUl { position: relative; margin: -6px; }
#main_material .materialWrap .materialUl .materialLi { position: relative; padding: 6px; }
#main_material .materialWrap .materialUl .materialLi .materialA { display: block; text-align: center; }
#main_material .materialWrap .materialUl .materialLi .materialA img { display: inline-block; }
@media (max-width: 1536px) {
    #main_material { padding: 25px 0; }
    #main_material .materialWrap { padding: 10px 100px; border-radius: 25px; }
    #main_material .materialWrap .materialArrow { width: 38px; height: 38px; }
    #main_material .materialWrap .materialArrow img { width: 7px; }
    #main_material .materialWrap .arrow_left { left: -19px; }
    #main_material .materialWrap .arrow_right { right: -19px; }

    #main_material .materialWrap .materialUl .materialLi .materialA img { max-width: 140px; }
}
@media (max-width: 1366px) {
    #main_material .materialWrap .materialUl .materialLi .materialA img { max-width: 110px; }
}
@media (max-width: 1023px) {
    #main_material .materialWrap { padding: 0 80px; }
    #main_material .materialWrap .materialArrow { width: 32px; height: 32px; border: 1px solid #d5d5d5; }
    #main_material .materialWrap .materialArrow img { width: 6px; }
    #main_material .materialWrap .arrow_left { left: -16px; }
    #main_material .materialWrap .arrow_right { right: -16px; }
}
@media (max-width: 767px) {
    #main_material .materialWrap { padding: 0 60px; }
}
@media (max-width: 524px) {
    #main_material .materialWrap { padding: 0 30px; }
    #main_material .materialWrap .materialArrow { width: 26px; height: 26px; }
    #main_material .materialWrap .materialArrow img { width: 6px; }
    #main_material .materialWrap .arrow_left { left: -13px; }
    #main_material .materialWrap .arrow_right { right: -13px; }
}