@charset "utf-8";
.skipToContent {position:absolute; top:0; left:0; overflow:hidden; display:block; width:0px; height:0px; line-height:0; font-size:0; text-indent:-9999px;}
.hidden {display:none;}
body {width:100%; min-width:1200px;}
table {width:100%; border-spacing:0; border-collapse:collapse;}

/* header */
#header {width:100%; height:165px; z-index:999; position:relative;}
#header_content {*zoom:1; position:relative; width:1200px; margin:0 auto; height:165px;}
#header_content:after {content:" "; display:block; clear:both;}
#header .logo {padding:38px 0 17px; border-bottom:1px solid #d2d2d2; z-index:1000;}
#header .logo:after{content:"";display:block;cleaR:both;}
#header .logo a{display:inline-block;padding:10px 0 0;}
#header .logo a:last-child{float:right; padding:0;}

.top_menu {position:absolute; top:12px; right:5px;}
.top_menu ul {*zoom:1;}
.top_menu ul:after {content:" "; display:block; clear:both;}
.top_menu ul li {float:left; font-size:13px; font-weight:400; margin:0 0 0 19px;}
.top_menu ul li a {color:#999;}

/* gnb */
nav {padding:0; margin:0;}
nav#gnb{width:100%; position:absolute; top:105px; left:0; z-index:800;}
nav#gnb > ul {*zoom:1; width:1200px; margin:0 auto; text-align:center;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li{float:left; position:relative; width:240px; text-align:center;}
nav#gnb > ul > li:first-child{}
nav#gnb > ul > li > a{display:block; font-size:14px; height:60px; line-height:60px; font-weight:400; color:#444;} 
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus, nav#gnb > ul > li.active > a{}
nav#gnb > ul > li .gnb-2dep {display:none; position:absolute; top:60px; left:0px; padding:20px 0 0; line-height:36px; /*height:100px;*/}
nav#gnb > ul > li .gnb-2dep li {text-align:center; width:240px; line-height:36px;}
nav#gnb > ul > li .gnb-2dep li a {color:#777; font-size:16px; font-weight:400;}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#20538b;}
#gnbBg {position:absolute; top:60px; left:0px; width:100%; height:0; padding:0; background:url('../images/common/submenu_bg.png') repeat; display:none;}

/* main */
#mainvisual {height:717px; width:100%; overflow:hidden; position:relative;}
#mainvisual img {position:absolute; left:50%; top:0; margin-left:-1000px;}
#mainvisual .text_center {width:1200px; margin:0 auto; position:absolute; left:50%; margin-left:-600px; top:344px; text-align:center; z-index:100;}
#mainvisual .text_center h2 {font-size:73px; font-weight:800; color:#fff;
	text-shadow:2px 3px 2px #000;
	-webkit-text-shadow:2px 3px 2px #000;
	-moz-text-shadow:2px 3px 2px #000;
	-ms-text-shadow:2px 3px 2px #000;
}
#mainvisual .text_center p {font-size:31px; font-weight:400; color:#fff; margin:0 0 50px 0;
	text-shadow:2px 3px 2px #000;
	-webkit-text-shadow:2px 3px 2px #000;
	-moz-text-shadow:2px 3px 2px #000;
	-ms-text-shadow:2px 3px 2px #000;
}
#mainvisual .text_center a.about {display:inline-block; font-size:15px; line-height:45px; font-weight:400; color:#fff; text-align:center; width:190px; height:45px; border:1px solid #fff;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
}
#mainvisual .text_center a.about:hover {
	background:#eceaea; 
	opacity:0.7;
	filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
	color:#01555d;
	font-weight:600;
}

#content {width:100%;}
#content .section1 {margin:-165px 0 0; width:100%; height:783px; background:url('../images/main/content1_bg.png') 50% 0 no-repeat #fff; overflow:hidden;}
#content .section_center {*zoom:1; width:1200px; margin:0 auto; padding:232px 0 0;}
#content .section_center:after {content:" "; display:block; clear:both;}
#content .section_center .box {float:left; width:294px; height:245px; padding:77px 0 0; margin:0 0 0 8px;}
#content .section_center .box:hover p {
	transform:rotate(10deg);
	-webkit-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: linear;
}
#content .section_center p {text-align:center; margin:0 0 29px 0;
	-o-transition:all .3s;
	-webkit-transition:all .3s;
	-ms-transition:all .3s;
	transition:all .3s;
}
#content .section_center dl dt {font-size:17px; font-weight:600; color:#333; text-align:center; margin:0 0 38px 0;}
#content .section_center dl dd {text-align:center; font-size:13px; font-weight:400;}
#content .section_center dl dd a {color:#787878;
	-o-transition:all .4s;
	-webkit-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
#content .section_center dl dd a:hover{
	font-weight:600;	
}
#content .section_center dl dd a span {margin:0 0 0 10px; vertical-align:middle;display:inline-block;}
#content .section_center .box1 {background:url('../images/main/box1.png') 0 0 no-repeat; margin:0;}
#content .section_center .box2 {background:url('../images/main/box2.png') 0 0 no-repeat;}
#content .section_center .box3 {background:url('../images/main/box3.png') 0 0 no-repeat;}
#content .section_center .box4 {background:url('../images/main/box4.png') 0 0 no-repeat;}
#content .section2 {margin:-165px 0 0; width:100%; height:618px; background:url('../images/main/content2_bg.png') 50% 0 no-repeat; overflow:hidden;}

/* content2 */
#content .section_center2 {*zoom:1; width:1200px; margin:0 auto; padding:242px 0 0;}
#content .section_center2:after {content:" "; display:block; clear:both;}
.column {float:left;}
.column1 {width:560px; padding:0 20px;}
.column2 {width:520px; padding:0 40px;}
.column {position:relative;}
.column h3 {font-size:26px; font-weight:400; color:#fff; margin:0 0 40px;}
.column h3 span {display:inline-block; padding:0 0 0 40px; background:url('../images/main/bar.png') 20px center no-repeat; color:#bef0ff;}
.column a.more {position:absolute; top:0; right:20px; display:block;
	-o-transition:all .4s;
	-webkit-transition:all .4s;
	-ms-transition:all .4s;
	transition:all .4s;
}
.column1 a.more {right:20px;}
.column2 a.more {right:40px;}
.column a.more:hover {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transition-delay: 0s;
	transition-duration: 0.5s;
	transition-property: all;
	transition-timing-function: linear;
}
/* col */
.col ul {background:url('../images/main/dot_line.png') 0 0 repeat-x;}
.col ul li {font-size:15px; font-weight:400; position:relative; width:552px; padding:0 0 0 8px; line-height:45px; background:url('../images/main/dot_line.png') 0 100% repeat-x;}
.col ul li a {display:block; width:390px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff;}
.col ul li a:hover {color:#bef0ff;}
.col ul li span {position:absolute; top:0; right:10px; font-size:13px; color:#c7dde4;}
/* col2 */
.col2 ul {*zoom:1;}
.col2 ul:after {content:" "; display:block; clear:both;}
.col2 ul li {float:left; overflow:hidden; width:250px; height:180px; margin:0 0 0 20px;}
.col2 ul li a {display:block;}
.col2 ul li img {object-fit:cover;}
.col2 ul li:first-child {margin:0;}

/* sub */
#contents {width:1200px; margin:0 auto;}
#subvisual {position:relative; width:100%; height:193px; overflow:hidden;}
#subvisual img {position:absolute; left:50%; top:0; margin-left:-1000px; width:2000px;}
#con_area {min-height:320px; padding:0 0 60px 0; clear:both;}

/*left_menu*/
.menu_wrap {width:100%; margin:0 0 60px 0; height:50px; border-bottom:1px solid #cfcfcf; position:relative; border-right:1px solid #cfcfcf;}
.tit_box {width:218px; height:135px; background:url('../images/sub/tit_bg.png') 0 0 no-repeat; position:absolute; top:-85px; left:0;}
.tit_box  h2{font-size:21px; text-transform:uppercase; font-weight:600; color:#fff; line-height:135px; text-align:center;}
#lnb {*zoom:1;}
#lnb:after {content:" "; display:block; clear:both;}
#lnb ul {float:right;}
#lnb ul li {float:left; border-left:1px solid #cfcfcf;}
#lnb ul li a {font-size:16px; font-weight:400; color:#595959; display:block; text-align:center; line-height:50px; padding:0 35px;}
#lnb ul li.on a {color:#016b80; height:51px; background:#fff; font-weight:600;}
#lnb ul li a:hover {color:#016b80; font-weight:600;}
#sub_title {margin:0 0 60px 0;}
#sub_title h3 {font-size:32px; font-weight:400; color:#333; text-align:center;}

/* research */
/* .research {position:relative;}
.re_wrap {border:1px solid #ddd; padding:40px 0 64px; background:url('../images/sub/bottom_img.gif') right bottom no-repeat;}
.research span {position:absolute; top:33px; right:-16px;}
.research h4 {font-size:27px; margin:0 0 50px 0; text-align:center; font-weight:600; color:#016b80; font-style:italic; padding:34px 0 0;}
.research p {font-size:16px; font-weight:400; color:#444; line-height:30px; text-align:center;}
.research_box {margin:40px 0;}
.research_box h5 {font-size:20px; font-weight:600; color:#151515; text-align:center; margin:0 0 29px 0;}
.research_box ul {width:722px; margin:0 auto;}
.research_box ul li {height:35px; line-height:35px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:url('../images/sub/y_line.gif') 0 0 no-repeat; font-size:16px; font-weight:400; color:#252525; text-align:center; margin:13px 0 0;}
.research_box ul li:first-child {margin:0;} */

/* 01_01 */
.intro {padding:0 60px;}
.intro h4 {font-size:27px; font-weight:600; color:#0268a2; text-align:center; margin:0 0 15px 0; letter-spacing:0.03em;}
.intro h4 span {display:inline-block; padding:0 0 13px 0; background:url('../images/sub/dot_line.gif') 0 100% repeat-x;}
.intro h5 {font-size:22px; font-weight:600; color:#3a9dd6; text-align:center; margin:0 0 50px 0; letter-spacing:0.05em;}
.intro h5 span {display:inline-block; padding:0 0 13px 0; background:url('../images/sub/dot_line.gif') 0 100% repeat-x;}
.intro p strong {font-weight:600; color:#151515; letter-spacing:-0.018em;}
.intro p {font-size:16px; font-weight:400; color:#454545; line-height:26px; margin:0 0 35px 0; word-break:keep-all; text-align:justify; letter-spacing:-0.02em;}
.intro ul {padding:20px 17px; background:#f1f4f7; margin:0 0 30px 0;}
.intro ul li {font-size:16px; font-weight:400; color:#454545; line-height:36px; padding:0 0 0 26px; background:url('../images/sub/blue_icon.png') 0 13px no-repeat;}
.intro ul li:first-child {margin:0;}

.aboutlab_top{padding:80px 0;background:url('../images/sub/aboutlab_top.jpg') center center no-repeat;}
p.line {border-bottom:1px dotted #ccc;}

/* 01_02 */
.map {margin:0 0 45px 0; border:1px solid #ccc;}
.map_info h4 {padding:0 0 0 49px; background:url('../images/sub/info_icon.gif') 13px center no-repeat; font-size:22px; font-weight:600; color:#151515; margin:0 0 18px 0;}
.map_info ul {border-top:1px solid #ddd; padding:22px 0 0;}
.map_info ul li {line-height:40px; font-size:16px; font-weight:400; color:#454545;}
.map_info ul li span {font-weight:600; color:#333; display:inline-block; padding:0 0 0 69px; background:url('../images/sub/gray_dot.gif') 54px center no-repeat; width:71px; margin:0 70px 0 0;}

/* 03_01 */

.professor .prof_top{margin:0 0 90px 0;}
.professor .prof_top:after{content:"";display:block;clear:both;}
.prof_top .prof_img{float:left; margin-right:30px;}
.prof_top .prof_info{width:861px; float:left;padding:30px 40px; background-color:#f6f6f6;}
.prof_top .prof_info h5 {font-size:25px; font-weight:600; color:#252525; font-style:italic; }
.prof_top .prof_info h5 span{font-size:19px;color:#016b80;}
.prof_top .prof_info p {font-size:16px;color:#777777;padding:10px 0 15px;}

.prof_top .prof_info table th {font-size:16px; font-weight:600; color:#016b80; vertical-align:top; text-align:left; line-height:20px; padding:0 0 10px 0;}
.prof_top .prof_info table td {font-size:16px; font-weight:400; color:#444; line-height:20px; padding:0 0 10px 0;}

.prof_top .prof_info a{display:inline-block; padding:5px 20px; background-color:#015060; color:#fff; font-weight:600; font-size:14px;margin:20px 0 0 ;}
.prof_top .prof_info a:hover, .prof_top .prof_info a:focus{background-color:#02333d;}
.prof_top .prof_info a img{vertical-align:middle; padding:0 10px 0 0;}




.professor .p_box h4 {font-size:27px; font-weight:600; color:#252525; font-style:italic; padding:0 0 20px 0; border-bottom:1px dotted #adadad; margin:0 0 30px 0;}
/*.professor .p_box h4 span {padding:0 0 0 43px; background:url('../images/sub/info_icon.gif') 0 center no-repeat;}*/
.p_box h5 {font-size:21px; font-weight:600; color:#252525; font-style:italic; padding:0 0 20px 0; border-bottom:1px dotted #adadad; margin:0 0 30px 0;}
.research .p_box h5 { font-style:normal;}
/*.p_box h5 span {padding:0 0 0 43px; background:url('../images/sub/info_icon.gif') 0 center no-repeat;}*/
.p_box {margin:0 0 90px 0;}
.p_box .gray {padding:30px 40px; background:#f6f6f6;}
.p_box .gray table th {font-size:16px; font-weight:600; color:#016b80; vertical-align:top; text-align:left; line-height:24px; padding:0 0 10px 0;}
.p_box .gray table td {font-size:16px; font-weight:400; color:#444; line-height:24px; padding:0 0 10px 0;}
.p_box .white{margin:0 40px; padding:0 23px;}
.p_box .normal table th {padding:0 0 0 42px; background:url('../images/sub/gray_dot.gif') 28px center no-repeat; text-align:left;font-size:16px; font-weight:600; color:#016b80; line-height:35px;}
.p_box .normal table td {font-size:16px; font-weight:400; color:#444; line-height:35px;}
.p_box dl {margin:0 0 50px 0;}
.p_box dl dt {padding:0 0 0 42px; background:url('../images/sub/gray_dot.gif') 28px center no-repeat; font-size:18px; font-weight:600; color:#016b80; margin:0 0 20px 0;}
.p_box dl dd {margin:0 40px; background:#f6f6f6; padding:23px;}
.p_box dl dd ul li {font-size:16px; font-weight:400; color:#444; line-height:35px;}
.p_box .gray2 {margin:0 40px; background:#f6f6f6; padding:23px;}
.p_box .gray2 ul li {font-size:16px; font-weight:400; color:#444; line-height:35px;}
.p_box .type_list {margin:0 40px;}
.p_box .type_list ul li {font-size:16px; font-weight:400; color:#444; line-height:28px; padding:18px 20px; text-align:justify;}
.p_box .type_list ul li:nth-child(odd) {background:#f6f6f6;}
.p_box .normal2 {margin:0 40px;}
.p_box .normal2 table {border-top:1px solid #016b80; border-bottom:2px solid #ccc;}
.p_box .normal2 table th {text-align:center; font-size:16px; font-weight:400; color:#444; border-bottom:1px solid #ccc;}
.p_box .normal2 table td {border-bottom:1px solid #ccc; font-size:16px; font-weight:400; color:#444; line-height:28px; padding:15px 0;}

/*footer*/
#footer{width:100%; height:151px;}
#footer_content {width:1200px; margin:0 auto; text-align:center; padding:55px 0 0;}
#footer_content address {font-size:15px; font-weight:400; color:#666; line-height:25px;}
#footer_content address span {display:block; font-size:14px; font-weight:400; color:#999; }
#footer_content address span a {color:#999;}
#footer_content address span a:hover {font-weight:600;}

.sub_footer {border-top:1px solid #ccc;}