@charset "utf-8";


/* s_visual */
#sub_top_Wrap{}

#s_visual { padding-top: 100px;  position:relative;width:100%; height:480px; line-height:1.4; box-sizing:border-box;overflow:hidden; text-align:center;}
#s_visual .s_visual_in{ position:relative;display:table;width:100%; height:100%;  z-index:2}
#s_visual .sv_tit { display:table-cell;  box-sizing:border-box;color:#fff;vertical-align:middle;}
#s_visual .sv_tit h2 {font-size:3.2em; font-weight:600; line-height:1.2em; margin-bottom: 0.4em; letter-spacing:-0.08em; }
#s_visual .sv_tit .t1 {font-size:1.05em; line-height:1.2em; color:rgba(255,255,255,0.5);  font-weight: 500; }

.s_visual1 { background: url(/images/sub/s_visual1.jpg)no-repeat center center; background-size:cover;}
.s_visual2 { background: url(/images/sub/s_visual2.jpg)no-repeat center center; background-size:cover;}
.s_visual3 { background: url(/images/sub/s_visual3.jpg)no-repeat center center; background-size:cover;}
.s_visual4 { background: url(/images/sub/s_visual4.jpg)no-repeat center center; background-size:cover;}
.s_visual5 { background: url(/images/sub/s_visual5.jpg)no-repeat center center; background-size:cover;}

@media (max-width: 1280px){
#s_visual { height: 45vw; }
}

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

@media all and (max-width:568px) {
    #s_visual { padding-top: 50px; }
   #s_visual .sv_tit h2 {font-size:3em; }
   #s_visual .sv_tit .t1 {font-size:1em; }
}


#subContent { position: relative; width: 100%; }

/* sub_top */
.sub_top {position:relative;width:100%; margin:0 auto; background:#fff; box-sizing:border-box; border-bottom:1px solid #e2e2e2; z-index:30;}
.sub_top .sub_top_in {width:100%; max-width:1400px; margin:0 auto; position:relative; z-index:190;}
.snb:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.snb>div { float:left; position:relative;}
.snb .home>a { display:block; width:60px; height:60px; text-align:center; font-size:0; background:#1c4888 url("/images/sub/ico_home.png") no-repeat center; border-right:1px solid #e2e2e2}
.snb>.depth1_area { width:170px;}
.snb>.depth2_area { min-width: 170px; }
.snb>.depth1_area, .snb>.depth2_area  a {color:#074372; }
.snb .open_depth { display:block; position:relative; height:60px; line-height: 60px; padding:0 50px 0 20px; border-right:1px solid #e2e2e2; color:#4b4b4b; font-size:1em; white-space:nowrap;}
.snb .open_depth:after { content:"\e874"; display:inline-block; position:absolute; top:0; right:14px; font-family:'Linearicons-Free'; font-size:10px; line-height:60px; color:#000;}
.snb .open_depth.on:after { content:"\e873"; top:0;}
.snb .smenu { display:none; position:absolute; top:60px; left:0; z-index: 101; width:100%;}
.snb .depth2_area .smenu{display: block;}
.snb .depth2_area .smenu .s-inner{width: 100%;;}
.snb .depth2_area .smenu .l_cont{display: none;}
.snb .depth2_area .smenu .list{display: none;}
.snb .depth2_area .smenu .list .sublist{display: none; }
.snb .smenu li>a { display:block; padding:12px 5px 13px 20px; border:1px solid #ccc; border-top:none; background-color:#f4f4f4; color:#555; font-size:14px;}
.snb .smenu li>a:hover { background-color:#fff; color:#222;}
.snb .depth2_area .smenu .list .sublist li>a{background-color: #cbcbcb;}

.snb .depth2_area .has-children > a{display: flex;justify-content: space-between; }
.snb .depth2_area .has-children > a span{font-family: 'SUIT';font-size: 14px;color: #aaa;  transform: rotate(90deg);}
.snb .depth2_area .has-children > a.on span{font-family: 'SUIT';font-size: 14px;color: #aaa;  transform: rotate(-90deg);}



.sub_top.scroll { position:fixed; top:90px;}

@media screen and (max-width:1199px){
	.sub_top {width:100%;}
}

@media screen and (max-width:767px){
/* sub_top */
	.sub_top { height:46px;}
	.snb { padding-left:45px;}
	.snb .home { position:absolute; top:0; left:0; z-index:10;}
	.snb .home>a { width:45px; height:45px; background-size:100% auto}
	.snb .home>a:before { font-size:13px; line-height:13px;}
	.snb>.depth1_area { width:30%;}
	.snb>.depth2_area { width:70%;}
	.snb .open_depth { height:45px; line-height: 45px; padding:0px 12px 0px 12px; font-size:1em; overflow:hidden; text-overflow:ellipsis; }
	.snb .open_depth:after { /*top:13px;*/ right:6px; font-size:9px; line-height:45px;}
	.snb .open_depth.on:after { top:12px;}
	.snb .smenu { top:45px;}
	.snb .smenu>li>a { padding:7px 5px 8px 7px; font-size:12px;}
}


#subContent {width:100%; margin:80px 0;}
#subTitle { color:#222; ; font-weight:bold; text-align:center; margin-bottom:5%;}
#subTitle h2 {font-size:2.6em;  line-height: 1.2em; padding-bottom:0.5em; }
#subTitle p {font-size:1.8em; line-height: 1.3em; padding-bottom:20px; font-weight: 100; }

@media screen and (max-width:1399px){
	#subTitle {width:80%;  margin:0 auto 5%;}
}
@media screen and (max-width:1024px){
	#subContent {margin:7% 0}
	#subTitle {margin-bottom:5%}
}

/*연구분야 버튼 */
#subTitle a { font-weight: 100; font-size:1.58em; color:#fff; font-weight:700; display:block; margin:0 auto; width:250px; height:50px; line-height:50px; background:#1c4888;  text-align:center;  border-radius:50px; margin-top:20px;  }
#subTitle a:hover { background:#b3d125;  }
@media all and (max-width:685px) {
	#subTitle a {font-size:1.5em; font-weight:500;  width:160px; height:40px; line-height:40px; border-radius:40px;  }
}


.tabmenu { overflow: hidden; text-align: center; margin: 0 auto 50px; }
.tabmenu.w3{display: flex; flex-wrap: wrap; gap: 5px; }
.tabmenu.w3 li { width: calc(100%/3 - 10px/3); display: inline-block; *zoom:1; *display: inline;}
.tabmenu.w3 li a{line-height: 20px;height: 60px;display: flex; align-items: center;justify-content: center; padding: 0 10px;}
.tabmenu li { width: 160px; display: inline-block; *zoom:1; *display: inline; }
.tabmenu li a { display: block; line-height: 3.5em; border:1px solid #ddd; font-size: 1em; color:#555; }
.tabmenu li a:hover { color:#1c4888;  }
.tabmenu li.on a { background:#1c4888; color:#fff; }

.tabmenu li.wide { width: 200px; }

@media screen and (max-width:976px) {
    .tabmenu { }
    .tabmenu li { width: 24%; margin-bottom: 3px; }
    .tabmenu.w3 li { width: calc(100%/2 - 5px/2);}
}

@media screen and (max-width:568px) {
    .tabmenu {margin: 0 auto 30px; }
    .tabmenu li { padding: 0; }
    .tabmenu.w3 li a{height: 50px; line-height: 16px;}
}

.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:#1c4888;  background:#1c4888;  z-index:98; }
/* 페이지 인식을 위한 부분 */
#page01 .tabmenu  a.menu1,
#page02 .tabmenu  a.menu2,
#page03 .tabmenu  a.menu3,
#page04 .tabmenu  a.menu4,
#page05 .tabmenu  a.menu5,
#page06 .tabmenu  a.menu6,
#page07 .tabmenu  a.menu7 { background:#1c4888; color:#fff; }

.tabmenu .on a{background:#1c4888; color:#fff; }