@charset "utf-8";
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

.con_box{word-break:keep-all; color:#333;}
.mat{margin-top:40px;}
.clear{clear:both;}
.br{display:block;}
.txt_box{background:#f5f8f9 url('/theme/basic/img/sub/box_img.png') no-repeat 98% bottom; min-height:135px; box-sizing:border-box; padding: 40px; line-height: 160% !important; 
			margin-bottom: 40px !important; border: 1px solid #d0d9de; word-break:keep-all}
.con_box .con_img2 {margin-left:35px; }
.con_box .con_img2 img{border-radius:30px; overflow:hidden; margin-right:20px}

@media (max-width: 1200px) {
	.con_box .con_img2 img{width:48%; margin:0 1%; max-width:100%;}	
}
@media (max-width: 768px) {
	.br{display:inline-block;}
	.txt_box{background-image:none;}
}


/* 시설개요 */
.intro1_wrap{background:url('../img/sub/sub1_1.jpg') no-repeat right 20px; }
.intro1_box{width:calc(100% - 530px);}

@media (max-width: 1024px) {
	.intro1_wrap {background-size:40%;}
	.intro1_box{width:calc(100% - 40%);}
}

@media (max-width: 599px) {
	.intro1_wrap {background-size:400px; background-position:50% 0}
	.intro1_box{width:100%; padding-top: 370px;}
}

/* 미션&비전 */
.intro2_wrap p{border:3px solid #94c04b; border-radius:10px; padding:15px 20px; text-align:center; font-weight:bold; max-width: 800px; margin: 30px auto;}
.intro2_wrap p.box2{border-color:#55b5ad}
.intro2_wrap .ul_st1{max-width:768px; margin:50px auto 50px; display:block; overflow: hidden;}
.intro2_wrap .ul_st1 li{width:33%; display:inline-block;  vertical-align:top; background:none; padding:0; text-align:center; float: left;}
.intro2_wrap .ul_st1 li span{width:200px; height:200px; border-radius:50%; background:#68af2f url('/img/org_top.png') no-repeat 2px 4px; font-weight:bold; color:#fff; text-align:center; 
								display:block; line-height:140%; padding:70px 30px 0; margin:0 auto; font-size:23px}
.intro2_wrap .ul_st1 li span.bg2{background-color:#0e9fbc;}
.intro2_wrap .ul_st1 li span.bg3{background-color:#f19100;}

@media (max-width: 599px) {
	.intro2_wrap .ul_st1 li span{width:120px; height:120px; font-size: 15px; padding-top: 20px; text-align: center;  background-image: none;}
}

/* 이용안내 */
.ul_st2{margin-top:20px !important;}
.ul_st2 li{display:inline-block; width:190px; margin:0 10px 10px 0; height:120px; float:left; background:#f7f7f7; border:2px solid #bcced8; padding:33px 20px 20px; text-align:center; 
			font-size:17px; word-break:keep-all; border-radius:15px; line-height:120%; position:relative}
.ul_st2 li:after{content:""; width:28px; height:28px; background:url('/theme/basic/img/sub/arrow_ico.png') no-repeat 0 0; display:inline-block; left: 179px; top: 42px; position: absolute; z-index:1}
.ul_st2 li:last-child:after{display:none;}

@media (max-width: 599px) {
	.ul_st2 li{width:100%; height: auto; padding: 25px;}
	.ul_st2 li:after{transform: rotate(90deg); top: 61px; left: 50%; margin-left: -14px;}
}


/* 찾아오시는길 */
.location_wrap ul.loc_ul{clear:both; margin-top:50px;}
.location_wrap ul.loc_ul li{ border-top:1px solid #d2d2d2; padding:20px 0; background:none;}
.location_wrap ul.loc_ul li b{width:25%; display:inline-block; position:relative; padding-left:54px}
.location_wrap ul.loc_ul li b:before{position:absolute; content:""; width:43px; height:43px; display:inline-block; left:0; top:-3px; background:url('/theme/basic/img/sub/map_ico.png') no-repeat 0 0; }
.location_wrap iframe{width:100%; height:500px; margin:30px 0 0 ;}


@media (max-width: 768px) {
	.location_wrap iframe{height:300px; margin:40px 0 0 0; width:100%; }

	.location_wrap ul.loc_ul{margin-left:0}
	.location_wrap ul.loc_ul li {padding:10px 0; line-height: 150%;}
	.location_wrap ul.loc_ul li b{width:100%; margin-bottom: 3px;}
	.location_wrap ul.loc_ul li .con{margin-left:53px}
}

@media (max-width: 599px) {
	.location_wrap ul.loc_ul li .con{font-size:16px}
}

.con_box .step_app{overflow:hidden; padding-top: 11px; margin-bottom:10px;}
.con_box .step_app li{background:none; padding-left:0; display:inline-block; width:19%; height:145px; margin-right:1%; text-align:center; float:left;  border-radius:10px; border:1px solid #e1e1e1;
							    font-size: 18px; font-weight: bold; letter-spacing: -1px;  color: #09346e; font-family: 'S-CoreDream-7ExtraBold';}
.con_box .step_app li:last-child{margin-right:0}
.con_box .step_app li em{font-size:10px; background:#09346e; color:#fff; display: inline-block; padding: 0 20px; font-style: normal; letter-spacing: 1px; line-height: 25px; height: 25px; vertical-align:top; border-radius:30px; margin-top: -11px;}
.con_box .step_app li span{width:70px; height:70px;  display:block; background:#7190b9 url('/theme/basic/img/sub/step_app.png') no-repeat 21px 50%; margin:0 auto 5px; border-radius:50%;}
.con_box .step_app li:nth-child(2) span{background-position:-77px 50%}
.con_box .step_app li:nth-child(3) span{background-position:-178px 50%}
.con_box .step_app li:nth-child(4) span{background-position:-283px 50%}
.con_box .step_app li:nth-child(5) span{background-position:-385px 50%}

@media (max-width: 765px) {
	.con_box .step_app li{font-size: 16px;}
}
@media (max-width: 499px) {
	.con_box .step_app li{width:100%; margin:0 0 20px;}
}