.con-bg-gray{
	background:#f4f5f6;
	padding:4rem 0 4.5rem;
	word-break:keep-all;
}
@media (min-width: 992px) {
	.con-bg-gray{
		padding:5.5rem 0 6rem;
	}
}
ul.list-flex{
	word-break:keep-all;
	border-top:1px solid rgba(0, 0, 0, 0.065);
}
ul.list-flex > li{
	border-bottom:1px solid rgba(0, 0, 0, 0.065);
	padding:2rem 0;
	font-size:0.925rem;
	color:#222;
}
ul.list-flex > li:nth-child(odd){
	background-color:#f9fafb;
}
ul.list-flex li .col-12{
	padding-left:1.5rem !important;
	padding-right:1.5rem !important;
}

.list-history .text-year{
	-ms-flex: 0 0 5.5rem;
    flex: 0 0 5.5rem;
    max-width: 5.5rem;
}
.list-history .text-con{
	-ms-flex: 0 0 calc(100% - 5.5rem);
    flex: 0 0  calc(100% - 5.5rem);
    max-width:  calc(100% - 5.5rem);
}

@media (min-width: 1200px) {
	ul.list-flex > li{
		padding:2.5rem 0;
		line-height:1.8;
		font-size:1.075rem;
	}
	ul.list-flex li .col-12{
		padding-left:2.5rem !important;
		padding-right:2.5rem !important;
	}

	.list-history .text-year{
		-ms-flex: 0 0 6.5rem;
		flex: 0 0 6.5rem;
		max-width: 6.5rem;
	}
	.list-history .text-con{
		-ms-flex: 0 0 calc(100% - 6.5rem);
		flex: 0 0  calc(100% - 6.5rem);
		max-width:  calc(100% - 6.5rem);
	}
}




/*------------------------------------
  인사말
------------------------------------*/
.greeting-wrap{
	position:relative;
}
.greeting-wrap p{
	color:#333;
 	margin-bottom:2.5rem;
	word-break:keep-all;
}
.greeting-wrap p.text-style01{
	color:#111;
	font-weight:700;
	font-size:1.375rem;
	margin-bottom:0;
}
.greeting-wrap p.text-style02{
	color:#111;
	font-weight:700;
	font-size:1.25rem;
}
.greeting-wrap p.text-sign{
	color:#111;
	font-weight:500;
	margin-bottom:3.5rem;
}
.greeting-wrap p.text-sign img{
	max-width:10rem;
}
.greeting-wrap .greeting-img-area{
	height:0;
	background:url('../images/greeting-img.jpg') no-repeat 0 100% /cover;
	padding-top:70%;
}

@media (min-width: 1200px) {
	.greeting-wrap p{
		margin-bottom:2.5rem;
		font-size:1.06375rem;
		line-height:1.8;
	}
	.greeting-wrap p.text-style01{
		font-size:2rem;
		line-height:1.6;
	}
	.greeting-wrap p.text-style02{
		font-size:1.75rem;
		line-height:1.6;
		margin-bottom:4.5rem;
	}
	.greeting-wrap p.text-sign{
		font-size:1.125rem;
		margin-top:2rem;
		margin-bottom:0;
		line-height:1.4;
	}
	.greeting-img{
		position:absolute;
		bottom:0.125rem;
		left:60%;
		width:40%;
		height:calc(100% - 180px);
	}
	.greeting-wrap .greeting-img-area{
		padding-top:0;
		height:100%;
		width:100%;
	}
}



/*------------------------------------
	연구개요
------------------------------------*/
.outline-wrap{
	max-width:1100px;
	margin:0 auto;
}
.outline-wrap dl {
	color: #222;
	font-size: 0.95rem;
	margin-bottom:0;
}
.outline-wrap dl:last-child{
	border-bottom: 1px solid #ecedee;
}
.outline-wrap dl dt{
	border-top: 3px solid #2f4aad;
    padding-right: 2rem;
	padding: 1.5rem 0;
	color:#2f4aad;
	font-weight:700;
}
.outline-wrap dl dd{
	border-top: 1px solid #ecedee;
	color:#333;
	margin-bottom:0;
	padding: 1.625rem 0;
}
@media (min-width: 768px) {
	.outline-wrap dl dt{
		padding: 2.25rem 0.25rem !important;
	}
	.outline-wrap dl dd{
		padding: 2.5rem 0 2.5rem 5% !important;
	}
}

@media (min-width: 1200px) {
	.outline-wrap dl dt{
		font-size:1.375rem;
		letter-spacing:-0.07rem;
	}
	.outline-wrap dl dd{
		font-size:1.125rem;
		line-height: 1.8;
	}
}


/*------------------------------------
	연구목표
------------------------------------*/
.goal-wrap{
	text-align:center;
	background:#f6f7f8;
	border:1px solid #e7e8e9;
	border-radius:0.3rem;
	padding:0.75rem 0.5rem;
}
@media (min-width: 1200px) {
	.goal-wrap{
		padding:3rem 1rem;
	}
}



/*------------------------------------
	조직도
------------------------------------*/
.org-chart-wrap{
	text-align:center;
}
.org-chart-wrap .title-02::after{
	background:#57628c;
}
.org-chart-wrap .title-03::after{
	background:#bb5151;
}
.org-chart-wrap .org-chart01 .group01{
	position:relative;
	background:#2f49ad;
	color:#fff;
	font-size:1.1rem;
	font-weight:500;
	width:60%;
	border-radius:0.3rem;
	padding:1rem 0.75rem;
	margin-bottom:2rem;
}

.org-chart-wrap .org-chart01 .group02{
	margin:0 0 0 25%;
	position:relative;
}
.org-chart-wrap .org-chart01 .group02 > li{
	margin-bottom:2rem;
	padding:0;
}
.org-chart-wrap .org-chart01 .group02 dl dt{
	color:#fff;
	background:#2f7cd4;
	font-weight:500;
	font-size:0.925rem;
	padding:0.5rem 0;
	border-radius:0.3rem 0.3rem 0 0; 
}
.org-chart-wrap .org-chart01 .group02 dl dd{
	margin-bottom:0;
	padding:1rem;
	color:#111;
	line-height:1.4;
	background:#fff;
	border:solid #2f7cd4;
	border-width:0 3px 3px;
	border-radius:0 0 0.3rem 0.3rem;
}
.org-chart-wrap .org-chart01 .group02 li.group02-02 dd{
	border-color:#2eadd2;
}
.org-chart-wrap .org-chart01 .group02 li.group02-02 dt{
	background:#2eadd2;
}
.org-chart-wrap .org-chart01 .group02 li.group02-03 dd{
	border-color:#7e50e7;
}
.org-chart-wrap .org-chart01 .group02 li.group02-03 dt{
	background:#7e50e7;
}
.org-chart-wrap .org-chart01 .group02 > li > ul{
	margin:0 1.5rem;
}
.org-chart-wrap .org-chart01 .group02 > li > ul > li{
	margin-bottom:0.75rem;
}
.org-chart-wrap .org-chart01 .group02 .text-title{
	color:#1864ba;
	font-weight:500;
	font-size:0.925rem;
	padding:0.375rem;
	background-color:#d3e6fc;
	border-radius:0.3rem;
	/*border-radius:0.3rem 0.3rem 0 0; */
}
.org-chart-wrap .org-chart01 .group02 .text-title.list-none{
	border-radius:0.3rem; 
}
.org-chart-wrap .org-chart01 .group02 ul ul{
	font-size:0.875rem;
	background-color:#fff;
	border:solid #e0e9f4;
	border-width:0 1px 1px 1px;
	border-radius: 0 0 0.3rem 0.3rem; 
	padding:0.375rem;
}
.org-chart-wrap .org-chart01 .group02  ul ul li{
	padding:0.075rem 0;
}
.org-chart-wrap .org-chart01 .group02 li.group02-02 .text-title{
	color:#0680a3;
	background-color:#caeaf4;
}
.org-chart-wrap .org-chart01 .group02 li.group02-02 ul ul{
	border-color: #dfecf0;
}
.org-chart-wrap .org-chart01 .group02 li.group02-03 .text-title{
	color:#5e39b3;
	background-color:#e6defa;
}
.org-chart-wrap .org-chart01 .group02 li.group02-03 ul ul{
	border-color: #eae7f3;
	color:#444;
}

/* 라인만들기 */
.org-chart-wrap .org-chart01 .group02 dl{
	position:relative;
}
.org-chart-wrap .org-chart01 .group02 dl::before{
	content:'';
	position:absolute;
	bottom:50%;
	left:-3.5rem;
	width:3.5rem;
	height:3px;
	background:#e5e6e7;
}
.org-chart-wrap .org-chart01 .group02 li.group02-01::before,
.org-chart-wrap .org-chart01 .group02 li.group02-02::before{
	content:'';
	position:absolute;
	bottom:0;
	left:-3.5rem;
	width:3px;
	height:calc(100% + 2rem);
	background:#e5e6e7;
}
.org-chart-wrap .org-chart01 .group02 li.group02-03 dt::before{
	content:'';
	position:absolute;
	bottom:50%;
	left:-3.5rem;
	width:3px;
	height:100%;
	background:#e5e6e7;
}
@media (min-width: 992px) {
	.org-chart-wrap .org-chart01 .group01{
		font-size:1.375rem;
		width:33%;
		padding:1.225rem 0.75rem;
		margin: 0 auto 78px;
	}
	.org-chart-wrap .org-chart01 .group02{
		margin:0 -30px;
	}
	.org-chart-wrap .org-chart01 .group02 > li{
		padding-right: 30px;
		padding-left: 30px;
	}
	/* 라인만들기 */
	.org-chart-wrap .org-chart01 .group02 li.group02-01::before,
	.org-chart-wrap .org-chart01 .group02 li.group02-02::before{
		display:none;
	}
	.org-chart-wrap .org-chart01 .group02 li.group02-03 dt::before{
		display:none;
	}
	.org-chart-wrap .org-chart01 .group01::before{
		content:'';
		position:absolute;
		top:100%;
		left:calc(50% - 1px);
		width:3px;
		height:40px;
		background:#e5e6e7;
	}
	.org-chart-wrap .org-chart01 .group02::before{
		content:'';
		position:absolute;
		top:-40px;
		left:16.66666%;
		width:66.666666%;
		height:3px;
		background:#e5e6e7;
	}
	.org-chart-wrap .org-chart01 .group02 dl::before{
		content:'';
		position:absolute;
		bottom:100%;
		left:calc(50% - 1px);
		width:3px;
		height:40px;
		background:#e5e6e7;
	}
	.org-chart-wrap.org-chart-eng .org-chart01 .group02-02 dl dd{
		padding-top:1.7125rem;
		padding-bottom:1.7125rem;
	}
}
@media (min-width: 1200px) {
	.org-chart-wrap .org-chart01 .group01{
		font-size:1.375rem;
	}
	.org-chart-wrap .org-chart01 .group02 dl dt{
		font-size:1.125rem;
	}
	.org-chart-wrap .org-chart01 .group02 dl dd{
		font-size:1.125rem;
		padding: 1.25rem 0.5rem;
	}
	.org-chart-wrap.org-chart-eng .org-chart01 .group02-02 dl dd{
		padding-top:2rem;
		padding-bottom:2.075rem;
	}
	.org-chart-wrap .org-chart01 .group02 .text-title {
		font-size: 1.065rem;
		padding:0.5rem;
	}
	.org-chart-wrap .org-chart01 .group02 ul ul {
		font-size: 0.9375rem;
	}
}


.org-chart02{
	margin-left:-5px;
	margin-right:-5px;
}
.org-chart02 > li{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:1rem;
}
.org-chart02 dl{
	margin-bottom:0;
}
.org-chart02 dt{
	background:#68729a;
	border-radius:0.3rem 0.3rem 0 0;
	color:#fff;
	padding:0.625rem 0;
	font-weight:500;
}
.org-chart02 dd{
	color:#444;
	font-size:0.875rem;
	line-height:1.1;
	border: solid #dadeeb;
	border-width:0 1px 1px 1px;
	border-radius: 0 0 0.3rem 0.3rem;
	margin-bottom:0;
}
.org-chart02 dd ul{
	padding:1rem 0;
	border-right:1px solid #eeeff2;
}
.org-chart02 dd ul:last-child{
	border-right:none;
}
.org-chart02 dd ul li {
	padding:0.375rem 0;
}

@media (min-width: 768px) {
	.org-chart02 .col-sm{
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.org-chart02 .col-lg{
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	.org-chart02 dl{
		height:100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
	}
	.org-chart02 dd{
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.org-chart02 dd ul{
		height:100%;
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-direction: column!important;
		flex-direction: column!important;
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
	}
}
@media (min-width: 1200px) {
	.org-chart02 .col-sm{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.org-chart02 .col-lg{
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.org-chart02 dt{
		padding:0.75rem 0;
		font-size:1.125rem;
	}
	.org-chart02 dd{
		font-size: 0.9375rem;
	}
	.org-chart02 dd span{
		font-size: 0.9rem;
	}
}

.org-chart03 dt{
	background:#b87777;
}
.org-chart03 dd{
	border-color:#e3dcdc;
}
.org-chart03 dd ul{
	border-color:#f2ecec;
}



/*------------------------------------
	구성기술별 소개
------------------------------------*/
.technology-wrap .title-text{
	text-align:center;
	margin:-1rem 0 3rem;
	color:#333;
	font-size:0.875rem;
}
@media (min-width: 1200px) {
	.technology-wrap .title-text{
		margin:-2rem 0 4rem;
		font-size:1.0625rem;
	}
}

.technology-wrap ol.list-num li{
	padding: 0.375rem 0;
}







/*------------------------------------
	사업현황
------------------------------------*/
.business-wrap .business-header{
	background: #dee9f3; /* Old browsers */
	background: -moz-linear-gradient(left,  #dee9f3 10%, #c0dbec 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #dee9f3 10%,#c0dbec 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #dee9f3 10%,#c0dbec 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee9f3', endColorstr='#c0dbec',GradientType=1 ); /* IE6-9 */
}
.business-wrap .business-header .container{
	padding-top:3rem;
	padding-bottom:3rem;
	padding-left:4.5%;
	padding-right:4.5%;
	background:url('../images/business-bg.jpg') no-repeat 100% 50% /100% auto;
}
.business-wrap .business-header p.text-style01{
	letter-spacing:0;
	font-size:2.5rem;
	font-weight:200;
	font-family: 'Encode Sans', 'Noto Sans KR', sans-serif;
	margin-bottom:1rem;
}
.business-wrap .business-header p.text-style01 strong{
	font-weight:800;
}
.business-wrap .business-header p.text-style02{
	font-size:0.925rem;
	font-weight:500;
	color:#111;
	margin-bottom:0;
	letter-spacing:-0.05rem;
	line-height:1.3;
}
@media (min-width: 992px) {
	.business-wrap .business-header .container{
		padding-top:5rem;
		padding-bottom:5rem;
	}
}
@media (min-width: 1200px) {
	.business-wrap .business-header .container{
		padding-top:6.25rem;
		padding-bottom:6.25rem;
	}
	.business-wrap .business-header p.text-style01{
		font-size:4.75rem;
	}
	.business-wrap .business-header p.text-style02{
		font-size:1.75rem;
		letter-spacing:-0.1rem;
	}
}



/*------------------------------------
	연혁
------------------------------------*/
.history-header{
	background:url('../images/history-bg.jpg')no-repeat 50% / cover;
	padding:6rem 2rem 4rem;
	font-size:1.5rem;
	color:#111;
	line-height:1.1;
	font-family: 'Play', sans-serif;
	margin-bottom:3rem;
}
.history-header strong{
	display:inline-block;
	font-size:2rem;
	position:relative;
}
.history-header strong::after{
	content:'';
	position:absolute;
	left:calc(100% + 1rem);
	top:47%;
	width:5rem;
	height:2px;
	background:#111;
}

.history-wrap{
	position:relative;
	padding-left:1.5rem;
}
.history-wrap::before{
	content:'';
	display:block;
	width:2px;
	height:4rem;
	background: -moz-linear-gradient(top, rgba(17,17,17,0) 0%, rgba(17,17,17,1) 100%);
	background: -webkit-linear-gradient(top, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
	background: linear-gradient(to bottom, rgba(17,17,17,0) 0%,rgba(17,17,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00111111', endColorstr='#111111',GradientType=0 );
}
.history-wrap::after{
	content:'';
	display:block;
	width:2px;
	height:6rem;
	background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(17,17,17,0) 100%);
	background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 100%);
	background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#00111111',GradientType=0 );
}
.history-wrap .history-list{
	position:relative;
	padding-bottom:50px;
	color:#444;
	border:solid #111;
	border-width:0 0 0 2px;
}
.history-wrap .history-list:last-child{
	padding-bottom:0;
}
.history-wrap .history-list h5{
	color:#111;
	font-weight:800;
	font-size:2rem;
	font-family: 'Play', sans-serif;
	position:relative;
	padding-left:20px;
}
.history-wrap .history-list h5::before{
	content:'';
	display:block;
	width:14px;
	height:14px;
	background:#fff;
	border:2px solid #111;
	position:absolute;
	left:-8px;
	top:30%;
	border-radius:50%;
}
.history-wrap .history-gruop{
	padding-left:20px;
}
.history-wrap .history-gruop > li{
	padding:7px 0;
	font-weight:300;
	line-height:1.4;
}
.history-wrap .history-gruop li .history-num{
	-ms-flex: 0 0 85px;
    flex: 0 0 85px;
    max-width: 85px;
	font-family: 'Play', sans-serif;
	color:#111;
	font-size:1.075rem;
	letter-spacing:0;
}
.history-wrap .history-gruop li li{
	padding-top:0;
}
.history-wrap .history-gruop li li::before{
	top:0.65rem;
}

@media (min-width: 992px) {
	.history-header{
		padding:9.5rem 4.5rem 5.5rem;
		font-size:3.15rem;
		margin-bottom:5rem;
	}
	.history-header strong{
		font-size:4.5rem;
	}
	.history-header strong::after{
		left:auto;
		right:calc(100% + 1.25rem);
		width:10rem;
		height:3px;
	}

	.history-wrap{
		padding-left:30%;
	}
	.history-wrap .history-list{
		padding-bottom:100px;
	}
	.history-wrap .history-list h5{
		position:absolute;
		right:calc(100% + 50px);
		top:-5px;
		font-size:2.875rem;
		padding-left:20px;
	}
	.history-wrap .history-list h5::before{
		left:calc(100% + 42px);
		top:21px;
		border-radius:50%;
	}
	.history-wrap .history-gruop{
		padding-left:70px;
	}
	.history-wrap .history-gruop > li{
		padding:10px 0;
	}
	.history-wrap .history-gruop li .history-num{
		-ms-flex: 0 0 115px;
		flex: 0 0 115px;
		max-width: 115px;
		font-size:1.275rem;
		font-weight:700;
		letter-spacing:0;
		line-height:1.1;
	}
}




/*------------------------------------
	찾아오시는길 
------------------------------------*/
.map-info{
	margin-top:2rem;
}
.map-info li{
	margin-bottom:1rem;
}
.map-info dl{
	position:relative;
	height:100%;
	background:#f5f6f7;
	padding:1.5rem 6rem 1.5rem 1.75rem; 
	word-break:keep-all;
	font-family: 'Encode Sans', 'Noto Sans KR', sans-serif;
	color:#111;
	margin-bottom:0;
	letter-spacing:0;
}
.map-info dl dt{
	font-weight:700;
	margin-bottom:0.25rem;
}
.map-info dl dd{
	margin-bottom:0;
}
.map-info dl dd.icon{
	position:absolute;
	right:1.75rem;
	top:50%;
	width:3rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	background:#096fb8;
	border-radius:50%;
	color:#fff;
	font-size:1.05rem;
	transform:translate(0, -50%);
}
.map-area{
	width:100%;
	height:0;
	padding-top:80%;
	position:relative;
}
.map-area > div{
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
	border:0 !important;
	border-radius: 0 !important;
	padding:0 !important;
}
.map-area > div > div{
	border-radius: 0 !important;
}
.map-area > div > div.wrap_map{
	width:100% !important;
	height:calc(100% - 32px) !important;
	padding:0 !important;
}
.root_daum_roughmap .border3,
.root_daum_roughmap .border4{
	top:1px;
}

@media (min-width: 992px) {
	.map-info{
		margin-top:1rem;
		margin-bottom:3rem;
	}
	.map-info dl{
		padding:2.5rem 6.5rem 2.5rem 2.5rem; 
		font-size:1.05rem;
	}
	.map-info dl dt{
		font-size:1.5rem;
		margin-bottom:1rem;
	}
	.map-info dl dd{
		margin-bottom:0;
	}
	.map-info dl dd.icon{
		right:1.75rem;
		top:auto;
		bottom:0;
		width:3.5rem;
		height:3.5rem;
		line-height:3.5rem;
		font-size:1.35rem;
	}
	.map-area{
		padding-top:50%;
	}
}




/*------------------------------------
	연구단일정
------------------------------------*/
.event-calendar{
	border:1px solid #e5e7e9;
	padding:1.5rem;
	background:#fff;
}
.event-calendar .con-event {
	margin-bottom:1.35rem;
	padding-bottom:1.25rem;
    border-bottom: none;
}
.event-calendar .con-event-list li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
@media (min-width: 768px) {
	.event-calendar .con-event{
		-ms-flex: 0 0 52.5%;
		flex: 0 0 52.5%;
		max-width: 52.5%;
		padding-right:4%;
		border-right:1px solid #eef0f2;
		margin-bottom:0;
		padding-bottom:0;
		border-bottom:none;
	}
	.event-calendar .con-event-list{
		-ms-flex: 0 0 47.5%;
		flex: 0 0 47.5%;
		max-width: 47.5%;
		padding-left:4%;
		margin-bottom:0;
	}
}
@media (min-width: 992px) {
	.event-calendar{
		padding:2.5rem;
	}
	.event-calendar .con-event{
		margin-bottom:0.5rem;
	}
	.event-calendar .con-event-list ul{
		padding:1.75rem 0;
		border:solid #f0f2f4;
		border-width:1px 0;
	}
	.event-calendar .con-event-list li {
		padding-bottom: 1.75rem;
		margin-bottom: 1.75rem;
	}
}

/* 행사일정 리스트 */
.con-event-list li{
	border-bottom:1px solid #f0f2f4;
	padding-bottom:0.85rem;
	margin-bottom:0.85rem;
}
.con-event-list li:last-child{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
.con-event-list li span{
	display:block;
	color:#333;
}
.con-event-list li span.text-data{
	font-weight:800;
	letter-spacing:-0.01rem;
	font-family: 'Open Sans', sans-serif;
}
.con-event-list li span.text-con{
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap: break-word; 
	white-space:nowrap;
}