@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

body {min-width: auto!important;}
.inner {width:auto!important;}
#hd {min-width:auto!important;}
#gnb {display: block;
	width: 440px!important;
	padding:0 20px!important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;}
.gnb_1da {
	padding: 0 14px!important;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.hd_login {float:left!important;display: block;}
.hd_login li {margin: 0!important; padding:0!important;}
.hd_login a {
    padding: 6px 10px !important;
}
.visual_title p:first-child {font-size: 70px!important;	transition: all 0.5s;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transition:all 0.5s;	-o-transition:all 0.5s;}
.visual_title p:last-child {font-size: 18px!important;transition: all 0.5s;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transition:all 0.5s;	-o-transition:all 0.5s;}
.title_line {width: 380px!important;transition: all 0.5s;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transition:all 0.5s;	-o-transition:all 0.5s;}
.content_title {text-align:center; margin-top: 60px!important;-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;}
.content_img01 {
	width: 100%!important;
	height: auto!important;
	text-align: center;
	float: right!important;
	background: none!important;
	
	margin-top: 80px;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
    margin-bottom: 30px;
}
.content_img01 img {
    width: 60%!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_txt {
	width: 100%;
    height: 130px;
    float: left;
    text-align: center;
}
.content_link {
    margin-top: 2%!important;
    float: left;
    width: 100%;
    text-align: center;
}
.content_top {
	min-height: 630px;
    height:auto!important;
    background: none!important;
    margin: 0!important;
    padding: 0!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.gray_bg {
	height: 10%!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_txt p {
	margin-top: 0!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_center {margin-top: 40px;}
.content_le {
	width: 100%!important;
    height: auto!important;
    float: unset!important;
	margin-right: 0!important;
	    display: table;
    margin-bottom: 20px;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_gotext {
	padding-left: 0!important;
    padding-top: 0!important;
	    float: left;
    width: 37%;
    margin-top: 100px;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_imges {
	width: 60%!important;
	float: right;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_imges .imges_t {
    float: right!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.cn_img {
	width: 86%!important;
	height: auto!important;
    float: right!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_re {
	width: 100%!important;
    height: auto!important;
    float: unset!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}

.content_gotext h1 {
    font-size: 22px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.content_gotext p {
    font-size: 14px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}

.parallax {
    height: 500px!important;
	margin-bottom: 70px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.para_l h1 {
    font-size: 14px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.para_l h2 {
    font-size: 22px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.para_l p {
    font-size: 14px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.para_l a {
    font-size: 14px!important;
}

.para_r ul li {
    width: 20%!important;
    float: right!important;
    margin-left: 10px;
    height: 312px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.para_r {float:unset!important;}
.para_r ul li:last-child {
	min-height: 312px;
    padding: 100px 20px!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.para_r ul li:last-child h1 {
    font-size: 15px!important;
}
.para_r ul li:last-child p {
font-size: 14px!important;}
.cre_img {text-align: center;}
.creative img {
    float: unset!important;
}
.cre_txt {
    float: unset!important;
    margin-left: 0!important;
    text-align: center;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.cre_subject {
	width: 30%!important;
	-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
}
.cre_text h1 {
    font-size: 21px!important;
}
.cre_text p {
font-size: 14px!important;}
.cre_text a {
font-size: 14px!important;}
.cre_num{height: auto!important;}
.section2 { padding-top: 0!important;}

.content_top2 {
	height: auto!important;
	    margin-top: 30px!important;
    padding: 20px 40px!important;
}
.content_top2 ul li a {
    font-size: 16px!important;
}
.gray_bg2 {background:none!important;}

.more_bt {
    width: 190px!important;
    margin: 20px auto 0!important;
}
.foot_b {
width: 100%!important;
}
.fot_logo {
    float: unset!important;
    margin-right: 0!important;
    padding-top: 0!important;
}
.fot_addres {
    float: unset!important;
margin-top: 20px;
}
.fot_addres p {text-align: center!important;}
.para_r ul li img {width: auto!important;}
.m_nav {display:none;}

/* 서브페이지 공통 */
#container .sub_content {
	padding-top: 50px;
	background-color:#f5f5f5;
}
/* 서브메뉴 */
.sub_header .sub_menu_wrap {
    padding-left: 0%;
}

/* 원장인사말 */
.sub_content .intro_top .intro_left_text { font-size:24px; padding:100px 40px 0 0; }
.sub_content .intro_ceo_img { margin:50px 0; padding-top:50.5%; background:url(/img/intro_ceo.png) center/cover no-repeat; }
.sub_content .intro_right_text p { line-height:30px; font-size:18px; }

/* 연구원 소개 */
.sub_content .intro_title h2 { font-size:30px; }
.sub_content .intro_content h3 { font-size:25px; margin-bottom:10px; padding-left:20px;  }
.sub_content .intro_content h3:after { top:15px;}
.sub_content .intro_content p { font-size:16px; line-height:25px;  }
.sub_content .intro_img { background: url(/img/intro_img1.png) left center/cover no-repeat; height:250px; margin:30px 0; }
.sub_content .intro_area { padding:0px; flex-direction: column; margin-top:40px; }
.sub_content .intro_area h4 { font-size:25px; }
.sub_content .intro_area li { font-size:15px; }
.sub_content .intro_area div:nth-of-type(2) { margin:10px 0px; }
.sub_content .intro_area div:nth-of-type(1) { padding-top:200px; }
.sub_content .intro_area div:nth-of-type(2) { padding-top:200px; }
.sub_content .intro_area div:nth-of-type(3) { padding-top:200px; }

/* 회원명단 */
.sub_content .names_title h2 { font-size:25px;}
.sub_content .names_title p { font-size:16px;}
.sub_content .list_header { display:none; }
.sub_content .member_list_ul li { flex-direction: column; text-align:left; padding:10px;}
.sub_content .member_list_ul li div { width:100% !important; padding-bottom:5px;}

/* 기구조직표 */
.sub_content .present_list_box { text-align:left; }
.sub_content .present_list_box > li { width:calc(33.333333% - 30px); }
.sub_content .present_info { text-align:left; padding:15px 20px; font-size:14px; }

/* 연혁 */
.sub_content .history_menu ul li { width:calc( 100% / 6);}
.sub_content .history_menu ul li .year_btn { font-size:16px; }

/* 역대 원장 */
.sub_content .leader_item { display:flex;flex-direction: column; justify-content: center; align-items: center; }
.sub_content .leader_img img { height:100%; }
.sub_content .leader_img { width:100%; height:250px; border-left:none; border-right:none;}
.sub_content .leader_info { width:100%; padding:20px; }
.sub_content .leader_info .leader_info_num { font-size:15px; font-weight:500; color:#222 }
.sub_content .leader_info .leader_info_school { font-size:15px; }
.sub_content .leader_info .leader_info_name { position:relative; font-size:15px; margin-top:5px; color:#222; }
.sub_content .leader_info .leader_info_name span { font-weight:500; display:block; }