@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;}

/*** desktop ***********************************************************************************************************************/
body {min-width:1200px; letter-spacing:-0.03em;}
#mainContainer {position:relative; width:100%; height:100%; min-height:950px;}
#slider {position:absolute; top:0; left:0; width:100%; height:950px; z-index:800;}
#slider .bx-slider {position:absolute; width:100%; height:950px; top:0; left:0; overflow:hidden;}
#slider .bx-slider li {float:left; width:100%; height:100%; background-position:center; background-repeat:no-repeat; overflow:hidden; position:absolute;}
#slider .main_bg1 {background-image:url('../images/main/main_bg1.jpg');}
#slider .main_bg2 {background-image:url('../images/main/main_bg2.jpg');}
#slider .main_bg3 {background-image:url('../images/main/main_bg3.jpg');}

#header {width:100%; z-index:999; height:80px; position:relative;
	background-image:url('../images/common/header_bg.png');
	background-repeat:repeat;
	background-position:0 0;
}
#header_content {*zoom:1; width:1200px; margin:0 auto; position:relative;height:80px;}
#header_content .logo a {z-index:999; display:block; position:absolute; top:6px; left:0;}

/* gnb */



#gnb {position:absolute;right:0;top:0;height:80px; z-index:999;}
#gnb ul {*zoom:1; position:relative; height:80px; z-index:999; }
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; font-size:16px; line-height:80px;letter-spacing:-0.03em; margin:0 0 0 70px; font-weight:600; }

#gnb ul li a{display:block; color:#fff; text-decoration:none; height:46px; 
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
}

#gnb div.submenu {display:none; position:absolute; top:80px; z-index:999; width:200px;padding:15px 0;
	background-image:url('../images/common/header_bg.png');
	background-repeat:repeat;
	background-position:0 0; 
}

#gnb div.submenu ul {margin:0; height:auto;}
#gnb div.submenu ul li {float:none; font-size:15px; padding:0; height:auto; line-height:40px; font-weight:400; text-align:center; background:none; margin:0; }
#gnb div.submenu ul li a {height:auto; display:block; color:#fff; padding:0;}
#gnb div.submenu ul li a:hover, #gnb div.submenu ul li a:focus {text-decoration:underline;}
#gnb ul li.m1 div.submenu {left:20px;}
#gnb ul li.m2 div.submenu {left:185px;}
#gnb ul li.m3 div.submenu {left:340px;}
#gnb ul li.m4 div.submenu {left:500px;}
#gnb ul li.m5 div.submenu {left:660px;}
#gnb ul li.m6 div.submenu {left:790px;}



/* 
#gnb {position:relative; width:100%; height:80px; width:1200px; margin:0 auto;}
#gnb ul {*zoom:1; position:relative; margin:0 0 0 300px; z-index:999; height:80px;}
#gnb ul:after {content:" "; display:block; clear:both;}
#gnb ul li {float:left; height:80px; font-size:16px; font-weight:800; margin:0 0 0 70px;}
#gnb ul li a {display:block; color:#fff; text-decoration:none; height:46px; padding:34px 0 0;
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
}
#gnb ul li a:hover ,
#gnb ul li.on a {color:#19335e;}
#gnb ul li:first-child {margin-left:0; background:none;}
#gnb div.submenu {display:none; position:absolute; top:70px; left:0; z-index:100;}
#gnb div.submenu ul {margin:0; padding:0; height:50px;} 
#gnb div.submenu ul li {float:left; height:auto; line-height:40px; padding:15px 0 0; font-size:16px; font-weight:400; background:none; margin:0;}

#gnb ul li.m5 div.submenu ul {text-align:right;}
#gnb ul li.m5 div.submenu ul li{display:inline-block;float:none;width:auto;}


#gnb div.submenu ul li a {color:#232f3f; text-decoration:none; display:block; padding:0 30px 0 0;}
#gnb div.submenu ul li.on a,
#gnb div.submenu ul li a:hover {color:#19335e; height:40px;}

#gnb ul li.m1 div.submenu {left:0; background:url('../images/common/menu_on.png') 50px 0 no-repeat;}
#gnb ul li.m2 div.submenu {left:120px; background:url('../images/common/menu_on.png') 100px 0 no-repeat;}
#gnb ul li.m3 div.submenu {left:170px; background:url('../images/common/menu_on.png') 200px 0 no-repeat;}
#gnb ul li.m4 div.submenu {left:500px; background:url('../images/common/menu_on.png') 30px 0 no-repeat;}
#gnb ul li.m5 div.submenu {right:0; background:url('../images/common/menu_on.png') 690px 0 no-repeat;}
#gnb ul li.m6 div.submenu {left:680px; background:url('../images/common/menu_on.png') 150px 0 no-repeat;}

.submenu_bg {display:none; position:absolute; top:80px; left:0; width:100%; height:50px; background:#fff; z-index:10;} */

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

#content {width:1200px; margin:0 auto; padding:120px 0; position:relative; z-index:990;}
.section {*zoom:1;}
.section:after {content:" "; display:block; clear:both;}
.section .col {float:left; width:380px; box-sizing:border-box; height:580px; background:url('../images/main/con_bg.png') repeat;
	padding:40px 20px 0;
	margin:0 0 0 30px;
}
.section .col:first-child {margin:0;}
.section .col h2 {text-align:center; font-size:25px; font-weight:800; color:#07aa5d; line-height:25px; margin:0 0 20px 0;}
.section .col a.more {text-align:center; display:block; font-size:0; line-height:0; margin:0 0 30px 0;}
.section .col a.more img {
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
}
.section .col a.more:hover img {
	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;
}
.section .col div {padding:20px 0; 
	background-image:url('../images/main/dot_gray.png');
	background-repeat:repeat-x;
	background-position:0 0;
}
.section .col div.first {background:none; padding-top:0;}
.section .col dl dt {font-size:18px; font-weight:600; color:#fff; line-height:19px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
	margin:0 0 19px 0;
}
.section .col dl dd {font-size:14px; font-weight:500; color:#aaa; line-height:20px; overflow:hidden;}
.section .col dl dd a {color:#aaa;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
.section .col dl dd a:hover {color:#fff;}
.section .column1 dl {margin:0 0 8px 0;}
.section .column1 dl dd {height:40px;}
.section .column2 dl dd {height:64px; text-align:justify;}
.section .column1 .date {display:block; font-size:14px; font-weight:500; color:#fff; text-align:right;}
.section .column3 {display:table;}
.section .column3 div {padding:25px 0; cursor:pointer;}
.section .column3 div dl dd {
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
}
.section .column3 div dl dt a img {
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
}
.section .column3 div:hover dl dt a img {
	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;
}
.section .column3 div:hover dl dd {color:#fff;}
.section .column3 dl {display:table-cell; vertical-align:middle;}
.section .column3 dl dt {font-size:20px; color:#fff; line-height:20px; margin:0 0 23px 0;}
.section .column3 dl dt span {min-width:115px; margin:0 15px 0 0; display:inline-block; vertical-align:middle;}
.section .column3 dl dt a {display:inline-block; vertical-align:middle;}
.section .column3 dl dd {font-size:14px; font-weight:500; color:#aaa; line-height:22px;}
.section .column3 p {display:table-cell; vertical-align:middle; padding:0 0 0 65px;}
.section .column3 p img {
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    will-change: transform;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.section .column3 div:hover p img {
	-webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}
 
/*Quick Menu */
#quick_menu {position:fixed; bottom:500px; margin:0 0 0 555px; width:65px; left:50%;
	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 */
#subContainer {background:#22414e;}
#container {background:#fff; width:100%;}

/*#con_area h3.c_tit{font-size: 22px; font-weight: 600; color: #111; padding:0 0 0 30px; background:url('../images/sub/c_tit.png') 0 5px no-repeat; margin:0 0 20px 0;}*/

/**/
#subvisual {height:140px;}
.sub_center {width:1200px; height:100%; margin:0 auto; text-align:right; display:table;}
.sub_center h2 {display:table-cell; vertical-align:middle; font-size:35px; font-weight:800; color:#fff;}

#contents {width:1200px; margin:0 auto; padding:70px 0 0;}
#con_area {min-height:320px; padding:0 0 80px 0;}

#subtitle {*zoom:1; margin:0 0 65px 0;}
#subtitle:after {content:" "; display:block; clear:both;}
#subtitle h3 {float:left; font-size:50px; font-weight:800; color:#111; line-height:50px;}
#subtitle .path {float:right; font-size:14px; font-weight:500; color:#aaa; line-height:14px;}

/* 01_01 */
.intro{*zoom:!;}
.intro_top{width:100%;height: 250px;background:url('../images/sub/about_top.jpg') 0 0 no-repeat;box-sizing: border-box;padding:80px 0 0 60px;margin-bottom: 50px;}
.intro_top h3{font-size: 28px;font-weight: 600; line-height: 50px;color: #fff;}
.intro_top h3 .red{color:#00b0ec;}
.intro_top h3 .green{color:#00ada9;}
.intro_top h3 .sky{color: #e84160;}
.intro_top h4{font-size: 30px; font-weight: 600;color: #fff;}
.intro .boxing{font-size: 18px; line-height: 35px;letter-spacing: -0.04em;margin: 0 0 70px 0;text-align: justify;color: #333;}
.intro .boxing span.green{font-size: 30px;font-weight: 600;color: #12b0c8;}
.intro .boxing strong{font-weight:600;color:#111;}

.intro .pj_boxing {margin-bottom: 70px;}
.intro .pj_boxing .c_tit{color:#fff;padding:10px 10px 10px 55px;  background:url('../images/sub/c_tit_240228.png') 25px 15px no-repeat #224776; font-size: 22px; font-weight: 600;}

.intro .pj_boxing ul li{ padding:10px 10px 10px 37px; border-bottom:1px solid #ddd; font-size:16px; color:#333; letter-spacing: -0.03em; background:url('../images/sub/black_dot.png') 28px 17px no-repeat;}

.intro .eq_boxing {margin-bottom: 70px;}
.intro .eq_boxing .c_tit {
	color: #fff;
	padding: 10px 10px 10px 55px;
	background: url(../images/sub/c_tit_240228.png) 25px 15px no-repeat #224776;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.intro .eq_boxing ul:after{content:""; display: block;clear: both;}
.intro .eq_boxing ul li{width:285px; float:left;margin:0 0 20px 20px;}
.intro .eq_boxing ul li.first {margin:0 0 20px 0;}
.intro .eq_boxing ul li p{display:table; width:100%; height:45px; padding:10px 0;text-align:center; color:#224776; background-color:#f3f3f3;font-size:15px; font-weight:900; line-height:18px;border-bottom:1px solid #ddd;}
.intro .eq_boxing ul li p span{display:table-cell; vertical-align:middle;}




/* 01_02 */
.map_area .map_top {margin:0 0 10px 0;}
.map_area .map_top tbody th {background:#111e34; padding:15px 0; font-size:20px; font-weight:800; color:#fff;}
.map_area .map_top tbody th span {display:inline-block; vertical-align:middle; margin:0 30px 0 0;}
.map_area .map_top tbody td {background:#efefef; padding:15px 20px 15px 40px; font-size:17px; font-weight:600; color:#111;}
.map_area .map {border:2px solid #e1e1e1; height:410px; box-sizing:border-box; margin:0 0 40px 0;}

.map_area .map_info ul {*zoom:1; border-top:2px solid #111e34; border-bottom:1px solid #d1d1d1; padding:20px 0;}

.map_area .map_info ul li {font-size:17px; font-weight:400; color:#111; padding:10px 0 10px 240px;line-height:30px;
	background-image:url('../images/sub/contact_tel.png');
	background-repeat:no-repeat;
	background-position:150px 0;
}
.map_area .map_info ul li strong {display:inline-block ;width:170px;font-weight:800; }





/* 02_01 */
.professor .prof_top {*zoom:1; padding:25px;background-color: #f5f6f7; box-sizing:border-box; margin:0 0 66px 0;}
.professor .prof_top:after {content:" "; display:block; clear:both;}
.professor .prof_top p {float:left; width:210px;}
.professor .prof_top .right {float:left; width:900px; padding:25px 0 0; margin:0 0 0 40px;}

.professor .prof_top .right h5 {padding:0 0 0 28px; font-size:25px; font-weight:800; line-height:30px; margin:0 0 20px 0;
	color:#111;
	background-image:url('../images/sub/c_tit_240228.png');
	background-repeat:no-repeat;
	background-position:0 6px;
}

.professor .prof_top .right h5 strong {font-size:18px; font-weight:400; color:#454545;}
.professor .prof_top .right h5 span {display:block; font-size:16px; font-weight:600; color:#06245f;}

.professor .prof_top .right ul li {padding:0 0 0 50px; font-size:16px; font-weight:400; color:#252525; line-height:35px;
	background-repeat:no-repeat;
	background-position:23px 8px;
}
.professor .prof_top .right ul li.p01 {background-image:url('../images/sub/prof_tel.png');}
.professor .prof_top .right ul li.p02 {background-image:url('../images/sub/prof_fax.png');}
.professor .prof_top .right ul li.p03 {background-image:url('../images/sub/prof_mail.png');}
.professor .prof_top .right ul li.p04 {background-image:url('../images/sub/prof_add.png');}

.professor .prof_center {margin:0 0 100px 0;}
.professor .prof_center h5 {padding:0 0 0 30px; font-size:25px; font-weight:800; line-height:40px; margin:0 0 20px 0;
	color:#111;
	background-image:url('../images/sub/c_tit_240228.png');
	background-repeat:no-repeat;
	background-position:0 10px;
}
.professor .prof_center table {border-top:2px solid #19335e; border-bottom:2px solid #d1d1d1;}
.professor .prof_center table .first {background:none;}
.professor .prof_center table th {font-size:16px; font-weight:800; color:#111; text-align:left; line-height:30px; padding:15px 10px 15px 25px;border-bottom:1px solid #ddd;}
.professor .prof_center table td {font-size:16px; font-weight:400; color:#333; padding:15px 10px; border-bottom:1px solid #ddd;}
.professor .prof_center ul {border-top:2px solid #19335e; padding:30px; border-bottom:1px solid #d1d1d1;}
.professor .prof_center ul li {padding:0 0 0 16px; font-size:16px; font-weight:400; color:#353535; line-height:32px;
	background-image:url('../images/sub/navy_dot.png');
	background-position:0 13px;
	background-repeat:no-repeat;
}


/* 03_01 */
.research img {max-width:100%; }







/* footer */
#footer {width:100%; clear:both; background:#101629;}
#footer_content {padding:44px 0; text-align:center;}
#footer_content address {font-size:14px; font-weight:500; color:#d0d3d8; line-height:25px;}
#footer_content p.copy {font-size:14px; font-weight:500; color:#898f97; line-height:25px;}
#footer_content p.copy a {color:#898f97;}
#footer_content p.copy a:hover {color:#fff;}

/**** mobile layout *************************************************************************************************************/
@media screen and (max-width:640px) {
	body {min-width:340px; width:100%; height:100%;}

	#slider {height:100%;}
	#slider .bx-slider {height:100%;}
	#slider .bx-slider li {background-size:cover;height:100%;}
	.bx-wrapper {height:100%;}
	#header {width:100%; z-index:999; height:80px; position:relative;
	background-image:url('../images/common/header_bg.png');
	background-repeat:repeat;
	background-position:0 0;
	}
	.bx-viewport{height:100%;}

	#header_content {width:auto; padding:0 10px;}
	#header_content .logo a {width:70%; position:relative; left:-10px;}
	#header_content .logo img {max-width:100%;}
	
	/* nav */
	#nav {display:block; z-index:1000;}
	#nav {position:absolute; top:80px !important; right:0; width:100%; text-align:left; z-index:900; border-top:1px solid #555; 
		background:url('../images/common/submenu_bg.png') repeat; 
	}
	#nav li {position:relative; border-bottom:1px solid #555; letter-spacing:-0.025em;}
	#nav li a .arrow {position:absolute; top:50%; right:10px; z-index:900;}
	#nav li a .arrow img {width:9px; height:6px;}
	#nav li a {position:relative; color:#fff; font-size:14px; font-weight:600; display:block; line-height:130%; padding:12px 22px 12px 10px;}
	#nav li ul {background:#121B2D;}
	#nav li ul li {border-bottom:none; border-top:1px solid #030813;}
	#nav li ul li:first-child {border-top:none;}
	#nav li ul li a {color:#fff; font-size:13px; font-weight:600; background:none; line-height:130%;}


	#gnb{display:none;}
	.allmenu_bt {display:block; position:absolute; top:30px; right:20px; z-index:1000; width:35px;}
	.allmenu_bt a {display:inline-block;}
/* 	.allmenu_bt img {max-width:100%;} */
	.allmenu_bt img {width:100%;}

	/* main */
	#content {width:auto; padding:100px 10px;}

	.section .col {width:100%; float:none; height:auto; padding:40px 20px; margin:30px 0 0;}
	.section .col h2 {font-size:20px; line-height:18px;}
	.section .col a.more {width:20px; margin:0 auto 20px;}
	.section .col a.more img {max-width:100%;}
	.section .col dl dt {font-size:16px; margin:0 0 10px 0;}

	.section .column3 {*zoom:1; display:block; padding:0;}
	.section .column3:after {content:" "; display:block; clear:both;}
	.section .column3 .quick03 {border-top:1px dotted #62666c; background:none;}
	.section .column3 .quick02 {border-left:1px dotted #62666c; background:none;}
	.section .column3 .quick04 {border-top:1px dotted #62666c; background:none; border-left:1px dotted #62666c;}
	.section .column3 div {box-sizing:border-box; width:50%; float:left; text-align:center; padding:30px 0;}
	.section .col div.first {padding-top:30px;}
	.section .column3 dl {display:block; margin:0 0 20px 0;}
	.section .column3 dl dt span {min-width:auto; display:block; margin:0;}
	.section .column3 dl dt a {display:none;}
	.section .column3 dl dd {display:none;}
	.section .column3 p {display:block; padding:0;}

	/*Quick Menu */
	#quick_menu {display:none;}

	/* sub */
	.sub_center {width:100%;}
	.sub_center h2 {font-size:28px; padding:0 10px 0 0;}
	#contents {width:auto; padding:50px 10px;}
	#subtitle {margin:0 0 50px 0;}
	#subtitle h3 {float:none; font-size:25px; line-height:20px; margin:0 0 10px 0;}
	#subtitle .path {float:none; text-align:right;}
	
    

    /* 01_01 */
    .intro{*zoom:!;}
    .intro_top{background:url('../images/sub/about_top.jpg') 100% 0 repeat;padding:30px 40px 30px 30px ;margin-bottom: 50px;background-size:cover;height: auto;}
    .intro_top h3{font-size: 23px;line-height: 26px;margin:0 0 15px 0;}
    .intro_top h4{font-size: 19px;word-break:keep-all;}
    
    .intro .boxing{font-size: 14px; line-height: 30px;}
    .intro .boxing span.green{font-size: 22px;}
    
    .intro .pj_boxing .c_tit{background:url('../images/sub/c_tit.png') 25px center no-repeat #224776; font-size: 18px;}

    .intro .pj_boxing ul li{font-size:14px;}
    .intro .eq_boxing .c_tit{background:url('../images/sub/c_tit.png') 25px center no-repeat #224776; font-size:18px;}
    .intro .eq_boxing ul li{width:100%; margin:0 0 20px 0;text-align: center;}
    .intro .eq_boxing ul li.first {margin:0 0 20px 0;}
	.intro .eq_boxing ul li p{ width:285px;margin:0 auto;}



	/* 02_01 */
	.professor .prof_top p {float:none; width:auto;}
	.professor .prof_top p img{width:150px;}
	.professor .prof_top .right {float:none; width:auto; padding:25px 0 0; margin:0 0 0 0;}

	.professor .prof_top .right h5 {padding:0 0 0 28px; font-size:20px;line-height:30px;}
	.professor .prof_top .right h5 strong {font-size:15px;}
	.professor .prof_top .right h5 span { font-size:13px;}

	.professor .prof_top .right ul li { font-size:14px; line-height:30px;}
	.professor .prof_center h5 {font-size:20px;	}
	.professor .prof_center table th {font-size:13px; line-height:20px; padding:10px 5px;vertical-align:middle;}
	.professor .prof_center table td {font-size:13px; padding:15px 10px;}
	.professor .prof_center ul li {padding:0 0 0 13px; font-size:13px; line-height:26px;margin:0 0 5px 0;
		background-position:0 10px;
	}



	/* 01_02 */

	.map_area .map_top tbody th {padding:15px 0; font-size:14px; font-weight:400; word-break:keep-all;}
	.map_area .map_top tbody th span {display:block;  margin:0 0 10px 0;}
	.map_area .map_top tbody td {padding:5px 5px 5px 10px; font-size:14px; font-weight:400;  word-break:keep-all;text-align:center;}
	.map_area .map {height:300px;}

	.map_area .map_info ul li {font-size:14px;padding:10px 0 10px 50px;line-height:30px;background:none;
	}


	
	/* 03_01 */
	.research img {max-width:100%; }



	/* footer */
	#footer {}
	#footer_content {padding:30px 20px;}
	#footer_content address {font-size:13px; line-height:22px;}
	#footer_content p.copy {font-size:13px; line-height:22px;}
	#footer_content p.copy a {display:block;}
	
}

@media screen and (max-width:320px) {

	    /* 01_01 */

    .intro_top h3{font-size: 20px;line-height: 23px;}
    .intro_top h4{font-size: 17px;}

}