@charset "utf-8";


/** font **/
@font-face { 
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight:400;
	src: url(../font/notosanskr/NotoSansKR-Regular.woff2) format('woff2'), 
		 url(../font/notosanskr/NotoSansKR-Regular.woff) format('woff'), 
		 url(../font/notosanskr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face { 
	font-family:'Noto Sans KR';
	font-style:normal;
	font-weight: 500; 
	src:url(../font/notosanskr/NotoSansKR-Medium.woff2) format('woff2'), 
		url(../font/notosanskr/NotoSansKR-Medium.woff) format('woff'), 
		url(../font/notosanskr/NotoSansKR-Medium.otf) format('opentype');
}
 
@font-face { 
	font-family:'Noto Sans KR';
	font-style: normal;
	font-weight: 600; 
	src: url(../font/notosanskr/NotoSansKR-Bold.woff2) format('woff2'),
		 url(../font/notosanskr/NotoSansKR-Bold.woff) format('woff'), 
		 url(../font/notosanskr/NotoSansKR-Bold.otf) format('opentype');
}
 
@font-face {
	font-family: 'gotham_m';
	src:url('../font/gotham/Gotham-Medium.eot'),
		url('../font/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/gotham/Gotham-Medium.woff') format('woff'),
		url('../font/gotham/Gotham-Medium.woff2') format('woff2'),
		url('../font/gotham/Gotham-Medium.ttf') format('truetype'),
		url('../font/gotham/Gotham-Medium.otf') format('opentype');
        
         font-weight: normal;
         font-style: normal;
}

 
@font-face {
		font-family: 'gotham_b';
		src: url('../font/gotham/Gotham-Book.eot'),
			url('../font/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
			url('../font/gotham/Gotham-Book.woff') format('woff'),
			url('../font/gotham/Gotham-Book.woff2') format('woff2'),
			url('../font/gotham/Gotham-Book.ttf') format('truetype'),
			url('../font/gotham/Gotham-Book.otf') format('opentype');
			font-weight: normal;
			font-style: normal;
}

.gth_m {
    font-family: 'gotham_m';
}

.gth_b {
    font-family: 'gotham_b';
}

.ns400 {
	font-family:'Noto Sans KR';
	font-weight:400; 
	letter-spacing: 0px; 	
}

.ns500 {
	font-family:'Noto Sans KR';
	font-weight:500; 	
	letter-spacing: 0px;

}

.ns600 {
	font-family:'Noto Sans KR';
	font-weight:600; 	
	letter-spacing: -1px;
 
}

.en {letter-spacing: 0;}
.whc {color: #fff;}
.pgc {color: #0e787c;}


/* 01. common asset--------------------------------*/

/*s개발용*/
.temp_mockup {
	width: 100%;
	margin: auto;
	position: relative;
}

.temp_mockup .inner{
	width: 100%;

}


.temp_mockup .inner img{
	width: 100%;

}
/**{outline:none;}*/
/*e개발용*/

/*노출여부설정*/


/*dimmed common + search + calendar*/
.dimmed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background:rgba(0,0,0,.7);
	display: none;
}


.dimmed.active {
	display: block;
	overflow: hidden;
}

.modal_wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 60;
	display: none;

}



.modal_wrap.active{
	display: block;
	background:rgba(0,0,0,.7);

}

.lab_articles_view_pop{
	width: calc(100% - 50px);
	margin-top: 75px;
	padding: 0 25px 0px 25px;
	height: calc(100% - 150px);
	background: transparent;
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
}

.lab_articles_view_pop.bbs{
	width: 100%;
	height: auto;
	background: transparent;
	padding: 0px;
	position: relative;
	overflow: visible;
	margin-top: 0px;
}

.modal_wrap .clsbtn{
	width: 22px; 
	height: 22px;
	background: url('../images/sub/articles_cls.png');
	background-size: 22px;
	position: absolute;
	right: 45px;
	top: 95px;
	z-index: 70;
	cursor: pointer;

}

.lab_articles_view_pop .inner{
	padding: 40px 25px;
	background: #fff;
}

.lab_articles_view_pop.bbs .inner{
	padding: 40px 25px 0 25px;
}


.lab_articles_view_pop .articles_sort {
	padding: 9px 8px;
	color: #fff;
	background: #00878c;
	display:inline-block;
	font-size: 15px;
}

.lab_articles_view_pop .articles_tit {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	padding: 20px 0 17px;
}

.lab_articles_view_pop.bbs .articles_tit {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	padding: 0px 0 25px;
}

.lab_articles_view_pop .articles_desc {
	line-height: 30px;
	font-size: 20px;
	color: #333;
}

.lab_articles_view_pop.bbs .articles_desc {
	font-size: 20px;
	line-height: 35px;

}

.lab_articles_view_pop .articles_infobox {
	margin: 35px 0 0 0 ;
	display: table;
}



.articles_infobox .info_array {
	width: 100%;
	margin-bottom: 25px;
	display: table;
}

.lab_articles_view_pop.bbs .articles_infobox .info_array {
	width: 100%;
	margin-bottom: 30px;
}

.articles_infobox .info_array:last-child {
	margin-bottom: 0;

}
.articles_infobox.bbs .info_array:last-child {
	margin-bottom: 0;

}
.articles_infobox .info_array .left{
	padding:  0 0 10px 0 ;
	font-size: 17px;
	color: #333;
	float: left;
	position: relative;
	display: table;

}
.articles_infobox .info_array .left::before {
	content: "";
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background: #333;


}

.articles_infobox.bbs .info_array .left{
	padding:  0 0 10px 0 ;
	font-size: 17px;
	color: #333;
	float: left;
	position: relative;
	display: table;

}

.articles_infobox .info_array .right{
	padding: 15px 0 0 0 ;
	width: 100%;
	font-size: 17px;
	color: #333;
	float: left;
	position: relative;
	display: table;
	line-height: 27px;

}




.articles_infobox.bbs .info_array .right{
	padding: 15px 0 0 0;
	width: 100%;
	font-size: 17px;
	color: #636363;
	float: left;
	position: relative;
	display: table;

}


/*공통 캘린더*/
.calendar_wrap {
	width: 100%;
	display: none;
	height: 100%;
}

.calendar_wrap.active{
	display: block;
	z-index: 40;	
}

.calendar_hd {
	width: 100%;
	display: table;
	margin: auto;
	position: relative;

}

.calendar_box {
	width: 100%;
	background: transparent;
	position: relative;
	margin: auto;

}

.calendar_box .inner {
	width: 100%;
	float: right;
	position: relative;
}

.calendar_box .inner > .btnc_01 {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 132px;
    top: 39px;
    z-index: 40;
    cursor: pointer;
}

.calendar_box .inner > .btnc_02 {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 75px;
    top: 39px;
    z-index: 40;
    cursor: pointer; 
}

.view_calenadar_wrap {
	position: absolute;
	background:#fff;
	width: 100%;
}

.cal_sch_hd {
	width: 100%;
	height: 175px;
	background: #00878c;
	font-size: 30px;
	position: relative;
}

.cal_sch_hd .left_sort {
	width: calc(100% - 164px);
	position: absolute;
	bottom: 20px;
	left:25px;
	z-index: 100;

}

.calendar_sort_select {
	width: 228px;
	height: 45px;
	border: 2px solid #fff;
	border-radius: 2px;


}



.calendar_sort_div {
	width: 100%;
	height: 45px;
	border: 2px solid #fff;
	border-radius: 2px;
 	overflow: hidden;
 	box-sizing: border-box;   
 	background: #fff;
 	display: block;
}


.calendar_sort_div.active{
	border: 2px solid #f68a1e;	
	overflow: visible;
	width: 100%;
	height: auto;	
 	box-sizing: border-box;
 	background: #fff;
 	display: block;
 	transition: all ease .1s;
 	position: absolute;
 	top: -45px;

}

.calendar_sort_div .tit {
	color: #fff;
	font-size: 15px;
	line-height: 42px;
	width: 100%;
	text-indent: 15px;
	background: #00878c url('../images/common/cal_sele.png') no-repeat center;
	background-size: 10px 6px;
    background-position-x: calc(100% - 20px);
    background-position-y: center;
    cursor: pointer;
}

.calendar_sort_div .tit.active{
	color: #f68a1e;
	background: #fff url('../images/common/cal_sele_on.png') no-repeat center;
	background-size: 10px 6px;
    background-position-x: calc(100% - 20px);
    background-position-y: center;
}

ul.cal_sort_ul{
	margin-bottom: 16px;
	width: calc(100% - 40px);
	padding: 0 20px;
	max-height: 350px;
	overflow:scroll;
	overflow-x:hidden;


}

ul.cal_sort_ul li {
	padding: 12px 0px;
	font-size: 15px;
	line-height: 20px;
	color:#a8a8a8;
	width: 100%;
	word-break: break-word;

}

ul.cal_sort_ul li:hover{
	color:#333;

}

ul.cal_sort_ul li a{
	width: 100%;
	height: 100%;
	display: block;
}
.calendar_sort_select select{
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 500;
	background: url('../images/common/cal_sele.png') no-repeat center;
	background-size: 11px 7px;
    background-position-x: 92%;
    background-position-y: center;
}

.calendar_sort_select select option{
	background: #005457;
}

.cal_sch_hd .center_year{
	margin: auto;
	display: table;
	text-align: center;
	position: relative;
    top: 55px;
    color: #fff;
    font-size: 30px;
    z-index: 35;
}

.center_year .prev_month{
	background: url('../images/common/cal_arr_l.png');
	width: 12px;
	height: 20px;
	background-size: 12px 20px;
	position: absolute;
	display: block;
	left: -44px;
	top: 6px;
}


.center_year .next_month{
	background: url('../images/common/cal_arr_r.png');
	width: 12px;
	height: 20px;
	background-size: 12px 20px;
	position: absolute;
	display: block;
	right: -44px;
	top: 6px;

}

.cal_sch_hd .right_btn{
	position: absolute;
	right: 25px;
	bottom: 20px;
	z-index: 40;

}

.cal_sch_hd .right_btn .sch_type_btn.month {
	float: right;
	width: 45px;
	height: 45px;
	background-size: 45px;
	background-position: center;
	background-repeat: no-repeat;

	background-image: url('../images/common/cal_sch_month.png');
	display: block;
	margin-right: 4px;
}

.cal_sch_hd .right_btn .sch_type_btn.month.active {
	background-image: url('../images/common/cal_sch_month_on.png');
}

.cal_sch_hd .right_btn .sch_type_btn.list {
	float: right;
	width: 45px;
	height: 45px;
	background-size: 45px;
	background-position: center;
	background-repeat: no-repeat;

	background-image: url('../images/common/cal_sch_list.png');

	display: block;
}

.cal_sch_hd .right_btn .sch_type_btn.list.active {
	background-image: url('../images/common/cal_sch_list_on.png');
}

.view_type { 
	width: 100%;
	background: #fff;
}

.view_type.month {
	display: none;
	background: #f5f5f5;
}

.view_type.month.active {
	display: block;
	overflow: scroll;
	overflow-x: hidden;
}

.calendar_draw {
	width: 100%;
	display: table;
	background: #fff;
}

.calendar_draw .inset {
	padding: 50px 25px 25px 25px;
}

.week_txt{
	margin-bottom: 50px;
	display: table;
	width: 100%;

}
.week_txt .tt {
	font-size: 17px;
	text-align: center;
	width: calc(100% / 7);
	float: left;
}

.weekly_wrap{


}

.weekly_grid{
	margin-bottom: 40px;
	display: table;
	width: 100%;

}

.weekly_grid .daynum {
	font-size: 17px;
	text-align: center;
	width: calc(100% / 7);
	float: left;	
	color: #a8a8a8;
	position: relative;
	cursor: pointer;

}
.weekly_grid .daynum span{
	display: block;
	position: relative;
	z-index: 30;
}

.weekly_grid .daynum a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.weekly_grid .daynum.active{
	color: #333;

}

.weekly_grid .daynum.active.today{
	color: #fff;
	z-index: 40;

}
.weekly_grid .daynum.active.today.evex.clicked{
	color: #f68a1e;
	z-index: 90;
}

.weekly_grid .daynum.active.today::before {
	position: absolute;
	width: 40px;
	height: 40px;
	content: "";
	background: #f68a1e ;
	margin-left: -20px;
	margin-top: -20px;
	left: 50%;
	top: 50%;
	z-index: 1;
	border-radius: 50%;
}

.weekly_grid .daynum.active.evex::after {
	position: absolute;
	width: 4px;
	height: 4px;
	content: "";
	background: #f68a1e;
	bottom: -8px;
	left:50%;
	margin-left: -2px;
	z-index: 1;
	border-radius: 50%;
}

.weekly_grid .daynum.active.today.evex::before {
	position: absolute;
	width: 40px;
	height: 40px;
	content: "";
	background: #f68a1e;
	margin-left: -20px;
	margin-top: -20px;
	left: 50%;
	top: 50%;
	z-index: 1;
	border-radius: 50%;

}

.weekly_grid .daynum.active.today.evex::after {
	position: absolute;
	width: 4px;
	height: 4px;
	content: "";
	background: #fff;
	bottom: -8px;
	left:50%;
	margin-left: -2px;
	z-index: 2;
	border-radius: 50%;

}
.weekly_grid .daynum.active.clicked{
	color: #f68a1e;
	z-index: 90;

}
.weekly_grid .daynum.active.clicked::before{
	position: absolute;
	width: 40px;
	height: 40px;
	content: "";
	background: #fde8d2 !important;
	margin-left: -20px;
	margin-top: -20px;
	left: 50%;
	top: 50%;
	z-index: 1;
	border-radius: 50%;

}

.weekly_grid .daynum.active.today.evex.clicked::before {
	background: #f68a1e;


}

.weekly_grid .daynum.active.today.evex.clicked::after {
	background: #f68a1e;
}


.calendar_today_sch {
	width: 100%;
	background: #f5f5f5;
	display: table;
	position: relative;
}

.calendar_today_sch .inset {
	padding: 50px 25px;
	display: table;
	width: calc(100% - 50px);
}

.calendar_today_sch .inset .sch_ttx {
	font-size: 25px;
	line-height: 26px;
	color: #333333;
	margin-bottom: 26px;
}



.calendar_today_sch .inset .sch_ttx span.ttxs {
	font-size: 20px;
	position: relative;
	left: -5px;
}

.view_type.list {
	display: none;
	background: #fff;
	font-size: 25px;
	height: 437px;
	padding: 0 25px;
	width: calc(100% - 50px);	
}

.view_type.list.active {
	display: block;
	overflow: scroll;
	overflow-x: hidden;

}


.sch_today_list_wrap {
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
	position: relative;
	left: -5px;
	overflow: hidden;

}

.sch_today_list_wrap::before{
	width: 1px;
	height: 100%;
	background: #d6d6d6;
	position: absolute;
	top: 0;
	left: 6px;
	content: "";
	z-index: 20;
}

.sch_today_list_wrap::after{
	display: none;

}

.sch_today_list_wrap.sch_none {
	text-align: center;
	font-size: 16px; 
	color: #636363;
	padding: 150px 50px 100px 50px;
	background-image: url('../images/common/sch_none.png');
	background-position: center;
	background-position-y: 70px;
	background-position-x: 53%;
	background-repeat: no-repeat;
	background-size: 80px 64px;

}

.sch_today_list_wrap.sch_none::before {
	display: none;

}


.view_type.list .sch_bbs_event_wrap {
	border-top: 2px solid #606060;
	width: 100%;
	display: table;
	margin: auto;
	position: relative;
	margin-top: 50px;

}

.view_type.list .sch_bbs_event_wrap.none{
	text-align: center;
	font-size: 16px; 
	color: #636363;
	padding: 150px 50px 100px 50px;
	background-image: url('../images/common/sch_none.png');
	background-position: center;
	background-position-y: 70px;
	background-repeat: no-repeat;
	background-size: 80px 64px;
	border-bottom: 1px solid #b9b9b9;
}



.view_type.list .sch_bbs_event_array {
	width: 100%;
	display: table;
	border-bottom: 1px solid #d6d6d6;
}

.sch_bbs_event_array a {
	display: block;
	width: 100%;
	height: calc(100% - 60px);
	padding: 30px 0;

}



.sch_bbs_event_array .org {
	color: #f68a1e;
	font-size: 17px;
	line-height: 25px;
	float: left;
	text-align: center;
	position: relative;
}

.sch_bbs_event_array .org::after{
	content: "";
	position: absolute;
	right: -10px;
	top: 7px;
	width: 1px;
	height: 14px;
	background: #a8a8a8;
}

.sch_bbs_event_array .org_date_group {
	margin-top: 15px;
	width: 100%;
	display: table;
	position: relative;
}

.sch_bbs_event_array .subject {
	color: #333;
	font-size: 17px;
	text-align: left;
	line-height: 27px;
 

}

.sch_bbs_event_array .date {
	color: #636363;
	font-size: 15px;
	line-height: 25px;
	float: left;
	margin-left: 20px;
	text-align: center;
}

.sch_bbs_pagination {
	margin: auto;
	display: table;
	margin-top: 30px;

}

.prev_sch_bbs {
	float: left;
	height: 26px;
	width: 26px;
	background: url('../images/common/prev_sch_bbs.png') no-repeat center;
	display: block;
}

ul.num_sch_bbs {
	margin: 0 10px;
	display: inline-block;

}

ul.num_sch_bbs li {
	width: 26px;
	height: 26px;
	color: #a8a8a8;
	float: left;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
}

ul.num_sch_bbs li.active{
	color: #333;


}


.next_sch_bbs {
	float: right;
	height: 26px;
	width: 26px;
	background: url('../images/common/next_sch_bbs.png') no-repeat center;
	display: block;

}

.sch_today_list_array {
	width: calc(100% - 76px);
	display: table;
	background: #fff;
	position: relative;
	border-radius: 6px;
	margin-left: 25px;
	margin-bottom: 10px;
	left: 9px;
	padding: 20px;


}

.sch_today_list_array:last-child {
	margin-bottom: 0px;

}

.sch_today_list_array::after{
	content: "";
	position: absolute;
	width: 9px;
	height: 16px;
	background:url('../images/common/sch_t_arr.png') center no-repeat;
	background-size: 9px 16px;
	top: 20px;
	left: -9px;
	margin-right: 38px;

}

.sch_today_list_array::before{
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #f68a1e;
	border-radius: 50%;
	top: 24px;
	left: -30px;
	z-index: 25;

}



.sch_today_list_array a {
	display: block;
	width: 100%;
	height: 100%;

}


.sch_today_list_array .time {
	color: #a8a8a8;
	font-size: 15px;

}

.sch_today_list_array .place {
	color: #f68b1f;
	font-size: 17px;
	margin: 12px 0 13px;
	
}

.sch_today_list_array .subject {
	color: #636363;
	font-size: 17px;
	line-height: 25px;
	
}
/*search*/

.search_wrap {
	width: 100%;
	display: none;
}

.search_wrap.active {
	display: block;
	z-index: 40;	
}

.search_hd {
	width: 100%;
	height: 43px;
	display: table;
	margin: auto;
	position: relative;
}

.search_box {
	width: 100%;
	height: 110px;
	background: #00878c;
	position: relative;
}

.calendar_cls_btn {
	width: 19px;
	height: 19px;
	background: #00878c url('../images/common/cm_cls.png') center no-repeat;
	background-size: 19px;
	display: block;
	float: right;
	position: relative;
	right: 25px;
	top: 20px;

}

.search_cls_btn {
	width: 19px;
	height: 19px;
	background: #00878c url('../images/common/cm_cls.png') center no-repeat;
	background-size: 19px;
	display: block;
	float: right;
	position: relative;
	right: 25px;
	top: 20px;
}


.search_inner {
	width: calc(100% - 50px);
	height: 40px;
	border-bottom-left-radius: 27px;
	border-top-left-radius: 27px;
	border-bottom-right-radius: 27px;
	border-top-right-radius: 27px;	
	background: #fff;
	margin: auto;
	position: absolute;
	bottom: 15px;
	left: 25px;	
}

.search_ipt {
	position: relative;

}
.search_input{
	width: 571px; height: 54px;
}

input.search{
    line-height: 36px;
    font-size: 17px;
    height: 40px;
    padding: 0 0 0 25px;
    width: calc(100% - 81px);
    background-position-x: 95%;
    float: left;
}

button.search {
	width: 56px;
	height: 40px;
	background: transparent;
    background-image: url(../images/common/ipt_search_ico.png);
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    float: left;
}
input.sub_search +
button.search {
	height: 56px;

}
/*search+ input + submit*/

/*search with subpage--s*/
.cm_search_wrap {
	width: 100%;
	padding: 0 25px;
	box-sizing: border-box;
	margin: auto;
	display: table;
	margin-bottom: 40px;
}

.cm_search_wrap .inner{
	margin: auto;
	width: 100%;
	height: 55px;
}

.cm_search_wrap .inner .cm_select{
	float: left;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;

	width: 100%;
	height: 55px;
	background: #fff;
	margin-bottom: 10px;
}


.cm_search_wrap .inner .cm_select.mini {

	box-sizing: border-box;	
	width: 100%;
	height: 55px;
	border: 1px solid #d6d6d6;
	background: #f5f5f5;
	margin: auto;
	margin-bottom: 10px;
	margin-right: 0;
    float: inherit;

}



.cm_select select {
	width: 100%;
	height: 100%;
	border: 0px solid #d6d6d6;
	background: url('../images/common/sele_arr.png') no-repeat center;
    background-position-x: calc(100% - 25px);
    background-position-y: center;	
	background-size: 13px 8px;
    padding: 0 40px 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
}

.cm_select select:focus {
	border: 1px solid #00878c;
	transition: all ease .3s;

}

.cm_select select option {
	height: 50px;
    text-indent: 20px;
    text-align: center;
    position: relative;
    line-height: 25px;
}

.cm_search { 
	float: left;
	box-sizing: border-box;	
	width: 100%;
	height: 55px;
	border: 1px solid #d6d6d6;
	background: #f5f5f5;
	margin: auto;


}

.cm_search.top {
	margin-bottom: 10px;
}

.cm_search.mini  { 
	box-sizing: border-box;	
	width: calc(100%  - 50px);
	height: 55px;
	border: 1px solid #d6d6d6;
	background: #f5f5f5;
	margin-bottom: 30px;
    float: inherit;
}

.cm_search.mini.top{
	margin-bottom: 10px;


}

.cm_search.full{
	width: 980px;

}

.select.mail_select {
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	height: 100%;
	float: left;
}

.select.mail_select.active{
	border: 1px solid #00878c;


}

.select.mail_select select{
	width: 100%;
	height: 50px;
	background: url('../images/common/sele_arr.png') no-repeat center;
    background-position-x: calc(100% - 25px);
    background-position-y: center;	
	background-size: 13px 8px;	

}

.cm_search.active{
	border: 1px solid #00878c;
	transition: all ease .3s;
}

.cm_search select{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	background: url('../images/common/sele_arr.png') no-repeat center;
    background-position-x: calc(100% - 25px);
    background-position-y: center;	
	background-size: 13px 8px;
}

.bar{
	width: 10px;
	height: 100%;
	float: left;
	position: relative;
}
.bar::before{
	content: "";
	width: 1px;
	height: 24px;
	background: #a8a8a8;
	position: absolute;
	top: 15px;
	left: 8px;
	z-index: 10;
}

.sub_search::-ms-clear {
    display: none;
}

input.sub_search {
	float: left;
	width: calc(100% - 56px);
	height: 100%;
	box-sizing: border-box;	
	position: relative;
	padding-left: 18px;

}

input.sub_search.mini {
	float: left;
	width: calc(100% - 56px);
	height: 100%;
	box-sizing: border-box;	
	position: relative;
	text-indent:0;
	padding-left: 18px;

}

input.sub_search.full {
	width: 732px;

}


input.sub_search:placeholder{
	color:#a8a8a8;
	line-height: 55px;

}


label.search_common{
	position: relative;
	width: 200px;
	height: 100%;
	left: 0;

}

label.search_common::before{ 


}


/*search with subpage--e*/

/*select common*/
select {
	border: 0;
	outline: 0;
	background:transparent;
	appearance: none;	
    -webkit-appearance: none;
    -moz-appearance: none;
	font-size: 17px;	
    text-overflow: '';
 	color: #333;
 	cursor: pointer;
	font-family:'Noto Sans KR';
	padding-left: 18px;

}

select::-ms-expand {
    display: none;

}




option{
	padding: 0 0 0 50px;
}
/*input common*/

input {
	border: 0;
	outline: 0;
	background:transparent;
	height: 100%;
	color: #333;
	font-size: 17px;
	font-family:'Noto Sans KR';
	line-height: 40px;

}


input.write {
	border: 0;
	outline: 0;
	background:transparent;
	height: 100%;
	color: #333;
	width: calc(100% );
	padding: 0 20px;
	font-size: 17px;
	font-family:'Noto Sans KR';
	box-sizing: border-box;
}


input.write::placeholder {
	font-size: 17px;
	color: #999;

}

/*비밀글체크*/
input.secret_check[type="checkbox"]{
position: relative;
display: none;


}
input.secret_check[type="checkbox"] + label{
	margin-left: 16px;
	padding-left: 40px;
	position: relative;
	line-height: 30px;
	font-size: 17px;
	top: 10px;
	color: #636363;
	cursor: pointer;
}


input.secret_check[type="checkbox"] + label::before{
	content: "";
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 2px solid #d6d6d6;
	background: #fff center no-repeat;

	transition: all ease .4s;

}

input.secret_check[type="checkbox"]:checked + label::before{
	content: "";
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 2px solid #d6d6d6;
	background: url('../images/common/ck_ck.png') center no-repeat;
	background-size: 13px 11px;
	transition: all ease .4s;

}


/*공통체크*/
input.cm_check[type="checkbox"]{
position: relative;
display: none;


}
input.cm_check[type="checkbox"] + label{
	padding-left: 40px;
	position: relative;
	line-height: 30px;
	font-size: 17px;
	top: 10px;
	color: #636363;
	cursor: pointer;
}


input.cm_check[type="checkbox"] + label::before{
	content: "";
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 2px solid #d6d6d6;
	background: #fff center no-repeat;

	transition: all ease .4s;

}

input.cm_check[type="checkbox"]:checked + label::before{
	content: "";
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	border: 2px solid #d6d6d6;
	background: url('../images/common/ck_ck.png') center no-repeat;
	background-size: 13px 11px;
	transition: all ease .4s;

}


input::placeholder {
	font-size: 17px;
	color: #999;

}

/*button common*/
button {
	outline: none;
	border: 0;
	display: inline;
	cursor: pointer;
	background: #fff;
}


/*top btn*/
.topbtn {
	background: url('../images/common/topbtn.png') no-repeat;
	background-size: 100%;
	width: 45px;
	height: 64px;
	bottom: 40px;
	right: 0px;
	z-index: 333;
	cursor: pointer;
}

.topbtn.cm{bottom: 20px; opacity:1; z-index:500; position: fixed;}
.topbtn.ft{bottom:340px; opacity:0; z-index:-1; position: absolute;}

.topbtn.cm.active{  z-index:-1; opacity:0; transition: all ease 0s;}
.topbtn.ft.active{  z-index:500; opacity:1;  transition: all ease 0s;}



/* 02. common layout--------------------------------*/

/*vertical view asset(main-use)*/

.wrapper { 
	width: 100%;
	position: relative;
	word-break: keep-all;
	overflow: hidden;
}


.wrapper.sub {

}

.align_c {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
	left: 50%;
	z-index:20;
}


.middle_align {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	position: relative;
}

.top_align {
	display: table-cell;
	vertical-align: top;
	width: 100%;
	height: 100%;
	position: relative;
}


.bottom_align {
	display: table-cell;
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	position: relative;
}



body { 	
	width: 100%;
	height: 100%;
	font-size: 17px;
	font-family:'Noto Sans KR', 'gotham_m', 'gotham_b';
  	font-weight: 400;
}

body.main {
	overflow: hidden;
}

body.sub{
	overflow:hidden;
	overflow-y:scroll;

}
body.type_main{
	overflow:hidden;
	overflow-y:scroll;

}
.lock{
	overflow: hidden !important;
	overflow-y: hidden !important;

}


/*gnb*/
.gnb_blank {
	width: 100%;
	height: 122px;
}

.gnb_trigger {
	width: 100%; 
	height: 58px; 
	background: transparent;
	position: relative; 
	top: 0; 
	display: block;
	z-index: 30;
}

.gnb_sub_wrap {
	width: 100%; 
	height: 58px; 
	background: transparent;
	position: relative; 
	top: 0; 
	display: block;
	z-index: 30;
}

.gnb_type_wrap {
	width: 100%; 
	height: 58px; 
	background: transparent;
	position: relative; 
	top: 0; 
	display: block;
	z-index: 30;
}

.active_gnb {
	width: 100%;
	height: 122px;
	position: relative;
}

.gnb_call_wrap {
	margin: auto;
	width: 1590px;
	position: absolute;
	left: 50%;
	margin-left: -795px;
	transform: translateY(-40px);
	transition: all ease .3s;
	z-index: 20;
}

.gnb_call_wrap.active {
	transform: translateY(0px);
	transition: all ease .3s;
}

.gnb_call_btn{
	top: 0;
	right: 0;
	float: right;
	width: 120px;
	height: 40px;
	background: url('../images/common/menu_call.png');
	background-size: 100%;

}

.gnb_cls_btn{
	top: 0;
	right: 0;
	float: right;
	width: 40px;
	height: 40px;
	background: url('../images/common/menu_cls.png');
	background-size: 100%;
	position: absolute;
	top: 170px;
	right: 6px;
	opacity: 0;
	transition: ease all .3s;
	transform: translateY(100%);
	cursor: auto;
}

.gnb_cls_btn.active {
	opacity: 1;
	transition: ease all .3s;
	transform: translateY(0%);
	cursor: pointer;
}

.gnb{
	width: 100%;
/*	background:url('../images/common/gnb_base.png');
*/	position: relative;
	height: 58px;
	z-index: 30;
	background: #fff;

}

.gnb .gnb_wrapper {
	padding: 0;
	height: 58px;
	width: 100%;
}

.gnb.loca {
	overflow: visible;
}



.gnb.common.sub {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	height:58px;
	transform: translateY(0);
}

.gnb.common.active {
	transform: translateY(0);
	transition: transform ease .3s;
	border-bottom: 1px solid #d6d6d6;

}

.active_gnb.show{


}

.gnb .hdinfo {
	width: 100%;
	height: 40px;
	background: #f68a1e;

}

.gnb header.gnb_contents {
	width: 100%;
	height: 58px;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.gnb header.gnb_contents.active {
	width: 100%;
	height: auto;
	background: #fff;
}

.gnb .inner{
	width: 100%; 
	margin: auto;
	display: table;
}


.gnb .hd_gnbcall {
	float: left;
	width: 20%;
	height: 58px;

}

.gnb .hd_gnbcall .gnb_btn{
	width: 20px;
	height: 24px;
	position: relative;
	left: 25px;	
	top: 17px;
}

.gnb .hd_gnbcall .gnb_btn a.asset_gnbico{
	display: block;
	width: 20px;
	height: 24px;
	position: relative;
	top: 3px;
	z-index: 1;

}

.gnb .hd_gnbcall .gnb_btn a.asset_gnbico.active{
	z-index: 100;
	position: fixed;
	top: 20px;
	left: 25px;
	width: 20px;
	height: 24px;

}

.asset_gnbico .ico_asset.line01 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 2px;
	width: 19px;
	background: #333;
	transition: all ease .4s;

}

.asset_gnbico.active .ico_asset.line01 {
	width: 24px;
	transform: rotate(45deg);
	transition: all ease .4s;
	top: 8px;
	left:-3px;
	background: #fff;

}


.asset_gnbico .ico_asset.line02 {
	position: absolute;
	top: 8px;
	left: 0px;
	height: 2px;
	width: 12px;
	background: #333;
	transition: all ease .2s;

}

.asset_gnbico.active .ico_asset.line02 {
	background: #fff;
	width: 0;
	transition: all ease .2s;

}

.asset_gnbico .ico_asset.line03 {
	position: absolute;
	top: 16px;
	left: 0px;
	height: 2px;
	width: 19px;
	background: #333;
	transition: all ease .4s;

}

.asset_gnbico.active .ico_asset.line03 {
	width: 24px;
	background: #fff;
	transform: rotate(-45deg);
	transition: all ease .4s;
	top: 8px;
	left:-3px;

}

.gnb .hdleft {
	float: left;
	width: 56%;
	height: 58px;

}



.gnb .logo {
	padding: 17px 0 0 0;	
}

.gnb .logo i {
	display: block;
	width: 100%;
	height: 100%;
}

.gnb .logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.gnb .logo img {
	height: 24px;
}



.gnb .hdright {
	float: left;
	width: 24%;
	height: 58px;


}

.gnb .qs_menu {
	margin-right: 0px;
	width: 58px;
	height: 21px;
	cursor: pointer;
	float: right;
	padding : 17px 25px 20px 0;

}

.gnb .qs_menu .search_btn {
	width: 21px;
	height: 21px;
	background: url('../images/common/gnb_search_ico.png') no-repeat center;
	background-size: 21px;
	float: left;
	font-size: 0;
	letter-spacing: -999px;
	position: relative;
	margin-right: 16px;
}

.gnb .qs_menu .calendar_btn {
	width: 21px;
	height: 21px;
	background: url('../images/common/gnb_cale_ico.png') no-repeat center;
	background-size: 21px;
	float: left;
	font-size: 0;
	letter-spacing: -999px;
	position: relative;
}



.gnb .location_site {
	height: 28px;
	width: 152px;
	border: 1px solid #fbc58f;
	background: #f79635;
	line-height: 28px;
	margin: 5px 6px 5px 0;
	border-radius: 5px;
	position: relative;
	font-size: 13px;
	color: #fff;
	padding-left: 12px;
	cursor: pointer;
	overflow:hidden;
	height: 28px;
	transition: height ease .4s;
	float: right;

}

.gnb .location_site::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 11px;
	background: url('../images/common/loca_dw.png');
	transition: all ease .4s;
	width: 11px;
	height: 7px;
}


.gnb .location_site.active {
	border: 1px solid #f68a1e;
	background: rgba(255,255,255,1);	
	color: #f68a1e;
	height:210px;
	z-index: 40;
	transition: all ease .4s;
	float: right;


}

.gnb .location_site.active::after {
	content: "";
	position: absolute;
	right: 15px;
	top: 11px;
	background: url('../images/common/loca_up.png');
	transition: all ease .4s;
	width: 11px;
	height: 7px;
}

.gnb .location_site_list ul {
	margin-top: -5px;
}

.gnb .location_site_list ul li {
	color: #a8a8a8;
	transition: all ease .3s;
	line-height: 1.3;
	margin-top: 15px;
	word-break: break-all;
	width: 90%;

}

.gnb .location_site_list ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.gnb .location_site_list ul li:hover {
	color: #636336;
	transition: all ease .3s;
}

.gnb .system_menu {
	float: right;
	margin-right: 26px;
}

.gnb .system_menu ul {


}

.gnb .system_menu ul li {
	float: left;
	margin-right: 24px;
	font-size: 13px;
	color: #fff;
	line-height: 40px;
	position: relative;
}

.gnb .system_menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.gnb .system_menu ul li::after {
	content: "";
	width: 1px;
	height: 11px;
	background: #fab978;
	position: absolute;
	right: -14px;
	top: 15px;
}


.gnb .system_menu ul li:last-child {
	margin-right: 0;
}

.gnb .system_menu ul li:last-child::after {
	display: none;
}


.cm_menu {

	width: 100%;
	height: 100%;
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	transition: all ease .4s;
	z-index: 60;
	transform:translateX(-100%);	

}

.cm_menu.active {
	transition: all ease .4s;
	transform:translateX(0);
}


.cm_menu nav{
	width: calc(100% - 82px);
	float: left;
	height: 100%;
	position: relative;
	background:#fff;
	transition: all ease .4s;
	z-index: 70;

}


.cm_menu.active nav{
	transition-delay: .2s;
	transition: all ease .4s;


}

/*.gnb_hd_box {
	width: 100%;
	height: 140px;
	position: relative;
	background: #179ca3;
}*/
.gnb_hd_box {
	width: 100%;
	height: 58px;
	position: relative;
	background: #179ca3;
}
.gnb_hd_box .langbtn{
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: 22px;
	right: 25px;
	display: block;
}

.gnb_hd_box .inner {
	position: absolute;
	top: 78px;
	left: 25px;

	width: calc(100% - 50px);
	display: table;

}

.system_ui_btn {
	display: inline-block;
	width: 49%;
	float: left;
	box-sizing: border-box;
	border: 2px solid #fff;
	height: 43px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	border-radius: 3px;

}

.system_ui_btn.signbtn{
	margin-left: 2%;

}

.gnb_menu_box {
	width: calc(100% - 25px);
	padding-left: 25px;
	margin-top: 19px;
}

.dp_menu {
	width: 100%;
	height: 100%;
	overflow: scroll;
	overflow-x: hidden;
}

.dp_menu > li {
	width: 100%;
	font-size: 19px;
	color: #333;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
}

.dp_menu > li::after{
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: url('../images/common/gnb_open_ico.png') no-repeat center;
	right: 0;
	background-size: 18px;
	top: 21px;
	right: 25px;

}

.dp_menu > li.active {
	border-bottom: 1px solid #f5f5f5;
}

.dp_menu > li:last-child{
	margin-bottom: 50px;


}


.dp_menu > li.active::after{
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: url('../images/common/gnb_cls_ico.png') no-repeat center;
	right: 0;
	background-size: 18px;
	top: 21px;
	right: 25px;

}

.dp_menu li > a {
	display: block;
	width: 100%;
	padding: 21px 0 ;
}


.depth2_menu {
	width: 100%;
	background: #f5f5f5;
	display: none;

}

.depth2_menu > ol.inner {
	padding: 25px 0 12px 30px; 
	width: calc(100% - 30px);


}

.depth2_menu > ol.inner li{
    font-size: 17px;
    color: #636363;
    width: 100%;
    line-height: 1.1;
    display: table;
    margin-bottom: 20px;

}



.depth2_menu > ol.inner li a{
	display: block;
	width: calc(100% - 25px);
	height: 100%;
	padding: 0;

}
.cm_menu_cls {
	float: right;
	width: 82px;
	height: 100%;
	background:transparent;
	display: block;
	z-index: 70;

}


.gnb_dimmed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background:rgba(0,0,0,.4);
	display: none;
}


.gnb_dimmed.active {
	display: block;
	overflow: hidden;
}



/*cm_location*/


.location_wrap {
	width: 100%;
	height:45px;
	position: relative;
	z-index: 29;
}

#location {
    width: 100%;
    position: relative;
    height: 45px;
    z-index: 100;
    background-image:url('../images/common/location_bg_on.png');
   	background-repeat: repeat-y;    
  	background-position: center center;
    background-size: 100% 100%;
   	transition: background ease .5s;
  	
}

#location.type {
    width: 100%;
    position: relative;
    top: -34px;
    height: 45px;
    z-index: 100;
    background-image : url('../images/common/location_bg_on.png');
   	background-repeat: repeat-y;
  	background-position: center center;
    background-size: 100% 100%;
  	transition: background ease .5s;
}

#location.active {
    width: 100%;
    position: fixed;
    top: 0;
    height: 45px;
    z-index: 100;
    background-image : url('../images/common/location_bg_on.png');
   	background-repeat: repeat-y;
  	background-position: center center;
    background-size: 100% 100%;
  	transition: background ease .5s;
}




#location .all-wrap {
    width: 100%;
    height: 45px;
    margin: 0 auto;
}

#location .all-wrap .loca-wrap {
    width: 100%;
    margin: 0 auto;
    height: 45px;
}

#location .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 45px;
   	width: 100%;
    transition: all 0.3s ease;
}

#location .all-wrap .loca-wrap .loca-area i {
    float: left;
    display: inline-block;
    padding: 15px 0 0 0 ;
	position:relative;
	left: 14px;
}

#location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    width: 34px;
    height: 34px;
    background: url('../images/common/home_btn.png') center no-repeat;
    background-size: 14px 16px;
}

#location.active .all-wrap .loca-wrap .loca-area i a,
#location.type .all-wrap .loca-wrap .loca-area i a {
    display: block;
    width: 34px;
    height: 34px;
    background: url('../images/common/home_btn_active.png') center no-repeat;
    background-size: 14px 16px;
    transition-delay: .25s;

}


#location .all-wrap .loca-wrap .loca-area>ul {
    width: 100%;
    display: table;
    position: relative;

}

#location .all-wrap .loca-wrap .loca-area>ul>li {
    float: left;
    height: 45px;
    width: 50%;
    position: relative;

}

#location .all-wrap .loca-wrap .loca-area>ul>li button {
    height: 45px;
    padding: 0 30px 0 16px;
    position: relative;
    color: #fff;
    text-align: left;
    padding-left: 1px;
   	background:transparent;
    background-image: url("../images/common/loca_arrow_up.png");
    background-position-y: 50%;
    background-position-x: calc(100% - 23px);
    background-repeat: no-repeat;
    width: 100%;
	word-break: break-all;

}

#location.active .all-wrap .loca-wrap .loca-area>ul>li button,
#location.type .all-wrap .loca-wrap .loca-area>ul>li button {

   	background:transparent;
    background-image: url("../images/common/loca_arrow_up.png");
    background-position-y: 50%;
    background-position-x: calc(100% - 23px);
    background-repeat: no-repeat;
  
}

#location .all-wrap .loca-wrap .loca-area>ul>li button.active {
   	background:transparent;
	background-image: url("../images/common/loca_arrow_up.png");
    background-position-y: 50%;
    background-position-x: calc(100% - 23px);
    background-repeat: no-repeat;
    transition: background .3s ease;

}

#location.active .all-wrap .loca-wrap .loca-area>ul>li button.active,
#location.type .all-wrap .loca-wrap .loca-area>ul>li button.active {
   	background:transparent;
    background-image: url("../images/common/loca_arrow_up.png");
    background-position-y: 50%;
    background-position-x: calc(100% - 23px);
    background-repeat: no-repeat;
    transition: background .3s ease;
    transition-delay:3s;

}

#location .all-wrap .loca-wrap .loca-area>ul>li button.active span {
	color:#fff;
}

#location.active .all-wrap .loca-wrap .loca-area>ul>li button.active span,
#location.type .all-wrap .loca-wrap .loca-area>ul>li button.active span  {
	color:#fff;
    transition-delay: .2s;

}

#location .all-wrap .loca-wrap .loca-area>ul>li button:before {
    position: absolute;
    top: 0px;
    left: 0;
    width: 1px;
    height: 45px;
    background: #80c3c6;
	z-index:1;
    content: "";
}

#location .all-wrap .loca-wrap .loca-area>ul>li:first-child button:before {
	display: none;

}

#location.active .all-wrap .loca-wrap .loca-area>ul>li button:before,
#location.type .all-wrap .loca-wrap .loca-area>ul>li button:before {
    background: #80c3c6;
    transition-delay: .25s;

}


#location .all-wrap .loca-wrap .loca-area>ul>li button > span {
    padding : 0 25px;
    font-size: 15px;
    color: #fff;
    display: -webkit-box;
}

#location.active .all-wrap .loca-wrap .loca-area>ul>li button > span,
#location.type .all-wrap .loca-wrap .loca-area>ul>li button > span  {
    color: #fff;
}



#location .all-wrap .loca-wrap .loca-area>ul>li div {
    overflow: hidden;
    height: 0;
    position: absolute;
    width: auto;
	max-height: 300px;
	overflow:scroll;

}
#location .all-wrap .loca-wrap .loca-area>ul>li div ul {
    display: block;
    position: relative;
    width: auto;
    left: 0;
    padding: 00px 0px 0px 0;
    background: #00878b;

}
 #location .all-wrap .loca-wrap .loca-area>ul>li div ul li {
	z-index:20;
	line-height: 25px;
}



#location .all-wrap .loca-wrap .loca-area>ul>li div ul li:first-child {
    margin-top: 0;
}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {
    color: #fff;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 10px 25px 13px 25px;
    font-size: 15px;

}
 #location .all-wrap .loca-wrap .loca-area>ul>li div ul li:first-child a{
    padding: 20px 25px 13px 25px;

}

 #location .all-wrap .loca-wrap .loca-area>ul>li div ul li:last-child a{
    padding: 10px 25px 20px 25px;

}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a span {
    position: relative;
}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a span:after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom:-4px;
    transition: width ease .3s;

}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a span:hover {
	background: #075f61;
	color: #fff;

}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {
	background: #075f61;
	color: #fff;

}

#location .all-wrap .loca-wrap .loca-area>ul>li div ul li a span:hover:after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom:-4px;
    transition: width ease .3s;

}


/*footer*/


footer{
	position: relative;
	width: 100%;
	background: #f4f4f4;
}

.footer {
 	background: transparent;
 	width: 100%;
 	margin: auto;
 	display: table;
 	padding: 40px 0 50px 0;
 	overflow: hidden;
 	position: relative;	
}

.footer.loca{
 	overflow: visible;
}

.footer .ftleft {
	width: 100%;
	display: table;
	position: relative;

}

.footer .logo {

}

.footer .logo i {
    display: block;
    width: 100%;
    height: 100%;
}

.footer .logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center
}

.footer .logo img {
    width: auto;
    height: 25px;
}

.footer .ftmenu {
	width: 100%;
	position: relative;
	display: table;
	margin-top: 25px;

}


.ft_group{
	color: #333;
}


ul.ft_ul {
	display: table;
	margin: auto;

}

ul.ft_ul li {
	float: left;
	display: block;
	margin-right: 25px;
	position: relative;
	font-size: 15px;
	text-align: center;
}

ul.ft_ul li::after {
	background: #333;
	content: "";
	position: absolute;
	width: 1px;
	height: 13px;
	top: 1px;
	right: -14px;
}
ul.ft_ul li:last-child {
	margin-right: 0px;
}

ul.ft_ul li:last-child::after {
	display: none;
}

ul.ft_ul li a {
	position: relative;
}

ul.ft_ul li a::before {
	content: "";
	position: absolute;	
	background: #00878c;
	width: 0%;
	height: 1px;
	bottom: -3px;
	left:0;
}

ul.ft_ul li a:hover {
	color: #00878c;
	transition: all ease .4s;
}


ul.ft_ul li a:hover::before {
	content: "";
	position: absolute;	
	background: #00878c;
	width: 100%;
	height: 1px;
	bottom: -3px;
	left:0;
	transition: all ease .4s;
}

.cp_info {
	width: 100%;
	display: table;
	padding: 29px 0 5px 0;
	color: #636363;
	font-size: 13px;
}

.cp_info address {
	display: table;
	width: 100%;
	text-align: center;
	line-height: 22px;
}

.cp_info a.tel_link {
	display: inline-block;
	margin-left: 5px;

}

.copyright {
	width: 100%;
	display: block;
	color: #636363;
	font-size: 13px;
	text-align: center;

}

.footer .ftright {
	position: relative;
	display: table;
	height: 45px;
	margin: 28px auto 0 auto;
	width: 100%;

}

.footer .location_site_ft {
	cursor: pointer;
	width: calc(100% - 50px);
	margin: auto;
	left: 25px;
	height: 45px;
	border: 2px solid #333;
	line-height: 1;
	font-size: 15px;
	color: #333;
	overflow:hidden;
	z-index: 50;
	position: absolute;
	transition: height ease .3s;

}

.footer .location_site_ft.active {
	height: 45px;
	transition: height ease .5s;
	overflow: visible;

}

.location_site_ft a.tit {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: transparent;
	z-index: 20;
	text-indent: 25px;
	font-size: 15px;
	color: #333;
}

.footer .location_site_ft a.tit::after {
	position: absolute;
	content: "";
	top: 20px;
	right: 25px;
	width: 12px;
	height: 7px;
	background-image: url('../images/common/ft_arr.png');
	background-size:12px 7px;
	background-repeat: no-repeat;
	transform: rotate(0deg);
	transition: all ease .3s;

}

.footer .location_site_ft.active a.tit::after {
	transform: rotate(180deg);
	transition: all ease .3s;
}

.location_site_ft_list {
	position: absolute;
	bottom: 50px;
	background: #333;
	width: calc(100% + 4px);
	height: 0;
	transition: all ease .3s;
	padding: 0 25px;
	overflow: hidden;
	display: table;
	opacity: 0;
	bottom: 52px;
	box-sizing: border-box;
	left: -2px;
	transform: translateY(20px);
	transition: all ease .4s;

}
.footer .location_site_ft .location_site_ft_list{
	transition: all ease .4s;

}

.footer .location_site_ft.active .location_site_ft_list{
	height: 100%;
	opacity: 1;
	transform: translateY(0);
	transition: all ease .4s;


}

.location_site_ft_list li {
	font-size: 15px;
	color: #fff;
	width: 100%;
	display: block;
	line-height: 2;
	border-bottom: 1px solid #646464;
	z-index: 10;
}

.location_site_ft_list li:last-child {
	border-bottom: 0;

}

.location_site_ft_list a {
	width: calc(100% - 2px);
	height: calc(100% - 24px);
	display: block;
	padding: 12px 0 12px 2px;

}

.location_site_ft_list li a:hover {
	color: #fff;
}

.goal {
	z-index: 250;
	position: absolute;
	bottom: 0;
	left: 0;
}



/* 03. page layout--------------------------------*/



/*search rs*/


.search_rs_tab{
	width: calc(100% - 50px);
	margin: auto;
	display: table;
	padding: 0 2px;
	margin-bottom: 35px;

}
.search_rs_tab .tabbox {
	width: calc(100% / 3);
	box-sizing: border-box;
	background: #fff;
	float: left;
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	color: #636363;
	font-size: 15px;
	text-align: center;
	font-weight: 400;
	height: 50px;
	word-break: break-word;	

}
.search_rs_tab .tabbox.active {
	background: #00878c;
	border-bottom: 1px solid #00878c;
	border-right: 1px solid #00878c;	
	color: #fff;
	font-weight: 500;	
}

.search_rs_tab .tabbox span{
	font-size: 11px;
	position: relative;
	left: 5px;
	top: -2px;
}

.search_rs_tab .tabbox a{
	display: table;
	width: 100%;
	height: 100%;

}
.search_rs_tab .tabbox .inner {
	vertical-align: middle;
	display:table-cell;

}
.search_rs_tab .tabbox:nth-child(1),
.search_rs_tab .tabbox:nth-child(2),
.search_rs_tab .tabbox:nth-child(3) {
	border-top: 1px solid #d6d6d6;


}
.search_rs_tab .tabbox:nth-child(1).active,
.search_rs_tab .tabbox:nth-child(2).active,
.search_rs_tab .tabbox:nth-child(3).active{
	border-top: 1px solid #00878c;


}

.search_rs_tab .tabbox:nth-child(1) {
	border-left: 1px solid #d6d6d6;


}

.search_rs_tab .tabbox:nth-child(1).active {
	border-left: 1px solid #00878c;


}

.search_rs_tab .tabbox:nth-child(3n+1) {
	border-left: 1px solid #d6d6d6;


}

.search_rs_tab .tabbox:nth-child(3n+1).active {
	border-left: 1px solid #00878c;


}


.search_rs_rstxt {
	text-align: center;
	font-size: 25px;
	line-height: 30px;
	color: #333;
	margin: 40px 0 50px;

}

.search_rs_rstxt span{
	color: #00878c;

}

.search_rs_group{
	width: calc(100% - 50px);
	display: table;
	margin: auto;
}

.search_rs_group .rsbox{
	width: 100%;
	margin-bottom: 30px;

}

.search_rs_group .rsbox .rsnone{
	padding-top: 100px;
	text-align: center;
	margin: 60px 0 0px 0;
	font-size: 17px;
	color: #a8a8a8;
	background:url('../images/common/rs_none.png')   no-repeat;
	background-position-x : center;
	background-position-y: top;
	background-size: 88px 81px;

}
.search_rs_group .rsbox:last-child{
	margin-bottom: 0;
}
.search_rs_group .rsbox .hdc {
	height: 62px;
	line-height: 62px;
	width: 100%;
} 

.search_rs_group .rsbox .hdc .tit {
	font-size: 25px;
	color: #333;
	float: left;

}

.search_rs_group .rsbox .hdc .tit span{
	font-size: 15px;
	position: relative;
	left: 7px;
	top: -3px;
	color: #f68a1e;
}

a.more_rs{
	float: right;
	padding-right: 18px;
	position: relative; 
	font-size: 15px;
	color: #333;
	text-align: right;
	line-height: 62px;
}

a.more_rs::after{
	content:"";
	position: absolute;
	width: 11px;
	height: 11px;
	right: 0;
	top: 26px;
	background: url('../images/common/rs_more.png') no-repeat;
	background-size: 11px;
}

.rsboxb_array_wrap {
	width: 100%;
	display: table;
}

.rsboxb_array {
	width: 100%;
	display: table;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	margin-bottom: 10px;

}

.rsboxb_array:last-child{
	margin-bottom: 0px;
}
.rsboxb_array a{
	display: block;
	width: 100%;
	height: 100%;
}

.rsboxb_array .inner{
	padding: 30px 25px 25px 25px;
}

.rsboxb_array .tit{
	font-size: 17px;
	color: #333;
	line-height: 25px;

}

.rsboxb_array .tit span{
	margin-right: 30px;
	position: relative;
}

.rsboxb_array .tit span::after{
	position: absolute;
	content: "";
	width: 7px;
	height: 12px;
	background:url('../images/common/rs_arr.png') no-repeat;
	background-size: 7px 12px;
	top: 8px;
	right: -20px;

}
.rsboxb_array .tit span:last-child{
	margin-right:0;
}
.rsboxb_array .tit span:last-child::after{
	display: none;

}

.rsboxb_array .desc{
	font-size: 17px;
	line-height: 27px;
	position: relative;
	top: -5px;
	color: #636363;
	margin-top: 20px;
	height: 54px;
	overflow: hidden; 
	-webkit-line-clamp:2;
	text-overflow: ellipsis;	
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;

}


/* s--sub common*/
.cm_hd {
	width: 100%;
	display: table;
	height: 182px;
}

.cm_hd.type {
	width: 100%;
	display: table;
	height: 182px;
	padding: 0;
}

.cm_hd .innerbox {
	width: 100%;
	height: 100%;
	margin: auto;
	display: table;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.cm_hd .innerbox.sub_search {
	background-image: url('../images/sub/sub_bg_search.png');
}

.cm_hd .innerbox.sub01 {
	background-image: url('../images/sub/sub_bg_01.png');
}

.cm_hd .innerbox.sub02 {
	background-image: url('../images/sub/sub_bg_02.png');
}

.cm_hd .innerbox.sub03 {
	background-image: url('../images/sub/sub_bg_03.png');
}

.cm_hd .innerbox.sub04 {
	background-image: url('../images/sub/sub_bg_04.png');
}

.cm_hd .innerbox.sub05 {
	background-image: url('../images/sub/sub_bg_05.png');
}

.cm_hd .innerbox .tit {
	font-size: 32px;
	color: #fff;
	text-align: center;
	position: relative;
}

.cm_hd.type .innerbox .tit {
	font-size: 33px;
	color: #fff;
	text-align: center;
}

.cm_hd.type .innerbox .tit::after{
	position: absolute;
	width: 30px;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -15px;
	background: #f68a1e;
	top: -25px;

}

.cm_hd .innerbox .desc {
	font-size: 20px;
	color: #fff;
	margin-top: 30px;
	text-align: center;
}

.cm_wrap {
	width:100%;
	display: table;
	margin-bottom: 90px;
	position: relative;
}
.cm_wrap.type {
	width:100%;
	display: block;
	margin-bottom: 90px;
	position: relative;
}


.cm_wrap.btless {
	margin-bottom: 0;
}

.cm_tit {
	font-size: 25px;
	color:#333;
	text-align: center;
	padding: 50px 0 35px;
}

.cm_tit.type {
	padding: 67px 0 40px;
}

.cm_tit.type.qna {
	padding: 67px 0 55px;
}

.cm_tit.org {
	font-size: 20px;
	color:#333;
	text-align: center;
	padding: 50px 0 35px;
}

.cm_desc {
	font-size: 17px;
	line-height: 27px;
	color:#00878c;
	text-align: center;
	max-width: 800px;
	margin: auto;
	margin-bottom: 35px;
	padding: 0 25px;

}


.sub_align {
	width: 100%;
	height: 100%;
	margin: auto;
	position: relative;
}

.sub_align .org_map {
	padding: 0 25px;


}
.sub_align .facilities {
	padding: 0 25px;


}
.sub_align .map {
	padding: 0 25px;
	width: calc(100 - 50px);


}



.sub_align .org_map img{

	width: 100%;	
}
/*s연구원소개 공통*/

.linebox {
	position: absolute;
	bottom: -139px;
	width: calc(100% - 78px);
	left: 36px;
	height: 169px;
	z-index: 20;
}

.linebox.right_type {
	height: 203px;
    bottom: -173px;	
}


.linebox .inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.linebox .inner .liner_t1 {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.linebox .inner .liner_t1::before {
	position: absolute;
	content: "";
	width: 0px;
	height: 5px;
	background: #00878c;
	left: 50px;
	transition: width .4s ease;
}

.linebox .inner .liner_t1.active::before {
	position: absolute;
	content: "";
	width: calc(100% - 50px);
	height: 5px;
	background: #00878c;
	left: 50px;
	transition: width .4s ease;
	transition-delay: .5s;
}

.linebox .inner .liner_t1::after {
	position: absolute;
	content:"";
	width: 5px;
	height: 0px;
	top: 0;
	right: 0;
	background: #00878c;
	transition: height .4s ease;

}

.linebox .inner .liner_t1.active::after {
	position: absolute;
	content:"";
	width: 5px;
	height: 100%;
	top: 0;
	right: 0;
	background: #00878c;
	transition: height .4s ease;
	transition-delay: .9s;

}

.linebox .inner .liner_t2 {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.linebox .inner .liner_t2::after {
	position: absolute;
	content:"";
	width: 0px;
	height:5px;
	background: #00878c;
	right: 0;
	bottom: 0;
	transition: width .4s ease;
}

.linebox .inner .liner_t2.active::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 5px;
	background: #00878c;
	right: 0;
	bottom: 0;
	transition: width 0.4s ease;
	transition-delay: 1.3s;	
}

.linebox .inner .liner_t2::before {
	position: absolute;
	content: "";
	width: 5px;
	height:0px;
	background: #00878c;
	left: 0;
	bottom: 0;
	transition: height .4s ease;
}

.linebox .inner .liner_t2.active::before {
	position: absolute;
	content:"";
	width: 5px;
	height: 50px;
	background: #00878c;
	left: 0;
	bottom: 0;
	transition: height .4s ease;
	transition-delay: 1.7s;	
}

.comma_ico {
	background: url('../images/sub/comma_ico.png');
	background-size: 21px 14px;
	width: 21px;
	height: 14px;
	position: absolute;
	top: -7px;
	left: 0;
	transform: translateY(50px);
	transition: all ease .5s;
}

.comma_ico.active {
	background: url('../images/sub/comma_ico.png');
	background-size: 21px 14px;	
	width: 21px;
	height: 14px;
	position: absolute;
	top: -7px;
	left: 0;
	transform: translateY(0px);
	transition: all ease .5s;
}

p.tit_sub_copy {
	font-size: 25px;
	color: #00878c;
	line-height: 35px;
	transform: translateY(20px);
	white-space: nowrap;
	text-align: center;
}

p.tit_sub_copy.active {
	font-size: 25px;
	color: #00878c;
	line-height: 35px;
	transform: translateY(0);
	transition: all ease-out .8s;
	transition-delay: 1.5s;	
	white-space: nowrap;
	text-align: center;

}

p.tit_sub_copy2 {
	font-size: 25px;
	color: #00878c;
	line-height: 35px;
	transform: translateY(20px);
	white-space: nowrap;
	text-align: center;

}

p.tit_sub_copy2.active {
	font-size: 25px;
	color: #00878c;
	line-height: 35px;
	transform: translateY(0);
	transition: all ease-out .8s;
	transition-delay: 1.5s;	
	white-space: nowrap;
	text-align: center;

}


.sub_article {
	width: calc(100% - 50px);
	padding: 0 25px;
	background: #fff;
	position: relative;
	display: table;
}

.sub_article.pp {
	width: calc(100% - 50px);
	padding: 0 25px;
	margin-top: 80px;
	background: #fff;
	position: relative;
}

.sub_article.pp2 {
	width: calc(100% - 50px);
	padding: 0 25px;
	margin-top: 50px;
	background: #fff;
	position: relative;
}


.sub_article::before {
	display: none;
}

.sub_article.right_type::before {
	display: none;
}

.sub_article .context_hd {
	padding: 193px 0px 23px;
	text-align: left;
	transition: all ease .9s;
	transform: translateY(50px);

}

.sub_article .context_hd.active {
	transition: all ease .5s;

}

.sub_article .context_hd.right_type {
	float: left;
	text-align: left;
	padding: 45px 0px 0px;

}



.sub_article .context_hd .org {
	margin-bottom: 12px;
	font-size: 15px;
	color: #00878c;
}


.sub_article .context_hd .name {
	font-size: 20px;
	color: #333;
	display: inline-block;
	line-height: 20px;

}

.sub_article .context_hd .year {
	font-size: 15px;
	color: #00878c;
	display: inline-block;
	position: relative;
	top: -2px;
	left: 5px;
}

.sub_article .context_view {
	float: left;
	width: 100%;

}

.sub_article .context_view.left {
	float: left;
	width: 100%;
	padding-right: 0px;

}

.sub_article .context_view.left.type2{
	margin-top: 220px;	

}

.sub_article .context_view.right {
	float: left;
	width: 100%;
	padding-left: 0px;
	margin-top: 38px;

}


.sub_article .context_view.right.type2 {
	margin-top: 220px;	

}

.sub_article .context_view p {
	font-size: 17px;
	color: #636363;
	line-height: 30px;
	word-break: normal;
	transition: all ease .7s;
	transform: translateY(100px);
}

.sub_article .context_view p + p {
	margin-top: 38px;
}

.sub_article .context_view p.active {
	transform: translateY(0);
	transition: all ease .7s;

}

/*e연구원소개 공통*/



/*s설립자인사말*/
.sub01_bg {
	width: 100%;
	height: 245px;
	background: url('../images/sub/sub01_bg.png') center no-repeat;
	background-size: cover;
	position: relative;

}
/*e설립자인사말*/


/*s이사장 인사말*/
.sub01_2_bg {
	width: 100%;
	height: 246px;
	background: url('../images/sub/sub01_2_bg.png') center no-repeat;
	background-size: cover;	
	position: relative;
}

/*e이사장 인사말*/



/*s설립취지*/

.sub01_3_bgf {
	width: 100%;
	height: 295px;
	background: #00878c;
	margin-top: 320px;
}

.sub01_3_bgf .inner {
	width:100%;
	margin: auto;
	position: relative;
}

.sub01_3_bgf .inner .left_img {
	width: calc(100% - 90px);
	height: 170px;
	background: url('../images/sub/sub01_3_img_left.png') center no-repeat;
	background-size: cover;
	position: absolute;
	top: -320px;
	left: 25px;
	transform: translateY(60px);
	opacity: .3;
	box-shadow: 19px 20px 20px 1px rgba(0, 0, 0, 0.2);

}

.sub01_3_bgf .inner .left_img.active {
	transition: all .6s ease;
	opacity: 1;
}

.sub01_3_bgf .inner .right_img {
	width: calc(100% - 90px);
	height: 170px;
	background: url('../images/sub/sub01_3_img_right.png') center no-repeat;
	background-size: cover;
	position: absolute;
	top:-129px;
	right: 25px;
	transform: translateY(60px);
	opacity: .3;
	box-shadow: 19px 20px 20px 1px rgba(0, 0, 0, 0.2);

}

.sub01_3_bgf .inner .right_img.active {
	transition: all .6s ease;
	transition-delay: .2s;
	opacity: 1;
}

.sub01_3_bgf .inner .bottom_txt_group {
	position: relative;
	top: 75px;
	left: 35px;
	width: calc(100% - 35px);
	height: 200px;
}

.sub01_3_bgf .inner .bottom_txt_group .comma {
	width: 26px;
	height: 17px;
	background: url('../images/sub/comma_ico_2.png');
	background-size: 26px 17px;
	transform: translateY(-20px);
}

.sub01_3_bgf .inner .bottom_txt_group .comma.active {
	width: 26px;
	height: 17px;
	background: url('../images/sub/comma_ico_2.png');
	background-size: 26px 17px;
	transform: translateY(0);
	transition: all ease .7s;
}

.sub01_3_bgf .inner .bottom_txt_group .txt {
	position: relative;
	left: 0px;
	font-size: 25px;
	color: #fff;
	letter-spacing: -1.5px;

}

.sub01_3_bgf .inner .bottom_txt_group .txt.c1 {
	margin-top: 22px;

	transform: translateX(-20px);
}

.sub01_3_bgf .inner .bottom_txt_group .txt.c1.active {
	transform: translateX(0px);
	transition: all ease .7s;
	transition-delay: .5s;
}

.sub01_3_bgf .inner .bottom_txt_group .txt.c2 {
	margin-top: 10px;

	transform: translateX(-30px);
}

.sub01_3_bgf .inner .bottom_txt_group .txt.c2.active {
	transform: translateX(0px);
	transition: all ease .7s;
	transition-delay: .8s;
}

.sub01_3_bgf .inner .bottom_txt_group .liner {
	position: relative;
	left: 0px;
	top: 40px;
	width: calc(100% - 202px);
	height: 2px;
	background: transparent;
}

.sub01_3_bgf .inner .bottom_txt_group .liner::before {
	content: "";
	width: 0%;
	height: 2px;
	top: 0;
	position: absolute;
	background: #fff;
}

.sub01_3_bgf .inner .bottom_txt_group .liner.active::before {
	content: "";
	width: 100%;
	height: 2px;
	top: 0;
	position: absolute;
	background: #fff;
	transition: width .6s ease-out;
	transition-delay: 1.4s;
}

.sub01_3_bgf .inner .bottom_txt_group .txt_rc_g {
	position: absolute;
	right: 0px;	
	top: -6px;
}

.sub01_3_bgf .inner .bottom_txt_group .txt_rc1 {
	font-size: 15px;
	color: #92dbdd;
	white-space: nowrap;
	position: relative;
	left: calc(100% + 20px);
	transform: translateX(20px);
}

.sub01_3_bgf .inner .bottom_txt_group .txt_rc1.active {
	transform: translateX(0px);
	transition: all ease .7s;
	transition-delay: 2s;
}

.sub01_3_bgf .inner .bottom_txt_group .txt_rc2 {
	margin-top: 11px;
	font-size: 20px;
	color: #fff;
	position: absolute;
	right: calc(-100% - 20px);
	transform: translateX(20px);
}

.sub01_3_bgf .inner .bottom_txt_group .txt_rc2.active {
	transform: translateX(0px);
	transition: all ease .7s;
	transition-delay: 2.5s;

}

/*e설릷취지*/

/*s연혁*/

.linebox_c {
	position: absolute;
	bottom: 0px;
	width: calc(100% - 50px);
	height: 249px;
	z-index: 10;
}

.linebox_c .tit {
	font-size: 32px;
	color: #00c5cc;
	white-space: nowrap;
	text-align: center;
	line-height: 42px;
	transform: translateY(10px);
}



.linebox_c .tit.active {
	font-size: 32px;
	color: #00c5cc;
	white-space: nowrap;
	text-align: center;
	line-height: 42px;
	transform: translateY(0);
	transition: all ease .8s;
	transition-delay: 2.4s;
}

.linebox_c .desc {
	font-size: 17px;
	color: #fff;
	margin-top: 24px;
	text-align: center;
	white-space: nowrap;	
	transform: translateY(20px);
}

.linebox_c .desc.active {
	font-size: 17px;
	color: #fff;
	margin-top: 24px;
	text-align: center;
	white-space: nowrap;	
	transform: translateY(0);
	transition: all ease .6s;
	transition-delay: 2.5s;
}

.linebox_c .inner {
	position: relative;
	width: 100%;
	height: 100%;
}


.linebox_c .inner .liner_bl,
.linebox_c .inner .liner_ct,
.linebox_c .inner .liner_rb {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.linebox_c .inner .liner_bl::before {
	position: absolute;
	content: "";
	right: 59%;
	bottom: 0;
	width: 0px;
	height: 5px;
	background: #0caab0;
}

.linebox_c .inner .liner_bl.active::before {
	position: absolute;
	content: "";
	bottom: 0px;
	right: 59%;
	width: 41%;
	height: 5px;
	background: #0caab0;
	transition: .2s all ease;
	transition-delay: 1.5s;

}

.linebox_c .inner .liner_bl::after {
	position: absolute;
	content: "";
	bottom: 0px;
	left: 0px;
	width: 5px;
	height: 0px;
	background: #0caab0;
}

.linebox_c .inner .liner_bl.active::after {
	position: absolute;
	content: "";
	bottom: 0px;
	left: 0px;
	width: 5px;
	height: 248px;
	background: #0caab0;
	transition: .2s all ease;
	transition-delay: 1.7s;
}

.linebox_c .inner .liner_ct::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0px;
	width: 0px;
	height: 8px;
	background: #0caab0;
}

.linebox_c .inner .liner_ct.active::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0px;
	width: 100%;
	height: 5px;
	background: #0caab0;
	transition: .2s all ease;
	transition-delay: 1.9s;
}

.linebox_c .inner .liner_rb::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 5px;
	height: 0px;
	background: #0caab0;
}

.linebox_c .inner .liner_rb.active::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 5px;
	height: 248px;
	background: #0caab0;
	transition: .2s all ease;
	transition-delay: 2.1s;
}

.linebox_c .inner .liner_rb::after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0px;
	width: 0px;
	height: 5px;
	background: #0caab0;

}

.linebox_c .inner .liner_rb.active::after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 41%;
	height: 5px;
	background: #0caab0;
	transition: .4s all ease;
	transition-delay: 2.3s;
}

.ct_circle {
	position: absolute;
	width: 100%;
	bottom: 0;

}

.ct_circle .inset {
	position: relative;
	left: 1px;
	top: 10px;
	margin: auto;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	border: 2px solid #9d9d9d;
	transform: translateY(-50px);
}

.ct_circle .inset.active {
	position: relative;
	top: 10px;
	margin: auto;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	border: 2px solid #9d9d9d;
	transform: translateY(0);	
	transition: all .7s ease;
}	

.ct_circle .inset::after {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #fff;
	top: 50%;
	left: 50%;
	margin-left: -3px;
	margin-top: -3px;
}

.ct_circle .inset.active::after {
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background: #0cabb0;
	top: 50%;
	left: 50%;
	margin-left: -3px;
	margin-top: -3px;
	transition: all .7s ease;
	transition-delay: 1.5s;
}

.hst_wrap {
	height: 100%;
	width:100%;
	overflow: hidden;
	position: relative;
	padding-top: 50px;

}

.hst_wrap::before {
	height: 100%;
	content: "";
	position: absolute;
	left: 37px;
	top: 100px;
	width: 1px;
	background: #d6d6d6;
}


.hst_wrap.type::before {
	height: 100%;
	content: "";
	position: absolute;
	left: 37px;
	top: 100px;
	width: 1px;
	background: #d6d6d6;
}


.hst_wrap::after {
	content: "";
	position: absolute;
	width: 8px;
	border-radius: 50%;
	height: 8px;
	left: 37px;
	margin-left:-4px;
	bottom: 0px;
	background: #d6d6d6;
}

.hst_wrap .inner{
	width: 100%;


}
.hst_array{
	display: table;
	width: calc(100% - 50px);
	padding: 0 25px;
	margin: auto;

}

.hst_array:nth-child(odd) .leftbox{
	width: 100%;
	float: left;
}


.hst_array:nth-child(odd) .leftbox .yearbox {
	width: 50%;
	float: left;
	text-align: left;
	position: relative;
}


.hst_array:nth-child(odd) .leftbox .yearbox::after{
	position: absolute;
	content:"";
	width: 0px;
	height: 2px;
	background: #00878c;
	left: 210px;
	top: 38px;
}

.hst_array:nth-child(odd) .leftbox .yearbox.active::after{
	display: none;
}



.hst_array:nth-child(odd) .rightbox{
	width: 100%;
	float: left;

}

.hst_array:nth-child(odd) .rightbox .listbox{
	width: 100%;
	padding-top: 32px;
	padding-bottom: 45px;
	position: relative;
}

.hst_array:nth-child(odd) .rightbox .listbox::before{
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    left: 8px;
    top: 33px;
    z-index: 10;

}

.hst_array:nth-child(odd) .rightbox .listbox::after {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #00878c;
	left: 10px;
	top: 35px;
	z-index: 10;
}

.hst_array:nth-child(odd) .rightbox .listbox .month_grp {
	margin-bottom: 20px;
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array {
	margin-bottom: 30px;
	position: relative;
	top: -7px;
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array:last-child {
	margin-bottom: 0;
}


.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs {
	padding-left: 66px;
	margin-bottom: 10px;
	transform: translateX(200px);
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs.active {
	margin-bottom: 10px;
	transform: translateX(0);
	transition: all ease .7s;	
	transition-delay: .8s;	
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs:last-child {
	margin-bottom: 0px;
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs .month {
	float: left;
	width: 20px;
	height: auto;
	line-height: 27px;
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs .month span {
	position: relative;
	color: #00878c;
	font-size: 20px;
	text-align: center;
	display: block;
	opacity: 0;
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs:first-child .month span{
	opacity: 1;
}



.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs .month span::after {
	position: absolute;
	content: "";
	width: 22px;
	height:2px;
	bottom: 0px;
	left: 0px;
	background: #00878c;
}


.hst_array:nth-child(odd) .rightbox .listbox .list_array:first-child .vbs:first-child .month span.gth_m::before {
	position: absolute;
	content: "";
	width: 26px;
	height:1px;
	top: 12px;
	left: -44px;
	background: #00878c;

}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs .childtxt {
	display: block;
	padding-left: 50px;
	text-align: left;
}

.hst_array .childtxt{
	line-height: 27px;
	color: #636363;
	font-size: 17px;
}


.hst_array:nth-child(even) .leftbox{
	width: 100%;
	float: left
}



.hst_array:nth-child(even) .leftbox .yearbox {
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
}

.hst_array:nth-child(even) .leftbox .yearbox::after {
	position: absolute;
	content:"";
	width: 0px;
	height: 2px;
	background: #f68a1e;
	right: 210px;
	top: 38px;
}

.hst_array:nth-child(even) .leftbox .yearbox.active::after {
	display: none;
}

.hst_array:nth-child(even) .rightbox{
	width: 100%;
	float: left;
}

.hst_array:nth-child(even) .rightbox .listbox {
	width: 100%;
	padding-top: 32px;
	padding-bottom: 20px;
	position: relative;
}

.hst_array:nth-child(even) .rightbox .listbox::before{
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    left: 8px;
    top: 33px;
    z-index: 10;
}

.hst_array:nth-child(even) .rightbox .listbox::after {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #f68a1e;
	left: 10px;
	top: 35px;
	z-index: 10;
}


.hst_array:nth-child(even) .rightbox .listbox .month_grp {
	margin-bottom: 20px;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array {
	position: relative;
	margin-bottom: 30px;
	top: -7px;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array:last-child {
	margin-bottom: 0;

}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs {
	margin-bottom: 20px;
	padding-left: 66px;
	transform: translateX(200px);


}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs.active {
	margin-bottom: 10px;
	transform: translateY(0);
	transition: all ease .7s;	
	transition-delay: .8s;	
}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs:last-child {
	margin-bottom: 0px;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs .month {
	float: left;
	width: 20px;
	height: auto;
	line-height: 27px;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs .month span {
	position: relative;
	color: #f68a1e;
	font-size: 20px;
	text-align: center;
	display: block;
	opacity: 0;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs:first-child .month span {
	opacity: 1;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs .month span::after {
	position: absolute;
	content: "";
	width: 22px;
	height:2px;
	bottom: 0px;
	left: 0px;
	background: #f68a1e;
}

.hst_array:nth-child(even) .rightbox .listbox .list_array:first-child .vbs:first-child .month span.gth_m::before {
	position: absolute;
	content: "";
	width: 26px;
	height:1px;
	top: 12px;
	left: -44px;
	background: #f68a1e;

}



.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs .childtxt {
	display: block;
	padding-left: 50px;
	text-align: left;
}

.more_load_btn {
	margin: auto;
	margin-top: 35px;
	font-size: 15px;
	height: 55px;
	text-align: center;
	color: #333;
	width: 100px;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
}

.more_load_btn.cale {
	margin-top: 10px;
	margin-bottom: 37px;
}

.more_load_btn.cale_list {
	margin-top: 40px;
	margin-bottom: 37px;
}


.more_load_btn::after {
	content: "";
	position: absolute;
	background: url('../images/common/hst_arr.png');
	width: 6px;
	height: 35px;
	background-size: 100%;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	transition: all ease .4s;
}

.more_load_btn:hover::after {

	bottom: -14px;
	transition: all ease .4s;
}

.hst_array .yearbox {
	font-size: 40px;
	background: #fff;	
	padding: 5px 0 15px 0;

}

.hst_array:nth-child(odd) .yearbox {
	color: #00878c;

	transform: translateY(20%);	
}

.hst_array:nth-child(odd) .yearbox.active {
	color: #00878c;
	transition: all .6s ease;
	transform: translateX(0);
}

.hst_array:nth-child(even) .yearbox {
	color: #f68a1e;
	transform: translateY(20%);	
}

.hst_array:nth-child(even) .yearbox.active {
	color: #f68a1e;
	transition: all .6s ease;
	transform: translateX(0);
}
/*e연혁*/


/*s연구원장 인사말*/
.sub01_4_bg {
	width: 100%;
	height: 216px;
	background: #d6d6d6 url('../images/sub/sub01_4_bg_2025.png') center no-repeat;
	background-size: auto 216px;
	position: relative;
}
/*e연구원장 인사말*/


/*s조직현황*/
.sub01_5_bg {
	width: 100%;
	height:350px;
	background: url('../images/sub/sub01_5_bg.png') center no-repeat;
	background-size: cover;
	position: relative;
}


.hst_type_desc {
	text-align : center;
	display: table;
	width: 	100%;
	position: relative;
}

.hst_type_desc p.tit{
	font-size: 35px;
	line-height: 40px;
	display: block;
	color: #00878c;
}

.hst_type_desc p.desc{
	font-size: 17px;
	line-height: 27px;
	display: block;
	color: #333;
	margin-top: 25px;
}

.org_list_t {
	width: 100%;
	margin-bottom: 50px;
	display: table;
}

.org_list_t ul.inner {
	width: calc(100% - 50px);
	padding: 0 25px;
	margin: auto;
}

.org_list_t ul.inner li {
	width: 48%;
	height: 80px;	
	margin-right: 4%;
	margin-top: 4%;	
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #d6d6d6;
	float: left;
	transform: translateY(20px);
	text-align: center;
}


.org_list_t ul.inner li img{
	height: 100%;
}

.org_list_t ul.inner li a {
	display: block;
	width: 100%;
	height: 100%;
}

.org_list_t ul.inner li.active {
	transform: translateY(0px);
	transition:  all ease .6s;
	transition-delay: .7s;
}

.org_list_t ul.inner li:nth-child(1),
.org_list_t ul.inner li:nth-child(2),
{
	margin-top: 0;	
}

.org_list_t ul.inner li:nth-child(even) {
	margin-right: 0;
}

.org_list_t.bsc {
	border-top: 1px solid #d6d6d6;
	margin-bottom:0;
}

/*e조직현황*/



/*s오시는길*/

.map_wrap{

	width: 100%;
	height: 285px;
}

.map_wrap.type{
	width: 100%;
	margin: auto;

}

.map_info{
	width: 100%;
	height: 200px;
	position: relative;
	top: -50px;
	margin-bottom: -50px;
	transform: translateY(50px);

}


.map_info.en {
	height: 315px;

}


.map_info.active {
	transition: all ease .6s;
	transform: translateY(0px);
}

.map_info .inner{
	width: calc(100% - 50px);
	position:absolute;
	left: 25px;
	height: 200px;
	background: #00878c;
	box-shadow: 20px 19px 20px 3px rgba(0, 0, 0, 0.12);
}

.map_info .inner.en{
	height:315px;

}


.map_info .inner .txt{
	padding: 32px 0 0 30px;

}

.map_info .inner.en .txt{
	padding: 45px 0 0 30px;

}

.map_info .inner .txt .maptit {
	font-size: 25px;
	color: #fff;
}

.map_info .inner .txt .maptit.en{
	line-height: 35px;

}


.map_info .inner .txt address {
	margin: 30px 0 30px 0;
	font-size: 17px;
	color: #fff;
}

.map_info .inner .txt address.en {
	line-height: 34px;
	margin: 33px 0 16px 0;

}


.map_info .inner .txt .maptel {

	font-size: 22px;
	color: #fff;
}

.map_info .inner .txt .maptel span{
	display: inline-block;
	line-height: 30px;
	height: 33px;
}

.map_info .inner .txt .maptel span.tel_ico{
	display: inline-block;
	height: 33px;
	width: 56px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 15px;
	font-size: 15px;
	text-align: center;
	line-height: 28px;

}
.map_info .inner .txt .maptel span.tel_num{
	display: inline-block;
	padding-left: 8px;
	position: relative;
	top: 2px;
}



.map_method_box{
	width: calc(100% - 50px);
	padding: 0 25px;
	margin-bottom: 10px;
	display: table;

}

.map_method_box:last-child{
	margin-bottom: 60px;
}
.map_method_box.type:first-child {
	margin-top: 0px;
}
.map_method_box.type {
	margin-bottom: 00px;
}

.map_method_box.type:last-child{
	margin-bottom: 0px;
}
.map_method_box .tit{
	width: 100%;
	display: table;
	font-size: 20px;
	line-height: 30px;
	margin: 40px 0 20px;
}

.map_method_box .tit.active{
	transition: all ease .5s;


}

.map_method_box .use_guide {
	padding: 32px 20px 32px 20px;
	border: 1px solid #d6d6d6;
	transform: translateY(50px);
	display: table;
	width: calc( 100% - 40px);
}

.map_method_box .use_guide.active {
	transition: all ease .6s;

}


.map_method_box .use_guide .inner {
	width: 100%;
	display: inline-block;
    vertical-align: top;	
	margin-bottom: 20px;
}

.map_method_box .use_guide .inner:nth-child(even) {
	margin-left: 0px;
}

.map_method_box .use_guide .inner:last-child{
	margin-bottom: 0;
}

.indx_value{
	border-radius: 40px;
	padding: 8px 15px;
	color: #fff;
	font-size: 17px;
	display: inline-block;
	margin-bottom: 20px;
}

.indx_value.line8 {
	background:#ea167f;
}

.indx_value.line5{
	background:#6a0096;
}

.indx_value.line2{
	background:#159600;
}

.indx_value.line_tm{
	background:#636363;
}


.indx_txt {
	margin-top: 10px;
	line-height: 1.5;
	position: relative;
	top: -5px;
	display: table;
}

.indx_txt .place_n {
	color: #333;
	float: left;
	line-height: 1;
	width: 92px;
    vertical-align: top;	
}

.indx_txt .place_c {
	color: #636363;
	float: left;
	line-height: 28px;
	width: calc(100% - 92px);
	position: relative;
	top: -5px;
}

.indx_txt .place_tm {
	font-size: 17px;
	color: #636363;
	display: inline-block;
	position: relative;
	margin-right: 30px;
}

.indx_txt .place_tm::after {
    position: absolute;
    content: "";
    background: url(../images/common/tm_arr.png);
    width: 15px;
    height: 6px;
    background-size: 100%;
    top: 11px;
    right: -23px;
}

.indx_txt .place_tm:last-child{
	margin-right: 0;
}

.indx_txt .place_tm:last-child::after {
	display: none;
}

.map_detail_box {
	width: 100%;
	height: 444px;
	background: url('../images/sub/map_base_m.png') center no-repeat;
	background-size: cover;
}

@media (min-width: 500px) {
	.map_detail_box {
		width: 100%;
		height: 844px;
		
	}

}



.map_dt_wrap {

	position: relative;
	padding: 60px 25px;

	}




.map_tit {
	position: relative;
	font-size: 23px;
	color: #fff;
	transform: translateY(30px);
	z-index: 20;

}

.map_tit.active{
	position: relative;
	font-size: 23px;
	color: #fff;
	transition: all ease 1.2s;

}

.map_desc {
	position: relative;
	font-size: 17px;
	color: #a8a8a8;
	line-height: 28px;
	margin-top: 14px;
	transform: translateY(30px);
	z-index: 20;

}

.map_desc.active {
	position: relative;
	font-size: 17px;
	color: #a8a8a8;
	line-height: 28px;
	margin-top: 14px;
	transition: all ease 1.2s;
}

.map_desc span {
	position: relative;	
	color:#f68a1e;
	z-index: 10;
}

.map_desc span::after{
	position: absolute;	
	content: "";
	width: 100%;
	height: 1px;
	bottom: -3px;
	left: 0;
	background: #f68a1e;


}


/*e오시는길*/





/*s게시판공통*/
.bbs_list_wrap {
	width: calc(100% - 50px);
	margin: auto;
	border-top: 2px solid #353535;
	display: table;
}

.bbs_list_wrap.none{
	padding-top: 160px;
	text-align: center;
	margin: 60px 0 0px 0;
	font-size: 17px;
	color: #a8a8a8;
	background:url('../images/common/rs_none.png')   no-repeat;
	background-position-x : center;
	background-position-y: 60px;
	background-size: 88px 81px;
	border-top: 0;
	margin: auto;

}

.bbs_box_array {
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
	padding: 25px 0;
	display: table;
}

.bbs_box_array.qna {
	height: 100px;
}

.bbs_box_array a{
	width: 100%;
	height: 100%;
	display: table;
}

/*s공지사항 게시판(레퍼런스)*/
.bbs_box_array .status{
	width: 100%;
	display: table;
	text-align: left;
}

.bbs_box_array .status.qna{
	width: 100%;
	float: left;
	display: table;
	text-align: left;
}


.bbs_box_array .status .inset{
	padding: 9px 10px;
	color: #333;
	font-size: 13px;
	border: 2px solid #636363;
	box-sizing: border-box;
	background: transparent;
	display: inline-block;
	margin: 0;
}

.bbs_box_array .status .inset.noti{
	background: #333;
	border: 2px solid #333;
	color: #fff;

}

/*qna답변대기*/
.bbs_box_array .status .inset.qna_stby{
	background: #a8a8a8;
	border: 2px solid #a8a8a8;
	color: #fff;

}

/*qna답변완료*/
.bbs_box_array .status .inset.qna_fin{
	background: #fff;
	border: 2px solid #f68a1e;
	color: #f68a1e;

}

.bbs_box_array .title{
	width: 100%;
	float: left;
	display: table;

}

.bbs_box_array .title.qna{
	width: 100%;
	float: left;
	display: table;
	margin-top: 17px;

}

.bbs_box_array .title.artc{
	width: 100%;
	float: left;
	display: table;

}

.bbs_box_array .title .category {
	font-size: 17px;
	color: #f68a1e;
}

.bbs_box_array .title .tit {
	margin: 30px 0 20px 0;
	font-size: 20px;
	color: #333;
	width: 100%;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;	
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;
     line-height: 30px;
     overflow: hidden;
}

.bbs_box_array .title .tit.qna {
	margin-top: 0;
	width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;
  	text-overflow: ellipsis;

}



.bbs_box_array .title .tit.qna span {
	display: block;
	width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	position: relative;

}




.bbs_box_array .title .tit.active{
	text-decoration: underline;
	color: #00878c;
	transition: all ease .3s;
}

.bbs_box_array .category {
	float: left;
	font-size: 15px;
	color: #f68a1e;	
	margin-right: 20px;
}



.bbs_box_array.public .progress_stat .inset + .date{
	line-height: 37px; 
	margin-left: 15px;

}

.bbs_box_array.public .progress_stat .inset + .date::before{
	display: none;
}

.bbs_box_array .date{
	float: left;
	font-size: 15px;
	color: #636363;
	display: table;
	text-align: left;
	position: relative;

}

.bbs_box_array.hr .progress_stat + .date {
	margin-left: 13px;
	line-height: 35px;
}

.bbs_box_array .date.qna{
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: center;
	padding-left: 0px;
	position: relative;

}

.bbs_box_array.secret .date.qna{
	padding-left: 24px;

}

.bbs_box_array.secret .date.qna::after {
	width: 14px;
	height: 19px;
	background: url('../images/common/secret_btn.png');
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 99;
}

.bbs_box_array .date.artc{
	float: left;
	font-size: 15px;
	color: #636363;
	display: table;
	text-align: left;
	padding-left: 15px;
	position: relative;
	top: 1px;


}

.bbs_box_array .name.artc {
	float: left;
	font-size: 15px;
	color: #333;
	display: table;
	position: relative;
	text-align: left;


}

.bbs_box_array .name.artc::after{
	position: absolute;
	width: 1px;
	height: 15px;
	right: -8px;
	top: 0;
	content: "";
	background: #d6d6d6;


}


/*e공지사항 게시판(레퍼런스)*/

/*게시판 공통 view bbs view*/

.bbs_view_wrap {
	width: 100%;
	margin: 50px auto 0 auto;
	display: table;
}


.bbs_db_input_wrap {
	width: 100%;
	margin: auto;
	display: table;
}

.bbs_db_input_wrap .inner {
	margin-top: 5px;
	display: table;
	width: 100%;

}


.bbs_db_input_wrap .inner .db_input_array {
	width: 100%;
	float: left;
	display: table;
	margin-top: 30px;
}



/**라디오버튼 asset/s*/
.db_input_array .ipt_tit {
	width: 100%;
	font-size: 15px;
	color: #333;
	position: relative;


}

.db_input_array .ipt_select_wrap {
	width: 100%;
	font-size: 15px;
	color: #333;
	position: relative;
	display: table;
	top: 18px;
	margin-bottom: 10px;


}

.db_select {
	position: relative;
	right: 0;
	top: -3px;

}

.db_select .align_right{
	float: right;
	position: relative;
	top: -5px;

}


.db_select span.inset_t {
	font-size: 15px;
	color: #f69029;
	margin-right: 20px;
}

.db_select input[type="radio"] + label:last-child{
	margin-left: 15px;
	margin-right: 0px;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
	color: #333;
	padding-left: 30px;
	position: relative;
	font-weight: 500;
	font-size: 15px;
	line-height: 24px;
	display: inline-block;
	cursor: pointer;	
}

input[type="radio"] + label::before{
	content: "";
	position: absolute;
	left: 0;
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid #d6d6d6;

}

input[type="radio"] + label::after{
	content: "";
	position: absolute;
	left: 7px;
	top: 7px;
	width: 10px;
	height: 10px;
	background: transparent;
	border-radius: 50%;
	box-sizing: border-box;
	transition: all ease .3s;

}

input[type="radio"]:checked + label::after{
	content: "";
	position: absolute;
	left: 7px;
	top: 7px;
	width: 10px;
	height: 10px;
	background: #f69029;
	border-radius: 50%;
	box-sizing: border-box;
	transition: all ease .3s;

}

/**라디오버튼 asset/e*/

.db_input_array .ipt.box {
	width: 100%;
	height: 56px;
	margin-top: 18px;
	background: #fff;
	border: 1px solid #d6d6d6;

	box-sizing: border-box;
}
.db_input_array .ipt.box.active{
	border: 1px solid #00878c;

}

.db_input_array .ipt.box input{
	padding-left: 20px;
	width: calc(100% - 20px);
	height: 100%;
	outline: none;
	border: 0;
	color: #333;

}

.bbs_db_input_wrap .tit {
	font-size: 23px;
	color: #00878c;

}
.bbs_write_agreement {
	width: 100%;
	margin: auto;
	margin-top: 80px;
	display: table;


}

.bbs_db_input_wrap + .bbs_write_agreement {
	margin-top: 60px;

}

.bbs_write_agreement .tit{
	font-size: 20px;
	color: #333;
}


.bbs_write_agreement .agreement_box{
	margin-top: 30px;
	width: 100%;
	border: 1px solid #d6d6d6;
	display: table;

}
.bbs_write_agreement .agreement_box .inner{
	max-height: 195px;
	font-size: 15px;
	color: #636363;
	padding: 20px;
	overflow: scroll;
	overflow-x: hidden;

}
.bbs_write_agreement .agreement_box .inner br{
	line-height: 40px;

}
.bbs_write_agreement .agreement_box .inner p{
	color: #636363;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 5px;
}

.bbs_write_agreement .agreement_box .inner p br{
	line-height: 25px;
}

.bbs_write_agreement .agreement_box .inner p:last-child{
	margin-bottom: 0;

}
.bbs_write_agreement .agreement_ckbox {
	margin: 40px 0 32px 0;
	height: 30px;
	width: 100%;
	text-align: center;
}

.bbs_write_agreement .agreement_ckbox.rq {
	margin: 25px 0 50px 0;
	height: 40px;

}

.bbs_write_wrap {
	margin: auto;
	display: table;
	width: calc(100% - 50px);

}

.back_btn_box {
	width: calc(100% - 50px);
	height: 15px;
	left: 50px;
	margin-top: 0px;
	position: relative;
	z-index: 1;
}

.back_btn_box .inner{
	float: left;
}

.back_btn_box .inner a{
	font-size: 15px;
	color: #333;
	position: relative;

}

.back_btn_box .inner a::before{
	position: absolute;
	content: "";
	width: 20px;
	height: 16px;
	background: url('../images/common/back_btn.png') no-repeat;
	background-size: 20px 16px;
	left: -32px;
	top: -2px;

}

.status_grid {
	width: 100%;
	margin : 24px auto 20px auto;
	text-align: center;
}


.status_grid .inset{
	padding: 9px 10px;
	color: #333;
	font-size: 13px;
	border: 2px solid #636363;
	box-sizing: border-box;
	background: transparent;
	display: table;
	margin: auto;
}


.status_grid .inset.noti{
	background: #333;
	border: 2px solid #333;
	color: #fff;

}

.status_grid .inset.qna_stby {
	background: #a8a8a8;
	border: 2px solid #a8a8a8;
	color: #fff;
}


.status_grid .inset.qna_fin {
	background: #fff;
	border: 2px solid #f68a1e;
	color: #f68a1e;

}

.status_grid .inset.ongoing{
	padding: 9px 10px;
	color: #fff;
	font-size: 13px;
	border: 2px solid #f68a1e;
	box-sizing: border-box;
	background: #f68a1e;
	display: table;
	margin: auto;
}


.status_grid .inset.fin{
	padding: 9px 10px;
	color: #a8a8a8;
	font-size: 13px;
	border: 2px solid #a8a8a8;
	box-sizing: border-box;
	background: #fff;
	display: table;
	margin: auto;
}

.status_grid.hr .inset.ongoing{
	padding: 9px 10px;
	color: #fff;
	font-size: 13px;
	border: 2px solid #f68a1e;
	box-sizing: border-box;
	background: #f68a1e;
	display: table;
	margin: auto;
}

.status_grid.hr .inset.fin{
	padding: 9px 10px;
	color: #a8a8a8;
	font-size: 13px;
	border: 2px solid #a8a8a8;
	box-sizing: border-box;
	background: #fff;
	display: table;
	margin: auto;
}


.tit_grid {
	padding: 0 25px;
	width: calc(100% - 50px);
	margin: auto;
	text-align: center;
	font-size: 25px;
	line-height: 35px;
	color: #333;
	font-weight: 500;
}

.tit_grid.qna {
	margin-bottom: 20px;
	padding: 0 25px;
	width: calc(100% - 50px);

}

.tit_grid.rq{
	padding: 0 25px;
	width: calc(100% - 50px);
	margin-bottom: 30px;

}

.tit_grid > span{
	display: block; 
	width: 100%;
	font-weight: 500;
}

.tit_grid .view_date {	
	color: #636363;
	font-size: 17px;
	margin: 22px 0 28px 0;
}


.tit_grid.view_date_qna {	
	color: #636363;
	font-size: 17px;
	margin-top: 0px;
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 30px;
	margin-bottom: 0;

}

.tit_grid .view_date.rq{
	color: #636363;
	font-size: 17px;
	width: calc(100% - 50px);
	padding: 20px 0 0px 20px;
	margin : 0 0 0 0;

}

.article_info_grid {
	width: calc(100% - 50px);
	margin: auto;
	padding: 20px 0 20px 0px;
	border-bottom: 1px solid #d6d6d6;
}


.article_info_grid.cx{
	border-top: 1px solid #d6d6d6;
	width: calc(100% - 90px);
	padding: 20px 20px 20px 20px;

}

.article_info_grid.cb{
	border-top: 1px solid #d6d6d6;
	width: calc(100% - 60px);
	padding: 20px 0 20px 20px;

}

.article_info_grid.rq {
	width: calc(100% - 50px);
	margin: auto;
	padding: 20px 0 20px 0px;
	border-bottom: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
}


.cx .category,
.cx .tel,
.cx .link {
	display: block !important;
}

.cb .category{
	display: block;
	width: 100%;
}

.article_eqimg {
	text-align: center;
	width: 100%;
	margin-top: 30px;
}

.article_eqimg img{
	width: 100%;
}


.article_info_grid .inner {
	text-align: left;
}
.article_info_grid .inner.ct {
	text-align: center;
}
.article_info_grid .inner .cm {
	display: table;
	font-size: 17px;
	position: relative;
	width:  100%;
}
.article_info_grid .inner .category + .cm{
	margin-top: 16px;

}

.article_info_grid .inner .cm span.box1 + span.box2 {
    margin-left: 15px;
}

.article_info_grid .inner .cm + .cm{
	margin-top: 16px;

}
.article_info_grid .inner .cm::before{
	position: absolute;
	content: "";
	width: 1px;
	height: 15px;
	background: #a8a8a8;
	left: -20px;
	top: 2px;
	display: none;
}

.article_info_grid .inner .cm span.box1 {
	width: 95px;
	display: block;
	color: #333;
	float: left;
}

.article_info_grid .inner .cm span.box2 {
	color: #636363;
	display: block;
	float: left;
}

.article_info_grid .inner .category {
	display: inline-block;
	font-size: 17px;
}

.article_info_grid .inner .category + .category{
	margin-top: 16px;


}

.article_info_grid .inner .category span.box1 {
	width: 70px;
	display: inline-block;	
	color: #333;
}
.article_info_grid.rq .inner .category span.box1 {
	width: 90px;
	display: inline-block;	
	color: #333;
}

.article_info_grid .inner .category span.box1 + span.box2 {
	margin-left: 15px;

}

.article_info_grid .inner .category + .tel {
	margin-top: 16px;
}


.article_info_grid .inner .category span.box2 {
	color: #f68a1e;
}

.article_info_grid .inner .date{
	margin-left: 40px;
	display: inline-block;
	font-size: 17px;
	position: relative;
}

.article_info_grid .inner .date::before{
	position: absolute;
	content: "";
	width: 1px;
	height: 15px;
	background: #a8a8a8;
	left: -22px;
	top: 2px;
}

.article_info_grid .inner .date.qna::before{
	display: none;
}

.article_info_grid .inner .date span.box1 {
	color: #333;
}

.article_info_grid .inner .date span.box2 {
	color: #636363;
}

.article_info_grid .inner .tel {
	display: inline-block;
	font-size: 17px;
	position: relative;
}

.article_info_grid .inner .tel + .tel {
	margin-top: 16px;

}

.article_info_grid .inner .tel + .link {
	margin-top: 16px;

}

.article_info_grid .inner .tel span.box1{
	color: #333;
	display: inline-block;
	width: 70px;
}

.article_info_grid .inner .tel span.box2{
	margin-left: 15px;	
	color: #636363;
}

.article_info_grid .inner .link{
	display: inline-block;
	font-size: 17px;
	position: relative;
}



.article_info_grid .inner .link span.box1 {
	color: #333;
	display: inline-block;
	width: 70px;
}

.article_info_grid .inner .link span.box2 {
	margin-left: 15px;	
	color: #00878c;
	display: inline-block;
	width: calc(100%  - 120px);
     -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	position: relative;
  	top: 2px;
}

.article_info_grid .inner .link span.box2 a {
	display: inline;
	width: 100%;
	height: 100%;
	position: relative;
	top:-2px;
	text-decoration: underline;
}


.article_contents_eqbox {
	display: table;
	width: calc(100% - 50px);
	padding: 0 25px;
	margin-top: 40px;

}


.article_contents_eqbox .eqbox_grid {
	padding: 25px 0 15px 0;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	display: table;

}

.article_contents_eqbox .eqbox_grid:last-child {
	margin-bottom: 0;

}

.eqbox_grid .left{
	width: 90px;
	text-align: center;
	color: #f68a1e;
	font-size: 17px;
	vertical-align: top;
	float: left;

}

.eqbox_grid .right{
	width: calc(100% - 115px);
	text-align: left;
	color: #636363;
	font-size: 17px;
	float: left;
	line-height: 30px;
	position: relative;
	top: -6px;
	vertical-align: middle;

}


.article_contents_grid {
	width: calc( 100% - 50px);
	padding: 40px 25px 55px 25px;
}



.article_contents_grid p {
	line-height: 30px;
	color: #636363;
	font-size: 17px;
	margin-bottom: 20px;
}



.article_contents_grid p img{
	width: 100%;
}

.article_contents_grid p:last-child {
	margin-bottom: 0;
}

.attachment_file_grid {
	width: calc(100% - 50px);
	border-top: 1px solid #d6d6d6;
	display: table;
	padding: 30px 0;
	margin: auto;

}

.attachment_file_grid .ico {
	position: relative;
	width: 100%;
	color: #333;
	font-size: 17px;
	margin-bottom: 20px;
}

.attachment_file_grid .ico::before {
	position: absolute;
	content: "";
	background: url('../images/common/attach_ico.png') no-repeat;
	background-size: 15px 17px;
	width: 15px;
	height: 17px;
	left: 70px;
}

.attachment_file_grid .file_list {
	width: 100%;
	display: table;
}

.attachment_file_grid .file_list ul li {
	margin-bottom: 17px;
	color: #636363;
	width: 100%;
	line-height: 25px;
  	font-size: 15px;
  	position: relative;
  	top: 1px;
}

.attachment_file_grid .file_list ul li:last-child {
	margin-bottom: 0;
}

.attachment_file_grid .file_list ul li a {
	display: inline;
	width: 100%;
	height: 100%;
}

.bbs_view_ft_grid {
	width: calc(100% - 50px);
	padding-top: 90px;
	border-top: 2px solid #333;
	position: relative;
	margin: auto;

}



.bbs_view_ft_grid.qna{
	border-top: 0px solid #333;
	text-align: center;
	padding-top: 35px;

}

.bbs_view_ft_grid.qna.write{
	width: 100%;

}

.bbs_view_ft_grid.artc{
	border-top: 0px solid #333;
	text-align: center;
	padding-top: 50px;

}

.bbs_view_ft_grid.rq{

	padding-top: 60px;

}

.bbs_write_grid {
	border-top: 2px solid #333;
	position: relative;
	width: 100%;
}

.bbs_write_grid .write_grid {
	padding: 10px 0 20px;
	border-bottom: 1px solid #d6d6d6;
	width: 100%;
	display: table;

}

.bbs_write_grid .write_grid.textarea,
.bbs_write_grid .write_grid.recaptcha  {
	padding: 10px 0 20px;

}

.bbs_write_grid .write_grid .left{
	line-height: 45px;
	width: 100%;
	float: left;
	color: #333;
	font-size: 17px;

}

.bbs_write_grid .write_grid .right{
	width: 100%;
	float: left;
	display: table;
}

.bbs_write_grid .write_grid .right.textarea{
	height: auto;

}

.ipt {
	width: 100%;
	height: 50px;
	background:#fff;
	border: 1px solid #d6d6d6;
	float: left;
	box-sizing: border-box;
}

.ipt.mail_id {
	width: calc(100% - 35px);
	height: 50px;
	box-sizing: border-box;
	position: relative;
}



.ipt.password  {
	width: calc(100% - 105px);
	height: 50px;
	box-sizing: border-box;
	position: relative;
}

.ipt.secret {
	width: 85px;
	height: 50px;
	background:transparent;
	border: 0;
}

.ipt.textarea {
	width: 100%;
	height: 270px;

}

.ipt.textarea textarea{
	padding: 20px;
	border:0;
	background: transparent;
	outline:none;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	font-size: 17px;
	color: #636363;
	line-height: 30px;
	resize: none;
	overflow: scroll;
	overflow-x: hidden;
}

.ipt.recaptcha {
	width: 210px;
	height: 50px;
	background:#f5f5f5;

}



.ipt.mail_id::after {
	position: absolute;
	right: -28px;
	top: 15px;
	content: "@";
	font-size: 17px;
	color: #333;

}

.ipt.mail_domain{
	width: 100%;
	margin-top: 10px;
	height: 50px;
	box-sizing: border-box;

}

.ipt.active {
	border: 1px solid #00878c;
}

.bbs_reply_box_grid {
	margin: auto;
	width: calc(100% - 50px);
	background: #f5f5f5;
	border-top: 2px solid #333;
	position: relative;

}

.bbs_reply_box_grid .inner{
	padding: 25px;

}

.bbs_reply_box_grid .inner .reply_title {
	line-height: 40px;
	display: table

}

.bbs_reply_box_grid .inner .reply_title .status{

	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	float: left;
	display: inline-block;
}

.bbs_reply_box_grid .inner .reply_title .status.reply_fin {
	background: #f68a1e;

}

.bbs_reply_box_grid .inner .reply_title .status.reply_stby {
	background: #a8a8a8;

}


.bbs_reply_box_grid .inner .reply_title .tit {
	width: 100%;
	float: left;
	line-height: 40px;
	font-size: 22px;
	color: #333;
	margin-top: 19px;

}

.bbs_reply_out {
	margin-top: 35px;
	font-size: 17px;
	color: #636363;

}

.bbs_reply_out p {
	line-height: 30px;
	margin-bottom: 45px;
}

.bbs_reply_out p:last-child {
	margin-bottom: 0px;



}

.bbs_view_ft_grid.hr,
.bbs_view_ft_grid.eq {
	border-top: 0px solid #333;

}

.bbs_view_ft_grid.eq {
	border-top: 0px solid #333;
}
.bbs_view_ft_grid.lab_status {
	border-top: 0px solid #333;
	padding-top: 50px;

}

.bbs_view_ft_grid .list_btn {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #333;
	margin: auto;
	text-align: center;
	display: block;
}



.bbs_view_ft_grid .list_btn.qna {
	width: 100%;
	height: 65px;
	line-height: 65px;
	background: #333;
	margin: auto;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #333;
}

.bbs_view_ft_grid .list_btn.qna span{
	color: #fff;
	position: relative;
	top: -2px;

}

.bbs_view_ft_grid .list_btn.del {
	width: 100%;
	height: 65px;
	line-height: 65px;
	box-sizing: border-box;
	border: 2px solid #333;
	background: #fff;
	text-align: center;
	display: inline-block;
	margin-bottom: 10px;

}

.bbs_view_ft_grid .list_btn.del span {
	color: #333;
	position: relative;
	top: -2px;

}

.bbs_view_ft_grid .list_btn span.ico {
	background: url('../images/common/list_btn.png');
	width: 16px;
	height: 14px;
	color: #fff;
	font-size: 17px;
	display: inline-block;
	position: relative;
	top: -1px;
	margin-right: 18px;
}


.list_btn:hover{
	background: #00878c;
	transition: all ease .3s;

}


.list_btn.qna:hover{
	background: #00878c;
	transition: all ease .3s;
	border: 2px solid #00878c;

}

.list_btn.del:hover{
	background: #333;
	transition: all ease .3s;
	color: #fff;

}

.list_btn.del:hover span {
	color: #fff;
	transition: all ease .3s;

}

.bbs_view_ft_grid .list_btn span{
	color: #fff;
	font-size: 17px;
	position: relative;
	top: -2px;	
}

.bbs_view_ft_grid .prev_btn {
	position: absolute;
	left: 60px;
	top: 40px;	
}

.bbs_view_ft_grid .prev_btn::before {
	content: "";	
	width: 41px;
	height: 7px;
	background: url('../images/common/view_arr_prev.png');
	position: absolute;
	left: -55px;
	top: 5px;
	transition: ease .4s all;
}

.bbs_view_ft_grid .prev_btn:hover::before {
	left: -65px;
	transition: ease .4s all;
}

.bbs_view_ft_grid .next_btn {	
	position: absolute;
	right: 60px;
	top: 40px;	

}

.bbs_view_ft_grid .next_btn::after {	
	content: "";	
	width: 41px;
	height: 7px;	
	position: absolute;
	background: url('../images/common/view_arr_next.png');
	top: 5px;
	right: -55px;
	transition: ease .4s all;

}

.bbs_view_ft_grid .next_btn:hover::after {	
	transition: ease .4s all;
	right: -65px;

}

/*e게시판공통*/

/*s채용정보 게시판 list*/

.bbs_box_array.hr .org_type {
	float: left;
	display: table;
	text-align: center;
	position: relative;
}


.bbs_box_array.hr .org_type::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 2px;
	width: 1px;
	height: 15px;
	background:#d6d6d6;
}

.bbs_box_array.hr .org_type .inset {
	color: #f68a1e;
	font-size: 15px;
	box-sizing: border-box;
	background: transparent;
	display: inline-block;
	margin: auto;
}

.bbs_box_array.hr .lab_type {
	float: left;
	display: table;
	text-align: center;
}

.bbs_box_array.rq .lab_type {
	float: left;
	display: table;
	text-align: center;
}
.bbs_box_array.rq .lab_type .inset {
	color: #333;
    padding: 12px 0 12px 12px;
	font-size: 15px;
	box-sizing: border-box;
	background: transparent;
	display: inline-block;
	margin: auto;
}

.bbs_box_array.hr .org_type + .lab_type{
	margin-left: 20px;

}
.bbs_box_array.hr .lab_type .inset {
	color: #333;
	font-size: 15px;
	box-sizing: border-box;
	background: transparent;
	display: inline-block;
	margin: auto;
}

.bbs_box_array.hr .lab_title {
	width: 100%;
	padding-left: 0px;
	float: left;
	margin: 15px 0 25px 0;
	display: table;
}

.bbs_box_array.hr .lab_title .tit {
	font-size: 19px;
	color: #333;
	width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	line-height
  	height: 21px;
}


.bbs_box_array.hr .lab_title .tit.active{
	text-decoration: underline;
	color: #00878c;
	transition: all ease .3s;

}

.bbs_box_array.hr .lab_title .date{
	margin-top: 15px;	
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: left;
	height: auto;
}



.bbs_box_array.hr .progress_stat {
	display: table;
	float: left;
	text-align: left;

}

.bbs_box_array.hr .progress_stat .inset{
	color: #a8a8a8;
	padding: 9px 0;
	width: 65px;
	text-align: center;
	border: 2px solid #a8a8a8;
	box-sizing: border-box;
	display: inline-block;
	background:#fff;
	font-size: 13px;
}

.bbs_box_array.hr .progress_stat .inset.ongoing{
	border: 2px solid #f68a1e;
	background:#f68a1e;
	color: #fff;
}

/*e채용정보 게시판 list*/



/*신청게시판리스트&s*/

.bbs_box_array.rq .lab_title {
	width: 100%;
	float: left;
	display: table;
	margin-top: 18px;
}

.bbs_box_array.rq .lab_title .tit {
	font-size: 19px;
	color: #333;
	width: 100%;
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	line-height: 30px;
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;
	overflow: hidden;
}


.bbs_box_array.rq .lab_title .tit.active{
	text-decoration: underline;
	color: #00878c;
	transition: all ease .3s;

}

.bbs_box_array.rq .lab_title .date{
	margin-top: 23px;	
	width: 100%;
	float: left;
	font-size: 15px;
	color: #636363;
	display: table;
	text-align: left;
	height: auto;
}


.bbs_box_array.rq .progress_stat {
	float: left;
	text-align: center;

}

.bbs_box_array.rq .progress_stat .inset{
	font-size: 13px;
	color: #a8a8a8;
	padding: 12px 0;
	width: 65px;
	text-align: center;
	border: 2px solid #a8a8a8;
	box-sizing: border-box;
	display: inline-block;
	background:#fff;
}

.bbs_box_array.rq .progress_stat .inset.ongoing{
	border: 2px solid #f68a1e;
	background:#f68a1e;
	color: #fff;
}
/*신청게시판리스트/e&*/


/*s연구공모 게시판 list*/

.bbs_box_array.public .lab_type{
	float: left;
	display: table;
	text-align: left;
}



.bbs_box_array.public .lab_type .inset{
	color: #333;
	font-size: 15px;
	box-sizing: border-box;
	background: transparent;
	display: inline-block;
	margin: auto;
}

.bbs_box_array.public .org_type{
	float: left;
	display: table;
	text-align: left;
}


.bbs_box_array.public .lab_type + .org_type {
	margin-left: 20px;
	position: relative;

}

.bbs_box_array.public .lab_type + .org_type::before{

    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    top: 2px;
    background: #d6d6d6;
    left: -10px;

}

.bbs_box_array.public .org_type .inset{
	color: #f68a1e;
	font-size: 15px;
	box-sizing: border-box;
	background: transparent;
	display: inline-block;
	margin: auto;
}

.bbs_box_array.public .lab_title{
	width: 100%;
	float: left;
	display: table;
}

.bbs_box_array.public .lab_title .tit {
	font-size: 20px;
	color: #333;
	width: 100%;
	margin: 15px 0 23px;
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	line-height: 30px;
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;
	overflow: hidden;
}

.bbs_box_array.public .lab_title .tit.active{
	text-decoration: underline;
	color: #00878c;
	transition: all ease .3s;

}

.bbs_box_array.public .lab_title .date{
	margin-top: 15px;	
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: left;
	height: auto;
}

.bbs_box_array.public .progress_stat {
	display: table;
	width: 100%;
	float: left;
	text-align: left
}

.bbs_box_array.public .progress_stat .inset{
	font-size: 13px;
	color: #a8a8a8;
	padding: 8px 0;
	width: 65px;
	text-align: center;
	border: 2px solid #a8a8a8;
	box-sizing: border-box;
	display: table;
	float: left;
	background:#fff;
}


.bbs_box_array.public .progress_stat .inset.ongoing{
	border: 2px solid #f68a1e;
	background:#f68a1e;
	color: #fff;
}
/*e연구공모 게시판 list*/



/*연월간일정안내*/

.cm_calendar_hd_wrap {
    width: calc(100% - 50px);
    height: 90px;
    border: 3px solid #d6d6d6;
    box-sizing: border-box;
    margin: auto;
    display: block;
    margin-bottom: 30px;
    position: relative;

}
.cm_calendar_hd_wrap .year_view {
	font-size: 27px;
	line-height: 90px;
	color: #333;
	display: table;
	margin: auto;
	position: relative;
}

.cm_calendar_hd_wrap .yearbtn {
	position: absolute;
	font-size: 17px;
	color: #636363;
	display: block;
	text-indent: -9999px;
	transition: ease all .4s;

}

.cm_calendar_hd_wrap .yearbtn:hover{
	color: #00878c;
	transition: ease all .4s;


}

.cm_calendar_hd_wrap .yearbtn.prev{
	left: 90px;
	top: 37px;
	width: 50px;
	height: 50px;
	display: block;

}

.cm_calendar_hd_wrap .yearbtn.prev::before{
	position: absolute;
	content: "";
	left: -55px;
	top: 2px;
	background:url(../images/common/sch_arr_l.png) no-repeat;
	width: 70px;
	height: 7px;
	transition: ease all .4s;

}

.cm_calendar_hd_wrap .yearbtn.prev:hover::before{
	left: -65px;
	background:url(../images/common/sch_arr_l_on.png) no-repeat;
	transition: ease all .4s;


}

.cm_calendar_hd_wrap .yearbtn.next{
	right: 90px;
	top: 37px;
	width: 50px;
	height: 50px;
	display: block;
}

.cm_calendar_hd_wrap .yearbtn.next::after{
	position: absolute;
	content: "";
	right: -55px;
	top: 2px;
	background:url(../images/common/sch_arr_r.png) no-repeat right;
	width: 70px;
	height: 7px;
	transition: ease all .4s;

}

.cm_calendar_hd_wrap .yearbtn.next:hover::after{
	height: 7px;	
	right: -65px;
	background:url(../images/common/sch_arr_r_on.png) no-repeat right;
	transition: ease all .4s;
}


.lab_schedule_tab_wrap {
	width: calc(100% - 50px);
	margin: auto;
	margin-bottom: 17px;
	height: 54px;
}

.lab_schedule_tab_wrap .inner{
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #353535;
    box-sizing: border-box;
    background:#353535;

}


.lab_schedule_tab_wrap .inner .schbtn {
	width: 50%;
	height: 52px;
	background: #fff;
	float: left;
	text-align: center;
	color: #636363;
	line-height: 52px;
}


.schbtn.monthly{
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
}

.schbtn.yearly{
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;

}
.schbtn.monthly span{
	position: relative;
	left: 20px;
}

.schbtn.monthly span::before{
	content: "";	
	position: absolute;
	width: 21px;
	height: 21px;
	background:url('../images/common/sch_monthly_ico.png');
	background-size: 21px;
	left: -40px;
	top: 4px;

}

.schbtn.monthly.active span::before{
	background:url('../images/common/sch_monthly_on_ico.png');
	background-size: 21px;

}

.schbtn.yearly span{
	position: relative;
	left: 20px;

}

.schbtn.yearly span::before{
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background:url('../images/common/sch_yearly_ico.png');
	background-size: 21px;
	left: -40px;
	top: 4px;

}

.schbtn.yearly.active span::before{
	background:url('../images/common/sch_yearly_on_ico.png');
	background-size: 21px;

}



.lab_schedule_tab_wrap .inner .schbtn.active{
	background: #353535;
	color: #fff;
}


/*faq*/

.faq_tab{
	height: 40px;
	/*width: calc(100% - 236px);*/
	display: table;
	margin: auto;
	border-bottom: 2px solid #333;
	margin-bottom: 40px;
}

.faq_tab .tab_sele {

	line-height: 37px;
	font-size:17px; 
	height: 100%;
	position: relative;

}

.faq_tab .tab_sele::after{
	content: "";
	position: absolute;

}

.faq_tab .tab_sele select{
	width: 100%;
	padding-left: 5px;
	padding-right: 28px;
	height: 100%;
	background: url('../images/common/faq_sele_arr.png') no-repeat center;
	background-size: 13px 9px;
    background-position-x: calc(100% - 5px);
    background-position-y: center;
}

.faq_tab .tab_list{
	float: left;
	margin-right: 40px; 
	color: #636363;
	position: relative;
}


.faq_tab .tab_list::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 17px;
	background: #d6d6d6;
	right: -21px;
	top: 2px;
}

.faq_tab .tab_list:last-child::after{
	display: none;
}


.faq_tab .tab_list.active {
	color: #00878c;
	font-weight: 500;
	position: relative;

}

.faq_tab .tab_list.active a span::after {
	position: absolute;
	content: "";
	bottom: -13px;
	left: 0px;
	height: 3px;
	width: 100%;
	background: #00878c;	
}

.faq_tab .tab_list:last-child {
	margin-right: 0;
}


.faq_list{
	width: calc(100% - 50px);
	padding: 0 25px;
	display: table;
	margin: auto;
}

.faq_list_array {
	box-sizing: border-box;
	border: 3px solid #d6d6d6;
	margin-bottom: 20px;
	position: relative;
	display: table;
	width: 100%;

}


.faq_list_array.active {
	border: 3px solid #00878c;
	transition: border-color ease .4s;
	margin-bottom: 50px;

}

.faq_list_array .qbox {
	padding: 25px 25px 20px 25px;
	display: table;
	position: relative;

}


.faq_list_array.active:after {
	position: absolute;
	content: "";
	background: url('../images/common/faq_arr_up.png');
	background-size: 38px;
	width: 38px;
	height: 38px;
	left: 50%;
	margin-left: -19px;
	bottom: -22px;
	transition: background ease .2s;
	opacity: 1;

}

.faq_list_array .qbox .ico {
	font-size: 30px;
	color: #00878c;
	position: relative;
	float: left;
	width: 40px;

}


.faq_list_array .qbox .txt {
	float: left;
	font-size: 20px;
	color: #333;
	margin-left: 15px;
	width: calc(100% - 55px);
	position: relative;
	top: -2px;
	line-height: 30px;

}


.faq_list_array .abox {
	padding: 25px 25px 40px 25px;
	display: inline-block;
	position: relative;
	display: none;
}

.faq_list_array.active .abox {
	display: table !important;
	width: 100%;
}

.faq_list_array .abox::before {
	position: absolute;
	width: calc(100% - 50px);
	content: "";
	height: 1px;
	top: 0;
	left: 25px;
	background: #d6d6d6;

}

.faq_list_array .abox .ico {
	float: left;
	height:33px;
	width: 40px;
	font-size: 30px;
	color: #f68a1e;
	position: relative;

}



.faq_list_array .abox .txt {
	float: left;
	width: calc(100% - 55px);
	font-size: 17px;
	color: #636363;
	margin-left: 15px;
	position: relative;
	top: -2px;
	line-height: 27px;
}


.faq_list_array .abox .txt p{
	font-size: 17px;
	color: #636363;
	line-height: 27px;
	
}


/*tab*/
.cm_tab{
	display: table;
	margin: auto;
	margin-bottom: 25px;
    width: calc(100% - 50px);
    padding: 0 25px;
}

.cm_tab_btn{
	width: calc(50% - 3px);
	height: 50px;
	background: #a8a8a8;
	display: block;
	float: left;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-size: 17px;
}

.cm_tab_btn.active{
	background: #00878c;
}

.cm_tab_btn + .cm_tab_btn{
	margin-left: 6px;
}



/*pagination*/
.cm_pagination_wrap {
	width: 100%;
	margin: 30px auto 0 auto;
	display: table;
}

.cm_pagination_grid{
	margin: auto;
	display: table;
}

.cm_pagination_grid .prev_list{
	margin-right: 15px;
	background: url('../images/common/bbs_arr.png') no-repeat center;
	width: 30px;
	height: 7px;
	float: left;
	padding: 12px 0;
	transform: rotate(180deg);
}

.cm_pagination_grid .prev_list a {
	display: block;
	width: 100%;
	height: 100%;
}

.cm_pagination_grid .next_list a {
	display: block;
	width: 100%;
	height: 100%;
}

.cm_pagination_grid .next_list:hover,
.cm_pagination_grid .prev_list:hover{
	background: url('../images/common/bbs_arr_on.png') no-repeat center;
	transition: all ease .4s;
}

.cm_pagination_grid .next_list{
	margin-left: 15px;
	background: url('../images/common/bbs_arr.png')  no-repeat center;
	width: 30px;
	height: 7px;
	float: left;	
	padding: 12px 0;
}

ul.pagination{
	float: left;
	margin: auto;
	display: table;
}

ul.pagination li {
	width: 33px;
	height: 33px;
	border: 2px solid transparent;
	float: left;
	margin-right: 12px;
	text-align: center;
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;

	color:#a8a8a8;
	font-size: 15px;

}

ul.pagination li.active {
	width: 33px;
	height: 33px;
	border: 2px solid #333;
	float: left;
	color: #333;

}

ul.pagination li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;

}

ul.pagination li span{
	position:relative;
	top: 7px;

}

ul.pagination li:last-child {
	margin-right: 0;
}


/*직무소개 리스트*/
.hr_intro_tit {
	font-size: 30px;
	color: #f68a1e;
    text-align: center;
    margin-top: -10px;
}

.hr_intro_tit span{
	position: relative;
}

.hr_intro_tit  span::before {
	content: "";
	position: absolute;
	top: 17px;
	width: 8%;
	height: 1px;
	left: -12%;
	background: #f68a1e;
}

.hr_intro_tit  span::after {
	content: "";
	position: absolute;
	top: 17px;
	width: 8%;
	height: 1px;
	right: -12%;
	background: #f68a1e;

}


.hr_intro_desc {
	font-size: 17px;
	color: #333;
	line-height: 27px;
    text-align: center;
    padding: 15px 0 40px;
}


.hr_list_wrap {
	width: calc(100% - 50px);
	margin: auto;
	display: table;
	padding-bottom: 50px;
}




.hr_list_array {
	width: calc(50% - 10px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 170px;
	margin-right: 10px;
	margin-top: 95px;
	float: left;
	position: relative;
	cursor: pointer;
}

@media (min-width: 500px) {
	.hr_list_array {
		height: 270px;
	}

}

@media (min-width: 750px) {
	.hr_list_array {
		height: 470px;
	}

}


.hr_list_array::before{
	position: absolute;
	width: 100%;
	height: 0%;
	left: 0;
	bottom: 0;
	content: "";
	background-color:transparent;
	transition: all ease .6s;

}

/*.hr_list_array:hover::before{
	height: 100%;	
	background-color:rgba(0,135,140,0.9);
	transition: all ease .6s;
}*/

/*.hr_list_array::after{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	content: "";
	background:url('../images/sub/hr_list_btn.png');
	transform: translateY(-50px);
	opacity: 0;
	transition: all ease .6s;

}*/

.hr_list_array:hover::after{
	opacity: 1;
	transform: translateY(0px);
	transition: all ease .6s;
	transition-delay: .2s;

}

.hr_list_array a{
	width: 100%;
	height: 100%;
	display: block;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}


.hr_list_array .infobox{
    position: absolute;
    width: calc(100% - 20px );
    height: 110px;
    bottom: -87px;
    left: 10px;
    background: #fff;
    text-align: center;
    display: table;
}

.hr_list_array:nth-child(2n) {
	margin-right: 0;

}

.hr_list_array:nth-child(1),
.hr_list_array:nth-child(2) {
	margin-top: 0px;
}


.hr_list_array .infobox .name{
	position: relative;
	font-size: 17px;
	color: #333;
	margin-top: 20px;
}

.hr_list_array .infobox .org{
	position: relative;
	font-size: 13px;
	color: #00878c;
	margin-top: 12px;
	line-height: 19px;

}

/*채용-직무소개 뷰--*/
.hr_view_cmbg {
	width: 100%;
	height: 285px;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}


.linebox.hr {
	position: absolute;
	bottom: 98px;
	width: calc(100% - 205px);
	height: 116px;
	z-index: 30;
	right: 30px;
	left:auto;
}



.linebox.hr .inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.linebox.hr .inner .liner_t1 {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.linebox.hr .inner .liner_t1::before {
	position: absolute;
	content: "";
	width: 0px;
	height: 3px;
	background: #00878c;
	left: 80px;
	transition: width .4s ease;
}

.linebox.hr .inner .liner_t1.active::before {
	position: absolute;
	content: "";
	width: calc(100% - 30px);
	height: 3px;
	background: #00878c;
	left: 30px;
	transition: width .4s ease;
	transition-delay: .5s;
}

.linebox.hr .inner .liner_t1::after {
	position: absolute;
	content:"";
	width: 3px;
	height: 0px;
	top: 0;
	right: 0;
	background: #00878c;
	transition: height .4s ease;

}

.linebox.hr .inner .liner_t1.active::after {
	position: absolute;
	content:"";
	width: 3px;
	height: 116px;
	top: 0;
	right: 0;
	background: #00878c;
	transition: height .4s ease;
	transition-delay: .9s;

}

.linebox.hr .inner .liner_t2 {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.linebox.hr .inner .liner_t2::after {
	position: absolute;
	content:"";
	width: 0px;
	height:3px;
	background: #00878c;
	right: 0;
	bottom: 0;
	transition: width .4s ease;
}

.linebox.hr .inner .liner_t2.active::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	background: #00878c;
	right: 0;
	bottom: 0;
	transition: width 0.4s ease;
	transition-delay: 1.3s;	
}

.linebox.hr .inner .liner_t2::before {
	position: absolute;
	content: "";
	width: 3px;
	height:0px;
	background: #00878c;
	left: 0;
	bottom: 0;
	transition: height .4s ease;
}

.linebox.hr .inner .liner_t2.active::before {
	position: absolute;
	content:"";
	width: 3px;
	height:60px;
	background: #00878c;
	left: 0;
	bottom: 0;
	transition: height .4s ease;
	transition-delay: 1.7s;	
}


.linebox.hr p.tit_sub_copy {
	font-size: 15px;
	text-align: center;
	color: #00878c;
	line-height: 24px;
	transform: translateY(20px);
	white-space: nowrap;
}

.linebox.hr p.tit_sub_copy.active {
	font-size: 15px;
	text-align: center;

	color: #00878c;
	line-height: 24px;
	transform: translateY(0);
	transition: all ease-out .8s;
	transition-delay: 1.5s;	
	white-space: nowrap;
}


.hr_article {
	margin-top: -60px;
	width: 100%;
	position: relative;
	display: table;
}

.hr_article .context_hd {
	margin: auto;
	width: calc(100% - 50px);
	height: 170px;
	background: #00878c url('../images/sub/hr_context_hd_bg.png');
	background-size: auto 170px;
	background-position: right;
	background-repeat: no-repeat;
	display: table;
	box-shadow: 19px 20px 20px 12px rgba(0, 0, 0, 0.19);
	transform: translateY(100px);
}

.hr_article .context_hd.active {
	margin: auto;
	width: calc(100% - 50px);
	height: 170px;
	background: #00878c url('../images/sub/hr_context_hd_bg.png');
	background-size: auto 170px;
	background-position: right;
	background-repeat: no-repeat;	
	display: table;
	box-shadow: 19px 20px 20px 12px rgba(0, 0, 0, 0.19);    
	transform: translateY(0);
	transition: all ease .6s;
}




.hr_article .context_hd .org{
	font-size: 25px;
	color: #fff;
	line-height: 35px;
	padding-left: 30px;

}

.hr_article .context_hd .name{
	font-size: 17px;
	color: #fff;
	margin-top: 25px;
	padding-left: 30px;
	position: relative;
	display: inline-block;
}

.hr_article .context_hd .name::after{
	content: "";
	position: absolute;
	width: 0px;
	height: 2px;
	background: #f68a1e;
	top: 10px;
	right: -21px;

}


.hr_article .context_hd.active .name::after{
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background: #f68a1e;
	top: 10px;
	right: -61px;
    transition: all ease .6s;
    transition-delay: .6s;

}

.hr_contents {
	padding-top: 50px;

}
.hr_cont_grid{
	display: table;
	width: calc(100% - 50px);
	padding: 0 25px;
	margin-bottom: 35px;
}


.hr_cont_grid:last-child {

	margin-bottom: -30px;

}

.hr_cont_grid .qbox{
	font-size: 20px;
	line-height: 30px;
	height: 24px;
	position: relative;
	top: 2px;
	transform: translateX(-100px);
	margin-left: 60px;
	display: table;
}

.hr_cont_grid .qbox.active {
	transform: translateX(0);
	transition: all ease .6s;

}

.hr_cont_grid .qbox::before {
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #00878c;
	text-align: center;
	font-size: 16px;
	color: #fff;
	content: "Q.";
	line-height: 36px;
    font-family: 'gotham_m';
    left: -50px;
 
}

.hr_cont_grid .qbox.active::before{
	transition: all ease .6s;
}


.hr_cont_grid .abox{
	margin-top: 15px;
	margin-left: 10px;
	font-size: 17px;
	color: #636363;
	line-height: 30px;
	position: relative;
	display: table;

}



.hr_cont_grid .abox.active{
	transform: translateY(0);
	transition: all ease .6s;
	transition-delay: 0.6s;
}


.hr_cont_grid .abox::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 0;
	background: #00878c;
}

.hr_cont_grid .abox.active::before {
	left: -42px;
	top:10px;
	height: calc(100% - 15px);
	transition: all ease .6s;
	transition-delay: 1.2s;
}

.hr_cont_grid .abox p {
	opacity: 0;
}

.hr_cont_grid .abox.active p{
	opacity: 1;
	transition: all ease .4s;
	transition-delay: 0.5s;
}

.hr_cont_img{
	opacity: 0;
	width: 100%;
	display: table;
	margin: 40px 0px;
}

.hr_cont_img img{
	width: 100%;
}

.hr_cont_img.active{
	opacity: 1;
	transition: all ease .6s;

}

/*주요연구현황*/
.mlab_status_list{ 
	width: calc(100% - 50px);
	display: table;
	margin: auto;
}

.mlab_status_list_array {
	box-sizing: border-box;
	border: 2px solid #d6d6d6;
	margin-bottom: 50px;
	width: 100%;
	display: table;
	position: relative;

}

.mlab_status_list_array.active{
	border: 2px solid #00878c;


}

.mlab_status_list_array .qbox {
	padding: 30px 25px;
	display: block;
	position: relative;

}

.mlab_status_list_array .qbox .tit {
	font-size: 20px;
	color: #333;


}

.mlab_status_list_array .qbox .desc {
	margin-top: 20px;
	font-size: 17px;
	color: #00878c;


}

.mlab_status_list_array::after {
	position: absolute;
	content: "";
	background: url('../images/common/mlab_arr_dw.png');
	width: 38px;
	height: 38px;
	background-size: 38px;
	left: 50%;
	margin-left: -18px;
	bottom: -18px;
	transition: background ease .2s;
}


.mlab_status_list_array.active::after {
	background: url('../images/common/mlab_arr_up.png');
	transition: background ease .4s;
	background-size: 38px;

}

.mlab_status_list_array .abox {
	padding:  0 25px 40px 25px;
	position: relative;
	display: none;
}

.mlab_status_list_array.active .abox {
	display: table;

}

.mlab_status_list_array .abox .imgbox {
	width: 100%;


}
.mlab_status_list_array .abox .imgbox img {
	width: 100%;

}

.mlab_status_list_array .abox .lms_txtbox {
	padding: 40px 0 0; 

}

.mlab_status_list_array .abox .lms_txtbox .txtbox_array {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}

.mlab_status_list_array .abox .lms_txtbox .txtbox_array:last-child{
	margin-bottom: 0px;
}

.mlab_status_list_array .abox .lms_txtbox .txtbox_array .left {
	float: left;
	padding: 20px 0 0 0 ;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #333;
	font-size: 19px;
	color: #333;
}

.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right {
	float: left;
	width: 100%;
	padding: 20px 0 0 0 ;
	box-sizing: border-box;
	font-size: 17px;

}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right br{
	line-height: 35px;

}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right p {
	position: relative;
	line-height: 30px;
	padding-left: 10px;
	top: -5px;
	font-size: 17px;
	color: #636363;
}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right p.multi {
	margin-bottom: 30px;

}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right p.multi:last-child {
	margin-bottom: 0;

}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right p::before {
	position: absolute;
	content: ".";
	font-size: 15px;
	color: #333;
	top: -5px;
	left: -2px;
}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right p.impact {
	font-weight: 500;
	color: #00878c;
	padding: 0;

}
.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right p.impact::before{
	display: none;

}


/*연구자현황 리스트*/
.lab_member_wrap {
	width: calc(100% - 50px);
	display: table;
	margin: auto;

}

.lab_member_list {
	height: 212px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	margin-right: 20px;
	background:#fff;
	float: left;
	margin-bottom: 20px;
	position: relative;
}

.lab_member_list:active {
	border: 1px solid #00878c;


}

.lab_member_list::after{
	position: absolute;
	content: "";
	width: 35px;
	height: 35px;
	right: 30px;
	bottom: 30px;
	background: url('../images/sub/lab_member_more.png');
	display: none;
}


.lab_member_list:hover::after{

	background: url('../images/sub/lab_member_more_on.png');
	transition: all ease .4s;
	transition-delay: 0.3s;
}


.lab_member_list a{
	width: 100%;
	display:block;
	height: 100%;
	position: relative;
}


.lab_member_list:nth-child(2n){
	margin-right: 0px;
}

.lab_member_list .lab_thumb {
	top: 23px;
	right: 25px;
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;

}



.lab_member_list .lab_name {
	color: #333;
	font-size: 25px;
	position: absolute;
	top: 45px;
	left: 30px;
}

.lab_member_list .lab_org {
	color: #00878c;
	font-size: 17px;
	position: absolute;
	top: 82px;
	left: 30px;
}

.lab_member_list .lab_subject{
	color: #00878c;
	font-size: 17px;
	position: absolute;
	top: 135px;
	left: 30px;
	width: 100%;
}

.lab_member_list .lab_tech{
	color: #00878c;
	font-size: 17px;
	position: absolute;
	top: 160px;
	left: 30px;
	width: 100%;

}

.lab_member_list .labspan1 {
	display: inline-block;

	width: 73px;
	color: #333;
}

.lab_member_list .labspan2 {
	width: calc(100% - 140px);
	color: #636363;
	display: inline-block;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;		
}

/*연구현황 뷰 */
.lab_member_view_hd {
	margin-top: 34px;
	width: 100%;
	background: #f5f5f5;

}

.lab_member_view_hd .titbar {
	width: 100%;
	position: relative;
	background: #fff;

}

.lab_member_view_hd .innertit {
	width: 100%;
	display: table;
	margin: auto;
	position: relative;

}

.lab_member_view_hd .innerlist {
	width: 100%;
	height: 390px;
	display: table;
	margin: auto;
	position: relative;

}
.lab_member_view_hd .member_img {
	left: 0;
	width: 100%;
	text-align: center;
	position: relative;
	top: -65px;
	margin-bottom: -65px;
}

.lab_member_view_hd .member_img img {
	max-width: 228px;

}

.lab_member_view_hd .titbar .tit {

}

.lab_member_view_hd .titbar .tit .org {
	color: #00878c;
	font-size: 19px;
	text-align: center;

}

.lab_member_view_hd .titbar .tit .name {
	margin-top: 12px;
	color: #333;
	font-size: 30px;
	text-align: center;

}

.lab_member_view_hd .gohomebtn {
	background: url('../images/sub/lab_st_home.png');
	background-size: cover;
	width: 42px;
	height: 42px;
	display: block;
	margin: 20px auto 95px;

}

ul.lab_member_infobox {
	padding: 40px 25px;
	top: 0;
	width: calc(100% - 50px);

}
ul.lab_member_infobox li {
	box-sizing: border-box;
	border-bottom: 1px solid #d6d6d6;
	padding: 10px 0 ;
	display: table;
	width: 100%;


}

ul.lab_member_infobox li:first-child{
	padding-top: 0;

}

ul.lab_member_infobox li:last-child{
	border-bottom: 0;
	padding-bottom: 0;

}


ul.lab_member_infobox li span.lcbox {
	width: 75px; 
	height: 33px;
	line-height: 33px;
	background: #00878c;
	text-align: center;
	color: #fff;
	margin-right: 15px;
 	font-size: 15px;
 	float: left;
	display: block;


}

ul.lab_member_infobox li span.lcdesc {
	line-height: 27px;
	color: #636363;
	font-size: 17px;
	width: calc(100% - 117px);

  	float: left;

}


.lab_member_view_list {
	margin: auto;
	line-height: 30px;
	margin-top: 50px;	
	display: table;
	width: calc(100% - 50px);
	padding: 0 25px;	

}
.lab_member_view_list .titc{
	display: table;
	position: relative;
	margin-bottom: 30px;

}

.lab_member_view_list .tt_txt{
	color: #333;
	font-size: 30px;
	float: left;
}

.lab_member_view_list .tt_num{
	font-size: 17px;
	color: #333;
	margin-left: 24px;
	float: left;
}	

.lab_member_view_list .tt_num span{
	color: #00878c;
}


.lab_member_view_listgrid {
	width: 100%;

}

.lab_member_view_listgrid .list_array{
	margin-bottom: 10px;
	border: 1px solid #d6d6d6;
	display: table;
	width: calc(100% - 50px);
	padding: 25px;
}

.lab_member_view_listgrid .list_array:last-child{
	margin-bottom:0;
}

.lab_member_view_listgrid .list_array a{
	width: 100%;
	height: 100%;
	display: block;
}

.lab_member_view_listgrid .list_array .tit{
	color: #333;
	float: left;
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden; 
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	height: 60px;
	line-height: 30px;
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;
}

.lab_member_view_listgrid .list_array .name{
	color: #333;
	text-align: left;
	float: left;
	position: relative;

}

.lab_member_view_listgrid .list_array .name::after{
	content: "";
	right: -10px;
	width: 1px;
	top: 8px;
	height: 15px;
	background: #d6d6d6;
	position: absolute;
}


.lab_member_view_listgrid .list_array .year{
	color: #636363;
	float: left;
	margin-left: 20px;
	text-align: left;

}


/*보유장비 리스트*/
.lab_equipment_list {
	width: calc(100% - 50px);
	padding: 0 25px;
	margin: auto;
	display: table;
}

.equipment_array {
	width: 100%;
	margin-top: 35px;
	float: left;
	position: relative;
}



.equipment_array a{
	width: 100%;
	display: block;
	height: 100%;

}

.equipment_thumb{
	width: 100%;
	height: 240px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;

}

@media (min-width: 500px) {
	.equipment_thumb {
		height: 440px;
	}

}

@media (min-width: 800px) {
	.equipment_thumb {
		height: 640px;
	}

}
.equipment_thumb::before{
	position: absolute;
	width: 100%;
	height: 0%;
	left: 0;
	bottom: 0;
	content: "";
	background-color:transparent;
	transition: all ease .6s;

}

.equipment_thumb.active::before{
	height: 100%;	
	background-color:rgba(0,135,140,0.9);
	transition: all ease .6s;
}

.equipment_thumb::after{
	position: absolute;
	width: 84px;
	height: 84px;
	left: 50%;
	top: 50%;
	margin-left: -42px;
	margin-top: -42px;
	content: "";
	background:url('../images/sub/eq_list_btn.png');
	transform: translateY(-50px);
	opacity: 0;
	transition: all ease .6s;

}

.equipment_thumb.active::after{
	opacity: 1;
	transform: translateY(0px);
	transition: all ease .6s;
	transition-delay: .2s;

}

.equipment_array:first-child {
	margin-top: 0px;
}

.equipment_array:nth-child(2n) {
	margin-right: 0;
}

.equipment_info {
	padding: 30px 10px 0 20px;

}
.model_name{
	display: table;


}
.equipment_info .model_name span.model_box {
	display: block;
	float: left;
	height: 34px;
	padding: 0 10px;
	line-height: 34px;
	color: #fff;
	background: #f68a1e;
	font-size: 15px;
}

.equipment_info .model_name span.model_tit {
	float: left;
	line-height: 34px;
	display: block;
	margin-left: 13px;
	font-size: 17px;
	color: #f68a1e;

}

.equipment_info .model_desc {
	margin-top: 15px;
	line-height: 35px;
	color: #333;
	font-size: 22px;
	overflow: hidden; 
	-webkit-line-clamp:2;
	text-overflow: ellipsis;	
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;
	}


/*연구부서통합*/

.lab_org_hdimg {
	width: 	100%;   
	height: 250px;
	margin-bottom: 40px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .4 !important;

}

.lab_org_hdimg.active{
	transition: .6s;
}

.lab_org_hdimg.img_01 {
	background-image: url('../images/sub/lab_org_bg_01.png');
}

.lab_org_hdimg.img_02 {
	background-image: url('../images/sub/lab_org_bg_02.png');
}

.lab_org_hdimg.img_03 {
	background-image: url('../images/sub/lab_org_bg_03.png');
}

.lab_org_hdimg.img_04 {
	background-image: url('../images/sub/lab_org_bg_04.png');
}

.lab_org_hdimg.img_05 {
	background-image: url('../images/sub/lab_org_bg_05.png');
}

.lab_org_hdimg.img_06 {
	background-image: url('../images/sub/lab_org_bg_06.png');
}

.lab_org_hdimg.img_07 {
	background-image: url('../images/sub/lab_org_bg_07.png');
}

.lab_org_hdimg.img_08 {
	background-image: url('../images/sub/lab_org_bg_08.png');
}

.lab_org_hdimg.img_09 {
	background-image: url('../images/sub/lab_org_bg_09.png');
}

.lab_org_hdimg.img_10 {
	background-image: url('../images/sub/lab_org_bg_10.png');
}

.lab_org_hdimg.img_12 {
	background-image: url('../images/sub/lab_org_bg_12.png');
}

.lab_org_hdimg.img_13 {
	background-image: url('../images/sub/lab_org_bg_12.png');
}

.lab_org_hd_tit {
	font-size: 23px;
	width: calc(100% - 50px);
	padding: 0 25px;
	color: #00878c;
	text-align: left;	
	margin-bottom: 32px;
	line-height: 35px;
	transform: translateY(20px);

}

.lab_org_hd_tit.active {
	transition: all ease .6s;
	transition-delay: .2s;
}

.lab_org_hd_desc {
	font-size: 17px;
	color: #636363;
	text-align: left;	
	line-height: 27px;
	width: calc(100% - 50px);
	padding: 0 25px;
	transform: translateY(30px);

} 

.lab_org_hd_desc.active {
	transition: all ease .6s;
	transition-delay: .2s;
}


.lab_org_hd_logo {
	margin: 55px 0 40px 0;  
	text-align: center;
	transform: translateY(30px);

}

.lab_org_hd_logo.m40 img{
	max-width: calc(100% - 50px);
}

.lab_org_hd_logo img{
	max-width: calc(100% - 50px);
}


.lab_org_hd_logo.active {
	transition: all ease .5s;
	transition-delay: .2s;

}

.lab_org_section_wide {
	width: 100%;
	display: table;
	position: relative;
}

.lab_org_section_wide::before{
	width: 2px;
	height: 0px;
	content: "";
	position: absolute;
	left: 50%; margin-left: -1px;
	top: -30px;
	background: #f68a1e;
	z-index: 1;
}

.lab_org_section_wide.active::before{
	width: 2px;
	height: 50px;
	content: "";
	position: absolute;
	left: 50%; 
	margin-left: -1px;
	top: -30px;
	background: #f68a1e;
	z-index: 1;
	transition: all ease .7s;
	transition-delay: 0.8s;

}

.lab_org_section_wide .inner {
	padding: 0 25px;
	width: calc(100% - 50px);

}



.lab_org_info_box {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	position: relative; 
	display: table;
	background: #00878c;

}

.lab_org_info_box:nth-child(1){
	transform: translateY(150px);


}

.lab_org_info_box:nth-child(2){
	transform: translateY(180px);


}

.lab_org_info_box:nth-child(3){
	transform: translateY(210px);
	margin-bottom: 0px;


}

.lab_org_info_box.active{
	transition: all ease .8s;
	transition-delay: .2s;

}

.lab_org_info_box:last-child{
	margin-right: 0;


}

.lab_org_info_box .ico{
	width: 59px;
	height: 55px;
	margin: auto;
}


.lab_org_info_box .ico.img01 {
	background: url('../images/sub/lab_org_info_box_01.png');
	margin-top: 42px;
	background-size: 59px 55px;



}

.lab_org_info_box .ico.img02 {
	background: url('../images/sub/lab_org_info_box_02.png');
	margin-top: 30px;
	background-size: 59px 55px;

}

.lab_org_info_box .ico.img03 {
	background: url('../images/sub/lab_org_info_box_03.png');
	margin-top: 30px;
	background-size: 59px 55px;

}

.lab_org_info_box .tit {
	padding: 10px 18px;
	background: #f68a1e;
	font-size: 15px;
	color: #fff;
	border-radius: 35px;
	margin: auto;
	display: table;
	margin-top: 15px;
}

.lab_org_info_box .desc {
	color: #fff;
	line-height: 27px;
	font-size: 17px;
	text-align: center;
	margin-top: 18px;
	margin-bottom: 40px;

}

.lab_org_info_box .desc.name {
	color: #fff;
	font-size: 25px;
}


.lab_org_article {
	padding: 50px 25px 0 25px;
}

.lab_org_article p {
	margin-bottom: 30px;
	line-height: 27px;
	color: #636363;
	font-size: 17px;
	transform: translateY(80%);
	display: table;
	letter-spacing: 0;
}

.lab_org_article p img{
	display: block;
	margin: 16px auto 37px auto;
}
.lab_org_article p.ct{
	text-align: center;
	width: 100%;

}


.lab_org_article p img.lab5{
	display: block;
	margin: 40px auto 0px auto;
	width:  100%;
}

.lab_org_article p.mgb_none{
	margin-bottom: 0;
	text-align: center;
	padding: 0 0px;


}

.lab_org_article p.active{
	transition: all ease .6s;

}

.lab_org_article p:last-child {
	margin-bottom: 0;

}



.lab_mainstream_subject {
	display: table;
	margin-top: 55px;
	width: 100%;

}

.lab_mainstream_subject .tit {
	width: 100%;
	float: left;
	position: relative;
	color: #333;
	font-size: 25px;
	padding-bottom: 20px;
	transform: translateX(-100px);


}

.lab_mainstream_subject .tit.active{
	transition: all ease .6s;


}

.lab_mainstream_subject .tit::before{
	content: "";
	position: absolute;
	bottom: 0;
	width:0%;
	height: 2px;
	background: #333;
}

.lab_mainstream_subject .tit.active::before{
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #333;
	transition: all ease .7s; 
	transition-delay: .6s;
}

.lab_mainstream_subject .box {
	width:100%;
	float: left;
	position: relative;
	color: #636363;
	padding: 32px 0;
	border-bottom: 0px solid #d6d6d6;

}

.lab_mainstream_subject .box.active{

}

.lab_mainstream_subject .box::before{
	content: "";
	position: absolute;
	bottom: 0px;
	width: 0%;
	height: 1px;
	background: #d6d6d6;
}

.lab_mainstream_subject .box.active::before {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 1px;
	transition: all ease .6s;
	transition-delay: 1.3s;
}

.lab_mainstream_subject .box ul.lab_subject_list{
	width: 100%;
	display: table;
	position: relative;
	top: 8px;
	float: left;
	transform: translateY(100px);
}

/* .lab_mainstream_subject .box ul.lab_subject_list:last-child {
	margin-top: 17px;

} */

.lab_mainstream_subject .box ul.lab_subject_list.active{
	transition: all ease .6s;
	transition-delay: .9s;

}

ul.lab_subject_list li {
	width: 100%;
	font-size: 17px;
	color: #636363;
	line-height: 30px;
	padding-left: 15px;
	margin-bottom: 10px;
	float: left;
	position: relative;
	top: -8px;
	display: table;


}
ul.lab_subject_list li:last-child {
	margin-bottom: 0;
}

ul.lab_subject_list li p{
	margin-top: 15px;
	margin-bottom: 0;

}
ul.lab_subject_list li p:last-child{
	margin-bottom: 20px;
}

ul.lab_subject_list li span.hd{
	font-weight: 500;
	color: #00878c;


}

ul.lab_subject_list li span.hd.big{
	font-size: 20px;

}

ul.lab_subject_list li::before{
	position: absolute;
	width: 3px;
	height: 3px;
	background: #333;
	left: 2px;
	border-radius: 50%;
	top: 14px;
	content: "";
}


.lab_org_gobtn{
	line-height: 25px;
	display: table;
	padding: 10px 15% 10px 5%;
	 border: 2px solid #00878c;
	position: relative;
	background:#fff;
	color: #00878c;
	max-width: calc(80% - 50px);
	font-size: 15px;
	margin: 45px auto 0 auto;
	transform: translateY(100px);

}

.lab_org_gobtn.active {
	transition: all ease .8s;

}

/* .lab_org_gobtn:hover span {
	position: relative;
	z-index: 30;
	color: #fff;
	transition: all ease .4s;

}  */

.lab_org_gobtn span{
	position: relative;
	display: block;
}

.lab_org_gobtn span::after{
	background: url('../images/sub/lab_org_gobtn_ico.png');
	width: 19px;
	height: 18px;
	background-size: 19px 18px;
	position: absolute;
	content: "";
	right: -15%;
	top: 50%;
	margin-top: -9px;
	transition: all ease .4s;

}



/* .lab_org_gobtn:hover span::after {
	width: 19px;
	height: 18px;
	background: url('../images/sub/lab_org_gobtn_ico_on.png');
	background-size: 19px 18px;		
	transition: all ease .4s;
	transition-delay: .2s;

}
 */

.lab_org_gobtn::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width:0%;
	height: 100%;
	background:#00878c;
	transition: all ease .4s;

}

/* .lab_org_gobtn:hover::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	background:#00878c;
	transition: all ease .4s;

} */



.lab_mainstream_subject {
	display: table;
	margin-top: 100px;

}
.lab_mainstream_subject .tit_e {
	font-size: 19px;
	color: #333;
	margin-bottom: 15px;
	transform: translateX(-50px);

}

.lab_mainstream_subject .tit_e_sub{
	font-size: 17px;
	color: #636363;
	opacity: 0;
	line-height: 27px;
	margin-bottom: 35px;
	transform: translateY(20px);

} 

.tit_imgbox {
	width: 100%;
	display: table;
	margin-bottom: 40px;


}

.tit_imgbox .cr_tit{
	position: relative;
	font-size: 17px;
	font-weight: 500;
    color: #00878c;
	padding-left: 15px;
	margin-bottom: 20px;
}

.tit_imgbox .cr_tit:before{

    position: absolute;
    width: 3px;
    height: 3px;
    background: #333;
    left: 2px;
    border-radius: 50%;
    top: 7px;
    content: "";
}


.tit_imgbox .cr_tit.active{
	transition: all ease .8s;
	transition-delay: .6s;

}

.tit_imgbox .cr_img {



}
.tit_imgbox .cr_img	img{
	width: 100%;

}

.tit_imgbox .cr_img.active {
	transition: all ease .8s;
	transition-delay: .6s;
	
}



/*modal common*/
.cm_modal {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.pw_input_pop {
	width: 100%;
	background: #fff;
	height: 100%;
	box-shadow: 13px 20px 20px 6px rgba(0, 0, 0, 0.2)
}

.pw_input_pop .hd {
	width: 100%;
	height: 55px;
}


.pw_input_pop .tit {
	font-size: 25px;
	color: #00878c;
	text-align: center;
	width: 100%;
	margin: 50px 0 20px; 

}

.pw_input_pop .hd .pw_input_cls {
	width: 18px;
	height: 18px;
	float: right;
	padding-right: 25px;
	background: url('../images/common/modal_cls.png') no-repeat	;
	background-size: 18px;
	top: 20px;
	position: relative;	
}

.pw_input_pop .inner {
	width: calc(100% - 50px);
	padding: 0 25px;
	height: calc(100% - 55px);
}

.pw_input_pop .inner .guide_tt {
	width: 100%;
	text-align: center;
	font-size: 17px;
	color: #333;
	margin-bottom: 40px;
}

.pw_input_pop .inner .pw_confirm {
	width: 100%;
	display: table;

}

.pw_input_pop .inner .pw_confirm .ipt_pw_cfm {
	background: #f5f5f5;
	width: 100%;
	height: 55px;
	float: left;
}

.pw_input_pop .inner .pw_confirm .ipt_pw_cfm input {
	padding-left: 30px;
	padding-right: 20px;
}

.cfm_submit {
	position: fixed;
	bottom: 40px;
	width: calc(100% - 50px);
	left: 25px;
	height: 50px;
	background: #333;
	line-height: 50px;
	font-size: 17px;
	color: #fff;
	display: block;
	text-align: center;
}


/* 00. common  motion--------------------------------s*/

/*motion transition*/
.motion { 
	opacity: 0; 
}
.motion_f { 
	opacity: 0; 
}

.motion.active {
	opacity: 1 !important; 
	transform: translate(0) !important;
	transform: translate3d(0 ,0, 0 ) !important;

}


/*template tab*/
.tp_tab_wrap {
	width: calc(100% - 50px);
	position: relative;
	margin: auto;
	margin-bottom: 40px;
    position:relative;

}

.tp_tab_grid {
	border-bottom: 1px solid #d6d6d6;
    position:relative;
    margin: auto;
    width:100%;
    overflow: scroll;
    overflow-y:hidden;
    padding-bottom: 2px;
    margin-bottom: -2px;
    text-align: center;
}

.tp_tab_group{
	margin: auto;
	display: table;

}
.tp_tab_group.multi{
	display: inline-flex;

}

.tp_tab_group.multi .tp_tab_box:last-child{
	padding-right: 25px;

}

.tp_tab_box {
	padding: 0 0px 17px 0px;
	font-size: 17px;
	color: #636363;
	font-weight: 400;
	position: relative;
	margin: 0 8px;
	text-align: center;
	display: block;
	float: left;
}

.tp_tab_box .block {
	width: 50px;
	height: 17px;
	top: 0;
	background: #333;
	left: 0;

}

.tp_tab_grid .tp_tab_box:first-child {
	margin-left: 0;
}

.tp_tab_grid .tp_tab_box:last-child {
	margin-right: 0;
}

.tp_tab_grid .slick-track {
	margin: 0;

}




.tp_tab_box.active {
	font-size: 17px;
	color: #333;
	font-weight: 500;
}

.tp_tab_box.active::before{
	position: absolute;
	content: "";
	width: calc(100%);
	bottom: -2px;
	height: 3px;
	background: #f68a1e;
	left: 0;
}


/* 00. common  motion--------------------------------e*/







.loading_img_wrap{
	position: relative;
	top: 50px;
	left: -25px;
	display: none;

}

.loading_img_wrap.active{
	display: block;

}

.loading_img {
	width: 150px;
	height: 150px;
	background:  url('../images/common/loading.gif') center no-repeat;
	background-size:100%;

}





/*temp*/