@charset "utf-8";

/* s_visual */
.s_visual{width: 100%; height: 650px;background-repeat: no-repeat; background-size: cover; background-position: center center;}
.s_visual .s-inner{display: flex; height: 100%; justify-content: space-between; flex-wrap: wrap; align-items: center; align-content: center; position: relative;}
.s_visual .s-inner .sv_tit{text-align: center; width: 100%;}
.s_visual .s-inner .sv_tit h2{}
.s_visual .s-inner .sv_tit h2 span{font-size: 5rem; color: #fff;}
.s_visual .s-inner .sv_tit p{font-size: 1.8rem; line-height: 2.5rem; color: #fff; margin-top: 30px;}
.s_visual .s-inner .index{font-size: 1.6rem; color: #fff; font-weight: 500; display: flex; gap: 10px; position: absolute;bottom: 50px; left: 50%; transform: translateX(-50%);}
.s_visual .s-inner .index b{font-weight: 400; margin: 0 10px;}
.s_visual .s-inner .index span{}

.sub_menu_wrap{position: absolute; top: -9999px; left: -9999px; opacity: 0; height: 0; width: 0; overflow: hidden; opacity: 0;}

#pageCont{padding: 120px 0 180px;}
#subTitle{text-align: center; font-size: 4rem; color: #000; font-weight: bold; padding-top: 140px;}

@media all and (max-width:1440px){
    #pageCont{padding: 100px 0 150px;}
    .s_visual{height: 550px;}
    .s_visual .s-inner .sv_tit h2 span{font-size: 4rem;}
    .s_visual .s-inner .sv_tit p{font-size: 1.6rem; line-height: 2.3rem;}
    #subTitle{font-size: 3.5rem; padding-top: 100px;}
}
@media all and (max-width:976px){
    #pageCont{padding: 80px 0 130px;}
    .s_visual{height: 450px;}
    .s_visual .s-inner .index{bottom: 30px;}
    #subTitle{font-size: 3rem; padding-top: 80px;}
}
@media all and (max-width:640px){
    #pageCont{padding: 80px 0 110px;}
    .s_visual{height: 400px;}
}
@media all and (max-width:480px){
    #pageCont{padding: 60px 0 90px;}
    .s_visual{height: 380px;}
    .s_visual .s-inner .sv_tit h2 span{font-size: 3.5rem;}
    .s_visual .s-inner .sv_tit p{font-size: 1.5rem; line-height: 2.2rem; margin-top: 20px;}
    .s_visual .s-inner .index{width: 100%; justify-content: center;font-size: 1.5rem;}
    .s_visual .s-inner .index img{width: 16px;}
    #subTitle{padding-top: 60px;font-size: 2.8rem;}
}


.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 50px auto 0; overflow: hidden; padding-top:1px; padding-left: 2px; display: flex; justify-content: center;  }
.tabmenu li { position: relative; width:calc(100% / 5);  margin-top: -1px; margin-left: -1px; border: 1px solid #dee6e9; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:60px; line-height: 60px; display: block; background:#fff; color:#525252; font-size:1.7rem;  font-weight: 600; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { color:#3c6 ; }

.tabmenu.col8 { flex-wrap: wrap; justify-content: flex-start; }
.tabmenu.col8 li { width: calc(100% / 8); }

/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10,
.tab11 .tabmenu  a.menu11,
.tab12 .tabmenu  a.menu12,
.tab13 .tabmenu  a.menu13,
.tab14 .tabmenu  a.menu14,
.tab15 .tabmenu  a.menu15 { color:#fff; background:#3c6; font-weight:600; border-color: #3c6 !important; z-index:98; }


@media all and (max-width:1080px) {
    .tabmenu li a { height:55px; line-height: 55px; }
}


@media all and (max-width:976px) {
    .tabmenu li { width:calc(100% / 5); }
    .tabmenu li a { font-size: 1.6rem;  }
}

@media all and (max-width:767px) {
    .tabmenu li { width:calc(100% / 4); }

}

@media all and (max-width:640px) {
    .tabmenu{ margin-top: 30px;}
    .tabmenu li a {height:50px; line-height: 50px;  }
}

@media all and (max-width:568px) {
    .tabmenu li { width:calc(100% / 2); }
    .tabmenu li a { height:40px; line-height: 40px;  }
}

@media all and (max-width:480px) {

}