#sub_tit {position:absolute; width:100%; max-width:1200px; margin:0 auto; top:-160px; left:50%; margin-left:-600px; border:0px solid red;}
#sub_tit .path { position:absolute; top:180px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color: #000; background: url('../images/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background: url('../images/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#000; font-weight:500;}
#sub_tit .title{ display:block; position:relative; font-size:2.4em; color:#fff; text-align:center; text-transform:uppercase; } /*대문자로*/
#sub_tit .title:after{display:block; content:""; width:50px; height:3px;  margin:5px auto; background:#fff;}
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; color:#fff; text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
#sub_tit .normal_txt .color1{color:#fd7701;}


.scontents{width:100%; max-width:1280px; height:100%;  margin:0 auto; padding:10px 0; background:none; border:0px solid red;}
.scontents:after{ content:""; display:block; clear:both;}
.scontents .bg_vline { display: block; width:1px; height:30px;  margin:0 auto; }
.scontents h3.title {  font-size: 2.5em;  text-align: center; margin-top:0px;}
.scontents .eng {  display:block; text-align:center; font-size: 2.5em;  font-weight:500;  margin:0px 0;}
.scontents .eng em { color: #174cac; font-style: normal;}
.scontents .stitle { font-size:1.2em; line-height:28px; text-align:center; color:#333; margin-bottom:50px; }
.scontents .stitle:after{display:block; width:100%; border-bottom:1px solid #ddd; height:30px; }



/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:1300px){	

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:1200px){

	#container {top:0; margin-top:0px;}

	#sub_tit .path{display:none;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	
	

	#sub_tit {  top:-140px; left:0%; margin-left:0px; }
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}

}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			

	#sub_tit {top:-160px; margin:30px auto;}
	#sub_tit .title{  font-size:2em;  } 
	#sub_tit .normal_txt{font-size:1em;}

	.scontents .eng { font-size: 2em; }
	.scontents .stitle { font-size:1em;  }	

}


/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}


/*사업영역 Type01 */
.business { width:100%; max-width:1210px; overflow:hidden; margin:0 auto;  }
.business:after { content:""; display:block; clear:both; }
.business ul { padding:0; margin:0; }
.business ul li { float:left; width:31.333333%; margin-left:1%; margin-right:1%; }
.business ul li img { display:block; width:100%;}
.business ul li strong { display:block; margin-top:20px; font-size:1.5em; font-weight:700; line-height:28px; text-align:center; }
.business ul li > span { display:block; margin:20px 0; font-size:1em; text-align:center; letter-spacing:-0.04em; }


/*사업영역 Type02 */
.cross {width:100%; max-width:1200px; overflow:hidden;  margin:0 auto;  }
.cross:after{ content:""; display:block; clear:both;}
.cross ul {padding:0; margin:0; }
.cross ul li{float:left; width:100%; overflow:hidden; margin-bottom:60px; }
.cross ul li .cross_tit{font-size:2em;}
.cross ul li .cross_txt{font-size:1.2em; padding-top:20px; }
.cross ul li .cross_img{float:left; width:30%; height:340px; margin-bottom:0px; background:#f8f8f8;}
.cross ul li .cross_img img{height:340px;}
.cross ul li .cross_right{float:right; width:70%;  height:340px; background:#f8f8f8; padding:0px 50px 0 50px; box-sizing: border-box; }
.cross ul li.other_type .cross_img{float:right; width:30%; height:340px; background:#f8f8f8; margin-bottom:00px; text-align:right;}
.cross ul li.other_type .cross_right{float:left; width:70%;  height:340px; background:#f8f8f8; padding:0px 40px 0 50px; }
.cross ul li.other_type .cross_img img{height:340px; }


.btn_go {display:inline-block; background:#222; color:#fff; text-align:center;  font-size:1em; margin:20px 0px; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross {width:95%;}
	.cross ul li .cross_tit{font-size:1.5em; }
	.cross ul li .cross_txt{font-size:1em; }
	.cross ul li .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li .cross_right{ width:40%;  height:250px; padding:30px 30px; margin-bottom:50px; }
	.cross ul li .cross_img img{height:100%;}
	.cross ul li.other_type .cross_img{ width:60%; height:250px; margin-bottom:0px;}
	.cross ul li.other_type .cross_right{ width:40%; height:250px; padding:30px 30px; }
	.cross ul li.other_type .cross_img img{height:100%;}

}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	


}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.cross ul li{ width:100%; height:auto;}
	.cross ul li .cross_img{float:left; width:100%; height:auto;}
	.cross ul li .cross_img img{width:100%;}
	.cross ul li .cross_right{width:100%; height:auto; padding:30px 20px; }
	.cross ul li.other_type .cross_right{width:100%; height:auto;  padding:30px; 20px; }
	.cross ul li.other_type .cross_img{float:right; width:100%; height:auto;}
	.cross ul li.other_type .cross_img img{width:100%;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.vision ul li { width:100%;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}



/* 인사말 */

.company{ width:100%; max-width:1200px; margin:0px auto; }
.company:after { content:""; display:block; clear:both; }
.company{ overflow:hidden}
.company .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.company .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.company .ceo_img{ float:left; width:30%; height:500px;}
.company .ceo_img img{width:100%; }
.company .ceo_txt{ float:left; width:70%; padding:0 50px;}
.company .ceo_txt h2 {display: inline-block;font-size:2em;font-weight:300;line-height:1.4em;color:#000;letter-spacing:-0.05em;}
.company .ceo_txt p { margin-top:30px;}
.company .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}
.company .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.company .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.company .summary { clear:both; float:left; width:100%; margin-top:50px;}

@media screen and (max-width: 768px) {		
	

	.company .ceo_img { width:100%;  text-align:center;  height:auto;  }
	.company .ceo_img img {width:60%;height:auto;}
	.company .ceo_txt{width:100%;padding:0;margin-top:50px;}
	.vision .vision_tit{position:relative; padding:20px; }
	.vision_area li.detail03, .vision_area li.detail04{padding-top:0px;}

}

/* 연혁 */
.sub_cont{max-width:970px;margin:0 auto;text-align: center;}

.his_bon{font-size:2.133em; color:#333; line-height: 43px; 
background: url(../images/his_bon_le.png) no-repeat left top,url(../images/his_bon_re.png) no-repeat right top;max-width: 600px;
margin: 0 auto 2.3em;}
.his_bon p{font-size:1em;}
.his_bon > strong{background: url(../images/his_bon_bg.png) no-repeat left bottom;}


.history_tit.t2{margin-top: 74px;}
.history_tit h2{color:#0b5eb7; font-size:3.0em; margin-bottom:0.7em; letter-spacing: -1.0px;font-weight: bold; text-align: center;}
.history{font-weight: 400;position: relative;}
.history:before{position: absolute;left: 50%;top:10px;content: '';width: 1px;height: 100%;background: #ddd}
.history *{box-sizing: border-box;}
.history > ul{width: 50%;position: relative;}
.history > ul > li{position: relative;margin-top: 10px}
.history > ul:after{position: absolute;width:20px;height:20px;background:url(../images/h_dot.png);content: '';border-radius: 50%;top:0;}
.history > ul > li:first-child{margin-top: 0;}
.history .left{float: left; text-align: right;padding-right: 50px;}
.history .right{float: right;text-align: left;padding-left: 15px;}
.history > ul .year{position: absolute;color:#333;font-size:17px;width: 70px;font-weight: bold;}
.history > .left .year{right: 0;}
.history > .right .year{left: 0;text-align: right;}
.history .left li{padding-right: 50px;}
.history .right li{padding-left: 93px;}
.history .left:before{right: 0}
.history .right:before{left: 0}
.history .left:after{right:-11px;}
.history .right:after{left:-9px; }
.group.right.h01{margin-top:48px;}
.group.right.h09{margin-top:6%;}
.group.left.h08{margin-top:6%;}

@media (max-width:900px){


.history_tit > h2{text-align:left;}
.history > ul .year{font-size: 2.853745541022592vw;width:6.463734vw;top:0.8vw}
.map_area{padding-bottom: 50%}
.history .left,.history .right{text-align: left;padding-right: 0;float: right;text-align: left;padding-left: 2.3vw;}
.history .left,.history .right{float:none;width: 100%;text-align: left;}
.history .left li,
.history .right li{padding-right: 0;padding-left: 9vw;}
.history > ul .year{left: 0}
.history .group{min-height: auto;margin-top: 4vw;}
.history .group.h2015{margin-top: 4vw;}
.history > .left .year,.history > .right .year{right: auto;left: 0;text-align: right;}
.history .left:before{left: 0;right: auto}
.history > ul:after{top:0.5em}
.history .left:after{left: -9px}
.history > ul:before{width: 8vw}
.history{padding-top: 2.3781212841854935vw;}
.history:before{left: 0}
.history .group.h2000{height: auto}
}
@media (max-width:640px){
.his_bon{line-height:30px;font-size: 1.133em;max-width: 300px;}
.history_tit > h2{font-size:1.2em;}
}

/*평생학습선언문*/
.contentWrap { position: relative; }
.contentWrap h4 {background:url(../image/blit_1.png) left top no-repeat;font-size:20px;font-weight:bold;color:#666;padding-top:10px;margin-bottom:30px;margin-top:50px;}
.blue { color:#174cac; }
.disignContentWrap.type06 {  }
.disignContentWrap.type06 ul { border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.disignContentWrap.type06 li { border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:50px 20px 50px 150px; }
.disignContentWrap.type06 li.s1 { background:url(../images/s1/hana_01.png) 30px center no-repeat; }
.disignContentWrap.type06 li.s2 { background:url(../images/s1/hana_02.png) 30px center no-repeat; }
.disignContentWrap.type06 .headText {background:url(../images/constitution07.png) right top no-repeat;padding-top:30px;padding-right:250px;padding-bottom:30px;color:#404040;}
.disignContentWrap.type06 .footerText1 { font-size:20px; font-weight:bold; margin-bottom:10px; margin-top:50px; text-align:center; }
.disignContentWrap.type06 .footerText2 { color:#404040; text-align:center; }

@media screen and (max-width:700px) {
.disignContentWrap.type06 .headText {padding-right:0px;background:none;}
}

/*조례*/
.right {text-align:right;}
h5{margin:35px 0px 15px 10px;padding-left:17px;color:#121212;font-weight:600;font-size:16px;line-height:22px;background:url(../image/blit_2.jpg) 0 5px no-repeat;}
/* txt-num */
.list_num{margin-bottom:20px;line-height:26px;font-size:15px;}
.num{display:inline-block;overflow:hidden;margin-bottom:3px;margin-right:5px;width:19px;height:19px; line-height:19px; border:1px solid transparent;border-radius:50%;background-image:none;color:#fff;font-size:15px;text-align:center; vertical-align:middle; }
.num-default{background-color:#5f5e66}
.num-normal{line-height:19px;background-color:#174cac;}

.list_num>li{margin:7px 0;padding-left:26px;line-height:23px;}
.list_num .num{margin:0 5px 0 -26px;}

/*아코디언*/
.ui.uia{}
.ui.uia.qna{}
.ui.uia>li{width:100%;margin-top:-1px;overflow:hidden}
.ui.uia>li:first-child{margin-top:0;}
.ui.uia .inner{position:relative;width:100%;padding:20px;background:#f9f9f9;}
.ui.uia .inner>ul{margin:0;}
.ui.uia .item{display:block;position:relative;overflow:hidden;height:65px;padding:0 20px;border:1px solid #ddd;border-left:1px solid #fff;border-right:1px solid #fff}
.ui.uia .item:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui.uia .item:hover,
.ui.uia .item:focus,
.ui.uia .item:active,
.ui.uia .item.ov{border:1px solid #4e9cdd;z-index:2;}
.ui.uia .item:after{content:"";float:right;width:21px;height:100%;background:url( ) no-repeat 0 50%}
.ui.uia .item.ov:after{background-image:url(../images/uia_arr_ov.png)}
.ui.uia .item b{display:inline-block;position:relative;padding-right:45px;vertical-align:middle;color:#252525;font-size:18px;font-family:'nsr';font-weight:normal;line-height:32px;}
.ui.uia.qna .item,
.ui.uia.qna .inner{padding-left:50px;}
.ui.uia.qna .question,
.ui.uia.qna .inner .answer{display:inline-block;position:absolute;left:20px;font-size:25px;font-weight:bold;line-height:1;}
.ui.uia.qna .question{top:17px;color:#018e7e;}
.ui.uia.qna .inner .answer{top:20px;color:#54535a;}

/*테이블*/

.hide,.hidden,caption{overflow:hidden; text-indent: -9999px; display: block; position: absolute;}
.sub_list2{border-top: 2px solid #365285;max-width: 1200px;margin: 0 auto;margin-bottom: 2.667em;}
.sub_list2 table{ width: 100%; border-bottom: 5px solid #cdcdcd;}
.sub_list2 table > thead > tr > th{background:#f8f8f8; color:#365285;}
.sub_list2 table > thead > tr > th:first-child{border-left:0;}
.sub_list2 table > tbody > tr > td:first-child{border-left:0;}
.sub_list2 table > tbody > tr > th:first-child{border-left:0;}
.sub_list2 table > thead > tr > th, .sub_list2 table > tbody > tr > td{ padding: 13px 10px;  text-align: center; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd;}
.sub_list2 table > tbody > tr > td{padding:20px 0 20px 20px;}
.sub_list2 table > tbody > tr > th{ padding: 13px 10px;  text-align: center; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; background: #f8f8f8; color: #365285;}
.sub_list2 table > tbody > tr > td.left,.sub_list2 .sub_list2_tit{text-align: left;}


/*오시는길*/
.map_wrap{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; margin-top:40px;}
.map_wrap .map_info .con_box {margin-bottom:30px;}
.map_wrap .map_info .con_box>h2 {font-size:1.5em;color:#000;margin-bottom:10px;}
.map_wrap .map_info table {width:100%; border-top:1px solid #000;}
.map_wrap .map_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; /*background:url('/html/image/arr1.gif')no-repeat 95% 40%; */ background:#f5f5f5; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td {width:80%; text-align:left; font-size:1em; color:#888; vertical-align:top;  padding:10px 0 10px 15px; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td > a {color:#666;}
.map_wrap .map_info table td > a:hover {color:#000;}

/*대중소*/
.cont_bon{margin-bottom:2.667em; text-align:left;}
.cont_bon .cont_bon_blue{font-size:1.467em; color:#0b5eb7; line-he블ght:1; margin-bottom:0.5em; font-weight:bold;}
.cont_bon .cont_bon_dot{font-size:1.2em; color:#333; padding-left:20px; position:relative;font-weight:bold;}
.cont_bon .cont_bon_dot:before{ position: absolute; top:5px; left:0; background:url(../image/blit_2.jpg) no-repeat; width:10px; height:10px; content:'';}
.cont_bon .cont_bon_dot > span{color:#0b5eb7;}


/*기본콘텐츠*/
.dd02 { width:100%; margin:30px 0 0 0; }
.dd02 ul {margin:20px 0 0 0;}
.dd02 span{font-size:1.467em; color:#0b5eb7; margin-bottom:0.5em; font-weight:bold;}
.dd02 ul li{background:url(../image/blit_3.gif) no-repeat left 9px; padding-left:10px; margin-left:5px; margin-bottom:3.5px; font-size:14px; color:#545454; line-height:145%;}
.dd02 ul li a {color:#0b70b0;}
.dd02 ul li a:hover {color:#fff; background-color:#ff9e6f;}
.dd02 ul ul li{background:url(../images/blit2016_4.gif) no-repeat left 5px; font-family:'NanumGothic'; padding-left:15px; margin-left:7px; margin-top:4px; font-size:13px; color:#494949; line-height:145%;}
.dd02 ul p {background:url(../images/blit_2.jpg) no-repeat left 7px; padding-left:10px;  font-size:1.2em; padding-bottom:1.8px; margin-top:1.8px;  line-height:135%;padding-left:20px;font-weight:bold;}
.dd02 ul p > u {font-weight:bold; color:#2198ba;}


/*아웃로그인*/
.outlogin {width:100%; height:30px; border:0px solid red; }
.outlogin ul { float:right; height:15px;}
.outlogin ul li { float:left; margin-right:3px; display:block; font-family: 'Noto Sans KR',dotum,'돋움',arial,sans-serif; color: #666; font-weight: 100;}


/*표*/
		.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
		.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
		.con_arrow:first-child { margin:0 0 20px 0;}

		.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
		.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
		.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}