@charset "utf-8";

/* s_visual */
.s_visual{height: 640px;}
.s_visual .s-inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.s_visual .s-inner .sv_tit{display: flex; flex-direction: column;}
.s_visual .s-inner .sv_tit .vis_dep01{font-size: 28px; color: #fff;}
.s_visual .s-inner .sv_tit .vis_dep02{font-size: 52px; font-weight: 600; color: #fff; font-family: 'Noto Serif KR', serif;}
.s_visual .s-inner .path{margin-top:35px; display: flex; align-items: center;}
.s_visual .s-inner .path > div{font-size: 16px; font-weight: 600; color: #fff; opacity: 0.5;}
.s_visual .s-inner .path > div + div::before{content: '→'; font-family: 'SUIT', sans-serif;  font-weight: 300; font-size: 16px; margin: 0 20px;}

@media all and (max-width:1280px){
	.s_visual{height: 540px;}
	.s_visual .s-inner {padding-top: 10px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 24px;}
	.s_visual .s-inner .sv_tit .vis_dep02{font-size: 46px;}
	.s_visual .s-inner .path{margin-top: 30px;}
	.s_visual .s-inner .path > div{font-size: 15px;}
	.s_visual .s-inner .path > div + div::before{font-size: 15px; margin: 0 15px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 460px;}
	.s_visual .s-inner {padding-top: 20px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 22px;}
	.s_visual .s-inner .sv_tit .vis_dep02{font-size: 42px;}
	.s_visual .s-inner .path{margin-top: 25px;}
}
@media all and (max-width:768px){
	.s_visual{height: 420px;}
	.s_visual .s-inner {padding-top: 30px; text-align: center;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 20px;}
	.s_visual .s-inner .sv_tit .vis_dep02{font-size: 38px;}
	.s_visual .s-inner .path{margin-top: 20px; justify-content: center;}
	.s_visual .s-inner .path > div{font-size: 14px;}
	.s_visual .s-inner .path > div + div::before{font-size: 14px; margin: 0 10px;}
}
@media all and (max-width:500px){
	.s_visual{height: 360px;}
	.s_visual .s-inner {padding-top: 40px;}
	.s_visual .s-inner .sv_tit .vis_dep01{font-size: 20px;}
	.s_visual .s-inner .sv_tit .vis_dep02{font-size: 32px; margin-top: 5px;}
}

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


/* pageCont */
#pageCont{padding: 120px 0 160px;}

@media all and (max-width:1280px){
	#pageCont{padding: 100px 0 135px}
}
@media all and (max-width:1024px){
	#pageCont{padding: 90px 0 125px}
}
@media all and (max-width:768px){
	#pageCont{padding: 80px 0 115px}
}
@media all and (max-width:500px){
	#pageCont{padding: 70px 0 100px}
}


/* subTitle */
#subTitle{text-align: center; margin-bottom: 70px;}
#subTitle .vis_dep02{font-size: 42px; font-weight: 700; color: #000000;}
#subTitle p{font-size: 16px; color: #999; margin-top: 25px; font-weight: 300;}

@media all and (max-width:1280px){
	#subTitle{margin-bottom: 60px;}
	#subTitle .vis_dep02{font-size: 37px;}
}
@media all and (max-width:1024px){
	#subTitle{margin-bottom: 55px;}
	#subTitle .vis_dep02{font-size: 34px;}
	#subTitle p{font-size: 15px; margin-top: 20px;}
}
@media all and (max-width:768px){
	#subTitle{margin-bottom: 50px;}
	#subTitle .vis_dep02{font-size: 32px;}
}
@media all and (max-width:500px){
	#subTitle{margin-bottom: 45px;}
	#subTitle .vis_dep02{font-size: 30px;}
}

table.tb-style1{width: 100%; font-size: 17px; line-height: 48px;}
table.tb-style1 thead tr th{background-color: #1b4075; color: #fff;}
table.tb-style1 thead tr th + th{border-left: 1px solid rgba(255,255,255,0.1);}
table.tb-style1 tbody tr th{border-bottom: 1px solid #ddd; color: #222; font-weight: 600; background-color: #e8edf5;}
table.tb-style1 tbody tr td{text-align: center;border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff;}
table.tb-style1 tbody tr td.on{background-color: #f0f3f8; color: #1b4075;}

@media all and (max-width:1280px){
    table.tb-style1{font-size: 16px;}
}
@media all and (max-width:980px){
    table.tb-style1{line-height: 25px;}
    table.tb-style1 thead tr th{padding: 20px 10px;}
    table.tb-style1 tbody tr td, table.tb-style1 tbody tr th{padding: 20px 10px;}
}
@media all and (max-width:480px){
    table.tb-style1{font-size: 15px;}
}