@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:1400px;}

#header {width:100%; height:120px; /*position:absolute; top:0; left: 0;*/ z-index:2000; background:#fff;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}

#header .header_line {height:20px;background:#1f3e96;}

/* #header:hover {background: url(../images/main/white_opa_90.png) 0 0 repeat;} */
#header_content {*zoom:1; width:1400px; margin:0 auto; position:relative; height:100px;}
#header_content:after {content:" "; display:block; clear:both;}
#header_content .logo {position:absolute; top:10px; left:0;z-index:1001;}
#header_content .logo a {display:block; z-index:1001;}

#header_content #home_menu {position:absolute; top:5px; right:3px; z-index:2000;}
#header_content #home_menu ul {*zoom:1;}
#header_content #home_menu ul:after {content:" "; display:block; clear:both;}
#header_content #home_menu ul > li {float:left;}
#header_content #home_menu ul > li:nth-child(2) {margin:0 10px; font-size:8px; padding-top:1px;}
#header_content #home_menu ul > li a{display:block; width:100%; height:100%; text-align:center; color:#999; font-size:13px; font-weight:400;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
}
#header_content #home_menu ul > li.bk a {color:#fff; background:url('../images/main/home_bk.jpg') 0 0 repeat-x; border-radius:5px; width:90px; height:20px; line-height:20px; font-size:12px; font-weight:600;}
#header_content #home_menu ul > li a:hover, #header_content #home_menu ul > li a:focus{color:#2d64ca !important;}



/* gnb */
nav#gnb{width:100%;height:100px;position:absolute;top:20px; z-index:1000;}
nav#gnb > ul {*zoom:1;width:1400px;margin:0 auto;box-sizing:border-box;}
nav#gnb > ul:after {content:" "; display:block; clear:both;}
nav#gnb > ul > li {text-align: center; position:relative;margin-left:55px; text-align:center; display:inline-block;}
nav#gnb > ul > li:first-child {margin:0 0 0 796px;}
nav#gnb > ul > li > a {display:block;font-size:18px; height:100px; line-height:100px; font-weight:600; color:#333; box-sizing:border-box;}
nav#gnb > ul > li > a:hover, nav#gnb > ul > li > a:focus{color:#092a7d !important;}
nav#gnb > ul > li > a span.gnb_eng {display:block; font-size:16px; color:#777; font-weight:500;}
nav#gnb > ul > li .gnb-2dep-wrap {z-index:1000;}
nav#gnb > ul > li .gnb-2dep {min-width:120px;display:none; position:absolute; top:100px; padding:20px 0; z-index:1000;}
nav#gnb > ul > li .gnb-2dep li {text-align:center; line-height:22px; 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:#333333; font-size:15px; font-weight:600; line-height:22px;
	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 span.gnb2_eng {display:block; font-weight:500; font-size:14px; color:#666;}
nav#gnb > ul > li .gnb-2dep li a:hover, nav#gnb > ul > li .gnb-2dep li a:focus {color:#205786; border-bottom:1px solid #006fca;}
nav#gnb > ul > li .gnb-2dep li a:hover span.gnb2_eng {color:#205786;}
#gnbBg_wrap {width:100%;}
#gnbBg {position:absolute; top:100px; left:0px; width:100%; padding:0; z-index:1000; background:rgba(255,255,255,0.9); display:none; border-top:1px solid #ddd;}

nav#gnb > ul > li.gnb1 .gnb-2dep {margin-left:-30px;}
nav#gnb > ul > li.gnb2 .gnb-2dep {margin-left:-25px;}
nav#gnb > ul > li.gnb3 .gnb-2dep {margin-left:-20px;}
nav#gnb > ul > li.gnb4 .gnb-2dep {margin-left:-10px;}
nav#gnb > ul > li.gnb5 .gnb-2dep {margin-left:-35px;}


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

#mainvisual {height:630px; position:relative; overflow:hidden; width:100%; z-index:999;background-image:url('../images/main/mainvisual.jpg');}
#mainvisual .slideshow {width:1400px; height:630px; margin:0 auto;}
#mainvisual .slideshow .bx-slider {position:relative; width:100%; height:630px; overflow:hidden;}
#mainvisual .slideshow .bx-slider li {float:left; width:100%; height:630px; background-position:0 50%; background-repeat:no-repeat;overflow:hidden;position:absolute;}

#mainvisual li.visual_bg1 {background-image:url('../images/main/mainvisual01.jpg');}
#mainvisual li.visual_bg2 {background-image:url('../images/main/mainvisual02.jpg');}

#mainvisual .bx-controls a{font-size:0;line-height:0;}
#mainvisual .bx-controls .bx-prev{position:absolute; top:450px;left:15%;z-index:999;width:21px; height:40px;background:url('../images/main/main_prevbtn.png') 0 0 no-repeat;}
#mainvisual .bx-controls .bx-next{position:absolute; top:450px;right:15%;z-index:999;width:21px; height:40px;background:url('../images/main/main_nextbtn.png') 0 0 no-repeat;}

#mainvisual .visual_txt {
	width:1400px;
	margin:0 auto;
	padding:220px 0 0;
	position:absolute;
	z-index:1000;
	left:50%; top:0;
	margin-left:-600px;
}

#mainvisual .visual_txt .visual_in{text-align: center; }
#mainvisual .visual_txt .visual_in h3{font-family:"raleway"; font-size:22px; line-height:50px;color: #ffffff;}
#mainvisual .visual_txt .visual_in h2{font-size:70px;line-height:70px; color: #ffffff; font-weight: 700;}
#mainvisual .bx-controls {position:relative; bottom:190px; width:1200px; left:47.5%; z-index:1001;}
#mainvisual .bx-controls:After{content:"";display: block;clear: both;}
#mainvisual .bx-pager-item {float:left; margin:0 5px 0 0;}
#mainvisual .bx-pager-item a {display:inline-block;width:30px; height:5px;background-color: #fff;font-size:0;}
#mainvisual .bx-pager-item a.active{background-color: #38a6ff;}

#container {width:100%; clear:both; z-index:1001;}

/* section1 */
.section1 {*zoom:1; width:1400px; margin:0 auto; padding:40px 0;}
.section1:after{content: "";display: block;clear: both;}
.section1 > div {float:left;width:660px;position:relative;}
.section1 > div h3{font-size:30px; font-weight:700; color:#252525; padding-bottom:32px;}
.section1 > div h3 span {font-size:22px; color:#205786; padding:0 0 0 5px;}
.section1 > div .plus{position:absolute; top:10px; right:10px; display:inline-block; width:17px; height:17px;}
.section1 > div .plus img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 > div .plus:hover img, .section1 .column .plus:focus img{transform: rotate(-180deg);}

.section1 > div ul {box-sizing:border-box; width:100%; min-height:250px;}
.section1 .notice {margin-right:80px;}
.section1 .notice ul li {width:100%; border-bottom:1px solid #eee; height:50px;line-height:50px;overflow:hidden;}
.section1 .notice ul li:last-child {margin-bottom:0;}
.section1 .notice ul li a {padding:0 20px;display: block;width:100%; height:100%; box-sizing:border-box;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .notice ul li a:after{content: "";display: block;clear: both;}
.section1 .notice ul li a .date {float:right; box-sizing:border-box; display:inline-block; color:#afafaf; font-size:15px; line-height:50px; 
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .notice ul li a .date span {font-size:15px;}
.section1 .notice ul li a div .title {float:left; width:80%; font-size:16px; font-weight:500; color:#333; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .notice ul li a div .title:before {content:"";display:inline-block;margin:0 15px 4px 0;width:5px;height:5px;background:#000;vertical-align:middle;border-radius:50%;}
.section1 .notice ul li a div .cont {font-size:15px; font-weight:400; color:#919191; line-height:1.2; height:2.4em; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:block; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .notice ul li a:hover {background:#f8f8f8;}
.section1 .notice ul li a:hover div .title {text-decoration:underline;}
.section1 .notice ul li a:hover div .cont {text-decoration:underline; color:#444;}

.section1 .gallery ul {*zoom:1;}
.section1 .gallery ul:after {content:""; display:block; clear:both;}
.section1 .gallery ul li:first-child {margin:0;}
.section1 .gallery ul li {float:left; width:150px; height:auto;margin:0 0 0 20px;}
.section1 .gallery ul li a {position:relative;display: block;width:100%; height:100%; box-sizing:border-box;}
.section1 .gallery ul li a div:first-child {width:150px; height:205px; margin:0 auto; overflow:hidden;}
.section1 .gallery ul li a div:first-child img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}

.section1 .gallery ul li a div.thumb {position:relative;overflow:hidden;width:150px; height:200px; border:1px solid #eee; box-sizing:border-box;}
.section1 .gallery ul li a div.thumb:hover:after {position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;background:url('../images/main/se_view.png') center center no-repeat;background-color:rgba(0,0,0,0.4);}
.section1 .gallery ul li a div.thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); width:100%;}
.section1 .gallery ul li a div .title {font-size:15px; font-weight:700; color:#0155b6; line-height:1; padding:10px 3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 0 10px 0;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .gallery ul li a .cont {font-size:15px; font-weight:400; color:#919191; line-height:1.2; max-height:2.4em; overflow:hidden; text-overflow:ellipsis; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .gallery ul li a .date {font-size:13px;color:#afafaf;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section1 .gallery ul li a:hover .date {color:#03121d;}
.section1 .gallery ul li a:hover .title {text-decoration:underline;}
.section1 .gallery ul li a:hover .cont {text-decoration:underline; color:#444;}

/* section2 */
.section2 {*zoom:1; width:100%; background:#f7f7f7;}
.section2 .journal {width:1400px; margin:0 auto; padding:50px 0;}
.section2 .journal h3{position:relative; font-size:30px; font-weight:700; color:#252525; padding:0 0 30px 0;}
.section2 .journal h3 .plus {position:absolute; top:10px; right:10px; display:inline-block; width:17px; height:17px;}
.section2 .journal h3 .plus img{
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section2 .journal h3 .plus:hover img, .section2 .journal h3 .plus:focus img{transform: rotate(-180deg);}
.section2 .journal ul {}
.section2 .journal ul li {position:relative;width:100%; height:170px; margin:0 0 10px 0;padding:20px 20px 20px 30px; background:#fff; border:2px solid #ddd;border-left:none;box-sizing:border-box;}
.section2 .journal ul li:last-child {margin:0;}
.section2 .journal ul li:before {content:"";display:block;position:absolute;top:0;left:0;margin:-2px 0 0 0;width:10px;height:170px;background:#243d86;z-index:200;}
.section2 .journal ul li:after {content:"";display:block;clear:both;}
/*.section2 .journal ul li div {float:left;}
.section2 .journal ul li div.thumb {float:left; width:160px; height:160px; text-align:center; overflow:hidden;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}
.section2 .journal ul li:hover .thumb img {
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-o-transition:all .3s;
	-ms-transition:all .3s;
}*/
.section2 .journal ul li .txtbox {*zoom:1; display:block; width:100%; box-sizing:border-box; cursor:pointer;}
.section2 .journal ul li .txtbox p.title {padding:0 0 10px 0;font-size:18px;font-weight:700;line-height:1;color:#333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section2 .journal ul li .txtbox p.cont {font-size:16px;line-height:22px;height:46px;color:#333;overflow:hidden; text-overflow:ellipsis; white-space:normal;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.section2 .journal ul li .txtbox p.date {font-size:15px;color:#999;padding:30px 0 0 0;}
.section2 .journal ul li:hover .thumb img {transform:scale(1.2);}
.section2 .journal ul li:hover p.title {text-decoration:underline;}
.section2 .journal ul li:hover p.date {color:#616161;}

/*Quick Menu */
#quick_menu {position:fixed; bottom:200px; margin:0 0 0 750px; width:50px; 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 */
#subvisual {height:200px; 
	background-image:url('../images/sub/subvisual.jpg');
	background-repeat:no-repeat;
	background-position:50% 0;
}
.sub_txt {width:1400px; margin:0 auto; box-sizing:border-box; text-align:right; padding:100px 0 0 ;}
.sub_txt span {display:inline-block; margin:0 10px 0 0;}

#content {*zoom:1; width:1400px; margin:30px auto 0;}
#content:after {content:" "; display:block; clear:both;}
#con_area {padding:0 0 100px 0; min-height:640px; clear:both; box-sizing:border-box;}
#leftmenu {}
#lnb {width:1400px; margin:0 auto; text-align:center; padding:35px 0;}
#lnb a {display:inline-block; box-sizing:border-box; border:2px solid #ddd; font-size:16px; font-weight:500; color:#aaa; margin:0 20px 0 0;
	width:230px; height:40px; line-height:40px; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; }
#lnb a:last-child {margin:0;}
#lnb a.on, #lnb a:hover, #lnb a:focus {border:2px solid #1d3e9b; color:#1d3e9b;}


/*footer*/
#footer {padding:70px 0; background-color:#fff; text-align: center; border-top:1px solid #f4f4f4;}
#footer_content {width:1400px; margin:0 auto;}
#footer_content address {font-size:14px;  color:#555; line-height:22px; }
#footer_content address span {display:block; font-weight:400; color:#999999; padding-top:5px;}
#footer_content address span a {color:#999999;}

.footer_logo {margin:0 0 20px 0;border:1px solid #ddd;padding:10px 0;display:inline-block;}
.footer_logo a {display:inline-block;margin:0 20px;}
.footer_logo a img {height:45px;}
.footer_logo h5 {font-size:21px;font-weight:600;color:#243d86;margin:0 0 8px 0;}

.site {padding:30px 0;background:#ddd;}
.site > div {width:1400px;margin:0 auto;}
.site > div h5 {font-size:21px;font-weight:600;color:#243d86;margin:0 0 8px 0;}
.site a {display:block;font-size:16px;font-weight:600;padding:5px 0;color:#616161;color:#111;}
.site a:hover {color:#243d86;}
.site a:before {content:"";display:inline-block;width:4px;height:4px;background:#243d86;margin:0 10px 4px 0;}



/**/
#subtitle {*zoom:1; border-bottom:1px solid #ddd; padding:0 0 30px 0; margin:0 0 40px 0;}
#subtitle:after {content:" "; display:block; clear:both;}
#subtitle h2 {display:inline-block; font-size:35px; font-weight:600; color:#252525;}



/* 01_01 */
.about {}
.about > div {margin:0 0 60px 0;}
.about > div:first-child .about_wrap {background:url('../images/sub/about01.png') 0 center no-repeat; padding:40px 30px 40px 550px;}
.about > div:last-child {background:url('../images/sub/about02_221014.png') right bottom no-repeat;}
.about h3 {font-size:22px; font-weight:800; color:#1d3e9b; margin:0 0 20px 0;}
.about .about_wrap {*zoom:1; border:1px solid #ddd; padding:30px; box-sizing:border-box;}
.about .about_wrap:after {content:""; display:block; clear:both;}
.about .about_wrap h4 {font-size:20px; color:#232323; font-weight:700; margin:0 0 20px 0;}
.about .about_wrap p {font-size:15px; line-height:22px; font-weight:500; color:#333; letter-spacing:-0.02em; word-break:break-word;text-align:justify;}
.about .about_wrap em.right {display:block; text-align:right; color:#1d3e9b; font-weight:600; padding:10px 0 0 ;}
.about .about_float {*zoom:1; width:55%;}
.about .about_float:after {content:""; display:block; clear:both;}
.about .about_float span {display:block; float:left; width:270px;}
.about .about_float span img {width:100%;}
.about .about_float p {float:left; width:400px; margin:0 0 0 20px;}


/* 01_02 */
.organi {}
.organi p {text-align:center;}
.organi p img {max-width:100%;}

/* 01_03 */
.contact {}
.contact > div {margin:0 0 25px 0;}
.contact div h5 {font-size:25px; color:#252525; font-weight:600; margin:0 0 20px 0;}
.contact table {}
.contact table th {font-size:15px; font-weight:500; color:#333; padding:12px 5px 12px 35px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; background:url('../images/sub/dot_black.png') 20px center no-repeat;}
.contact table td {font-size:15px; font-weight:500; color:#333; padding:12px 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}



/* 02_01 */
.faculty {*zoom;1;}
.faculty:after {content:""; display:block; clear:both;}
.faculty > div {*zoom:1; float:left; width:670px; margin:0 60px 40px 0;}
.faculty > div:nth-child(2n) {margin:0 0 40px 0;}
.faculty > div:nth-child(2n+1) {clear:both;}
.faculty > div:after {content:""; display:block; clear:both;}
.faculty > div .fa_img {float:left; width:200px; height:250px; text-align:center; margin:0 20px 0 0;}
.faculty > div .fa_img img {max-width:100%; height:100%;}
.faculty > div .fa_wrap {float:left; width:450px; padding:55px 0 0 0; box-sizing:border-box;}
.faculty > div .fa_wrap h4 {font-size:22px; line-height:40px; font-weight:700; color:#111111; letter-spacing:-0.03em;}
.faculty > div .fa_wrap p {font-size:15px; line-height:20px; font-weight:500; color:#1940bf; letter-spacing:-0.04em;}
.faculty > div .fa_wrap ul {border-top:1px solid #eee; margin:15px 0 0 0;}
.faculty > div .fa_wrap ul li {border-bottom:1px solid #eee; font-size:15px; padding:15px 20px; box-sizing:border-box; font-weight:500; color:#333;}
.faculty > div .fa_wrap ul li span {display:inline-block; background:url('../images/sub/dot_black.png') 0 center no-repeat; padding:0 0 0 15px; box-sizing:border-box; font-weight:600; width:90px;}
.faculty > div .fa_wrap ul li a:hover {text-decoration:underline;}

/* 02_02 */
.post {*zoom;1;}
.post:after {content:""; display:block; clear:both;}
.post > div {*zoom:1; float:left; width:670px; margin:0 60px 40px 0;}
.post > div:nth-child(2n) {margin:0 0 40px 0;}
.post > div:nth-child(2n+1) {clear:both;}
.post > div:after {content:""; display:block; clear:both;}
.post > div .post_img {float:left; width:200px; height:250px; text-align:center; margin:0 20px 0 0;}
.post > div .post_img img {max-width:100%; height:100%;}
.post > div .post_wrap {float:left; width:450px; padding:75px 0 0 0; box-sizing:border-box;}
.post > div .post_wrap h4 {font-size:22px; line-height:40px; font-weight:700; color:#111111; letter-spacing:-0.03em;}
.post > div .post_wrap p {font-size:15px; line-height:20px; font-weight:500; color:#ed1c61; letter-spacing:-0.04em;}
.post > div .post_wrap ul {border-top:1px solid #eee; margin:15px 0 0 0;}
.post > div .post_wrap ul li {border-bottom:1px solid #eee; font-size:15px; padding:15px; box-sizing:border-box; font-weight:500; color:#333;}
.post > div .post_wrap ul li span {display:inline-block; background:url('../images/sub/dot_black.png') 0 center no-repeat; padding:0 0 0 15px; box-sizing:border-box; font-weight:600; width:200px;}
.post > div .post_wrap ul li a:hover {text-decoration:underline;}



/* 03_01 */
.research {}
.research > div {margin:0 0 50px 0; padding:0 0 50px 0; border-bottom:1px solid #ddd;}
.research > div:last-child {border-bottom:none;}
.research .re_wrap {}
.research .re_wrap h4 {font-size:22px; font-weight:700; color:#193eaa;}
.research .re_wrap p {margin:20px 0; border:1px solid #f0f0f0; padding:30px; box-sizing:border-box; background:#fdfdfd; font-size:15px; color:#333333; line-height:25px;text-align:justify;}
.research .re_wrap div a {display:block; width:100%; text-align:center;}
.research .re_wrap div a img {max-width:100%; height:390px;}

/* 04_01 04_02 */
.public {}
.public > div {margin:0 0 10px 0;}
.public .pub_tabs {*zoom:1; margin:0 0 50px 0;}
.public .pub_tabs:after {content:""; display:block; clear:both;}
.public .pub_tabs li {float:left; display:block;width:calc(100% / 11);}
.public .pub_tabs li a {display:block; width:100%; min-width:100px;  padding:4px 10px; color:#999; border:1px solid #ddd; font-size:15px; font-weight:500; text-align:center; box-sizing:border-box;}
.public .pub_tabs li a.on, .public .pub_tabs li a:hover, .public .pub_tabs li a:focus {background:#1d3e9b; color:#fff;}
.public h4 {font-size:30px; color:#1d3e9b; font-weight:700;}
.public h4 .p_page {float:right; font-size:15px; color:#333; font-weight:500;}
.public .p_list {border-bottom:1px solid #ddd; padding:30px 20px;}
.public .p_list:first-child {border-top:2px solid #1d3e9b;}
.public .p_list .ptitle {font-size:18px; font-weight:600; color:#222;}
.public .p_list .psub {margin:10px 0 0 0; font-size:15px; font-weight:500; color:#999;}


/**** 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; }
	#header_content {height:90px; width:100%;}
	#header_content .logo {top:20px; left:10px;}
	#header_content .logo a {display:block; }
	#header_content .logo img {height:42px;}
	#header_content #home_menu {top:10px;right:15px;}

	.header_on{height:100px !important;position:relative !important;}
	.header_on #header_content {height:100px;}
	.header_on #header_content .logo {margin-left:0;top:45px;}
	.header_on #header_content .logo a img {height:40px;}

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

	/* nav */
	#top_right {float:right; margin: -60px 15px 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: #205786;
	  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 #edebe9; background:#fff;}
	#nav li a {position:relative; color:#000; font-size:1em; font-weight:600; display:block; line-height:130%; padding:15px 20px 15px 20px;}
	#nav li a span {padding:0 0 0 10px;}
	#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 #ddd;}
	#nav > li > ul > li > a {padding:10px 20px;}
	#nav > li > ul > li:first-child {border-top:none;}
	#nav > li > ul > li a {color:#fff; font-size:13px; background:#8795bd; font-weight:500; line-height:130%;}

	#mainvisual {height:400px;}
	#mainvisual .slideshow {width:100%; height:400px; top:0; left:0; margin-left:0;}
	#mainvisual .slideshow .bx-slider {height:400px;}
	#mainvisual .slideshow .bx-slider li { height:400px; background-size:cover;background-position:center 50%;}
	#mainvisual .visual_txt {width:100%; padding:90px 15px 0 15px; box-sizing:border-box; left:0; top:0; margin-left:0;}
	#mainvisual .visual_txt .visual_in h3{font-size:18px; line-height:24px;}
	#mainvisual .visual_txt .visual_in h2{font-size:45px; line-height:45px; margin:15px 0 0 0; word-break:keep-all;}

	#mainvisual .bx-controls {bottom:50px; width:100%; text-align:center; left:0;}
	#mainvisual .bx-controls div {display:inline-block;}
	#mainvisual .bx-pager-item a {width:10px; height:10px;}
	#mainvisual .bx-pager-item:last-child {margin:0;}

	.main-container {margin-top:0; box-sizing:border-box;}

	/* section1 */
	.section1 {width:100%; margin:0 auto; padding:40px 15px; box-sizing:border-box;}
	.section1 > div {float:none; width:100%;}
	.section1 > div h3{font-size:24px;padding:0 0 20px 0;}
	.section1 > div h3 span {font-size:20px;}
	.section1 > div .plus{top:10px; right:0; width:12px; height:12px;}
	.section1 > div .plus img{width:100%;}
	.section1 > div ul {padding:0;min-height:auto;}
	.section1 .notice {margin-right:0;}
	.section1 .notice ul li {height:auto; box-sizing:border-box; margin:0;}
	.section1 .notice ul li a{padding:20px 10px 0;}
	.section1 .notice ul li:first-child a {padding:0 10px;}
	.section1 .notice ul li a div {height:auto;}
	.section1 .notice ul li a div .title {font-size:16px;}
	.section1 .notice ul li a .date {}
	.section1 .notice ul li a div .cont {font-size:14px;}

	.section1 .gallery {margin:50px 0 0 0;}
	.section1 .gallery ul li:last-child {margin-left:0;}
	.section1 .gallery ul li {width:48%;margin:0 4% 20px 0; height:300px;}
	.section1 .gallery ul li:nth-child(2) {margin:0 0 20px 0;}
	.section1 .gallery ul li a {padding:0;}
	.section1 .gallery ul li a div:first-child {margin:0 auto 10px;}
	.section1 .gallery ul li a div .title {font-size:18px; padding:0 0 5px 0;}
	.section1 .gallery ul li a .cont {font-size:15px;}
	.section1 .gallery ul li a .date {margin:10px 0 0 0;}
	.section1 .gallery ul li a div.thumb {width:100%;}

	
	/* section2 */
	.section2 {*zoom:1; width:100%; padding:0 15px;background:#f7f7f7;box-sizing:border-box;}
	.section2 .journal {width:100%;}
	.section2 .journal h3{font-size:24px;padding:0 0 20px 0;}
	.section2 .journal h3 .plus {right:0;width:12px; height:12px;}
	.section2 .journal h3 .plus img{width:100%;}
	.section2 .journal ul li {width:100%; height:auto; margin:0 0 10px 0;padding:30px 15px; border-left:2px solid #ddd;}
	.section2 .journal ul li:before {margin:0;width:100%;height:10px;background:#243d86;z-index:200;}
	.section2 .journal ul li div {float:none;}
	/*.section2 .journal ul li div.thumb {float:none; width:100%; margin:0 auto;height:160px; text-align:center; overflow:hidden;}
	.section2 .journal ul li div.thumb img {width:100%;}*/
	.section2 .journal ul li .txtbox {width:100%;}
	.section2 .journal ul li .txtbox p.title {font-size:18px;}
	.section2 .journal ul li .txtbox p.cont {font-size:15px;}
	.section2 .journal ul li .txtbox p.date {font-size:15px; padding:20px 0 0 0;}


	/*footer*/
	#footer_content {width:auto;padding:0 15px;}
	#footer_content address {font-size:13px; word-break:keep-all;}

	/*banner*/
	.banner_slide_wrap {width:100%; margin:0 auto;}
	.banner_slider ul li {margin:0 auto;}

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

	/* sub */
	#subvisual {}
	.sub_txt {width:100%; text-align:center; padding:25px 0 ;}
	.sub_txt span {display:block; margin:0;}
	.sub_txt img {max-width:80%;}

	#content {width:100%; margin:20px auto 0; padding:0 10px; box-sizing:border-box;}
	#con_area {clear:both; min-height:320px; padding:0 0 200px 0;}
	#lnb {width:100%;  padding:20px 0;}
	#lnb a {display:block; font-size:15px; margin:0 auto 5px; width:90%; height:40px;}
	#lnb a:last-child {margin:0 auto;}

	/**/
	#subtitle {padding:0 0 15px 0; margin:0 0 30px 0;}
	#subtitle h2 {font-size:32px; line-height:34px;}
	
	
	/* 01_01 */
	.about > div:first-child .about_wrap {background-size:100%; background-position:center top; padding:90% 10px 10px;}
	.about > div:last-child {background:none;}
	.about h3 {font-size:20px;}
	.about .about_wrap {padding:15px;}
	.about .about_wrap h4 {font-size:18px; margin:0 0 15px 0;}
	.about .about_wrap p {font-size:14px; line-height:20px;}
	.about .about_float {width:auto;}
	.about .about_float span {float:none; max-width:270px; width:auto; margin:0 auto;}
	.about .about_float p {float:none; width:auto; margin:20px auto 0;;}


	/* 01_03 */
	.contact div h5 {font-size:20px; margin:0 0 15px 0;}
	.contact table th {font-size:13px; padding:8px 10px 8px 15px; background-position:5px center;}
	.contact table td {font-size:13px; padding:8px 5px;}

	/* 02_01 */
	.faculty > div {float:none; width:100%; margin:0 auto 40px;}
	.faculty > div:nth-child(2n) {margin:0 auto 40px;}
	.faculty > div .fa_img {float:none; margin:0 auto 20px;}
	.faculty > div .fa_wrap {float:none; width:100%; padding:0;}
	.faculty > div .fa_wrap h4 {font-size:18px; line-height:30px; text-align:Center;}
	.faculty > div .fa_wrap p {font-size:15px; line-height:20px;  text-align:Center;}
	.faculty > div .fa_wrap ul li {font-size:15px; line-height:22px; padding:0 0 6px 0; text-align:center;}
	.faculty > div .fa_wrap ul li span {width:auto; margin:0 auto; display:block; background:#f0f0f0; text-align:center; padding:5px; margin:0 0 6px 0;}
	.faculty > div .fa_wrap ul li a {word-break:break-all;}

	/* 02_02 */
	.post > div {float:none; width:100%; margin:0 auto 40px;}
	.post > div:nth-child(2n) {margin:0 auto 40px;}
	.post > div .post_img {float:none; margin:0 auto 20px;}
	.post > div .post_img {float:none; width:100%; padding:0;}
	.post > div .post_wrap {float:none; width:100%; padding:0;}
	.post > div .post_wrap h4 {font-size:18px; line-height:30px; text-align:Center;}
	.post > div .post_wrap p {font-size:15px; line-height:20px;  text-align:Center;}
	.post > div .post_wrap ul li {font-size:15px; line-height:22px; padding:0 0 6px 0; text-align:center;}
	.post > div .post_wrap ul li span {width:auto; margin:0 auto; display:block; background:#f0f0f0; text-align:center; padding:5px; margin:0 0 6px 0;}
	.post > div .post_wrap ul li a {word-break:break-all;}

	/* 03_01 */
	.research > div {margin:0 0 30px 0; padding:0 0 30px 0;}
	.research .re_wrap h4 {font-size:18px;}
	.research .re_wrap p {padding:10px; font-size:14px; line-height:20px;}
	.research .re_wrap div a img {max-width:100%; height:auto;}

	/* 04_01 04_02 */
	.public .pub_tabs {margin:0 0 40px 0;}
	.public .pub_tabs li a {font-size:14px;}
	.public h4 {font-size:25px;}
	.public h4 .p_page {float:none; display:block; text-align:right;}
	.public .p_list {padding:15px 10px;}
	.public .p_list .ptitle {font-size:16px;}
	.public .p_list .psub {font-size:13px;}


}

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

}

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



}