@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 {min-width:1300px;}

#header {width:100%;min-width:1300px; height:130px;position:absolute; top:0; left: 0; z-index:2000;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header_content {*zoom:1; width:1300px; margin:0 auto; position:relative; height:130px;}
#header_content .logo {position:absolute; top:25px; left:0; z-index:1000;}
#header_content .logo a {display:block; z-index:1000;}

#header:hover { background-color:rgba(0,0,0,0.4);}


/* gnb */
nav#gnb{width:100%;height:130px;position:absolute;top:0;}
/*.header_on nav# gnb{border-top:1px solid  #ddd;} */
nav#gnb > ul {*zoom:1;width:1300px;margin:0 auto;box-sizing:border-box;text-align: center; z-index:1000;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {float:left;text-align: center; position:relative; min-width:135px; text-align:center; display:inline-block;}
nav#gnb > ul > li:first-child {margin:0 0 0 384px;;}
nav#gnb > ul > li.gnb1, nav#gnb > ul > li.gnb4, nav#gnb > ul > li.gnb5 {width:170px;}
nav#gnb > ul > li > a {display:block;font-size:18px;height:130px; line-height:130px; font-weight:600; color:#fff;font-weight:600;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus{color:#c1c6f1;}

nav#gnb > ul > li .gnb-2dep-wrap {}
nav#gnb > ul > li .gnb-2dep {min-width:135px;display:none; position:absolute; top:130px; padding:30px 0 0; z-index:1000;}
nav#gnb > ul > li.gnb1 .gnb-2dep, 
nav#gnb > ul > li.gnb4 .gnb-2dep, 
nav#gnb > ul > li.gnb5 .gnb-2dep{width:170px;}

nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:20px; width:100%; margin:15px 0 0;}
nav#gnb > ul > li .gnb-2dep li:first-child {margin:0;}
nav#gnb > ul > li .gnb-2dep li a {color:rgba(255,255,255,0.8); font-size:16px; font-weight:500;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#cfd3f9; }
#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:130px; left:0px; width:100%; height:auto; padding:0; z-index:999; display:none;background-color:rgba(0,0,0,0.4);border-top:1px solid rgba(255,255,255,0.2);}

/* mobile gnb */
.mobile_top {display:none;}
#nav {display:none;}
.m_right_box{display:none;}

#mainvisual {height:1110px; position:relative; overflow:hidden; width:100%;}
#mainvisual .slideshow {position:absolute; width:2000px; height:1110px; top:0; left:50%; margin-left:-1000px;}
#mainvisual .slideshow .bx-slider {position:relative; width:100%; height:1110px; overflow:hidden;}
#mainvisual .slideshow .bx-slider li {float:left; width:100%; height:1110px; background-position:center 0; background-repeat:no-repeat;overflow:hidden;}
#mainvisual .slideshow .bx-slider li .full_img {width:100%; height:1110px; background-position:center 0; background-repeat:no-repeat;position:absolute; 
	transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;
}
#mainvisual li.visual_bg1 .full_img{background-image:url('../images/main/mainvisual01.jpg');}
#mainvisual li.visual_bg2 .full_img {background-image:url('../images/main/mainvisual02.jpg');}
#mainvisual li.visual_bg3  .full_img{background-image:url('../images/main/mainvisual03.jpg');}


#mainvisual li .on_full_img {transform:scale(1.04);}

#mainvisual .bx-controls {display:none;}
#mainvisual .main_txt {
	width:1300px;
	margin:0 auto;
	padding:290px 0 0;
	overflow:hidden;
	position:absolute;
	z-index:1000;
	height:220px;
	left:50%; top:0;
	margin-lefT:-650px;
}

#mainvisual .main_txt .txt1 {width:606px;margin:0 0 30px 0; padding:0 0 30px 0; font-size:27px; line-height:27px;font-weight:400;color:RGBA(255,255,255,0.6);border-bottom:1px solid RGBA(255,255,255,0.6); }
#mainvisual .main_txt .txt2 {font-size:65px; line-height:70px;color:#fff;font-weight:600;}

#container {width:100%; clear:both;}




/* section01*/
.section01 {position:relative; z-index:1000;width:1300px; margin:0 auto;top:700px}
.section01:afteR{content:"";display:block;clear:both;}
.section01 .welcome{float:left;width:610px;margin-right:80px;}
.section01 .welcome h3{font-size:30px;font-weight:400;color:#fff; margin:0 0 30px 0;}
.section01 .welcome h3 span{color:#b6bbe7; font-weight:700;}
.section01 .welcome p {font-size:15px; line-height:27px; color:Rgba(255,255,255,0.6);}

.section01 .notice{float:left;width:calc(100% - 690px);position:relative;}
.section01 .notice h3{font-size:30px;font-weight:400;color:#fff; margin:0 0 30px 0;}
.section01 .notice .plus {position:absolute; top:6px;right:0;}
.section01 .notice ul {padding:5px 30px 10px; background-color:rgba(6,3,22,0.6);}
.section01 .notice ul li {margin:25px 0 ;}
.section01 .notice ul li a{position:relative;display:block; width:100%; box-sizing:border-box; padding-left:90px;}
.section01 .notice ul li a .date{position:Absolute; top:5px;left:0;display:block;width:50px;font-size:13px;color:#ffffff;text-align:center;}
.section01 .notice ul li a .date span{color:#8c94d9; font-size:24px;font-weight:600;}
.section01 .notice ul li a .title{width:auto; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; color:#ffffff; font-size:17px; line-height:30px; font-weight:600;}
.section01 .notice ul li a .text{width:auto; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; color:rgba(255,255,255,0.5); font-size:14px;line-height:20px;}


.section01 .notice ul li a:hover .title, .section01 .notice ul li a:focus .title {color:#cfd3f9;}



/* section02 */
.section02 {background:url('../images/main/sec01_bg.png') center 0 no-repeat;}
.section02 .sec2_in {width:1300px; margin:0 auto;}
.section02 .sec2_in:After {content:"";display:block;clear:both;}
.section02 .sec2_in .pubbox01 {float:left;width:800px;box-sizing:border-box; padding:45px 50px 0 0;position:relative;}
.section02 .sec2_in .pubbox01 .plus{position:Absolute; top:45px; right:50px;}
.section02 .sec2_in .pubbox01 h3{font-size:30px; font-weight:600; color:#fff;padding:0 0 30px;}
.section02 .sec2_in .pubbox01 .pub_slide li{height:140px; overflow:hidden;color:rgba(255,255,255,0.7); font-size:17px; line-height:27px;}

.section02 .sec2_in .pubbox01 .bx-controls-direction {position:Absolute; bottom:0; right:0;overflow:hidden;}
.section02 .sec2_in .pubbox01 .bx-controls-direction a{float:left;display:block;width:55px;height:55px; font-size:0;}
.section02 .sec2_in .pubbox01 .bx-controls-direction a.bx-prev{background:url('../images/main/pub_prev.png') 0 0 no-repeat;}
.section02 .sec2_in .pubbox01 .bx-controls-direction a.bx-next{background:url('../images/main/pub_next.png') 0 0 no-repeat;}
.section02 .sec2_in .pubbox02 {float:left;width:calc(100% - 800px);background-color:#fff;box-sizing:border-box; padding:30px;}
.section02 .sec2_in .pubbox02 .pub_slide2 li {position:relative;height:240px;}
.section02 .sec2_in .pubbox02 .pub_slide2 li img {max-width:100%; max-height:220px;position:Absolute; top:0;bottom:0;left:0;right:0;margin:auto;}



/*footer*/
#footer {padding:50px 0;}
#footer_content {width:1300px; margin:0 auto; position:relative;text-align:center;}

#footer_content address {font-size:14px; font-weight:400; color:#393e49; line-height:25px; }
#footer_content address p {color:#a3a6ae;margin:5px 0 0 0;}
#footer_content address p a{color:#a3a6ae;}





/*Quick Menu */
#quick_menu {position:fixed; right:100px; bottom:100px;width:65px; 
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; /* Firefox 4 */
	-webkit-transition: all 0.5s ease; /* Safari and Chrome */
	-o-transition: all 0.5s ease; /* Opera */
}
#quick_menu a {display:block;}


/* sub */
#subvisual {width:100%;height:400px;overflow:hidden;}
#subvisual .s_img {width:100%; height:400px;}
.subvisual1  .s_img{ background:url('../images/sub/subvisual01.jpg') center center no-repeat;}
.subvisual2  .s_img{background:url('../images/sub/subvisual02.jpg') center center no-repeat;}
.subvisual3  .s_img{ background:url('../images/sub/subvisual03.jpg') center center no-repeat;}

#subvisual .s_img_on {transform:scale(1.03);
	transition:all 2s ease-out;
	-webkit-transition:all 2s ease-out;
	-moz-transition:all 2s ease-out;
	-o-transition:all 2s ease-out;
	-ms-transition:all 2s ease-out;

}

#subvisual .sub_txt {position:relative;z-index:1000;width:1300px; margin:0 auto; padding:150px 0 0; box-sizing:border-box; }

#subvisual .sub_txt .txt1 {width:440px; border-bottom:1px solid rgba(255,255,255,0.5); padding:0 0 20px 0;font-size:20px; line-height:20px;font-weight:400;color:#d5d1d9;}
#subvisual .sub_txt .txt2 {font-size:47px; color:#ffffff;font-weight:600;margin:20px 0 0 0;}
#subvisual .sub_txt .txt2 strong{font-weight:700;}


#leftmenu {width:100%;height:90px;margin-top:-45px;position:relative; z-index:1000;}
#lnb {width:1300px;height:90px; border-radius:90px; margin:0 auto; text-align:center;
	background: #172a60;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #172a60, #293f7f);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #172a60, #293f7f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	
}
#lnb ul:after{content:"";display:block;clear:both;}
#lnb ul li {display:inline-block; text-align:center;}
#lnb ul li:first-child {margin:0;}


#lnb ul li a {color:rgba(255,255,255,0.5); font-size:18px; font-weight:600;line-height:90px;padding:0 20px; background:url('../images/sub/lnb_bar.png') 0 center no-repeat;
	transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
}

#lnb ul li:first-child a{background:none; }
#lnb ul li a:hover, #lnb ul li.on a {color:#fff;}

#cont {width:1300px; margin:0 auto; padding:80px 0 0;}
#subtitle {margin:0 0 50px 0;}
#subtitle:after{content:"";display:block;clear:both;}

#subtitle h2 {font-size:45px; font-weight:400; color:#111;text-align:center;}
#con_area {clear:both; min-height:320px; padding:0 0 200px 0;}

/* 서브공통 */
.subpage h4{font-size:20px;letter-spacing:-0.02em;color:#333;font-weight:600;line-height:30px;}
.subpage h5{font-size:18px;letter-spacing:-0.02em;color:#333;}
.subpage p{font-size:16px;letter-spacing:-0.02em;color:#333;line-height:26px;}


/* 01-01 About lab */
.about{position:relative;padding:0 0 32px 0;}
.about:after {content:"";display:block;clear:both;}
.about > div {float:left;width:50%;}
.about > div:first-child {padding:0 60px 0 0;box-sizing:border-box;}
.about > div h4 {color:#2e3192;margin:0 0 20px 0;}
.about > div span {display:inline-block;margin:0 16px 0 0;}
.about > div span:last-child {margin:0;}
.about > div.typo {position:absolute;left:0;bottom:0;width:100%;font-size:60px;color:#f8f8f8;font-weight:900;z-index:-1;}


/* 01-02 Contact us */
.contact {position:relative;padding:0 0 60px 0;}
.contact .bluebox {position:absolute;right:40px;bottom:0;width:445px;height:370px;padding:50px 45px;background:url('../images/sub/contact_logo.png')  no-repeat #091b4e;background-position:right 20px bottom 0;box-shadow:5px 5px 10px rgba(9,27,78,0.2);z-index:10;box-sizing:border-box;}
.contact .bluebox h3 {margin:0 0 30px 0;font-size:18px;color:#fff;line-height:24px;letter-spacing:-0.02em;font-weight:700;}
.contact .bluebox h3 span {display:block;font-size:28px;}
.contact .bluebox ul li {color:#788ecd;line-height:22px;padding:0 0 10px 30px;font-size:16px;letter-spacing:-0.02em;}
.contact .bluebox ul li.map {background:url('../images/sub/contact_map.png') no-repeat;background-position:left 0 top 2px;}
.contact .bluebox ul li.call {background:url('../images/sub/contact_call.png') no-repeat;background-position:left 0 top 2px;}
.contact .bluebox ul li.mail {background:url('../images/sub/contact_mail.png') no-repeat;background-position:left 0 top 2px;}


/* 02-01 professor */
.professor {background:#f3f5fa;}
.professor > div {position:relative;width:1300px;margin:0 auto;height:765px;}
.professor > div .fix img {position:absolute;bottom:0;left:70px;}
.professor > div .typo{position:absolute;display:block;bottom:369px;left:-390px;font-size:26px;color:#dbe1ee;letter-spacing:0.08em;text-transform:uppercase;transform:rotate(-90deg);font-weight:700;}
.professor > div .txt {overflow-y:scroll;height:765px;padding:100px 0 0 600px;background:url('../images/sub/prof_logo.png') no-repeat;background-position:left 530px top 40px;box-sizing:border-box;
	-ms-overflow-style: none;
}
.professor > div .txt::-webkit-scrollbar{display:none;}
.professor > div .txt h3 {font-size:32px;font-weight:600;color:#111;}
.professor > div .txt ul {margin:30px 0 40px;}
.professor > div .txt ul li {font-family:"noto";font-size:17px;color:#111;font-weight:600;line-height:30px;}
.professor > div .txt ul li span {display:inline-block;color:#1f3064;width:62px;margin:0 15px 0 0;}
.professor > div .txt p {color:#091b4e;font-size:18px;line-height:28px;font-weight:500;margin:0 0 40px 0;}
.professor > div .txt table td {padding:0 0 0 10px;font-size:16px;line-height:20px;color:#111;vertical-align:top;font-weight:500;}
.professor > div .txt table td span {display:block;color:#616161;font-weight:400;}
.professor > div .txt table td.line {width:12px;padding:0;}
.professor > div .txt table td.line:after {content:"";display:block;width:1px;height:52px;background:#ddd;text-align:center;margin:0 auto;position:relative;z-index:1;}



/* 03-01 research */
.research > div > h4{margin:30px 0 50px;color:#091b4e;}
.research ul li h4 {padding: 0 30px;line-height:52px;height:52px;color:#fff;font-weight:700;background:url('../images/sub/research_tit.png') right top no-repeat;}
.research ul li:first-child h4 {line-height:38px;}
.research ul li {margin:0 0 60px 0;box-sizing:border-box;}
.research ul li div:after {content:"";display:block;clear:both;}
.research ul li div {padding:30px;box-sizing:border-box;}
.research ul li div p {float:left;width:calc( 100% - 550px);}
.research ul li div span {float:left;width:550px;display:block;text-align:center;}

/* 04-01 publication */
.tabs:after {content:"";display:block;clear:both;width:100%;}
.tabs li {float:left;width:calc( 100% / 9 );height:36px;text-align:center;background:#f8f8f8;color:#424242;font-size:16px;}
.tabs .active {background:#344c8f;color:#fff;font-weight:500;}
.tabs li a {display:block;width:100%;height:100%;line-height:36px;}


/* alumni 추가 */
.alumni {display:flex;}
.alumni > div {width:calc(( 100% - 60px ) /4);margin:0 20px 0 0;}
.alumni h5 {font-size:24px;color:#283e7d;font-weight:600;margin:0 0 20px;}
.alumni ul li {border:1px solid #ddd;padding:20px;margin:0 0 10px;}
.alumni ul li h6 {color:#111;font-size:16px;margin:0 0 5px;padding:5px 0 5px 28px;background:url('../images/sub/alumni_icon.png') left center no-repeat;background-size:20px;}
.alumni ul li p {color:#616161;font-size:14px;}





/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {

	body {
		min-width:320px; width:100%; height:100%;
		max-width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header {height:90px; min-width:auto;}
	#header_content {height:90px; width:100%;}
	#header_content .logo {top:25px; left:20px;}
	#header_content .logo img {height:35px;}

	#header_content #home_menu {top:10px;right:15px;}


	


	#gnb {display:none;}
	.top_menu {display:none;}
	.mob_none {display:none;}

	/* nav */
	#top_right {float:right; margin: -55px 20px 0 0;}
	.allmenu {/*position:absolute; top:35px; right:15px; z-index:1000; display:block; cursor:pointer;*/ position:relative;}
	#menu-icon2{
	  position: relative;
	  width: 30px;
	  height: 20px;
	  transform: rotate(0deg);
	  transition: 0.5s ease-in-out;
	  cursor: pointer;
	}
	#menu-icon2 span{
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #fff;
	  opacity: 1;
	  left: 0;
	  transform: rotate(0deg);
	  transition: 0.25s ease-in-out;
	}
	#menu-icon2 span.short {
		width:20px;
		left:10px;
	}
	#menu-icon2 span:nth-child(1){top: 0px;}
	#menu-icon2 span:nth-child(2){top: 8px;}
	#menu-icon2 span:nth-child(3){top: 17px;}
	#menu-icon2.open span:nth-child(1) {
	  top: 6px;
	  transform: rotate(-45deg);
	}
	#menu-icon2.open span:nth-child(2) {
	  opacity: 0;    /*클릭하면 중간선이 사라집니다.*/
	}
	#menu-icon2.open span:nth-child(3) {
	  top: 6px;
	  transform: rotate(-135deg);
	  width:30px;
	  left:0;
	}
	nav {position:absolute; top:90px; right:0; width:100%; text-align:left; z-index:1100;}
	#nav {display:block;}
	#nav li {position:relative; border-top:1px solid #0f172e; background:#152144;}
	#nav li a {position:relative; color:#fff; font-size:15px; font-weight:600; display:block; padding:16px 20px;line-height:15px;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav > li > ul {}
	#nav > li > ul > li {border-bottom:none; border-top:1px solid #dfdfdf;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#222; font-size:14px; background:#fff; font-weight:500;  padding:16px  20px 16px 30px;line-height:15px;}



	#mainvisual {height:1140px;}
	#mainvisual .slideshow {width:100%; height:1140px; top:0; left:0; margin-left:0;}
	#mainvisual .slideshow .bx-slider {height:1140px;}
	#mainvisual .slideshow .bx-slider li { height:1140px; }
	#mainvisual .slideshow .bx-slider li .full_img {height:1140px;background-size:200% auto;background-position:60% 0;background-color:#0d1d32;}


	#mainvisual .main_txt {
		width:auto;
		margin:0 auto;
		padding:120px 20px 0;
		height:auto;
		left:0; top:0;
		margin-lefT:0;
	}
	#mainvisual .main_txt .txt1 {width:auto;font-size:18px; line-height:18px;}
	#mainvisual .main_txt .txt2 {font-size:27px; line-height:36px;}




	/* section01*/
	.section01 {width:auto; margin:0 auto;top:330px}
	.section01 .welcome{float:none;width:auto;margin:0 0 50px 0;padding:0 20px;}
	.section01 .welcome h3{font-size:22px;line-height:29px;margin:0 0 20px 0;}
	.section01 .welcome p {font-size:14px; line-height:25px;}

	.section01 .notice{float:none;width:auto;padding:0 20px;position:relative;}
	.section01 .notice h3{font-size:22px;margin:0 0 20px 0;}
	.section01 .notice .plus {position:absolute; top:0;right:20px;}
	.section01 .notice ul {padding:5px 20px 10px; }
	.section01 .notice ul li {margin:25px 0 ;}
	.section01 .notice ul li a{padding-left:52px;}
	.section01 .notice ul li a .date{top:5px;left:0;width:50px;font-size:10px;}
	.section01 .notice ul li a .date span{ font-size:22px;}
	.section01 .notice ul li a .title{font-size:15px; line-height:25px;}
	.section01 .notice ul li a .text{font-size:13px;line-height:13px;}



	/* section02 */
	.section02 {background:none}
	.section02 .sec2_in {width:auto;}
	.section02 .sec2_in .pubbox01 {float:none;width:auto;padding:45px 20px 60px;
		background: #363f59;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #363f59, #152144);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #363f59, #152144); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	}
	.section02 .sec2_in .pubbox01 .plus{position:Absolute; top:45px; right:20px;}
	.section02 .sec2_in .pubbox01 h3{font-size:22px; padding:0 0 20px;}
	.section02 .sec2_in .pubbox01 .pub_slide li{height:auto;font-size:13px; line-height:22px;}

	.section02 .sec2_in .pubbox01 .bx-controls-direction { bottom:0;}
	.section02 .sec2_in .pubbox01 .bx-controls-direction a{width:35px;height:35px;}
	.section02 .sec2_in .pubbox01 .bx-controls-direction a.bx-prev{background-size:35px;}
	.section02 .sec2_in .pubbox01 .bx-controls-direction a.bx-next{background-size:35px;}
	.section02 .sec2_in .pubbox02 {float:none;width:auto;}
	.section02 .sec2_in .pubbox02 .pub_slide2 li {height:auto;}
	.section02 .sec2_in .pubbox02 .pub_slide2 li img {max-height:auto;position:static;}




	/*footer*/
	#footer {padding:50px 20px;border-top:1px solid #ddd;}
	#footer_content {width:auto;}
	#footer_content address {font-size:12px; line-height:22px; }

	#quick_menu{display:none !important;}

	/* sub */
	#subvisual {width:100%;height:250px;overflow:hidden;}
	#subvisual .s_img {width:100%; height:250px;background-size:cover;}
	.subvisual1 .s_img{ background:url('../images/sub/subvisual01.jpg') center center no-repeat;}
	.subvisual2 .s_img{background:url('../images/sub/subvisual02.jpg') center center no-repeat;}
	.subvisual3 .s_img{ background:url('../images/sub/subvisual03.jpg') no-repeat;background-position:right -315px center;}

	#subvisual .sub_txt {width:auto; padding:110px 20px 0;}

	#subvisual .sub_txt .txt1 {width:270px;padding:0 0 15px 0;font-size:14px; line-height:14px;}
	#subvisual .sub_txt .txt2 {font-size:26px; margin:15px 0 0 0;}


	#leftmenu {display:none;}
	#cont {width:auto; padding:60px 15px 0;}
	#subtitle {margin:0 0 50px 0;}
	#subtitle h2 {font-size:26px;}

	/* 서브공통 */
	.subpage h4{font-size:18px;letter-spacing:-0.02em;color:#333;line-height:28px;}
	.subpage h5{font-size:16px;letter-spacing:-0.02em;color:#333;line-height:26px;}
	.subpage p{font-size:14px;letter-spacing:-0.02em;color:#333;line-height:25px;}

	
	/* 01-01 About lab */
	.about{position:relative;padding:0 0 80px 0;}
	.about > div {float:none;width:100%;}
	.about > div:first-child {padding:0 0 20px 0;}
	.about > div span {margin:0 0 20px 0;width:100%;}
	.about > div span img {width:100%;}
.about > div.typo {right:0;bottom:0;font-size:42px;text-align:right;}


	/* 01-02 Contact us */
	.contact {padding:0 0 100px 0;}
	.contact .bluebox {left:50%;width:94%;height:auto;padding:20px 15px;transform:translate(-50%, 0);}
	.contact .bluebox h3 {font-size:16px;}
	.contact .bluebox h3 span {font-size:21px;}
	.contact .bluebox ul li {line-height:20px;font-size:14px;}

	/* 02-01 professor */
	.professor > div {width:100%;height:auto;padding:0 0 60px 0;}
	.professor > div .fix img {position:static;margin:0 auto;width:70%;display:block;padding:60px 0 0 0;}
	.professor > div .typo{position:absolute;display:block;top:0;left:0;font-size:18px;transform:rotate(0);}
	.professor > div .txt {overflow-y:visible;height:auto;padding:40px 15px 0;background-position:left 0 top 40px;}
	.professor > div .txt h3 {font-size:22px;}
	.professor > div .txt ul {margin:20px 0 30px;}
	.professor > div .txt ul li {font-size:16px;line-height:26px;}
	.professor > div .txt p {font-size:16px;line-height:26px;}
	.professor > div .txt table td {font-size:14px;}
	.professor > div .txt table td.line {padding:5px 0 0 0;}

	/* 03-01 research */
	.research > div > h4{margin:20px 0 40px;}
	.research ul li h4 {padding:8px 15px;line-height:22px;background-size:cover;}
	.research ul li {margin:0 0 40px 0;}
	.research ul li div {padding:20px 15px;}
	.research ul li div p {float:none;width:100%;margin:0 0 20px 0;}
	.research ul li div span {float:none;width:100%;}
	.research ul li div span img {max-width:100%;}

	.alumni {flex-direction: column;}
	.alumni > div {width: 100%;margin:0 0 40px;}



}