@charset "utf-8";
/* 헤더 */
#hd { background: #272727; z-index:99999; }

/* 서브페이지 공통 */
.sub_content {
	position: relative;
	z-index: 9;
	padding-top: 90px;
	overflow:hidden;
	width:100%;
	background-color:#f5f5f5;
}

/* 서브 공통 헤더 */
.sub_header * { 
	box-sizing:border-box; 
}

.sub_content * { 
	box-sizing:border-box;
}


.sub_header {
    margin-top: 95px;
    height: 600px;
    background: #f5f5f5 url('/img/sub_top_back.png') center top/cover no-repeat fixed;
    position: relative;
}
.sub_menu_wrap {
       position: absolute;
    bottom: -600px;
    background: #f5f5f5;
    padding: 6px 70px 0 30px;
    box-sizing: border-box;
    height: 56px;
}
.sub_menu_wrap .sub_menu_box > li {
   float: left;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    color: #848484;
    position: relative;
    line-height: 50px;
    height: 50px;
    margin: 0 10px;
}

.sub_menu_hover { 
	background:url(/img/sub_menu_bottom_arrow.png) right center no-repeat;
	    padding: 0 20px 0 0;
    cursor: pointer;
}
.sub_menu_box li:first-child img {
	height: 14px;
	margin-top: -5px;
}

.sub_menu_hover.backnone { background:none; }

.sub_menu_wrap .sub_menu_box:after {
    display: block;
    content: "";
    clear: both;
}
.sub_menu_wrap .sub_menu_box > li.sub_menu_arrow {
    min-width: 20px !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
	margin-top:5px;
}
.sub_menu_box > li:first-child {
    min-width: 50px;
	text-align: center;
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.sub_menu_in {
    display: none;
}
.sub_menu_in.show_childeMenu {
       display: block;
    border: 1px solid #dedede;
    background-color: #fafafa;
    position: absolute;
    top: 50px;
    left: 40%;
	font-weight: 300;
    transform: translateX(-40%);
    width: 190px;
    line-height: 34px;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeUpShort2;
    animation-name: fadeUpShort2;
    z-index: 999;
}
.sub_menu_in.show_childeMenu li {
    width: 100%;
	text-indent: 16px;
}
.sub_menu_in.show_childeMenu li a {
        border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    color: #3c3c3c;
}

.sub_menu_in.show_childeMenu li a:hover {
	background-color: #fff;
    font-weight: 400;
}

.sub_menu_in.show_childeMenu li:last-child a {
	border-bottom:none;
}

.group_2th { font-weight:500; }
.group_2th a { color:#aaa !important; }
.sub_menu_in.show_childeMenu li.group_2th a:hover { background-color:#fafafa!important; }

@keyframes fadeUpShort2 {
    0% {
        opacity: 0;
        top: 30px;
    }
    100% {
        opacity: 1;
        top: 50px;
    }
}

.sub_title { 
	background-color: rgb(76 76 76 / 68%);
	padding:30px 40px 40px;
	color:#fff;
	float:right;
	width:427px;
	margin-top:13%;
	font-size:15px;
}

.sub_group_title {
	font-weight:bold;
	font-size:34px;
	margin-bottom:15px;
}

/* 원장인사말 */

.intro_top:after { display:block; content:""; clear:both; }
.intro_top .intro_left_text {     float: left;
    width: 40%;
    padding: 90px 80px 0 0;
    font-size: 28px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -1px;
    color: #333;}
.intro_top .intro_left_text span { display:block; font-size:40px; }
.intro_top .intro_left_text span:last-child { margin-top:20px; }
.intro_top .intro_right_text { float:right; width:60%; }
.intro_right_text h2 { font-size: 40px;
    font-weight: bold;
    margin-bottom: 70px;
    letter-spacing: -1px;
    color: #676767; }
.intro_right_text p { line-height: 36px;
    font-size: 16px;
    color: #525252; }

.intro_ceo_img { margin:50px 0; background:url(/img/intro_ceo.png) right 0px center no-repeat; padding-top:30.5%; }
.intro_last { font-weight:bold; margin:20px 0 100px; font-size: 18px!important;}

.intro_banner { background-color:#e8e8e8; padding:80px 0 70px; }
.intro_banner ul li { float:left; }
.intro_banner ul li p { font-weight:500; font-size:16px; padding:12px 0 0px 10px;     color: #5f5f5f;}
.intro_banner ul:after { display:block; content:""; clear:both; }
.intro_banner ul li:nth-of-type(1) { width:50%; padding-right:10px; }
.intro_banner ul li:nth-of-type(2) { width:25%; padding:0 5px; }
.intro_banner ul li:nth-of-type(3) { width:25%; padding-left:10px; }
.intro_banner_img1 { background:url(/img/intro_banner1.png) center/cover no-repeat; width:100%; height:200px; }
.intro_banner_img2 { background:url(/img/intro_banner2.png) center/cover no-repeat; width:100%; height:200px; }
.intro_banner_img3 { background:url(/img/intro_banner3.png) center/cover no-repeat; width:100%; height:200px; }

/* 연구원 기구조직표 */
.pesent_top { text-align:center; }
.present_top img { display:block; margin:0 auto; margin-bottom:25px; }
.present_top h2 {    font-size: 30px;    font-weight: 400;    text-align: center;    color: #444; }
.present_top h2 span { font-weight:bold; color: #5d5d5d;}
.present_top p {    text-align: center;    font-size: 18px;    margin-top: 10px;    font-weight: 300;    color: #444;}
.present_list_wrap { padding-bottom:40px; }

.team_map_out_box { display:flex; flex-direction:column; position:relative; text-align:center;  width: calc(100% - 150px); margin: 80px auto;}
.team_map_out_box > div { width:100%; position:relative;}
.tm_item { display:inline-block;  text-align:Center; width:150px; height:50px; line-height:48px;  background-color:#fff; position:Absolute; font-size:15px; box-shadow:-2px 1px 1px rgba(0,0,0,0.2); ; }
.tm_row { position:relative; height:100px; display:flex; flex-direction:row;}
.team_map_out_box:after { position:absolute; content:""; top:0; left:50%; background-color:#999; width:1px; height:400px; z-index:-1; }
.tm_col { position:relative; width:100%; }
.tm_t { top:-25px; }
.tm_l { left:-75px; }
.tm_r { right:-75px; }
.tm_b { bottom:0; }
.tm_c { left:50%; transform:translateX(-50%); }
.tm_set1 { border-top:1px solid #999; } 
.tm_t2 div { height:100px; margin-top:40px; border-top:1px solid #ccc; }
.tm_t2_1 { width:100%;}
.tm_t2_2 { width:100%;}
.tm_t2_3 { width:100%;}
.tm_border { border:1px solid #999;}
.tm_border_t { border-top:1px solid #999;}
.tm_border_l { border-left:1px solid #999;}
.tm_border_r { border-right:1px solid #999;}

/*.tm_circle_top:before { position:absolute; content:""; top:-8px; left:50%; transform:translateX(-50%); width:8px; height:8px; background-color:#fff; border:2px solid #5f678e; border-radius:10px;  }*/
.tm_circle_top:before { position:absolute; content:""; top:-8px; left:50%; transform:translateX(-50%); width:8px; height:8px; border-radius:10px;  }
.tm_circle_bottom:after { position:absolute; content:""; bottom:-8px; left:50%; transform:translateX(-50%); width:8px; height:8px; background-color:#fff; border:2px solid #5f678e; border-radius:10px;  }
.tm_circle_left:before { position:absolute; content:"";  left:-8px; top:50%; transform:translateY(-50%); width:8px; height:8px; background-color:#fff; border:2px solid #5f678e; border-radius:10px;  }
.tm_circle_right:after { position:absolute; content:"";  right:-8px; top:50%; transform:translateY(-50%); width:8px; height:8px; background-color:#fff; border:2px solid #5f678e; border-radius:10px; }

.tm_row .tm_item { background-color:#444; color:#fff; }
.tm_row.tm_sub_row .tm_item { background-color:#ddd; color:#222; }

/* 연혁 */
.history_menu.fixed {
	display:block;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    text-align: center;
    z-index: 999;
    animation: fadeUp 1s;
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        margin-bottom: -50px;
    }
    100% {
        opacity: 1;
        margin-bottom: 0;
    }
}
.history_menu  { margin-top:60px; }

.history_menu ul {
    text-align: center;
	border-bottom:2px solid #ababab;
}
.history_menu ul:after {
    clear: both;
    display: block;
    content: "";
}
.history_menu ul li {
    float: left;
    width: 150px;
    padding-right: 4px;
    box-sizing: border-box;
}
.history_menu ul li .year_btn {
    display: block;
    text-align: center;
    background-color: #ababab;
    color: #fff;
    font-weight: 400;
    padding: 10px 0;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
}
.history_menu ul li .year_btn:hover {
    background-color: #676767;
    color: #fff;
}
.history_content {
    margin-top: 50px;
	padding-bottom:80px;
}
.history_content .history_outer > li {
    padding: 30px 0;
    border-bottom: 1px solid #f1f1f1;
}
.history_content .history_outer > li:last-of-type {
    border-bottom: none;
}
.history_content .history_outer > li:nth-of-type(odd) {
    background-color: #fff;
}
.history_content .history_outer > li > p {
    position: relative;
    line-height: 35px;
    float: left;
    width: 250px;
    text-align: center;
    padding: 0 40px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 45px;
    color: #ababab;
}
.history_content .history_outer ul {
    float: right;
    border-left: 1px solid #aaa;
    box-sizing: border-box;
    text-align: left;
    width: calc(100% - 250px);
}
.history_content .history_outer ul li {
    padding-left: 40px;
}
.history_content .history_outer > li:after {
    display: block;
    content: "";
    clear: both;
}
.icon_sq {
    position: absolute;
    top: 0;
    right: -6px;
    display: none;
    width: 11px;
    height: 11px;
    background-color: #005988;
    transform: rotateZ(45deg)
}
.history_inner p {
    color: #777;
    font-size: 16px;
}
.history_inner li {
    margin-bottom: 10px;
}
.history_date {
    color: #555;
    font-weight: bold;
    display: block;
}

/* 약도 */
.map_title h2 {margin-bottom: 50px;     font-size: 30px; text-align:center;    font-weight: 400;    color: #444;     letter-spacing: -1px;}
.map_title h2 span { font-weight:bold; color: #5d5d5d;}
.map_title img { margin-bottom:10px; }
.map_title p { text-align:left; font-size:18px; font-weight:300; color:#444; margin-bottom:10px; }
.map_iframe { position:relative; }
.map_iframe .map_link { display: inline-block;    padding: 8px 18px;    font-size: 14px;    background-color: #656565;    color: #fff;    position: absolute;    right: 0;    top: -48px; }
.map_iframe .map_link svg { vertical-align:middle; margin-top:-3px;  }
.map_iframe #daumRoughmapContainer1627973382488 { width:100% !important; margin-top:80px;}
.location_info { display:flex; flex-direction: row; justify-content: center; align-items: flex-start; margin-top:10px; padding-bottom:80px; color:#444;}
.location_info > div { width:100%; }
.location_info > div:first-child { margin-right:40px; }
.location_info h2 { font-size:15px; padding:10px 0; font-weight:300; background-color:#656565; color:#fff; text-align:center; margin:20px 0; }
.location_info ul { font-size:14px; }
.location_info ul h3 {     font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-left: 20px; }
.location_info ul h3:after { display:block; position:absolute; top:6px; left:2px; content:""; width:10px; height:10px; border:3px solid #525252; border-radius:10px; }
.location_info ul li { margin-bottom:20px; }
.location_info ul li p {     background-color: #fff;
    padding: 25px 40px;
    margin-top: 20px;
    line-height: 30px;
    color: #525252; }
.icm {text-align: center;}
.setp {border-top: 1px solid #ddd;    padding-top: 20px;}

.map_bus_info { font-size:12px; padding:3px 5px; background-color:#555; color:#fff; border-radius:3px; font-weight:200; margin-left:10px; }
.bus_icon { font-size:12px; padding:3px 5px; background-color:#555; color:#fff; border-radius:3px; font-weight:200; margin-right:10px; }

/* 회원명단 */
.names_title  {text-align: center;}
.names_title h2 {font-size: 30px;
    font-weight: 400;
   
    color: #444;
    margin-bottom: 5px;
	margin-top: 10px;
    letter-spacing: -1px;}
.names_title h2 span { font-weight:bold;    color: #5d5d5d; }
.names_title p { font-size:18px; font-weight:300; color:#444; margin-bottom:60px; }
.member_list_ul { font-size:14px; }
.member_list_ul li { padding:22px 0; }
.member_list_ul li:nth-of-type(even) { background-color:#eaeaea;}
.list_name { font-weight:400; }
.list_name span { font-weight:normal; }
.member_total { background-color: #3c3c3c;    color: #fff;    padding: 20px 38px;    font-size: 14px; }
.list_header {  display:flex; flex-direction: row; justify-content: center; align-items: baseline; border-bottom:1px solid #ddd;}
.list_header div { width: 30%;text-align: center;    padding: 20px 0;    font-size: 14px;    font-weight: 400;    color: #868686; }
/*
.list_header div:nth-of-type(1) { width:10%;  }
.list_header div:nth-of-type(2) { width:20%;  }
.list_header div:nth-of-type(3) { width:15%;  }
.list_header div:nth-of-type(4) { width:15%;  }
.list_header div:nth-of-type(5) { width:40%;  }
*/
.fut {
    font-weight: 300;
    margin: 0 5px;
}

.member_list_ul li { display:flex; flex-direction: row; justify-content: center; align-items: baseline; text-align:center; }
/*
.member_list_ul li div:nth-of-type(1) { width:10%; }
.member_list_ul li div:nth-of-type(2) { width:20%; }
.member_list_ul li div:nth-of-type(3) { width:15%; }
.member_list_ul li div:nth-of-type(4) { width:15%; }
.member_list_ul li div:nth-of-type(5) { width:40%; }
*/
.member_list_ul li div {width: 30%;}
.boxs {margin-bottom: 150px;}
/* 정관 */
.rull_set {text-align: right;}
.rule_content { font-size:14px; padding-bottom:80px; }
.rule_content h1 { display:none;    font-size: 40px;    padding: 0 0 10px 0;    margin-bottom: 10px;    color: #676767;    text-align: center;}
.rule_content .rule_box { margin-top:20px;    position: relative;    padding: 40px;    border: 1px solid #b9b9b9;    margin-bottom: 30px;}
.rule_content .rule_box h2 { position: absolute;    left: 40px;    top: -20px;    font-size: 16px;   background-color: #fff;    padding: 5px 80px;    border-left: 1px solid #b9b9b9;    border-right: 1px solid #b9b9b9;    color: #333; }

.rule_content .rule_box p { line-height: 30px;    color: #545454;}
.rule_membership { margin-top:20px; }

/* 연구원 소개 */
.intro_title h2 {background-color: #3c3c3c;    color: #fff;    font-size: 28px;    font-weight: 300;    padding: 20px 40px;}

.intro_title p { font-weight: 300;    font-size: 15px;    border-bottom: 1px solid #cacaca;    padding: 20px 40px;    color: #333; }
.intro_content { margin-top:40px; padding-bottom:80px; }
.intro_content h3 { position:relative; font-size:30px; color:#676767; font-weight:bold; margin-bottom:20px; padding-left:20px;  }
.intro_content h3:after { display:block; position:absolute; top:20px; left:2px; content:""; width:10px; height:10px; border:3px solid #676767; border-radius:10px; }

.intro_content p { font-size: 16px;    color: #525252;    padding-left: 20px;    line-height: 40px; }
.intro_img {     background-size: cover;width:100%; background: url(/img/intro_img1.png) left center no-repeat fixed; height:350px; margin:60px 0; }
.intro_text { width:100%;  margin-right:30px; }

.clear_both:after { display:block; content:""; clear:both; }
.intro_area { display:flex; padding:0 20px; flex-direction: row; justify-content: center; align-items: baseline; margin-top:60px; }

.intro_area div { width: 100%;    background-color: #f1f1f1;    padding: 0 50px 100px;}
.intro_area div:nth-of-type(2) { margin:0 14px; }
.intro_area h4 { font-size:28px; margin-bottom:10px; font-weight:600; }
.intro_area li { font-size:15px; position:relative; padding-left:10px; margin-bottom:10px; opacity:.8; transition: all 0.5s;	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	-ms-transition:all 0.5s;	-o-transition:all 0.5s; }
.intro_area li:hover { opacity:1; }

.intro_area li:after { display:block; position:absolute; top:10px; left:0px; content:""; width:2px; height:2px; border:2px solid #fff;  }
.intro_area div:nth-of-type(1) { background:url(/img/intro_img2.png) center no-repeat; padding-top:250px; color:#fff; }
.intro_area div:nth-of-type(2) { background:url(/img/intro_img3.png) center no-repeat; padding-top:250px; color:#fff; }
.intro_area div:nth-of-type(3) { background:url(/img/intro_img4.png) center no-repeat; padding-top:250px; color:#fff; }

.clear_both {position: relative;}
.dark_bg {position: absolute; width: 100%; height: 100%; background: rgb(0 0 0 / 38%);}
/* 역대 원장 */
.leader_wrap { display:flex; flex-direction: row; justify-content: center; align-items: baseline; margin-bottom:60px; }
.leader_wrap > div { width:100%; }
.leader_wrap .leader_item:first-child { margin-right:40px; }
.leader_wrap .leader_item:last-child { margin-left:40px; }
.leader_item { display:flex;flex-direction: row; justify-content: center; align-items: center; background-color:#fff;  }
.leader_img {width: 90%;
    height: 250px;
    overflow: hidden;
    position: relative; }
.leader_img img {height:100%; position:absolute; left:50%; top:0px; bottom:10px; transform:translateX(-50%); }

.leader_info { width:80%; text-align:center; }
.leader_info .leader_info_num {font-size: 16px;    font-weight: 400;    color: #7d7d7d; }
.leader_info .leader_info_school {     font-size: 14px;    margin-top: 10px; }
.leader_info .leader_info_name {     position: relative;    font-size: 16px;    margin-top: 10px;    color: #333; }
.leader_info .leader_info_name span { font-weight: 600;    font-size: 19px;    display: block; }
.ble {margin-bottom: 150px;}