@charset "utf-8";

/* s_visual */
.s_visual{margin-top: 15rem; height: 450px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.s_visual .inner{height: 100%; width: 90%; max-width: 1280px; display: flex; justify-content: center; flex-direction: column;}
.s_visual .inner .sv_tit{margin-bottom: 100px;}
.s_visual .inner .sv_tit h2{font-size: 5rem;}
.s_visual .inner .sv_tit h2 span{color: #fff;}
.s_visual .inner .link{display: flex;}
.s_visual .inner .link li{font-size: 1.6rem; font-weight: 500; color: #fff;}
.s_visual .inner .link li + li::before{content: '→'; margin-left: 10px; margin-right: 10px; font-family: 'SUIT', sans-serif;}

@media all and (max-width:1280px){
	.s_visual{height: 380px;}
	.s_visual .inner .sv_tit{margin-bottom: 6rem;}
	.s_visual .inner .sv_tit h2{font-size: 4.5rem;}
}
@media all and (max-width:1024px){
	.s_visual{margin-top: 10rem; height: 340px;}
	.s_visual .inner .sv_tit{margin-bottom: 4rem;}
	.s_visual .inner .sv_tit h2{font-size: 4rem;}
}
@media all and (max-width:768px){
	.s_visual{margin-top: 100px; height: 300px;}
	.s_visual .inner .sv_tit{margin-bottom: 4rem;}
	.s_visual .inner .sv_tit h2{font-size: 3.5rem;}
	.s_visual .inner .link li{font-size: 1.5rem;}
	.s_visual .inner .link li + li::before{margin-left: 6px; margin-right: 6px;}
}
@media all and (max-width:480px){
    .s_visual{margin-top: 100px; height: 55vw;}
	.s_visual .inner .sv_tit{margin-bottom: 3rem;}
	.s_visual .inner .sv_tit h2{font-size: 3rem;}
    .s_visual .inner .link li{font-size: 1.4rem;}
}


/* sub_menu_wrap */
.sub_menu_wrap{opacity: 0; height: 0; width: 0; visibility: hidden; position: fixed; top: -9999px; left: -9999px;}


/* subTitle */
#subTitle{text-align: center; margin: 120px 0;}
#subTitle2{text-align: center; margin: 160px 0 80px;}
#subTitle span{font-size: 42px; color: #000; font-weight: 700;}
#subTitle2 span{font-size: 42px; color: #000; font-weight: 700;}
#pageCont{padding-bottom: 120px;}

@media all and (max-width:1280px){
    #subTitle{text-align: center; margin: 100px 0;}
	#subTitle span{font-size: 38px;}
	#subTitle2 span{font-size: 38px;}
    #pageCont{padding-bottom: 100px;}
}
@media all and (max-width:1024px){
    #subTitle span{font-size: 35px;}
    #subTitle2 span{font-size: 35px;}
}
@media all and (max-width:768px){
    #subTitle{text-align: center; margin: 8rem 0;}
    #subTitle2{margin: 14rem 0 6rem;}
	#subTitle span{font-size: 32px;}
	#subTitle2 span{font-size: 32px;}
    #pageCont{padding-bottom: 8rem;}
}
@media all and (max-width:480px){
    #subTitle{margin: 6rem 0;}
    #subTitle2{margin: 10rem 0 4rem;}
	#subTitle span{font-size: 2.8rem;}
	#subTitle2 span{font-size: 2.8rem;}
}







.tabmenu { position: relative; width: 90%; max-width: 1600px; margin: 0 auto 4%; padding-top: 1px; padding-left: 1px; text-align: center; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center; }
.tabmenu li { width: calc(100%/7 + 1px); margin-left: -1px; margin-top: -1px; font-size: 1.7rem;  }
.tabmenu li a { display: block; width: 100%; height: 100%; padding: 1.4em; border: 1px solid #e5e7ee; display: flex; align-items: center; justify-content: center; font-weight: 500; color:#212121;  }
.tabmenu li a:hover { color:#034ea2; }


/* 페이지 인식을 위한 부분 */
.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 { color:#fff; background:#034ea2; font-weight:600; border-color: #034ea2 !important; z-index:98; }

@media all and (max-width:1280px) {
    .tabmenu li { width: calc(100%/3 + 1px); }
}

@media all and (max-width:480px) {
    .tabmenu { justify-content: flex-start; }
    .tabmenu li { width: calc(100%/2 + 1px); }
    .tabmenu li a { justify-content: center; }
}

@media all and (max-width:380px) {
    .tabmenu li a { padding: 1em; }
}


.tb-style2 { width: 100%; line-height: 1.3em; text-align: center; color:#212121; border: 1px solid #dfe6c9;}
.tb-style2 thead tr th { background: #f3f8e6; color:#2f3a1f; padding: 14px 0;border-bottom: 1px solid #dfe6c9;   font-size: 1.7rem; line-height: 1.7em;border-left: 1px solid #ddd; font-weight: bold;}
.tb-style2 thead tr th:first-child {border-left: 0;}
.tb-style2 tbody td { padding: 15px 7px; border-left: 1px solid #dfe6c9;  font-size: 1.6rem;  word-break: keep-all; line-height: 1.4em;}
.tb-style2 td:first-child {border-left: 0;}
.tb-style2 td.br1{border-left: 1px solid #dfe6c9;}

.table-scroll-wrap{position:relative; width:100%;}
.scroll-guide{display:none; font-size:1.4rem; color:#aaa; margin-bottom:1rem; text-align: right;}

@media all and (max-width:1239px){
    .table-scroll{overflow-x:auto;}
    .table-scroll table{min-width:1100px;}
    .scroll-guide{display:block;}
}
@media screen and (max-width:767px) {
    .tb-style2 thead th { padding: 1em; }
    .tb-style2 tbody td { padding: 0.8em; }
}
@media screen and (max-width:400px) {
    .tag{font-size: 1rem; padding: 2px 4px;}
    .tag2{font-size: 1rem; padding: 2px 4px;}
}