@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual {padding-top:110px; position:relative;width:100%; height:540px; box-sizing:border-box; background-size:cover;
			background-position:center top }
.s_visual .s_visual_in { position:relative; height:100%;  z-index:2; max-width: 1400px; margin: 0 auto;
							display:flex; flex-direction: column;  justify-content:center; align-items: center  }
.s_visual .sv_tit { width:100%;  position:relative; color:#FFF;  text-align:center}
.s_visual .sv_tit .tit { font-size:5.5rem;  font-weight: 700; }
.s_visual .sv_tit .t1 {margin-top:1.3em; }
.s_visual .sv_tit .t1 span { font-size: 1.8rem; opacity:0.8; line-height:1.6em; }
.s_visual .txt {position:absolute; right:0; bottom:-7%; z-index:-3 }

@media all and (max-width: 1400px){
	.s_visual .sv_tit  {width:90%}
}
@media all and (max-width: 1280px){
	.s_visual { height:500px; }
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 976px){
	.s_visual .s_visual_in {}
}
@media all and (max-width: 767px){
}
@media all and (max-width: 480px){
	.s_visual { height:90vw}
	.s_visual .sv_tit .tit { font-size: 3.6rem; line-height:1.2em} 
	.s_visual .sv_tit .t1 span { font-size: 1.6rem; }
}



/* Sub-Menu */

/* Sub-Menu */
.sub_menu_wrap { position:relative; font-size: 0; z-index: 99; background-color:rgba(255,255,255,0.1); 
						padding:7px; margin:70px auto 0; backdrop-filter: blur(30px); border-radius:100px}
.sub_menu_wrap .m_home{display:none; position:static; float:left; width: 80px; height: 80px; border:0; 
							background:var(--primary-color) url("/images/sub/ico_home.png") no-repeat center; background-size: 100% auto; }
.sub_menu_wrap .m_2dep_box {text-align:center; width: calc(100% - 0); }
.sub_menu_wrap .m_2dep_box .smenu{display:flex; justify-content: center;}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block; ;border-radius:50px}
.sub_menu_wrap .m_2dep_box li a { font-size: 1.9rem; padding: 0.7em 1.5em; color:#FFF; display: block; transition: .2s ease; }
.sub_menu_wrap .m_2dep_box li.s_on{background:var(--primary-color);  }

.sub_menu_wrap .m_2dep_box li:hover a {color: #FFF;  }
.sub_menu_wrap .m_2dep_box li a.on{ color: #FFF;  }



@media all and (max-width: 1280px){
	.sub_menu_wrap .m_2dep_box li a { padding: 0.7em 1.0em;}
}
@media all and (max-width:976px) {
	.sub_menu_wrap  {padding:7px 15px}
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:0; text-align:left; cursor:pointer;
										height:50px; line-height:50px; font-size: 1.8rem;  }
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center;
										color:#FFF; box-sizing:border-box; padding:0 15px; cursor:pointer; }
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:100%; margin-top:5px; margin-left:-1px; 
													background:var(--secondary-color); box-sizing:Border-box; border-radius:5px; padding:7px;
													border-top:0; position: relative; transform: skew(0.1deg);}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100% !important; max-width: 100%; display:block; 
														box-sizing:border-box;  border:0;
														padding:0; font-weight: 400;}
	.sub_menu_wrap .m_dep_box .smenu li a {	 border-bottom:1px dotted rgba(0,0,0,0.2); }
	.sub_menu_wrap .m_dep_box .smenu li:last-child a { border-bottom:0}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:10px 15px; border:0;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{color:#fff; border-radius:50px; ; padding:10px 15px;}
	.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu li.submenu11 {display:none}
	.sub_menu_wrap .m_dep_box .smenu a{ color:#FFF; display:block; width:100%;  padding:10px 15px; box-sizing:border-box; 
														line-height:normal; font-size: 1.8rem;font-weight: 400;}
	.sub_menu_wrap .m_2dep_box .m_dep_tit { padding:0 20px 0 15px; }
	.sub_menu_wrap .m_2dep_box li { border-radius:0; }
	.sub_menu_wrap .m_2dep_box > div  {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
	.sub_menu_wrap .m_2dep_box li.s_on{background:#167e81;}
}
@media all and (max-width:768px) {
	.sub_menu_wrap .m_dep_box{ height:40px; line-height:40px; }
}
@media all and (max-width:480px) {
    .sub_menu_wrap{margin-top: 40px;}
	.sub_menu_wrap .m_dep_box{width:44vw}
}










#pageCont {padding:100px 0 150px; position:relative; z-index:0;}
#pageCont:has(#sDr){padding-bottom:0;}
#pageCont.overflow-none {overflow:unset}
#subTitle { padding-bottom:80px; text-align: center; color:#333; font-size: 3.8rem; color:#111; line-height: 1.2em; 
				font-family: 'Pretendard'; font-weight:600; letter-spacing: 0; }



@media all and (max-width:976px) {
#pageCont {padding:8vw 0}
	#subTitle { padding-bottom:6vw}
}
@media all and (max-width:480px) {
	#pageCont {padding:12vw 0; }
    #pageCont:has(#sDr){padding-bottom:0;}
	#subTitle { padding-bottom:8vw; font-size:3.0rem;}
}






.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 0 auto 4%; overflow: hidden; font-size:0; padding-top:1px; padding-left: 1px;  }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 5); max-width: 250px; margin-top: -1px; margin-left: -1px; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:60px; line-height: 60px; display: block; background:#fff;
                      color:#525252; font-size:2.0rem;  font-weight: 600;  border: 1px solid #e3e3e3; 
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { background:#09a5d9 ; color:#FFF; border:1px solid #09a5d9 }

.tabmenu.fs-s li a { font-size: 1.5rem; }

.tabmenu.col5 li { width:calc(100% / 5); max-width: 280px; }
.tabmenu.col6 li { width:calc(100% / 6); max-width: 280px; }
.tabmenu.col7 li { width:calc(100% / 7); float: left; }



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



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

@media all and (max-width:1080px) {
  .tabmenu { margin-top: 0; margin-bottom: 5%; }
  .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;  }

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col6 li { width:calc(100% / 3); }
}

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

}

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