@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: 1920px;
	position: absolute;
	margin-left: -960px;
	left: 50%;
}


.temp_mockup .inner img{
	width: 1920px;
	position: absolute;
	margin-left: -960px;
	left: 50%;
}
/**{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: 960px;
	height: 660px;
	background: #fff;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.lab_articles_view_pop.bbs{
	width: 1180px;
	height: auto;
	background: #fff;
	padding: 0px;
	position: relative;
	overflow: visible;
	margin-top: 0px;
}

.modal_wrap .clsbtn{
	width: 64px; 
	height: 64px;
	background: url('../images/sub/articles_cls.png');
	background-size: 100%;
	position: absolute;
	right: -74px;
	cursor: pointer;

}

.lab_articles_view_pop .inner{
	padding: 50px;
}

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


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

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

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

.lab_articles_view_pop.bbs .articles_desc {
	font-size: 25px;
	line-height: 40px;

}

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



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

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

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

}

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

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


}

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

}

.articles_infobox .info_array .right{
	padding: 10px 0 ;
	margin-left: 35px;
	width: 735px;
	line-height: 30px;
	font-size: 17px;
	color: #333;
	float: left;
	position: relative;
	display: table;

}


.articles_infobox .info_array .right::before {
	content: "";
	position: absolute;
	top: -1px;
	width: 100%;
	height: 1px;
	background: #d9d9d9;


}

.articles_infobox.bbs .info_array .right{
	padding: 10px 0 ;
	margin-left: 35px;
	width: 985px;
	line-height: 30px;
	font-size: 17px;
	color: #636363;
	float: left;
	position: relative;
	display: table;

}


/*공통 캘린더*/
.calendar_wrap {
	width: 100%;
	margin-top: 40px;
	display: none;
	min-width: 1280px;
}

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

.calendar_hd {
	width: 1590px;
	display: table;
	margin: auto;
	position: relative;

}

.calendar_box {
	width: 1590px;
	background: transparent;
	position: relative;
	margin: auto;

}

.calendar_box .inner {
	width: 1180px;
	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: 1180px;
	height: 626px;
}

.cal_sch_hd {
	width: 1180px;
	height: 48px;
	background: #00878c;
	padding: 40px 0;
	font-size: 30px;
	position: relative;
}

.cal_sch_hd .left_sort {
	position: absolute;
	left: 80px;
	z-index: 150;

}

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


}



.calendar_sort_div {
	width: 228px;
	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: 228px;
	height: auto;	
 	box-sizing: border-box;
 	background: #fff;
 	display: block;
 	transition: all ease .1s;

}

.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: 11px 7px;
    background-position-x: 92%;
    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: 11px 7px;
    background-position-x: 92%;
    background-position-y: center;
}

ul.cal_sort_ul{
	margin-bottom: 16px;
	width: 223px;


}

ul.cal_sort_ul li {
	padding: 8px 15px;
	font-size: 15px;
	line-height: 20px;
	color:#a8a8a8;
	width: 198px;
	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: 8px;
    color: #fff;
    z-index: 35;
}

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


.center_year .next_month{
	background: url('../images/common/cal_arr_r.png');
	width: 12px;
	height: 23px;
	position: absolute;
	display: block;
	right: -78px;
	top: 5px;

}

.cal_sch_hd .right_btn{
	position: absolute;
	right: 80px;
	top: 40px;
	z-index: 40;

}

.cal_sch_hd .right_btn .sch_type_btn.month {
	float: right;
	width: 48px;
	height: 48px;
	background: url('../images/common/cal_sch_month.png');
	display: block;
	margin-right: 5px;
}

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

.cal_sch_hd .right_btn .sch_type_btn.list {
	float: right;
	width: 48px;
	height: 48px;
	background: url('../images/common/cal_sch_list.png');
	display: block;
}

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

.view_type { 
	height: 500px;
	width: 1180px;
	background: #fff;
}

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

.view_type.month.active {
	display: block;
}

.calendar_draw {
	width: 566px;
	height: 500px;
	background: #fff;
	float: left;
}

.calendar_draw .inset {
	padding: 68px 35px 0 60px;
}

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

}
.week_txt .tt {
	font-size: 17px;
	text-align: center;
	width: 67px;
	float: left;
}

.weekly_wrap{


}

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

}

.weekly_grid .daynum {
	font-size: 17px;
	text-align: center;
	width: 67px;
	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: 614px;
	height: 500px;
	background: #f5f5f5;
	float: left;
}

.calendar_today_sch .inset {
	padding: 60px 80px 54px 80px;
}

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

.calendar_today_sch .inset .sch_ttx span.ttxs {
	font-size: 22px;
}

.view_type.list {
	display: none;
	background: #fff;
	font-size: 25px;
	height: 437px;
}

.view_type.list.active {
	display: block;
}

.sch_today_list_wrap {
	height: 318px;
	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{
	width: calc(100% - 5px);
	height: 22px;
	bottom: 0px;
	left: 5px;
	content: "";
	position: absolute;
	background:url('../images/common/sch_t_bg.png');
	background-repeat: repeat-x;

}

.sch_today_list_wrap.sch_none {
	text-align: center;
    font-size: 16px;
    color: #636363;
    padding: 188px 50px 100px 50px;
    background-image: url('../images/common/sch_none.png');
    background-position: center;
    background-position-y: 108px;
    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: 1020px;
	display: table;
	margin: auto;
	position: relative;
	margin-top: 63px;


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

.view_type.list .sch_bbs_event_array {
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #d6d6d6;
}

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

}

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

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

.sch_bbs_event_array .subject {
	color: #333;
	font-size: 17px;
	float: left;
	width: 713px;
	text-indent: 34px;
	text-align: left;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;	
 

}

.sch_bbs_event_array .date {
	color: #636363;
	font-size: 15px;
	float: left;
	text-align: center;
	width: 125px;
}

.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: 344px;
	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: 20px;

}

.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: 9px;
	height: 9px;
	background: #f68a1e;
	border-radius: 50%;
	top: 24px;
	left: -32px;
	z-index: 25;

}



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

}


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

}

.sch_today_list_array .place {
	color: #f68b1f;
	font-size: 16px;
	margin: 20px 0 10px;
	
}

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

.search_wrap {
	width: 100%;
	margin-top: 40px;
	display: none;
	min-width: 1280px;
}

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

.search_hd {
	width: 1590px;
	display: table;
	margin: auto;
	position: relative;
}

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

.calendar_cls_btn {
	width: 83px;
	height: 81px;
	background: #00878c url('../images/common/cm_cls.png') center no-repeat;
	background-size: 27px 29px;
	display: block;
	float: right;
	position: relative;
	right: 0px;
}

.search_cls_btn {
	width: 83px;
	height: 81px;
	background: #00878c url('../images/common/cm_cls.png') center no-repeat;
	background-size: 27px 29px;
	display: block;
	float: right;
	position: relative;
	right: 88px;
}


.search_inner {
	width: 625px;
	height: 54px;
	border-bottom-left-radius: 27px;
	border-top-left-radius: 27px;
	border-bottom-right-radius: 27px;
	border-top-right-radius: 27px;	
	background: #fff;
	margin: auto;
}

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

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

button.search {
	width: 74px;
	height: 54px;
	background: transparent;
    background-image: url(../images/common/ipt_search_ico.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center;
    float: left;
}

/*search+ input + submit*/

/*search with subpage--s*/
.cm_search_wrap {
	width: 1180px;
	padding: 35px 0;
	border: 5px solid #d6d6d6;
	box-sizing: border-box;
	margin: auto;
	display: block;
	margin-bottom: 60px;
}

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

.cm_search_wrap .inner .cm_select{
	float: left;
	box-sizing: border-box;
	width: 210px;
	height: 55px;
	background: #fff;
	margin-right: 10px;
}

.cm_select select {
	width: 100%;
	height: 100%;
	border: 1px solid #d6d6d6;
	background: url('../images/common/sele_arr.png') no-repeat center;
    background-position-x: 90%;
    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: 760px;
	height: 55px;
	border: 1px solid #d6d6d6;
	background: #f5f5f5;

}

.cm_search.mini  { 
	float: right;
	box-sizing: border-box;	
	width: 475px;
	height: 55px;
	border: 1px solid #fff;
	background: #f5f5f5;
	margin-bottom: 30px;

}

.cm_search.full{
	width: 980px;

}

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

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


}

.select.mail_select select{
	padding-left: 20px;
	width: 100%;
	height: 100%;
	background: url('../images/common/sele_arr.png') no-repeat center;
    background-position-x: 90%;
    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: 162px;
	height: 100%;
	background: url('../images/common/sele_arr.png') no-repeat center;
    background-position-x: 90%;
    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: 512px;
	height: 100%;
	box-sizing: border-box;	
	position: relative;
	text-indent: 22px;

}

input.sub_search.mini {
	float: left;
	width: 227px;
	height: 100%;
	box-sizing: border-box;	
	position: relative;
	text-indent: 22px;

}

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: 22px;

}

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';

}


input.write {
	border: 0;
	outline: 0;
	background:transparent;
	height: 100%;
	color: #333;
	width: calc(100% - 40px);
	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;
	line-height: 57px;

}

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


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

.topbtn.cm{bottom: 30px; opacity:1; z-index:500; position: fixed;}
.topbtn.ft{bottom:300px; 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;
	min-width: 1280px;
}


.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;
  	min-width: 1280px;
}

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: 122px; 
	background: transparent;
	position: fixed; 
	top: 0; 
	display: block;
	z-index: 30;
}

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

.gnb_type_wrap {
	width: 100%; 
	height: 122px; 
	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: 122px;
	z-index: 30;
	background: transparent;

}

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

.gnb.loca {
	overflow: visible;
}

.gnb.common {
	width: 100%;
	position: relative;
	z-index: 30;
	top: 0;
	left: 0;
	height:122px;
	transform: translateY(-100%);
	transition: transform ease .3s;
}


.gnb.common.fix {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	height:122px;
	transform: translateY(0);
	transition: transform ease .3s;
}

.gnb.common.sub {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	height:122px;
	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: 82px;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	min-width: 1100px;
}

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

.gnb .inner{
	width: 1590px; 
	margin: auto;
	display: table;
	min-width: 1000px;
}

.gnb .hdleft {
	float: left;
	width: 25%;
}


.gnb .hdright {
	float: right;
	width: auto;

}


.gnb .location_site {
	height: 28px;
	width: 230px;
	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;
}

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

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

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

.gnb .logo img {
	width: auto;
}



/*gnb+navi*/
.gnb nav {
	padding: 0;
	display: table;
	margin: auto;
	height: 82px;
}

.gnb .cm_menu {
	float: left;
	width: 50%;
}

.cm_menu ul li {
	color: #333;
	font-size: 19px;
	float: left;
	line-height: 82px;
	transition: color .4s ease;

}

.cm_menu ul li > a.dp_1st:hover {
	color: #00878c;
	transition: color .4s ease;
	z-index: 50;

}

.cm_menu ul li > a {
	width: 100%;
	height: 100%;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

.cm_menu ul li > a > span {
	width: 100%;
	height: 100%;
	display: block;
}

.cm_menu ul li:first-child > a {
	margin-left: 0;
}

.cm_menu ul li:last-child > a {
	margin-right: 0;
}

.cm_menu .depth_2nd {
	position: absolute;
	left: 0;
	width: 100%;
	background:#f5f5f5;
	border-top: 1px solid #d6d6d6;	
	z-index: 30;
	overflow:hidden;
	top: 122px;
/*	height: 240px;*/
	height: auto;
	display: block;
	z-index: 25;
	opacity: 1;
	display: none;
}

.cm_menu .depth_2nd.wide{
	background: #fff;
}
.cm_menu .depth_2nd.type{
	background: #f5f5f5;
}

.cm_menu .depth_2nd .inner{
	width: 1180px;
	margin: auto;
	display: table;
	height: 240px;
	z-index:40;
	position: relative;
}

.cm_menu .depth_2nd .inner.wide{
	width: 1180px;
	margin: auto;
	display: table;
	height: 148px;
	z-index:40;
	position: relative;

}

.cm_menu .depth_2nd .inner_left {
	width: 30%;
	background:#fff;
	height: 240px;
	position: absolute;
	left:0;
	top:0;
}

.cm_menu .depth_2nd .inner_left.wide {
	width: 100%;
	background:#f5f5f5;
	height: auto;
	position: relative;
	left:0;
	top:0;
	z-index: 32;
}

.cm_menu .depth_2nd .inner_left.wide .lab_division {
	max-width: 1180px;
	margin: auto;
	display: table;
	padding: 43px 0 38px 0;

}

.lab_division .lab_btn {
	width: 287px;
	height: 45px;
	box-shadow: 0 0 0 1px #d6d6d6;
	background: #fff;
	line-height: 45px;
	margin-bottom: 5px;
	margin-right: 10px;
	text-align: center;
	font-size: 13px;
	color: #636363;
	float: left;

}

.lab_division .lab_btn:nth-child(4n) {
	margin-right: 0px;
}

.lab_division .lab_btn a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;

}

.lab_division .lab_btn a span {
	position: relative;

}

.lab_division .lab_btn a span::after {
	position: absolute;
	content: "";
	width: 0%;
	height: 1px;
	bottom: -4px;
	left: 0;
	background: #00878c;
	transition: all ease .3s;

}

.lab_division .lab_btn a span.active {
	 color:#00878c;
	 transition: all ease .3s;

}

.lab_division .lab_btn a span.active::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	bottom: -4px;
	left: 0;
	background: #00878c;
	transition: all ease .3s;
}


.cm_menu .depth_2nd .inner .tit_box {
	width: 430px;
	background: #fff;
	height: 245px;
 	float: left;

}

.cm_menu .depth_2nd .inner .tit_box.wide {
	width: 100%;
	background: #fff;
	height: 148px;
 	float: left;

}

.cm_menu .depth_2nd .inner  .align_p {
	padding: 50px 0 0 30px;
	position: relative;
}

.cm_menu .depth_2nd .inner  .align_d {
	padding: 50px 0 0 80px;
	position: relative;
}


.cm_menu .depth_2nd .inner .tit_box .tit {
	font-size: 30px;
	color: #00878c;
	position: relative;
	top:0px;
	line-height: 1;
}


.cm_menu .depth_2nd .inner .tit_box .tit::before {
	content: "";
	position: absolute;
	bottom: -18px;
	left: -83px;
	width: 110px;
	height: 2px;
	background: #00878c;
}



.cm_menu .depth_2nd .inner .tit_box .context {
	font-size: 17px;
	color: #636363;
	position: relative;
	top: 38px;
	width: 270px;
	line-height: 25px;
	letter-spacing: -0.5px;
}

.cm_menu .depth_2nd .inner .tit_box .context.wide {
	font-size: 22px;
	color: #333;
	position: absolute;
	top: 53px;
	right: 75px;
	width: auto;
	line-height: 32px;
	letter-spacing: -0.5px;
}

.depth_2nd_icon.v01 {
	width: 102px;
	height: 80px;
	background: url('../images/common/gnb_icon_01.png') center no-repeat;
	background-size: 102px 80px;
	position: absolute;
	right: 40px;
	top: 40px;
}

.depth_2nd_icon.v02 {
	width: 102px;
	height: 80px;
	background: url('../images/common/gnb_icon_02.png') center no-repeat;
	background-size: 102px 80px;
	position: absolute;
	right: 40px;
	top: 40px;
}

.depth_2nd_icon.v03 {
    width: 402px;
    height: 99px;
    background: url(../images/common/gnb_icon_03.png) center no-repeat;
    background-size: 402px auto;
    position: absolute;
    left: 214px;
    top: 49px;
}


.depth_2nd_icon.v04 {
	width: 102px;
	height: 80px;
	background: url('../images/common/gnb_icon_04.png') center no-repeat;
	background-size: 102px 80px;
	position: absolute;
	right: 40px;
	top: 40px;
}

.depth_2nd_icon.v05 {
	width: 102px;
	height: 80px;
	background: url('../images/common/gnb_icon_05.png') center no-repeat;
	background-size: 102px 80px;
	position: absolute;
	right: 40px;
	top: 40px;
}

.gnb .qs_menu {
	margin-right: 6px;
	width: 165px;
	height: 82px;
	background: #00878c;
	cursor: pointer;
	float: right;
}


.cm_menu .depth_2nd .inner .dp2_box {
	width: 750px;
	height: 245px;
	float: left; 
}

.cm_menu .depth_2nd .inner .dp2_box.wide {
	width: 100%;
	background:#f5f5f5;
	float: left;
 
}

.dp2_box ul.dp_box_base {
	width: 220px;
	display: table;
	float: left;

}

.dp_box_img {
	width: 442px;
	height: 172px;
	position: relative;
	float: left;
	top:-20px;
	left: 7px;
	display: block;
}

.dp_box_img > a {
	width: 100%;
	height: 100%;
	display: block;
}



.dp2_box ul.dp_box_base.cs1 {
	width: 195px;
	display: table;
	float: left;
}


ul.dp_box_base li {
	font-size: 17px;
	color:#636363;
	line-height: 1;
	display: block;
	width: 100%;
	margin-left:0;
	margin-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

ul.dp_box_base li:first-child {
	padding-top:0;

}

ul.dp_box_base li:last-child {
	padding-bottom:0;

}

ul.dp_box_base li a {
	display: inline-block;
	position: relative;
	width: auto;
	height: 100%;
	margin:0;
}

ul.dp_box_base li a:hover {
	color: #00878c;

}

ul.dp_box_base li a::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 0%;
	height:1px;
	background: #00878c;
	transition: all ease .4s;

}

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

}

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

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

.gnb .qs_menu .calendar_btn::after {
	content: "";
	width: 1px;
	height: 62px;
	background: #40a5a9;
	position: absolute;
	top: 10px;
	left: 0;
}

/*cm_location*/


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

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

#location.type {
    width: 100%;
    position: relative;
    top: -34px;
    height: 65px;
    z-index: 100;
    background-image : url('../images/common/location_bg_on.png');
   	background-repeat: repeat-y;
  	background-position: center center;
   	background-size: 1590px 65px;
  	transition: background cubic-bezier(.41,.01,.27,1) .5s;
}

#location.active {
    width: 100%;
    position: fixed;
    top: 0;
    height: 65px;
    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 cubic-bezier(.41,.01,.27,1) .5s;
}




#location .all-wrap {
    width: 1590px;
    height: 65px;
    margin: 0 auto;
}

#location .all-wrap .loca-wrap {
    width: 1590px;
    margin: 0 auto;
    height: 65px;
}

#location .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 65px;
    margin-left: 0px;
    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 {
    float: left;
    margin-left: 25px;
}

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

}

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

}

#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_dw.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:#636363;
}

#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: 25px;
    left: 0;
    width: 1px;
    height: 18px;
    background: #d6d6d6;
	z-index:1;
    content: "";
}

#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: #6bafb0;
    transition-delay: .25s;

}


#location .all-wrap .loca-wrap .loca-area>ul>li button > span {
    padding : 0 30px;
    font-size: 17px;
    color: #636363;
}

#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;

}
#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: #80c1c3;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 18px 37px 15px 32px;

}
 #location .all-wrap .loca-wrap .loca-area>ul>li div ul li:last-child a{
    padding: 18px 37px 18px 32px;

}

#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: 1590px;
 	margin: auto;
 	display: table;
 	padding: 80px 0;
 	overflow: hidden;
 	position: relative;	
}

.footer.loca{
 	overflow: visible;
}

.footer .ftleft {
	float: left;
	width: 356px;

}

.footer .logo {

}

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

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

.footer .logo img {
    width: auto;
}

.footer .ftmenu {
	width: 600px;
	float: left;

}


.ft_group{
	font-size: 15px;
	color: #333;

}

ul.ft_ul li {
	float: left;
	display: block;
	margin-right: 28px;
	position: relative;
}

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

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: 25px 0 12px 0;
	color: #636363;
}

.cp_info address {
	float: left;
}

.cp_info a.tel_link {
	display: block;
	float: left;
	margin-left: 10px;

}

.copyright {
	width: 100%;
	display: block;
	color: #636363;

}

.footer .ftright {
	float: right;
	width: auto;
	position: relative;

}

.footer .location_site_ft {
	cursor: pointer;
	width:190px;
	height: 28px;
	border-bottom: 2px solid #333;
	line-height: 1;
	font-size: 15px;
	color: #333;
	overflow:hidden;
	z-index: 20;
	position: absolute;
	bottom: -32px;
	right: 0;
	transition: height ease .3s;

}

.footer .location_site_ft.active {
	width:190px;
	height: auto;
	transition: height ease .5s;
	position: absolute;
	bottom: -32px;
	right: 0;

}

.location_site_ft a.tit {
	position:absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 28px;

}

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

}

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

.location_site_ft_list {
	position: absolute;
	bottom: 50px;
	background: #333;
	width: calc(100% - 40px);
	height: 0;
	transition: all ease .3s;
	padding: 20px 20px 20px 20px;
	border-radius: 5px;
	overflow: hidden;
	display: table;

}

.location_site_ft_list.acitve{
	overflow: visible;
}

.location_site_ft_list li {
	font-size: 15px;
	color: #a8a8a8;
	width: 100%;
	display: block;
	line-height: 2;
}

.location_site_ft_list a {
	width: 100%;
	height: 100%;
	display: block;
}

.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_input_grid{
	width: 1180px;
	margin: auto;

}

.search_rs_input_grid > .cm_search {
    box-sizing: border-box;
    width: 780px;
    height: 55px;
    border: 0px solid #d6d6d6;
    background: #f5f5f5;
    margin: auto;
    float: none;

}

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

.search_rs_tab{
	width: 1180px;
	margin: auto;
	display: table;
	padding: 0 2px;
	margin-bottom: 35px;

}
.search_rs_tab .tabbox {
	width: 196px;
	height: 65px;
	box-sizing: border-box;
	background: #fff;
	float: left;
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	color: #636363;
	font-size: 19px;
	line-height: 65px;
	text-align: center;
	font-weight: 400;

}
.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: 15px;
	position: relative;
	left: 5px;
	top: -2px;
}

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

}
.search_rs_tab .tabbox:nth-child(1),
.search_rs_tab .tabbox:nth-child(2),
.search_rs_tab .tabbox:nth-child(3),
.search_rs_tab .tabbox:nth-child(4),
.search_rs_tab .tabbox:nth-child(5),
.search_rs_tab .tabbox:nth-child(6) {
	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,
.search_rs_tab .tabbox:nth-child(4).active,
.search_rs_tab .tabbox:nth-child(5).active,
.search_rs_tab .tabbox:nth-child(6).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(6n+1) {
	border-left: 1px solid #d6d6d6;


}

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


}


.search_rs_rstxt {
	text-align: center;
	font-size: 25px;
	color: #333;
	margin: 50px 0 60px;

}

.search_rs_rstxt span{
	color: #00878c;

}

.search_rs_group{
	width: 1180px;
	display: table;
	margin: auto;
}

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

}

.search_rs_group .rsbox .rsnone{
	padding-top: 115px;
	text-align: center;
	margin: 120px 0;
	font-size: 20px;
	color: #a8a8a8;
	background:url('../images/common/rs_none.png')   no-repeat;
	background-position-x : center;
	background-position-y: top;
	background-size: 80px 75px;

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

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

}

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

a.more_rs{
	float: right;
	padding-right: 25px;
	position: relative; 
	font-size: 17px;
	color: #333;
	text-align: right;
	line-height: 85px;
}

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

.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: 35px 40px 30px 40px;
}

.rsboxb_array .tit{
	font-size: 19px;
	color: #333;

}

.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: 10px;
	right: -20px;

}

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

.rsboxb_array .desc{
	font-size: 17px;
	line-height: 30px;
	position: relative;
	top: -5px;
	color: #636363;
	margin-top: 20px;
	height: 60px;
	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: calc(100% - 140px);
	display: table;
	height: 394px;
	padding: 0 70px;
}

.cm_hd.type {
	width: 100%;
	display: table;
	height: 495px;
	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: 45px;
	color: #fff;
	padding-left: 154px;
	position: relative;
}

.cm_hd.type .innerbox .tit {
	font-size: 50px;
	color: #fff;
	padding-left: 0;
	text-align: center;
}

.cm_hd.type .innerbox .tit::after{
	position: absolute;
	width: 56px;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -28px;
	background: #f68a1e;
	top: -37px;

}

.cm_hd .innerbox .desc {
	font-size: 20px;
	color: #fff;
	margin-top: 30px;
	padding-left: 154px;
}

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


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

.cm_tit {
	font-size: 40px;
	color:#333;
	text-align: center;
	padding: 55px 0 70px;
}

.cm_tit.type {
	padding: 50px 0 35px;
}

.cm_tit.type.qna {
	padding: 67px 0 55px;
}
.cm_tit.org {
	font-size: 30px;
	color:#333;
	text-align: center;
	padding: 120px 0 50px;
}

.cm_desc {
	font-size: 22px;
	line-height: 35px;
	color:#00878c;
	text-align: center;
	max-width: 800px;
	margin: auto;
	margin-bottom: 70px;

}


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


.sub_align .org_map img{

	width: auto;	
}

.sub_align .facilities img{

	width: auto;	
}



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

.linebox {
	position: absolute;
	bottom: 0px;
	width: 529px;
	height: 368px;
	z-index: 30;
}

.linebox.right_type {
	right: 0;
}


.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: 1px;
	height: 10px;
	background: #00878c;
	left: 79px;
	transition: width .4s ease;
}

.linebox .inner .liner_t1.active::before {
	position: absolute;
	content: "";
	width: 450px;
	height: 10px;
	background: #00878c;
	left: 79px;
	transition: width .4s ease;
	transition-delay: .5s;
}

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

}

.linebox .inner .liner_t1.active::after {
	position: absolute;
	content:"";
	width: 10px;
	height: 368px;
	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:10px;
	background: #00878c;
	right: 0;
	bottom: 0;
	transition: width .4s ease;
}

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

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

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

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

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

p.tit_sub_copy {
	font-size: 48px;
	color: #00878c;
	line-height: 70px;
	transform: translateY(20px);
	white-space: nowrap;
}

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

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

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


.sub_article {
	margin-top: -70px;
	width: 100%;
	background: #fff;
	position: relative;
	display: table;
}

.sub_article.pp {
	margin-top: 80px;
	width: 100%;
	background: #fff;
	position: relative;
}

.sub_article::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	background:#fff;
	height: 80px;
	left: -100%;
}

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

.sub_article .context_hd {
	padding: 50px 78px 100px;
	text-align: right;
	transition: all ease .9s;
	transform: translateX(100px);
}

.sub_article .context_hd.right_type {
	text-align: left;
	transform: translateX(-100px);
}

.sub_article .context_hd.active {
	padding: 50px 78px 100px;
	transition: all ease .9s;
	transform: translateX(0);
}

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


.sub_article .context_hd .name {
	font-size: 30px;
	color: #333;
}

.sub_article .context_hd .year {
	margin-top: 13px;
	font-size: 19px;
	color: #00878c;

}

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

}

.sub_article .context_view.left {
	float: left;
	width: 550px;
	padding-right: 40px;

}

.sub_article .context_view.right {
	float: left;
	width: 550px;
	padding-left: 40px;

}

.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: 60px;
}

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

}

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



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

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


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

/*e이사장 인사말*/



/*s설립취지*/

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

.sub01_3_bgf .inner {
	width: 1180px;
	margin: auto;
	position: relative;
}

.sub01_3_bgf .inner .left_img {
	width: 623px;
	height: 546px;
	background: url('../images/sub/sub01_3_img_left.png');
	position: absolute;
	top: -235px;
	left: -33px;
	transform: translateY(100px);
	opacity: .3;
}

.sub01_3_bgf .inner .left_img.active {
	width: 623px;
	height: 546px;
	background: url('../images/sub/sub01_3_img_left.png');
	position: absolute;
	top: -235px;
	left: -33px;
	transition: all .6s ease;
	opacity: 1;
}

.sub01_3_bgf .inner .right_img {
	width: 691px;
	height: 568px;
	background: url('../images/sub/sub01_3_img_right.png');
	position: absolute;
	top:-235px;
	right:-101px;
	transform: translateY(100px);
	opacity: .3;
}

.sub01_3_bgf .inner .right_img.active {
	width: 691px;
	height: 568px;
	background: url('../images/sub/sub01_3_img_right.png');
	position: absolute;
	top:-235px;
	right:-101px;
	transition: all .6s ease;
	transition-delay: .2s;
	opacity: 1;
}

.sub01_3_bgf .inner .bottom_txt_group {
	position: relative;
	top: 257px;
	left: 60px;
	width: 1015px;
	height: 300px;
}

.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: 40px;
	margin-top: 17px;
	font-size: 35px;
	color: #fff;
}

.sub01_3_bgf .inner .bottom_txt_group .txt.c1 {
	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 {
	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: 315px;
	top: -15px;
	width: 470px;
	height: 4px;
	background: transparent;
}

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

.sub01_3_bgf .inner .bottom_txt_group .liner.active::before {
	content: "";
	width: 100%;
	height: 4px;
	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: -220px;	
	top: -6px;
}

.sub01_3_bgf .inner .bottom_txt_group .txt_rc1 {
	font-size: 19px;
	color: #92dbdd;
	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: 14px;
	font-size: 30px;
	color: #fff;
	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: 790px;
	height: 395px;
	z-index: 30;
}

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



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

.linebox_c .desc {
	font-size: 22px;
	color: #fff;
	margin-top: 40px;
	text-align: center;
	transform: translateY(20px);
}

.linebox_c .desc.active {
	font-size: 22px;
	color: #fff;
	margin-top: 40px;
	text-align: center;
	transform: translateY(0);
	transition: all ease .6s;
	transition-delay: 3.6s;
}

.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: "";
	bottom: 0;
	right: 450px;
	width: 0px;
	height: 8px;
	background: #0caab0;
}

.linebox_c .inner .liner_bl.active::before {
	position: absolute;
	content: "";
	bottom: 0px;
	right: 450px;
	width: 339px;
	height: 8px;
	background: #0caab0;
	transition: .4s all ease;
	transition-delay: 1.5s;

}

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

.linebox_c .inner .liner_bl.active::after {
	position: absolute;
	content: "";
	bottom: 0px;
	left: 0px;
	width: 8px;
	height: 395px;
	background: #0caab0;
	transition: .4s all ease;
	transition-delay: 1.9s;
}

.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: 790px;
	height: 8px;
	background: #0caab0;
	transition: .4s all ease;
	transition-delay: 2.3s;
}

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

.linebox_c .inner .liner_rb.active::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 8px;
	height: 395px;
	background: #0caab0;
	transition: .4s all ease;
	transition-delay: 2.7s;
}

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

}

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

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

}

.ct_circle .inset {
	position: relative;
	top: 15px;
	margin: auto;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	border: 3px solid #9d9d9d;
	transform: translateY(-50px);
}

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

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

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

.hst_wrap {
	height: 1500px;
	width:100%;
	position: relative;
	padding-top: 120px;

}



.hst_wrap::before {
	height: calc(100% + 100px);
	content: "";
	position: absolute;
	left: 50%;
	top: -100px;
	width: 1px;
	background: #d6d6d6;
}

.hst_wrap.type::before {
	height: calc(100%);
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1px;
	background: #d6d6d6;
}


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

.hst_wrap .inner{
	width: 100%;
	height: 1500px;


}
.hst_array{
	display: table;
	width: 1180px;
	margin: auto;

}

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


.hst_array:nth-child(odd) .leftbox .yearbox {
	width: 400px;
	float: right;
	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{
	position: absolute;
	content:"";
	width: 237px;
	height: 2px;
	background: #00878c;
	left: 210px;
	top: 38px;
	transition: all .5s ease;
	transition-delay: .6s;
}



.hst_array:nth-child(odd) .rightbox{
	width: 50%;
	float: right;

}

.hst_array:nth-child(odd) .rightbox .listbox{
	width: 517px;
	padding-top: 32px;
	padding-left:72px;
	padding-bottom: 80px;
	position: relative;
}

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

}

.hst_array:nth-child(odd) .rightbox .listbox::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #00878c;
	left:-3px;
	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 {
	position: relative;
	top: -7px;
	margin-bottom: 30px;
}

.hst_array:nth-child(odd) .rightbox .listbox .list_array .vbs {
	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: 19px;
	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: 15px;
	height:2px;
	bottom: 0px;
	left: 2px;
	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: 50%;
	float: right;
}



.hst_array:nth-child(even) .leftbox .yearbox {
	width: 400px;
	float: left;
	text-align: right;
	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 {
	position: absolute;
	content:"";
	width: 237px;
	height: 2px;
	background: #f68a1e;
	right: 210px;
	top: 38px;
	transition: all ease .5s;
	transition-delay: .6s;
}

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

.hst_array:nth-child(even) .rightbox .listbox {
	width: 517px;
	padding-right: 72px;
	padding-top: 32px;
	padding-bottom: 80px;
	position: relative;
}

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

.hst_array:nth-child(even) .rightbox .listbox::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f68a1e;
	right: -6px;
	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;
	top: -7px;
	margin-bottom: 30px;
}

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


}

.hst_array:nth-child(even) .rightbox .listbox .list_array .vbs.active {
	margin-bottom: 10px;
	transform: translateX(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: right;
	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: 19px;
	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: 15px;
	height:2px;
	bottom: 0px;
	left: 2px;
	background: #f68a1e;
}

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

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

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

.more_load_btn:hover::after {

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

.hst_array .yearbox {
	font-size: 80px;
}

.hst_array:nth-child(odd) .yearbox {
	color: #00878c;
	transform: translateX(-100%);
}

.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: translateX(100%);	
}

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


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


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


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

.hst_type_desc p.tit{
	font-size: 60px;
	line-height: 70px;
	display: block;
	color: #00878c;
	letter-spacing: -3px;

}

.hst_type_desc p.desc{
	font-size: 22px;
	line-height: 65px;
	display: block;
	color: #333;
}

.hst_type_desc::after{
	position: absolute;
	content: "";
	bottom: 20px;
	left: 50%;
	margin-left: -15px;
	border-radius: 50%;
	box-sizing: border-box;	
	width: 30px;
	height: 30px;
	border: 3px solid #d6d6d6;
	transition: all .7s ease;
}

.hst_type_desc::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius:6px;
    background: #f68a1e;
    left: 50%;
    bottom: 32px;
    margin-left: -3px;
}



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

.org_list_t ul.inner {
	width: 1180px;
	margin: auto;
}

.org_list_t ul.inner li {
	width: 280px;
	height: 146px;	
	margin-right: 20px;
	margin-top: 20px;	
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #d6d6d6;
	float: left;
	transform: translateY(50px);
}

.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),
.org_list_t ul.inner li:nth-child(3),
.org_list_t ul.inner li:nth-child(4) {
	margin-top: 0;	
}

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

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

/*e조직현황*/



/*s오시는길*/

.map_wrap{

	width: 100%;
	height: 610px;
}

.map_wrap.type{
	width: 1180px;
	margin: auto;

}

.map_info{
	width: 100%;
	height: 115px;
	position: relative;
}

.map_info .inner{
	position: absolute;
	right: 6px;
	bottom: 16px;
	width: 500px;
	height: 316px;
	background: #00878c;
	box-shadow: 20px 19px 20px 3px rgba(0, 0, 0, 0.12);
	transform: translateY(50px);
}
.map_info .inner.en{
	height: 390px;

}

.map_info .inner.active {
	transition: all ease .6s;

}

.map_info .inner .txt{
	padding: 90px 0 0 67px;

}
.map_info .inner.en .txt{
	padding: 80px 0 0 67px;

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

	line-height: 48px;

}

.map_info .inner .txt address {
	margin: 44px 0 16px 0;
	font-size: 20px;
	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{
	margin-bottom: 56px;

}

.map_method_box:last-child{
	margin-bottom: 140px;
}
.map_method_box.type:first-child {
	margin-top: 50px;
}
.map_method_box.type {
	margin-bottom: 56px;
}

.map_method_box.type:last-child{
	margin-bottom: 0px;
}
.map_method_box .tit{
	display: inline-block;
	font-size: 30px;
	margin: 40px 0;
}

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


}

.map_method_box .use_guide {
	padding: 68px 0 68px 92px;
	border: 1px solid #d6d6d6;
	transform: translateY(50px);
}

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

}


.map_method_box .use_guide .inner {
	width: 498px;
	display: inline-block;
    vertical-align: top;	
	margin-top: 32px;
}

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

.map_method_box .use_guide .inner:nth-child(1),
.map_method_box .use_guide .inner:nth-child(2) {
	margin-top: 0px;
}

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

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

.indx_txt .place_n {
	color: #333;
	display: inline-block;
	line-height: 1;
	width: 100px;
    vertical-align: top;	
}

.indx_txt .place_c {
	color: #636363;
	display: inline-block;
	line-height: 28px;
	position: relative;
	top: -5px;
}

.indx_txt .place_tm {
	color: #636363;
	display: inline-block;
	position: relative;
	margin-right: 32px;
}

.indx_txt .place_tm::after {
    position: absolute;
    content: "";
    background: url(../images/common/tm_arr.png);
    width: 14px;
    height: 5px;
    background-size: 100%;
    top: 7px;
    right: -26px;
}

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

.map_detail_box {
	width: 100%;
	height: 800px;
	background: #333;
}


.map_dt_wrap {
	width: 1180px;
	height: 511px;
	position: relative;
	opacity: 0;
}


.map_object_line {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_base.png');
	position: absolute;
	top:0;
	left:0;
	opacity: 0;
	transform: translate3d(0,20px,0);

}

.map_object_line.active {
	transition: 1s all ease-out;
}


.map_object_parking {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_parking.png');
	position: absolute;
	top:0;
	left:0;
}

.map_object_parking.active {
	transition: 0.6s all ease-out;
	transition-delay:1s;
}

.map_obj_new_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_new_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,20px,0);
	z-index: 10;

}

.map_obj_new_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:1.6s;
}


.map_obj_east_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_east_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,40px,0);
	z-index: 11;

}

.map_obj_east_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:1.8s;
}



.map_obj_west_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_west_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,20px,0);
	z-index: 12;

}

.map_obj_west_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:2.1s;
}

.map_obj_other_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_oth_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,30px,0);
	z-index: 13;

}

.map_obj_other_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:2.4s;
}

.map_obj_dormitory_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_dormitory_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,40px,0);
	z-index: 12;

}

.map_obj_dormitory_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:2.6s;
}


.map_obj_edu_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_edu_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,30px,0);
	z-index: 10;

}

.map_obj_edu_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:2.8s;
}

.map_obj_lab_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_obj_lab_bd.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,40px,0);
	z-index: 5;

}

.map_obj_lab_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay:3s;
}

.map_obj_text_bd {
	width: 1180px;
	height: 511px;
	background: url('../images/sub/map_text.png');
	position: absolute;
	top:0;
	left:0;	
	transform: translate3d(0,5px,0);
	z-index: 15;
}

.map_obj_text_bd.active {
	transform: translate3d(0);
	transition: 0.3s all cubic-bezier(0.45, 0.05, 0.55, 0.95);
	transition-delay: 3.3s;
}

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

}

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

}

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

}

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

.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: 1180px;
	margin: auto;
	border-top: 3px solid #353535;
}

.bbs_list_wrap.none{
    border-top: 0;
    padding-top: 227px;
    text-align: center;
    margin: 120px 0;
    font-size: 20px;
    color: #a8a8a8;
    background: url('../images/common/rs_none.png') no-repeat;
    background-position-x: center;
    background-position-y: 120px;
    background-size: 80px 75px;
    margin: auto;
}


.bbs_box_array {
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #d6d6d6;
}

.bbs_box_array.qna {
	height: 100px;
}

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

/*s공지사항 게시판(레퍼런스)*/
.bbs_box_array .status{
	width: 200px;
	height: 120px;
	float: left;
	display: table;
	text-align: center;
}

.bbs_box_array .status.qna{
	width: 200px;
	height: 100px;
	float: left;
	display: table;
	text-align: center;
}


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

.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: 800px;
	height: 120px;
	float: left;
	display: table;

}

.bbs_box_array .title.qna{
	width: 800px;
	height: 100px;
	float: left;
	display: table;

}

.bbs_box_array .title.artc{
	width: 890px;
	height: 120px;
	float: left;
	display: table;

}

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

.bbs_box_array .title .tit {
	margin-top: 15px;
	font-size: 19px;
	color: #333;
	width: 800px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
 
}

.bbs_box_array .title .tit.qna {
	margin-top: 0;
	width: 800px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;
  	text-overflow: ellipsis;	

}



.bbs_box_array .title .tit.qna span {
	display: inline;
	width: 97%;
	padding-left: 3%;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	position: relative;

}

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


}

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

}



.bbs_box_array .date{
	width: 180px;
	height: 120px;
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: center;


}

.bbs_box_array .date.qna{
	width: 180px;
	height: 100px;
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: center;


}

.bbs_box_array .date.artc{
	width: 130px;
	height: 120px;
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: center;


}

.bbs_box_array .name.artc {
	width: 160px;
	height: 120px;
	float: left;
	font-size: 17px;
	color: #333;
	display: table;
	text-align: center;


}


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

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

.bbs_view_wrap {
	width: 1180px;
	margin: 60px auto 0 auto;
	display: table;

}


.bbs_db_input_wrap {
	width: 1180px;
	margin: auto;
	display: table;
}

.bbs_db_input_wrap .inner {
	margin-top: 30px;
	background: #f5f5f5;
	padding: 50px;
	display: table;

}


.bbs_db_input_wrap .inner .db_input_array {
	width: 530px;
	height: 95px;
	float: left;
	margin-top: 30px;
}

.bbs_db_input_wrap .inner .db_input_array:nth-child(1),
.bbs_db_input_wrap .inner .db_input_array:nth-child(2) {
	margin-top: 0;

}

.bbs_db_input_wrap .inner .db_input_array:nth-child(2n) {

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


}

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

}

.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: 20px;
}

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;
	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: 28px;
	color: #00878c;

}
.bbs_write_agreement {
	width: 1180px;
	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: 1180px;
	background: #f5f5f5;
	display: table;

}
.bbs_write_agreement .agreement_box .inner{
	max-height: 210px;
	font-size: 15px;
	color: #636363;
	padding: 40px;
	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: 1180px;
	text-align: center;
}

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

}

.bbs_write_wrap {
	width: 1180px;
	margin: auto;
	display: table;

}

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

.back_btn_box .inner{
	float: right;
}

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

}

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

}

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


.status_grid .inset{
	padding: 12px 16px;
	color: #333;
	font-size: 17px;
	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: 12px 16px;
	color: #fff;
	font-size: 17px;
	border: 2px solid #f68a1e;
	box-sizing: border-box;
	background: #f68a1e;
	display: table;
	margin: auto;
}


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

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

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


.tit_grid {
	width: 940px;
	margin: auto;
	margin-bottom: 50px;
	text-align: center;
	font-size: 35px;
	line-height: 50px;
	color: #333;
}

.tit_grid.qna {
	margin-bottom: 20px;
	width: 1180px;

}

.tit_grid.rq{
	width: 1180px;
	margin-bottom: 40px;

}

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

.tit_grid .view_date {	
	color: #636363;
	font-size: 17px;
	margin-top: 30px;
	line-height: 1;
}


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

}

.tit_grid .view_date.rq{
	color: #636363;
	font-size: 22px;
	margin-top: 20px;

}

.article_info_grid {
	width: 100%;
	padding: 28px 0;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.article_eqimg {
	text-align: center;
	width: 100%;
}



.article_info_grid .inner {
	text-align: center;
}

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

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

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

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

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

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

.article_info_grid .inner .category span.box2 {
	margin-left: 15px;	
	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: -20px;
	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 {
	margin-left: 15px;	
	color: #636363;
}

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

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

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

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

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

}

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

}

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

.article_info_grid .inner .link span.box2 {
	margin-left: 15px;	
	color: #00878c;
	display: inline-block;
	width: 220px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	position: relative;
  	top: 2px;
	text-align: left;
}

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

.article_info_grid .inner .link span.box2 a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -2px;
	left: 0;
	background: #00878c;

}
.article_contents_eqbox {
	margin-top: 100px;
	margin-bottom: 8px;
	display: table;
	width: 100%;
}


.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;

}

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

}

.eqbox_grid .right{
	width: 910px;
	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% - 200px);
	padding: 80px 100px 100px 100px;
}


.article_contents_grid p img{
	margin: auto;
	display:block;


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

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

.attachment_file_grid {
	width: calc(100% - 80px);
	padding: 40px;
	border-top: 1px solid #d6d6d6;
	display: table;
}

.attachment_file_grid .ico {
	position: relative;
	float: left; 
	width: 145px;
	color: #333;
	font-size: 17px;
}

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

.attachment_file_grid .file_list {
	float: left; 
	width: 800px;
}

.attachment_file_grid .file_list ul li {
	margin-bottom: 17px;
	color: #636363;
	width: 800px;
  	height: 18px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	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: 100%;
	padding-top: 42px;
	border-top: 2px solid #333;
	position: relative;

}

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

}

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

}

.bbs_view_ft_grid.rq{

	padding-top: 100px;

}

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

.bbs_write_grid .write_grid {
	padding: 23px 0;
	border-bottom: 1px solid #d6d6d6;
	width: 1180px;
	display: table;

}

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

}

.bbs_write_grid .write_grid .left{
	line-height: 56px;
	width: 160px;
	padding-left: 40px;
	float: left;
	color: #333;
	font-size: 17px;

}

.bbs_write_grid .write_grid .right{
	width: 870px;
	float: left;
	height: 56px;

}

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

}
.bbs_write_grid .write_grid .right.file{
	min-height: 56px;
	height: auto;

}
.ipt {
	width: 100%;
	height: 100%;
	background:#f5f5f5;
	float: left;
	box-sizing: border-box;
}

.ipt.mail_id,
.ipt.password  {
	width: 260px;
	height: 100%;
	background:#f5f5f5;
	box-sizing: border-box;
	position: relative;
}

.ipt.file  {
	width: 870px;
	height: 100%;
	background:#f5f5f5;
	box-sizing: border-box;
	position: relative;
}

.ipt.file input[type="file"] {
  display: none;
}

.ipt.file input[type="file"] + label {
	background: #fff;
	width: 160px;
	height: 56px;
	box-sizing: border-box;
	border: 2px solid #333;
	line-height: 52px;
	font-size: 17px;
	text-align: center;
	position: relative;
	font-weight: 400;
	cursor: pointer;
 	 float: left;

}

.file_attachment_list{
	width: 400px;
	line-height: 56px;
	font-size: 17px;
	float: left;
	margin-left: 20px;
	color: #636363;

}

.ipt.file input[type="file"] + label:hover {
	background: #333;
	color: #fff;
	transition: all ease .2s;

}

.ipt.secret {
	width: 160px;
	height: 100%;
	background:transparent;

}

.ipt.textarea {
	width: 870px;
	height: 270px;
	background:#f5f5f5;

}

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

.ipt.recaptcha {
	width: 300px;
	height: 100%;
	background:#f5f5f5;

}



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

}

.ipt.mail_domain{
	width: 260px;
	height: 100%;
	background:#f5f5f5;
	box-sizing: border-box;
	margin-left: 38px;

}

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

.bbs_reply_box_grid {
	width: 100%;
	background: #f5f5f5;
	border-top: 2px solid #333;
	position: relative;

}

.bbs_reply_box_grid .inner{
	padding: 70px 100px;

}

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

}

.bbs_reply_box_grid .inner .reply_title .status{

	padding: 0 22px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 17px;
	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: 880px;
	float: left;
	margin-left: 20px;
	line-height: 40px;
	font-size: 22px;
	color: #333;


}

.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.lab_status {
	border-top: 0px solid #333;
	padding-top: 82px;

}

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



.bbs_view_ft_grid .list_btn.qna {
	width: 180px;
	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: 180px;
	height: 65px;
	line-height: 65px;
	box-sizing: border-box;
	border: 2px solid #333;
	background: #fff;
	text-align: center;
	display: inline-block;
	margin-left: 15px;

}

.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: 130px;
	top: 70px;	
}

.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: 130px;	
	top: 70px;	

}

.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 {
	width: 180px;
	height: 120px;
	float: left;
	display: table;
	text-align: center;
}

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

.bbs_box_array.hr .lab_type {
	width: 130px;
	height: 120px;
	float: left;
	display: table;
	text-align: center;
}

.bbs_box_array.rq .lab_type {
	width: 180px;
	height: 120px;
	float: left;
	display: table;
	text-align: center;
}

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

.bbs_box_array.hr .lab_title {
	width: 630px;
	padding-left: 60px;
	height: 120px;
	float: left;
	display: table;
}

.bbs_box_array.hr .lab_title .tit {
	font-size: 19px;
	color: #333;
	width: 630px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	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;	
	width: 630px;
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: left;
	height: auto;
}




.bbs_box_array.hr .progress_stat {
	width: 180px;
	height: 120px;
	display: table;
	float: left;
	text-align: center;

}

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

.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: 800px;
	padding-left: 20px;
	height: 120px;
	float: left;
	display: table;
}

.bbs_box_array.rq .lab_title .tit {
	font-size: 19px;
	color: #333;
	width: 800px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	height: 21px;
}


.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: 15px;	
	width: 800px;
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: left;
	height: auto;
}


.bbs_box_array.rq .progress_stat {
	width: 180px;
	height: 120px;
	display: table;
	float: left;
	text-align: center;

}

.bbs_box_array.rq .progress_stat .inset{
	color: #a8a8a8;
	padding: 12px 0;
	width: 95px;
	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{
	width: 124px;
	height: 120px;
	float: left;
	display: table;
	text-align: center;
}

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

.bbs_box_array.public .org_type{
	width: 150px;
	height: 120px;
	float: left;
	display: table;
	text-align: center;
}


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

.bbs_box_array.public .lab_title{
	width: 670px;
	padding-left: 60px;
	height: 120px;
	float: left;
	display: table;
}

.bbs_box_array.public .lab_title .tit {
	font-size: 19px;
	color: #333;
	width: 670px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;	
}

.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;	
	width: 670px;
	float: left;
	font-size: 17px;
	color: #636363;
	display: table;
	text-align: left;
	height: auto;
}

.bbs_box_array.public .progress_stat {
	width: 175px;
	height: 120px;
	display: table;
	float: left;
	text-align: center;
}

.bbs_box_array.public .progress_stat .inset{
	color: #a8a8a8;
	padding: 12px 0;
	width: 74px;
	text-align: center;
	border: 2px solid #a8a8a8;
	box-sizing: border-box;
	display: inline-block;
	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: 1180px;
    height: 130px;
    border: 5px solid #d6d6d6;
    box-sizing: border-box;
    margin: auto;
    display: block;
    margin-bottom: 60px;
    position: relative;

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

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

}

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


}

.cm_calendar_hd_wrap .yearbtn.prev{
	left: 125px;
	top: 55px;

}

.cm_calendar_hd_wrap .yearbtn.prev::before{
	position: absolute;
	content: "";
	left: -55px;
	top: 5px;
	background:url(../images/common/sch_arr_l.png) no-repeat;
	width: 100px;
	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: 125px;
	top: 55px;

}

.cm_calendar_hd_wrap .yearbtn.next::after{
	position: absolute;
	content: "";
	left: 45px;
	top: 5px;
	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;	
	left: 55px;
	background:url(../images/common/sch_arr_r_on.png) no-repeat right;
	transition: ease all .4s;
}


.lab_schedule_tab_wrap {
	width: 1180px;
	margin: auto;
	margin-bottom: 17px;
	height: 54px;
}

.lab_schedule_tab_wrap .inner{
	float: right;
    width: 274px;
    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: 136px;
	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: 28px;
	height: 28px;
	background:url('../images/common/sch_monthly_ico.png');
	left: -40px;
	top: 0;

}

.schbtn.monthly.active span::before{
	background:url('../images/common/sch_monthly_on_ico.png');
}

.schbtn.yearly span{
	position: relative;
	left: 20px;

}

.schbtn.yearly span::before{
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	background:url('../images/common/sch_yearly_ico.png');
	left: -40px;
	top: 0;

}

.schbtn.yearly.active span::before{
	background:url('../images/common/sch_yearly_on_ico.png');
}



.lab_schedule_tab_wrap .inner .schbtn.active{
	background: #353535;
	color: #fff;
}


/*faq*/

.faq_tab{
	height: 40px;
	display: table;
	margin: auto;
	margin-bottom: 40px;
}

.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: 1180px;
	display: table;
	margin: auto;
}

.faq_list_array {
	box-sizing: border-box;
	border: 3px solid #d6d6d6;
	margin-bottom: 20px;
	width: 100%;

}

.faq_list_array.active {
	border: 3px solid #00878c;
	transition: border-color ease .4s;
}

.faq_list_array .qbox {
	padding: 50px;
	display: block;
	position: relative;

}

.faq_list_array .qbox::after {
	position: absolute;
	content: "";
	background: url('../images/common/faq_arr_dw.png');
	width: 43px;
	height: 43px;
	right: 50px;
	top: 50px;
	transition: background ease .2s;

}

.faq_list_array.active .qbox:after {
	background: url('../images/common/faq_arr_up.png');
	transition: background ease .4s;

}

.faq_list_array .qbox .ico {
	font-size: 30px;
	color: #00878c;
	position: relative;
	display: inline;

}

.faq_list_array .qbox .ico::after {
	content: "";
	position: absolute;
	width: 42px;
	height: 1px;
	background: #00878c;
	right: -55px;
	top: 17px;
}

.faq_list_array .qbox .txt {
	display: inline;
	font-size: 19px;
	color: #333;
	margin-left: 72px;
	position: relative;
	top: -2px;
}


.faq_list_array .abox {
	padding: 50px;
	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: 1080px;
	content: "";
	height: 1px;
	top: 0;
	left: 50px;
	background: #d6d6d6;

}

.faq_list_array .abox .ico {
	float: left;
	height:33px;
	font-size: 30px;
	color: #f68a1e;
	position: relative;

}

.faq_list_array .abox .ico::after {
	content: "";
	position: absolute;
	width: 42px;
	height: 1px;
	background: #f68a1e;
	right: -55px;
	top: 17px;
}

.faq_list_array .abox .txt {
	float: left;
	width: 85%;
	font-size: 17px;
	color: #636363;
	margin-left: 72px;
	position: relative;
	top: -2px;
	line-height: 30px;
}

.faq_list_array .abox .txt p{
	font-size: 17px;
	color: #636363;
	line-height: 30px;

}


/*tab*/
.cm_tab{
	height: 65px;
	display: table;
	margin: auto;
	margin-bottom: 50px;
}

.cm_tab_btn{
	width: 340px;
	height: 65px;
	background: #a8a8a8;
	display: block;
	float: left;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	line-height: 65px;
	color: #fff;
	text-align: center;
}

.cm_tab_btn.active{
	background: #00878c;
}

.cm_tab_btn + .cm_tab_btn{
	margin-left: 10px;
}



/*pagination*/
.cm_pagination_wrap {
	width: 1180px;
	margin: 50px auto 0 auto;
	display: table;
}

.cm_pagination_grid{
	margin: auto;
	display: table;
}

.cm_pagination_grid .prev_list{
	margin-right: 35px;
	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: 35px;
	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: 31px;
	height: 31px;
	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: 31px;
	height: 31px;
	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: 6px;

}

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


/*직무소개 리스트*/
.hr_intro_tit {
	font-size: 55px;
	color: #f68a1e;
    text-align: center;
    margin-top: -10px;
}

.hr_intro_tit span{
	position: relative;
}

.hr_intro_tit  span::before {
	content: "";
	position: absolute;
	top: 30px;
	width: 120px;
	height: 1px;
	left: -180px;
	background: #f68a1e;
}

.hr_intro_tit  span::after {
	content: "";
	position: absolute;
	top: 30px;
	width: 120px;
	height: 1px;
	right: -180px;
	background: #f68a1e;

}


.hr_intro_desc {
	font-size: 19px;
	color: #333;
    text-align: center;
    padding: 20px 0 70px;
}


.hr_list_wrap {
	width: 1180px;
	margin: auto;
	display: table;
	padding-bottom: 90px;
}




.hr_list_array {
	width: 380px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	height: 380px;
	margin-right: 20px;
	margin-top: 140px;
	float: left;
	position: relative;
	cursor: pointer;
}



.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: 300px;
	height: 170px;
	bottom: -140px;
	left: 40px;
	background :#fff;
	text-align: center;
	display: table;
}

.hr_list_array:nth-child(3n) {
	margin-right: 0;

}

.hr_list_array:nth-child(1),
.hr_list_array:nth-child(2),
.hr_list_array:nth-child(3) {
	margin-top: 0px;
}


.hr_list_array .infobox .name{
	position: relative;
	font-size: 25px;
	color: #333;
	margin-top: 30px;
}

.hr_list_array .infobox .org{
	position: relative;
	font-size: 19px;
	color: #00878c;
	margin-top: 10px;
	line-height: 30px;

}

/*채용-직무소개 뷰--*/
.hr_view_cmbg {
	width: 100%;
	height: 560px;
	background: url('../images/common/sub01_bg.png') center no-repeat;
	position: relative;
}


.linebox.hr {
	position: absolute;
	bottom: 160px;
	width: 460px;
	height: 278px;
	z-index: 30;
	right: 132px;
}



.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: 10px;
	background: #00878c;
	left: 80px;
	transition: width .4s ease;
}

.linebox.hr .inner .liner_t1.active::before {
	position: absolute;
	content: "";
	width: 380px;
	height: 10px;
	background: #00878c;
	left: 80px;
	transition: width .4s ease;
	transition-delay: .5s;
}

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

}

.linebox.hr .inner .liner_t1.active::after {
	position: absolute;
	content:"";
	width: 10px;
	height: 278px;
	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:10px;
	background: #00878c;
	right: 0;
	bottom: 0;
	transition: width .4s ease;
}

.linebox.hr .inner .liner_t2.active::after {
	position: absolute;
	content: "";
	width: 460px;
	height: 10px;
	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: 10px;
	height:0px;
	background: #00878c;
	left: 0;
	bottom: 0;
	transition: height .4s ease;
}

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


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

.linebox.hr p.tit_sub_copy.active {
	font-size: 30px;
	text-align: center;

	color: #00878c;
	line-height: 50px;
	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: 1060px;
	height: 240px;
	background: url('../images/sub/hr_context_hd_bg.png');
	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: 1060px;
	height: 240px;
	background: url('../images/sub/hr_context_hd_bg.png');
	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: 35px;
	color: #fff;
	line-height: 45px;
	padding-left: 110px;

}

.hr_article .context_hd .name{
	font-size: 22px;
	color: #fff;
	margin-top: 25px;
	padding-left: 110px;
	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: 73px;
	height: 2px;
	background: #f68a1e;
	top: 10px;
	right: -94px;
    transition: all ease .6s;
    transition-delay: .6s;

}

.hr_contents {
	padding-top: 94px;

}
.hr_cont_grid{
	display: table;
	margin-bottom: 70px;
}


.hr_cont_grid .qbox{
	font-size: 22px;
	line-height: 43px;
	height: 43px;
	position: relative;
	margin-left: 150px;
	transform: translateX(-100px);
}

.hr_cont_grid .qbox.active {
	transform: translateX(0);
	transition: all ease .6s;

}

.hr_cont_grid .qbox::before {
	position: absolute;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #00878c;
	text-align: center;
	font-size: 22px;
	color: #fff;
	content: "Q.";
	line-height: 43px;
    font-family: 'gotham_m';
    left: -62px;
	transform: rotate3d(0, 2, 0, 720deg);

}

.hr_cont_grid .qbox.active::before{
	transform: rotate3d(0, 0, 0, 0deg);
	transition: all ease .6s;
	transition-delay: .6s;
}


.hr_cont_grid .abox{
	margin-left: 200px;
	margin-top: 28px;
	font-size: 17px;
	color: #636363;
	line-height: 30px;
	padding-right: 50px;
	position: relative;

}



.hr_cont_grid .abox.active{
	transform: translateY(0);
	transition: all ease .6s;
	transition-delay: 1.2s;
}


.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 .6s;
	transition-delay: 1.8s;
}

.hr_cont_img{
	opacity: 0;
	width: 1180px;
	display: table;
	margin: 100px 0 100px;
}

.hr_cont_img img{
	width: 100%;
}

.hr_cont_img.active{
	opacity: 1;
	transition: all ease .6s;

}


/*주요연구현황*/
.mlab_status_list{ 
	width: 1180px;
	display: table;
	margin: auto;
}

.mlab_status_list_array {
	box-sizing: border-box;
	border: 3px solid #d6d6d6;
	margin-bottom: 20px;
	width: 100%;

}

.mlab_status_list_array.active{
	border: 3px solid #00878c;
	transition: all ease .4s;
	display: table;

}

.mlab_status_list_array .qbox {
	padding: 65px 80px 60px 80px;
	display: block;
	position: relative;

}

.mlab_status_list_array .qbox .tit {
	font-size: 30px;
	color: #333;


}

.mlab_status_list_array .qbox .desc {
	margin-top: 30px;
	font-size: 22px;
	color: #00878c;


}

.mlab_status_list_array .qbox::after {
	position: absolute;
	content: "";
	background: url('../images/common/faq_arr_dw.png');
	width: 43px;
	height: 43px;
	right: 50px;
	top: 50%;
	margin-top: -22px;
	transition: background ease .2s;
}

.mlab_status_list_array.active .qbox:after {
	background: url('../images/common/faq_arr_up.png');
	transition: background ease .4s;

}

.mlab_status_list_array .abox {
	padding:  0  80px 70px 80px;
	position: relative;
	display: none;
}

.mlab_status_list_array.active .abox {
	display: table;
}

.mlab_status_list_array .abox .imgbox {
	width: 100%;
	display: table;


}
.mlab_status_list_array .abox .imgbox img {

}

.mlab_status_list_array .abox .lms_txtbox {
	padding: 70px 0 0; 
	display: table;

}

.mlab_status_list_array .abox .lms_txtbox .txtbox_array {
	margin-bottom: 30px;
	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: 165px;
	box-sizing: border-box;
	border-top: 2px solid #333;
	font-size: 17px;
	color: #333;
}

.mlab_status_list_array .abox .lms_txtbox .txtbox_array .right {
	float: left;
	width: 814px;
	margin-left: 35px;
	padding: 20px 0 0 0 ;
	box-sizing: border-box;
	border-top: 1px solid #d6d6d6;
	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;
	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: 1180px;
	display: table;
	margin: auto;

}

.lab_member_list {
	height: 340px;
	width: 580px;
	box-sizing: border-box;
	border: 1px solid #d6d6d6;
	margin-right: 20px;
	background:#fff;
	float: left;
	margin-bottom: 20px;
	position: relative;
}

.lab_member_list::after{
	position: absolute;
	content: "";
	width: 35px;
	height: 35px;
	right: 30px;
	bottom: 30px;
	background: url('../images/sub/lab_member_more.png');
}


.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: 40px;
	right: 60px;
	position: absolute;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;

}

.lab_member_list .liner_lc_01{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;

}

.lab_member_list .liner_lc_01::before{
	width: 0;
	height: 2px;
	background: #00878c;
	position: absolute;
	left: -1px;
	top: -1px;
	content: "";
}

.lab_member_list:hover .liner_lc_01::before{
	width: calc(100% + 2px);
	height: 2px;
	background: #00878c;
	position: absolute;
	left: -1px;
	top: -1px;
	content: "";
	transition: all ease-out .1s;
}

.lab_member_list .liner_lc_01::after{
	width: 2px;
	height: 0;
	background: #00878c;
	position: absolute;
	right: -1px;
	top: -1px;
	content: "";

}

.lab_member_list:hover .liner_lc_01::after{
	width: 2px;
	height: calc(100% + 2px);
	background: #00878c;
	position: absolute;
	right: -1px;
	top: -1px;
	content: "";
	transition: all ease-out .1s;
	transition-delay: .1s;

}

.lab_member_list .liner_lc_02::before{
	width: 0;
	height: 2px;
	background: #00878c;
	position: absolute;
	right: -1px;
	bottom: -1px;
	content: "";
}

.lab_member_list:hover .liner_lc_02::before{
	width: calc(100% + 2px);
	height: 2px;
	background: #00878c;
	position: absolute;
	right: -1px;
	bottom: -1px;
	content: "";
	transition: all ease-out .1s;
	transition-delay: .2s;	
}


.lab_member_list .liner_lc_02::after{
	width: 2px;
	height: 0;
	background: #00878c;
	position: absolute;
	left: -1px;
	bottom: -1px;
	content: "";

}

.lab_member_list:hover .liner_lc_02::after{
	width: 2px;
	height: calc(100% + 2px);
	background: #00878c;
	position: absolute;
	left: -1px;
	bottom: -1px;
	content: "";
	transition: all ease-out .1s;
	transition-delay: .3s;	
}

.lab_member_list .liner_lc_02{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


.lab_member_list .lab_name {
	color: #333;
	font-size: 40px;
	position: absolute;
	top: 80px;
	left: 60px;
}

.lab_member_list .lab_org {
	color: #00878c;
	font-size: 17px;
	position: absolute;
	top: 140px;
	left: 60px;
}

.lab_member_list .lab_subject{
	color: #00878c;
	font-size: 17px;
	position: absolute;
	top: 218px;
	left: 60px;
}

.lab_member_list .lab_tech{
	color: #00878c;
	font-size: 17px;
	position: absolute;
	top: 254px;
	left: 60px;
}

.lab_member_list .labspan1 {
	color: #333;
}

.lab_member_list .labspan2 {
	width: 280px;
	color: #636363;
	display: inline-block;
	margin-left: 20px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;		
}

/*연구현황 뷰 */
.lab_member_view_hd {
	margin-top: 34px;
	width: 100%;
	height: 510px;
	background: #f5f5f5;

}

.lab_member_view_hd .titbar {
	height: 120px;
	width: 100%;
	position: relative;
	background: #fff;

}

.lab_member_view_hd .innertit {
	width: 1180px;
	display: table;
	margin: auto;
	position: relative;

}

.lab_member_view_hd .innerlist {
	width: 1180px;
	height: 390px;
	display: table;
	margin: auto;
	position: relative;

}
.lab_member_view_hd .member_img {
	position: absolute;
	top: -120px;
	left: 0;
	width: 380px;
	height: 448px;
}

.lab_member_view_hd .titbar .tit {
	margin-left: 450px;

}

.lab_member_view_hd .titbar .tit .org {
	color: #00878c;
	font-size: 19px;

}

.lab_member_view_hd .titbar .tit .name {
	margin-top: 16px;
	color: #333;
	font-size: 45px;

}

.lab_member_view_hd .gohomebtn {
	background: url('../images/sub/lab_st_home.png');
	background-size: cover;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;

}

ul.lab_member_infobox {
	left: 445px;
	padding: 40px 0;
	position: absolute;
	top: 0;
	width: 740px;

}
ul.lab_member_infobox li {
	height: 60px;
	box-sizing: border-box;
	padding: 10px 5px;
	border-bottom: 1px solid #d6d6d6;


}

ul.lab_member_infobox li:last-child{
	border-bottom: 0;

}


ul.lab_member_infobox li span.lcbox {
	width: 88px; 
	height: 40px;
	line-height: 40px;
	background: #00878c;
	text-align: center;
	color: #fff;
	margin-right: 25px;
 	font-size: 15px;
 	float: left;
	display: block;


}

ul.lab_member_infobox li span.lcdesc {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #636363;
	font-size: 17px;
	width: 600px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	position: relative;
  	float: left;
}


.lab_member_view_list {
	height: 30px;
	margin: auto;
	width: 1180px;
	line-height: 30px;
	margin-top: 90px;	
	display: table;

}
.lab_member_view_list .titc{
	display: table;
	position: relative;
	margin-bottom: 40px;

}

.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 .list_array{
	margin-bottom: 10px;
	border: 1px solid #d6d6d6;
	height: 100px;
	line-height: 100px;
}
.lab_member_view_listgrid .list_array:hover{
	border: 1px solid #00878c;
	transition: all ease .4s;
}


.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: 720px;
	padding: 0 60px;
	text-align: left;
	line-height: 100px;
	white-space: nowrap;
    -webkit-box-orient: vertical;
    overflow: hidden;	
  	text-overflow: ellipsis;
  	position: relative;
}

.lab_member_view_listgrid .list_array .name{
	color: #333;
	width: 195px;
	text-align: center;
	line-height: 100px;
	float: left;

}

.lab_member_view_listgrid .list_array .year{
	color: #636363;
	float: left;
	text-align: left;

}


/*보유장비 리스트*/
.lab_equipment_list {
	width: 1180px;
	margin: auto;
	display: table;
}

.equipment_array {
	width: 380px;
	margin-top: 40px;
	margin-right: 20px;
	float: left;
	position: relative;
}



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

}

.equipment_thumb{
	width: 380px;
	height: 280px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;

}

.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:nth-child(1),
.equipment_array:nth-child(2),
.equipment_array:nth-child(3) {
	margin-top: 0px;
}

.equipment_array:nth-child(3n) {
	margin-right: 0;
}

.equipment_info {
	padding: 30px 10px 0 20px;
	height: 138px;

}
.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: 20px;
	line-height: 35px;
	color: #333;
	font-size: 22px;
	height: 70px;	
	overflow: hidden; 
	-webkit-line-clamp:2;
	text-overflow: ellipsis;	
	word-wrap: break-word;
	-webkit-box-orient: vertical;	
	display: -webkit-box;
	}


/*연구부서통합*/

.lab_org_hdimg {
	width: 	1180px;   
	height: 460px;
	margin-bottom: 86px;
	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_13.png');
}

.lab_org_hdimg.img_14 {
	background-image: url('../images/sub/lab_org_bg_14.png');
}

.lab_org_hd_tit {
	font-size: 30px;
	color: #00878c;
	text-align: center;	
	margin-bottom: 45px;
	transform: translateY(20px);
	line-height: 45px;

}

.lab_org_hd_tit.active {
	transition: all ease .6s;
	transition-delay: .2s;
}

.lab_org_hd_desc {
	font-size: 17px;
	color: #636363;
	text-align: center;
	line-height: 30px;
	transform: translateY(30px);

} 

.lab_org_hd_desc.active {
	transition: all ease .6s;
	transition-delay: .2s;
}


.lab_org_hd_logo {
	margin: 80px 0 -20px 0;  
	text-align: center;
	transform: translateY(30px);

}

.lab_org_hd_logo.active {
	transition: all ease .5s;
	transition-delay: .2s;

}

.lab_org_section_wide {
	background: url('../images/sub/lab_org_wide.png') center no-repeat;
	width: 100%;
	height: 610px;
	display: table;
	position: relative;
}

.lab_org_section_wide::before{
	width: 2px;
	height: 0px;
	content: "";
	position: absolute;
	left: 50%; margin-left: -1px;
	top: -44px;
	background: #f68a1e;
}

.lab_org_section_wide.active::before{
	width: 2px;
	height: 138px;
	content: "";
	position: absolute;
	left: 50%; margin-left: -1px;
	top: -44px;
	background: #f68a1e;
	transition: all ease .7s;
	transition-delay: 0.8s;

}

.lab_org_section_wide .inner {
	padding: 140px 0 0 0 ;
}



.lab_org_info_box {
	width: 380px;
	height: 334px;
	position: relative; 
	display: table;
	background: rgba(255,255,255,0.15);
	margin-right: 20px;
	float: left;

}

.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);


}

.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: 57px;
	height: 59px;
	margin: auto;
	margin-top: 63px;
}


.lab_org_info_box .ico.img01 {
	background: url('../images/sub/lab_org_info_box_01.png');
}

.lab_org_info_box .ico.img02 {
	background: url('../images/sub/lab_org_info_box_02.png');
}

.lab_org_info_box .ico.img03 {
	background: url('../images/sub/lab_org_info_box_03.png');
}

.lab_org_info_box .tit {
	padding: 10px 18px;
	background: #f68a1e;
	color: #fff;
	border-radius: 35px;
	margin: auto;
	display: table;
	margin-top: 20px;
}

.lab_org_info_box .desc {
	color: #fff;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	margin-top: 23px;

}

.lab_org_info_box .desc.name {
	color: #fff;
	font-size: 24px;
}


.lab_org_article {
	padding: 100px 100px 0 100px;
}

.lab_org_article p {
	margin-bottom: 45px;
	line-height: 30px;
	color: #636363;
	font-size: 17px;
	transform: translateY(80%);
	display: table;
}

.lab_org_article p img{
	display: block;
	margin: 16px 0 37px;
}

.lab_org_article p img.lab5{
	display: block;
	margin: 40px 0 0px;
}

.lab_org_article p.mgb_none{
	margin-bottom: 0;

}

.lab_org_article p.active{
	transition: all ease .6s;

}

.lab_org_article p:last-child {
	margin-bottom: 0;

}



.lab_mainstream_subject {
	display: table;
	margin: auto;
	margin-top: 100px;

}
.lab_mainstream_subject .tit_e {
	font-size: 22px;
	color: #333;
	margin-bottom: 25px;
	transform: translateX(-50px);

}

.lab_mainstream_subject .tit_e_sub{
	font-size: 17px;
	color: #636363;
	opacity: 0;
	margin-bottom: 35px;
	line-height:25px;
	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.active {
	transition: all ease .8s;
	transition-delay: .6s;
	
}
.lab_mainstream_subject .tit_e_sub.active{
	transition: all ease .8s;
	transition-delay: .6s;

}



.lab_mainstream_subject .tit_e.active{
	transition: all ease .4s;
	transition-delay: .6s;


}

.lab_mainstream_subject .tit {
	width: 220px;
	float: left;
	position: relative;
	color: #333;
	font-size: 30px;
	padding-top: 40px;
	transform: translateX(-100px);


}

.lab_mainstream_subject .tit.active{
	transition: all ease .6s;


}

.lab_mainstream_subject .tit::before{
	content: "";
	position: absolute;
	top: -2px;
	width:0%;
	height: 2px;
	background: #333;
}

.lab_mainstream_subject .tit.active::before{
	content: "";
	position: absolute;
	top: -2px;
	width: 100%;
	height: 2px;
	background: #333;
	transition: all ease .7s; 
	transition-delay: .6s;
}

.lab_mainstream_subject .box {
	width: 680px;
	float: left;
	position: relative;
	color: #636363;
	padding-top: 40px;
	margin-left: 80px;

}

.lab_mainstream_subject .box.active{

}

.lab_mainstream_subject .box::before{
	content: "";
	position: absolute;
	top: -1px;
	width: 0%;
	height: 1px;
	background: #d6d6d6;
}

.lab_mainstream_subject .box.active::before {
	content: "";
	position: absolute;
	top: -1px;
	width: 100%;
	height: 1px;
	transition: all ease .6s;
	transition-delay: 1.3s;
}

.lab_mainstream_subject .box ul.lab_subject_list{
	width: 340px;
	display: table;
	position: relative;
	top: 8px;
	float: left;
	transform: translateY(100px);
}

.lab_mainstream_subject .box ul.lab_subject_list.active{
	transition: all ease .6s;
	transition-delay: 0.5s;

}

ul.lab_subject_list li {
	width: 325px;
	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 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{
	height: 74px;
	line-height: 74px;
	display: table;
	padding: 0px 80px 0px 35px;
	border: 3px solid #00878c;
	position: relative;
	background:#fff;
	color: #00878c;
	font-size: 22px;
	margin: 80px 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::after{
	background: url('../images/sub/lab_org_gobtn_ico.png');
	width: 27px;
	height: 30px;
	position: absolute;
	content: "";
	right: 35px;
	top: 23px;
	transition: all ease .4s;

}



.lab_org_gobtn:hover::after {
	background: url('../images/sub/lab_org_gobtn_ico_on.png');
	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;

}



/*modal common*/
.cm_modal {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.pw_input_pop {
	width: 455px;
	background: #fff;
	height: 280px;
	box-shadow: 13px 20px 20px 6px rgba(0, 0, 0, 0.2)
}

.pw_input_pop .hd {
	width: 100%;
	height: 70px;
	background: #00878c;
}


.pw_input_pop .hd .tit {
	font-size: 22px;
	color: #fff;
	line-height: 70px;
	float: left;
	padding-left: 40px;

}

.pw_input_pop .hd .pw_input_cls {
	width: 19px;
	height: 19px;
	float: right;
	padding-right: 40px;
	background: url('../images/common/modal_cls.png') no-repeat	;
	background-size: 19px;
	top: 25px;
	position: relative;	
}

.pw_input_pop .inner {
	padding: 50px 40px 65px 40px;
}

.pw_input_pop .inner .guide_tt {
	font-size: 17px;
	color: #333;
	margin-bottom: 20px;
}

.pw_input_pop .inner .pw_confirm {
	width: 100%;
	display: table;

}

.pw_input_pop .inner .pw_confirm .ipt_pw_cfm {
	background: #f5f5f5;
	width: 250px;
	height: 55px;
	float: left;
}

.pw_input_pop .inner .pw_confirm .ipt_pw_cfm input {
	padding-left: 30px;
	padding-right: 20px;
}

.cfm_submit {
	margin-left: 10px;
	float: left;
	width: 115px;
	height: 55px;
	background: #333;
	line-height: 55px;
	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: 100%;
	display: table;
	margin-bottom: 70px;
	margin-top: 25px;
}

.tp_tab_grid {
	width: 1180px;
	margin: auto;
	display: table;
	text-align: center;
}

.tp_tab_box {
	height: 40px;
	width: 196px;
	border-bottom: 1px solid #d6d6d6;
	display: inline-block;
	font-size: 19px;
	color: #636363;
	font-weight: 400;
	position: relative;
}

.tp_tab_box a {
	display: block;
	width: 100%;
	height: 100%;
}

.tp_tab_box.active {
	font-size: 19px;
	color: #333;
	font-weight: 500;
}

.tp_tab_box.active::before{
	position: absolute;
	content: "";
	width: 100%;
	bottom: -2px;
	height: 3px;
	background: #f68a1e;
	left: 0;
}


/* 00. common  motion--------------------------------e*/







/*미디어쿼리 분기*/
@media (max-width: 1600px) {
/*	div{transition: .3s width ease;}
*/
	.cm_hd{
		width: calc(100% - 100px);
		display: table;
		height: 394px;
		padding: 0 50px;

	}

	.gnb .hdright {
		float: right;
		width: auto;
		margin-right: 50px;
	}

	.gnb .location_site {
		margin: 5px 0px 5px 0;
	}

	.gnb .qs_menu {
		margin-right: 0px;
		width: 165px;
		height: 82px;
		background: #00878c;
		cursor: pointer;
		float: right;
	}

	.gnb .hdleft {
		float: left;
		width: 26%;
	}

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

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

	}

	.gnb_cls_btn{
		right: 50px;
	}
	.gnb_cls_btn.active{
		right: 50px;
	}

	#location .all-wrap {
		width: calc(100% - 100px);
		padding: 0 50px;		
	    height: 65px;
	    margin: 0 auto;
	}

	.search_hd{
		margin: auto;
		width: calc(100% - 100px);
		display: table;
		padding: 0 50px;
		position: relative;

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

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

	}

	.search_cls_btn{
		right: 82px;
	}

	.cm_menu .depth_2nd .inner{
		width: 1180px;
		margin: auto;
		display: table;
		height: 245px;
		left:-50px;
		z-index:40;
		position: relative;
	}


	.footer {
	 	background: transparent;
	 	display: table;
		width: calc(100% - 100px);
		margin: auto;
	 	padding: 80px 50px;
	 	overflow: hidden;
	 	position: relative;	
	}

}


.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*/