.gray-bg{
	background:#dff1ff;
	padding:3.5rem 0;
}

@media (min-width: 992px) {
	.gray-bg{
		padding:6rem;
	}
}
/*------------------------------------
	인사말
------------------------------------*/
.greeting-wrap p{
	color:#333;
	line-height:1.6;
	word-break:keep-all;
	margin-bottom:2rem;
}
.greeting-wrap p.text-sign{
	line-height:2.5;
	font-weight:500;
}
.greeting-wrap p.text-sign img{
	margin-bottom:0.6rem;
	margin-left:0.5rem;
}
@media (min-width: 992px) {
	.greeting-wrap p{
		font-size:1.1rem;
		line-height:2;
	}
}


/*------------------------------------
	purpose-wrap
------------------------------------*/
.purpose-wrap{
	color:#444;
	font-size:0.95rem;
}
.purpose-wrap .row:nth-child(2){
	margin-top:5rem;
}
.purpose-wrap .text-area{
	margin-top:2rem;
}
.purpose-wrap  ul.list-group-02 li{
	padding-bottom:1rem;
}

@media (min-width: 992px) {
	.purpose-wrap .row:nth-child(2){
		margin-top:8.5rem;
	}
	.purpose-wrap .text-area{
		margin-top:0;
		padding-left:7%;
	}
	.purpose-wrap .row:nth-child(2) .text-area{
		padding-right:7%;
		padding-left:0;
	}
}
@media (min-width: 1200px) {
	.purpose-wrap{
		font-size:1.15rem;
	}	
	.purpose-wrap h3.bullet{
		padding-left:50px;
		font-size:2.75rem;
		margin-bottom:3.5rem;
	}
	.purpose-wrap h3.bullet::before,
	.purpose-wrap h3.bullet::after{
		top:1.15rem;
		width:20px;
		height:20px;
	}
	.purpose-wrap h3.bullet::after{
		left:13px;
	}
	.purpose-wrap  ul.list-group-02 li{
		padding-bottom:1.5rem;
		line-height:1.7;
	}
	.purpose-wrap ul.list-group-02 li::before {
		top: 1.1rem;
	}
	
}



/*------------------------------------
	연혁
------------------------------------*/
.history-header{
	position:relative;
	background:url('../images/history-bg.jpg')no-repeat 80% 50% / cover;
	padding:5rem 1.5rem 3rem;
	font-size:0.825rem;
	color:#fff;
	line-height:1.1;
	font-family: 'Play', sans-serif;
	margin-bottom:3rem;
}
.history-header::after{
	content:'';
	position:absolute;
	width:4.5rem;
	height:2px;
	left:0;
	bottom:2.65rem;
	background:#fff;
}
.history-header strong{
	display:inline-block;
	font-size:2rem;
	position:relative;
}
.history-wrap{
	position:relative;
	padding-left:1.5rem;
}
.history-wrap::before{
	content:'';
	position:absolute;
	top:0;
	left:1.375rem;
	width:50%;
	height:100%;
	border:dashed #ccc;
	border-width:0 0 0 2px;
}
.history-wrap .history-list{
	position:relative;
	padding:25px 0;
	color:#444;
}
.history-wrap .history-list h5{
	margin-bottom:1.5rem;
	margin-left:30px;
	display:inline-block;
	font-size:1.4rem;
	position:relative;
	background:#f47300;
	padding:0.55rem;
	border-radius:50%;
	box-shadow:0 5px 25px 0 rgba(0, 0, 0, 0.15);
}
.history-wrap .history-list h5 span{
	display:block;
	color:#f47300;
	font-weight:700;
	font-family: 'Open Sans', sans-serif;
	line-height:5.5rem;
	text-align:center;
	background:#fff;
	width:5.65rem;
	height:5.65rem;
	border-radius:50%;
	box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.12);
}
.history-wrap .history-list h5::before{
	content:'';
	display:block;
	width:35px;
	height:1px;
	background:#f47300;
	position:absolute;
	left:-30px;
	top:calc(50% - 1px);
	border-radius:50%;
}
.history-wrap .history-list h5:after{
	content:'';
	display:block;
	width:14px;
	height:14px;
	background:#fff;
	border:3px solid #f47300;
	position:absolute;
	left:-38px;
	top:calc(50% - 7px);
	border-radius:50%;
}
.history-wrap .history-list:nth-child(even)  h5{
	background:#1b66d4;
}
.history-wrap .history-list:nth-child(even) h5 span{
	color:#186ae3;
}
.history-wrap .history-list:nth-child(even) h5::before{
	background:#1b66d4;
}
.history-wrap .history-list:nth-child(even) h5:after{
	border-color:#1b66d4;
}
.history-wrap .history-list.color-03 h5 span{
	color:#186ae3;
}
.history-wrap .history-list.color-03 h5::before{
	background:#1b66d4;
}
.history-wrap .history-list.color-03 h5:after{
	border-color:#1b66d4;
}


.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 80px;
    flex: 0 0 80px;
    max-width: 80px;
	font-family: 'Open Sans', sans-serif;
	color:#111;
	font-weight:700;
	font-size:1.075rem;
	letter-spacing:-0.01rem;
}
.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:10.825rem 4.5rem 6.3rem;
		font-size:1.4rem;
		line-height:1.3;
		margin-bottom:5rem;
	}
	.history-header::after{
		width:9rem;
		height:3px;
		bottom:6.2rem;
	}
	.history-header strong{
		font-size:4.7rem;
	}
	.history-wrap{
		padding-left:0;
		margin-top:-35px;
	}
	.history-wrap::before{
		left:calc(50% - 1px);
		width:50%;
	}
	.history-wrap .history-list{
		padding-left:50%;
		padding-top:40px;
		padding-bottom:40px;
		min-height:235px;
	}
	.history-wrap .history-list h5{
		position:absolute;
		right:calc(100% + 50px);
		top:0;
		font-size:2.35rem;
		padding:12px;
		margin:0;
	}
	.history-wrap .history-list h5 span{
		line-height:130px;
		width:132px;
		height:132px;
	}
	.history-wrap .history-list h5::before{
		left:100%;
		width:50px;
	}
	.history-wrap .history-list h5::after{
		left:calc(100% + 43px);
	}
	.history-wrap .history-gruop{
		padding-left:50px;
		padding-top:56px;
	}
	.history-wrap .history-gruop > li{
		padding:10px 0;
	}
	.history-wrap .history-gruop li .history-num{
		-ms-flex: 0 0 105px;
		flex: 0 0 105px;
		max-width: 105px;
		font-size:1.2rem;
		font-weight:700;
		letter-spacing:0;
		line-height:1.2;
	}
	.history-wrap .history-list:nth-child(even){
		padding-left:0;
		padding-right:50%;
	}
	.history-wrap .history-list:nth-child(even)  h5{
		left:calc(100% + 50px);
		right:auto;
	}
	.history-wrap .history-list:nth-child(even) h5::before{
		left:auto;
		right:100%;
	}
	.history-wrap .history-list:nth-child(even) h5:after{
		left:auto;
		right:calc(100% + 43px);
	}
	.history-wrap .history-list:nth-child(even) .history-gruop{
		padding-left:0;
		padding-right:50px;
		text-align:right;
	}
	.history-wrap .history-list:nth-child(even) .history-gruop .history-num{
		-ms-flex-order: 2;
		order: 2;
	}
}


.facility-img .row{
	margin-left:-10px;
	margin-right:-10px;
	text-align:center;
}
.facility-img .row > div{
	padding-left:10px;
	padding-right:10px;
	
}
.facility-img img{
	padding:10px 0;
}
@media (min-width: 992px) {
	.facility-img .col-lg-5{
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	.facility-img .col-lg-7{
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
}



/*------------------------------------
	조직도
------------------------------------*/
.org-chart-wrap{
	background:#f0f1f2;
	padding:3rem 0;
	margin-bottom:4rem;
}
.org-chart{
	padding:0 0.75rem; 
	max-width:1100px;
	margin:0 auto;
}
.org-list ul li{
	position:relative;
	margin-bottom: 2rem;
}
.org-list  span{
	position:relative;
	z-index: 10;
	display:block;
	border:1px solid #d1d2d3;
	background:#fff;
	color:#111;
	font-size:0.925rem;
	padding:0.85rem 1.25rem;
	line-height:1.2;
	text-align:center;
}
.org-list  span.color-01{
	border:1px solid #e86d2a;
	background:#e86d2a;
	color:#fff;
	font-weight:700;
	font-size:1rem;
}
.org-list span.color-02{
	display:block;
	border:1px solid #2d2d2d;
	background:#2d2d2d;
	color:#eee;
	font-weight:500;
}
.org-list span.color-03{
	border:1px solid #6a635f;
	background:#6a635f;
	color:#fff;
}
.org-group-01 ul li:first-child::after{
	content:'';
	position:absolute;
	z-index:1;
	left:90%;
	top:50%;
	width:80%;
	height:1px;
	background:#d1d2d3;
}
.org-group-01 ul li:first-child::before{
	content:'';
	position:absolute;
	z-index:1;
	left:50%;
	top:100%;
	width:1px;
	height:2rem;
	background:#d1d2d3;
}
.org-group-02{
	padding-top:0.7rem;
}
.org-group-02 ul::before{
	content:'';
	position:absolute;
	z-index:1;
	left:0;
	top:2.1rem;;
	width:1px;
	height:calc(100% - 25% + 1.1rem);
	background:#d1d2d3;
}
.org-group-02 ul li::before{
	content:'';
	position:absolute;
	z-index:1;
	right:calc(100%  - 15px);
	top:50%;
	width:calc(1.5rem + 15px);
	height:1px;
	background:#d1d2d3;
}
.org-group-02 ul li:first-child::before{
	display:none;
}
.org-group-02 ul li:last-child{
	margin-bottom:0;
}

@media (min-width: 768px) {
	.org-list ul li{
		margin-bottom:0;
	}
	.org-group-01 ul li:first-child{
		margin-bottom:2.5rem;
	}
	.org-group-01 ul li:first-child::before{
		left:calc(50% - 1px);
		top:100%;
		width:1px;
		height:calc(100% + 3.25rem);
	}
	.org-group-01 ul li:first-child::after {
		content: '';
		left:calc(50% - 4rem);
		top:calc(100% + 3.85rem);
		width:4rem;
	}
	.org-group-01 ul li:last-child{
		margin-left:22%;
	}
	.org-group-02{
		padding-top:4rem;
	}
	.org-group-02 ul::before{
		left:50%;
		top:2rem;
		width:calc(100% - 25%);
		height:1px;
		transform:translate(-50%, 0);
	}
	.org-group-02 ul li::before{
		right:50%;
		top:-2rem;
		width:1px;
		height:2rem;
	}
	.org-group-02 ul li:first-child::before{
		display:block;
	}
	
}
@media (min-width: 1200px) {
	.org-chart-wrap{
		padding:6rem 0;
		margin-bottom:6rem;
	}
	.org-list  span{
		font-size:1.2rem;
		padding:1.6rem 1rem;
	}
	.org-list  span.color-01{
		font-size:1.5rem;
	}
	.org-group-01 ul li:first-child{
		margin-bottom:4rem;
	}
	.org-group-01 ul li:first-child::before{
		height:calc(100% + 5rem);
	}
	.org-group-01 ul li:first-child::after {
		top:calc(100% + 6.25rem);
	}
	.org-group-02{
		padding-top:6rem;
	}
	.org-group-02 ul::before{
		top:3rem;
	}
	.org-group-02 ul li::before{
		top:-3rem;
		height:3rem;
	}
}


/*------------------------------------
	찾아오시는길 
------------------------------------*/
.map-info li{
	margin-top:5rem;
}
.map-info dl{
	position:relative;
	height:100%;
	background:#f5f6f7;
	border:1px solid #cacbcc;
	border-radius:0.3rem;
	padding:4.75rem 1.5rem 1.75rem; 
	word-break:keep-all;
	font-family: 'Play', 'Noto Sans KR', sans-serif;
	color:#111;
	margin-bottom:0;
	text-align:center;
}
.map-info dl dt{
	font-weight:700;
	font-size:1.15rem;
	margin-bottom:1rem;
}
.map-info dl dd{
	font-size:1.05rem;
	margin-bottom:0;
}
.map-info dl dd.icon{
	position:absolute;
	left:50%;
	top:0;
	border-radius:50%;
	transform:translate(-50%, -50%);
	background:#f47300;
	display:inline-block;
	border-radius:50%;
	box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.map-info dd.icon span{
	position:relative;
	display:block;
	font-weight:700;
	font-size:1.75rem;
	text-align:center;
	background:#fff;
	width:5.5rem;
	height:5.5rem;
	line-height:5.5rem;
	margin:0.55rem;
	border-radius:50%;
	box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.map-info dd.icon span::after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:calc(100% - 0.7rem);
	height:calc(100% - 0.7rem);
	border:1px dashed #f47300;
	border-radius:50%;
}
.map-info li:nth-child(2) dd.icon{
	background:#1b66d4;
}
.map-info li:nth-child(2) dd.icon span::after{
	border-color:#1b66d4;
}
.map-info li:nth-child(3) dl dd.icon{
	background:#12a4ba;
}
.map-info li:nth-child(3) dd.icon span::after{
	border-color:#12a4ba;
}
.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:0rem;
		margin-bottom:3rem;
	}
	.map-info dl{
		padding:7rem 1.5rem 2rem; 
	}
	.map-info dl dd{
		font-size:1.4rem;
	}
	.map-info li:first-child dl dd{
		font-size:1.05rem;
	}
	.map-info dl dt{
		font-size:1.5rem;
		margin-bottom:1rem;
	}
	.map-info dl dd.icon span{
		font-size:2.5rem;
		width:8.5rem;
		height:8.5rem;
		line-height:8.5rem;
		margin:0.65rem;
	}
	.map-area{
		padding-top:50%;
	}
}



/*------------------------------------
	연구사업 소개
------------------------------------*/
.research-wrap{
	font-size:0.95rem;
}
.research-list .research-box{
	border:1px solid #c5c6c7;
	border-radius:0.4rem;
	background:#fff;
	padding:1.75rem;
	height:100%;
}
.research-list .research-box h4{
	border-bottom:1px solid #cacbcc;
	text-align:center;
	font-size:1.05rem;
	padding-bottom:2rem;
}
.research-list .research-box img{
	max-width:10rem;
}
.research-list .research-box h4 span{
	display:block;
	color:#222;
	font-weight:400;
	margin:0 0 0.75rem;
}
.research-list .research-box h4 strong{
	display:block;
	font-weight:700;
	font-size:140%;
}

@media (min-width: 1200px) {
	.research-list .research-box{
		padding:3rem;
	}
	.research-list .research-box h4{
		padding-bottom:3rem;
	    font-size: 1.5rem;
	}
	.research-list .research-box img{
		max-width:100%;
	}
	.research-list .research-box h4 span{
		margin-bottom:1.05rem;
	}
	.research-list .research-box ul{
		font-size:1.075rem;
	}
	.research-list ul.list-group-01 li{
		padding-bottom:0.75rem;
		padding-top:0.75rem;
		line-height:1.5;
	}
	.research-list ul.list-group-01 li::before {
		top: 0.95rem;
	}
}


/*------------------------------------
	교육사업 소개
------------------------------------*/
.edu-wrap .text-box{
	border:1px solid #bdcfe8;
    background: #ecf1f9;
	color:#1b66d4;
	padding:1rem 1.5rem;
	font-size:1.05rem;
	font-weight:700;
	margin-top:1.5rem;
}
@media (min-width: 1200px) {
	.edu-wrap .text-box{
		padding:1.25rem 1.75rem;
		font-size:1.3rem;
	}
}



/*------------------------------------
	행사일정
------------------------------------*/
.event-calendar{
	border:1px solid #c5c6c7;
	padding:1.5rem;
	border-radius:0.3rem;
	background:#fff;
}
.event-calendar .con-event {
    border-bottom: none;
}
.event-calendar .con-event-list li:last-child {
    margin-bottom: 0;
    padding-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:dotted #ccc;
		border-width:1px 0;
	}
	.event-calendar .con-event-list li {
		padding-bottom: 1.75rem;
		margin-bottom: 1.75rem;
	}
}