@font-face {
    font-family: 'SangSangRock';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

style + h3{margin-top:0;}
.satisfaction .admin_info{border-bottom:1px solid #c7ced2;}

/*인사말*/
.greetings{position: relative; background:#fafafa; border-radius:0 200px 0  0; padding: 160px 60px 80px 60px;     word-break: keep-all;}
/* .greetings:before{content:''; display:block; height:485px; width:43%; top:-15px; right:-40px; position: absolute; background:url(/images/edunew/int_pic02.png) no-repeat; background-size:100%;} */
.greetings:after{content:''; display:block; height:140px; width:86%; bottom:-4px; right:-40px; position: absolute; background:url(/images/edunew/int_text.png) no-repeat right bottom; background-size:100%; z-index: 0;}

.greetings .top_text{position: relative; font-size:36px; color:#333; padding-bottom:35px; line-height: 1.2em;}
.greetings .top_text:before{content:''; display:block; height:74px; width:90px; top:-90px; left:0; position: absolute; background:url(/images/edunew/int_pic01.png) no-repeat;}
.greetings .top_text:after{content:''; display:block; height:1px; width:260px; bottom:0; left:0; position: absolute; background:#ddd;}

.greetings .top_text span{color:#783cb8; font-size:42px; font-family: 'GmarketSansBold';}
.greetings .bottom_text{margin-top:35px; z-index: 1;  position: relative;}
.greetings .bottom_text p{margin-bottom:30px; line-height: 28px;}
.greetings .bottom_text p.txt01{font-family: 'GmarketSansBold'; color:#d23175; font-size:20px;}
.greetings .bottom_text p.sain span{ font-family: 'SangSangRock'; font-size:32px; margin-left:10px;}


@media all and (max-width:1610px) {

	.greetings:after,
	.greetings:before{right:0px;}

}

@media all and (max-width:1000px) {
	.greetings br,
	.greetings:before{display:none;}

}

@media all and (max-width:768px) {
	.greetings{border-radius:0 100px 0  0;  padding: 120px 30px 40px 30px;}
	.greetings .top_text,
	.greetings .top_text span{font-size: 25px;}

	.greetings .bottom_text p.txt01{font-size: 18px;}
}

/*평생학습도시*/
.edu_city{position: relative; background:#fcfcfc; padding:180px 0 150px 0; border-radius:30px; overflow: hidden;}
.edu_city:before{content:''; display:block; height:138px; width:81%; top:-30px; left:0px; position: absolute; background:url(/images/edunew/city_text.png) no-repeat; background-size:100%; z-index:0;}
.edu_city:after{content:''; display:block; height:138px; width:81%; bottom:-50px; right:-30px; position: absolute; background:url(/images/edunew/city_text.png) no-repeat; background-size:100%; z-index:0;}

.edu_city .city_box_wrap{position: relative; display: flex;  align-items: center;  justify-content: center; margin-bottom:50px; z-index:1;     flex-wrap: wrap;}
.edu_city .city_box{width:40%; margin:0 15px; border-radius:30px; box-shadow: 0 5px 10px rgb(0 0 0 / 20%); min-height:480px; padding:0 45px; box-sizing:border-box; position: relative;}
.edu_city .city_box:nth-child(1){/*background:url(/images/edunew/city_bg01.png) no-repeat center bottom -70px; */background-size: 320px;}
.edu_city .city_box:nth-child(2){/*background:url(/images/edunew/city_bg02.png) no-repeat center bottom -110px;*/ background-size: 320px;}
.edu_city a{display: block;  z-index: 1;  position: absolute;  height: 70px;  width: 300px;  margin: 0 auto;  background: #000;  border-radius: 50px;  line-height: 70px;  text-align: center;  color: #fff; bottom: 0%; left: 50%; transform: translate(-50%, 6rem);}

.edu_city .city_box li{position: relative; padding-left:40px; font-size:18px; line-height: 25px; margin-bottom:15px; word-break: keep-all;}
.edu_city .city_box li:before { content: ''; display: inline-block; width:23px; height:19px; background:url(/images/edunew/bul_type1.png) no-repeat; position: absolute;  top: 0px; left: 0;}
.edu_city .city_box li span {display:inline; position:relative; color:#555555;}
.edu_city .city_box li span:after {content:""; display:block; position:absolute; width:100%; height:7px; background:#f6ebf4; left:0px; bottom:0px;}
.edu_city .city_box li span em{position:relative; z-index:2; color:#8c3aa9; font-weight: 600;}

.city_tit{position: relative; width:100%; height:92px; border-radius:80px 80px 0 80px;background: linear-gradient(90deg, rgba(136,58,172,1) 0%, rgba(196,51,127,1) 100%); color:#fff; font-size:26px; text-align: center; margin:-50px 0 32px; line-height: 92px;}
.city_tit:after{content:''; display:none; position: absolute; left:50%; top:-22px; width:53px; height:44px; margin-left:-26px; background:url(/images/edunew/qu_type1.png) no-repeat; z-inde:5;}

.edu_city .city_box:nth-child(2) .city_tit{background: linear-gradient(90deg, rgba(58,172,171,1) 0%, rgba(52,92,189,1) 100%);}
.edu_city .city_box:nth-child(2) .city_tit:after{content:''; display:none; position: absolute; left:50%; top:-22; width:53px; height:44px; margin-left:-26px; background:url(/images/edunew/qu_type2.png) no-repeat;}

.edu_city .city_box:nth-child(2) li:before {background:url(/images/edunew/bul_type2.png) no-repeat;}
.edu_city .city_box:nth-child(2) li span:after {background:#ebf2f5;}
.edu_city .city_box:nth-child(2) li span em{position:relative; z-index:2; color:#377e9d; font-weight: 600;}


@media all and (max-width:900px) {
	
	.edu_city{border-radius:15px; padding: 100px 0 80px 0;}	
	.edu_city .city_box{width:100%; min-height: auto; padding-bottom: 180px;  margin-bottom: 80px;}
	.city_tit{height: 70px; margin: -30px 0 32px; line-height: 70px; font-size: 23px;}

	.edu_city .city_box:nth-child(2){margin-bottom: 30px; margin-top: 100px;}
}

@media all and (max-width:500px) {
	
	.edu_city{padding: 100px 0 120px 0;}	
	.edu_city .city_box_wrap{margin-bottom: 0px;}
	.edu_city .city_box{padding: 0 25px 100px 25px;}
	.edu_city .city_box:nth-child(1),
	.edu_city .city_box:nth-child(2){background-size: 250px;}

	
}




/*찾아오시는길*/
.map{position: relative; margin-bottom:45px; }
.map .location{position: absolute; right:0; bottom:-10px; padding:18px 50px 15px 30px; background:#fae200 url(/images/edunew/icon_location_blue.png) no-repeat center right 20px; border-radius:10px 0 10px 10px;}
.map .location a{color:#444; font-weight: 600;}

.map_info{border:1px solid #ddd; border-radius:15px; padding:25px 35px 25px 45px; display: flex; justify-content: flex-start; margin:10px 0; flex-wrap: wrap; font-size: 18px;}
.map_info dt{width:165px; margin-right:40px; font-family: 'GmarketSansBold'; font-size:20px; padding-left:50px; box-sizing:border-box; }
.map_info dd{width:calc(100% - 205px);}
.map_info dt{background:url(/images/edunew/icon_location.png) no-repeat 0 0;}
.map_info:last-child dt{background:url(/images/edunew/icon_tr.png) no-repeat 0 0;}

@media all and (max-width:768px) {
	
	.map_info{padding: 25px 35px 25px 35px;}
	.map_info dt{width: 100%;}
	.map_info dd{width: 100%; margin-top: 15px}
}


/*게시판 검색*/
.bbs_search{margin: 10px 0; background:none; padding:30px 10px; border-radius:10px; font-size:14px}
.bbs_search select,
.bbs_search .input_text{background:#f4f4f4; border-radius:5px; color:#8d8d8d; height:40px; line-height: 40px; padding:5px 10px; box-sizing:border-box; border: 0;}
.bbs_search .submit{background:#773db8; border-radius:5px; height:40px; line-height: 40px;}

.board_total + .edu-application{margin: 10px -10px 50px -10px;}

@media all and (max-width:640px) {

	.bbs_search{padding:0;}

}

.mtable input[type="text"],
.mtable select{line-height: 40px;  height: 40px;  border-radius: 3px; box-sizing: border-box; font-size: 15px;}
.mtable textarea{padding:10px;  border-radius: 3px; font-size: 15px;}

@media all and (max-width:1000px) {
	
	.mtable colgroup{display:none;}
	.mtable tr{display:block;}
	.mtable td,
	.mtable th{display:block; width:100%; box-sizing: border-box; border: 0 !important; border-bottom: 1px solid #ddd !important; text-align: left !important;}
	.mtable td:first-child, .mtable th:first-child{border:0;}
	
	.mtable select,
	.mtable input[type="text"]{ width: 100% !important; margin:5px 0}
}

/*테이블 모바일때 */
.tbl_wrap{ overflow:hidden}

@media all and (max-width:1200px) {

	.tbl_wrap{overflow-x:scroll;padding-bottom:15px; position:relative;}	
	.tbl_wrap:before{width: 100%; background: #f5f4fb; position: relative; left: 0; top: 0; font-size: 15px; letter-spacing: -0.05em; color: #555; display: block; content: "모바일환경에서는 좌우로 이동하여 내용(표)을 보실 수 있습니다.";  box-sizing: border-box; padding: 20px;  border-radius: 10px;}
	.tbl_wrap table, .tbl_wrap .scroll{width:1000px !important}

.bbs_search .input_text{    text-align: left;}

}


/*photo-box */
.photo-boxing { border:1px solid #eee; border-radius:10px; padding:30px;}
.photo-boxing li { float:left; width:48%; margin:1%; }
.photo-boxing li img { border-radius:5px; overflow:hidden; width:100%;}

@media all and (max-width:600px) {
	.photo-boxing{padding: 20px;}
	.photo-boxing li{float:none; width:100%;}
}

 
/*강좌 안내*/
.edu-application{display: flex; justify-content: flex-start; flex-wrap: wrap; margin:50px -10px}
.edu-application.type1 .item{width:calc(25% - 20px); margin:10px; position: relative;}
.edu-application .item{width:calc(33.3% - 20px); margin:0px 10px 60px 10px; position: relative;}
.edu-application .item a{position:relative; display:block; padding:30px; border-radius:20px; border:1px solid #e3e3e3; z-index:1;}
.edu-application .item a:hover{box-shadow: 0 5px 10px rgb(0 0 0 / 20%); border:1px solid #4f59a9;}
.edu-application .item a:hover:after{content:''; display:block;   position:absolute; right:0px; bottom:0px;   background:url(/images/edunew/edu_over.png) no-repeat;  border-radius:3px; width:52px; height:51px; z-index:2;}
.edu-application .item .txt-wrap{margin-bottom:0px;}
.edu-application.type1 .item .txt-wrap{margin-bottom:50px;}
.edu-application .item .txt-wrap .stxt{display:block; border-radius:20px; width:100px; text-align: center; margin-bottom:15px; line-height:27px; padding-top:3px; font-size:15px;}
.edu-application .item .txt-wrap .stxt.type1{background:#dadeff; color:#4f59a9; }
.edu-application .item .txt-wrap .stxt.type2{background:#fff3da; color:#bd9032; }
.edu-application .item .txt-wrap .stxt.type3{background:#cff7bf; color:#5e9a46; }


.edu-application .item .txt-wrap .btxt{color: #333; font-size: 20px; letter-spacing: -0.08em;  display: block;  overflow: hidden; text-overflow: ellipsis; height: 55px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/*.edu-application .item .txt-wrap .btxt{color: #333; font-size: 20px; font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}*/
.edu-application .item .data{font-size: 15px; color: #a5a5a5; font-weight: 100; letter-spacing: 0;}

.edu-application .item .info-wrap{margin-top:20px; font-size:15px; background:#f6f6f6; padding:10px; border-radius:10px; }
.edu-application .item ul li{line-height:32px; position: relative; padding-left:0px; white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;}
.edu-application .item ul li span{color:#1b74d6; margin-right:10px; width:55px; display: inline-block;}

.edu-application .item  .text_ing{    position: absolute; bottom: -20px;  left: 50%;  width: 160px;  border-radius: 30px;  line-height: 40px;  text-align: center;  margin: 0 auto;
    display: block;  transform: translate(-50%, 0px);  color: #fff; z-index:10;}  
.edu-application .item.edu_save  .text_ing{background:#fe3f67;}
.edu-application .item.edu_ing  .text_ing{background:#1b74d6;} 
.edu-application .item.edu_end  .text_ing{background:#3b3938;}


.edu-application .item.edu_end .txt-wrap .stxt.type1,
.edu-application .item.edu_end .txt-wrap .stxt.type2,
.edu-application .item.edu_end .txt-wrap .stxt.type3{background:#e3e3e3; color:#454545;}
.edu-application .item.edu_end ul li span{color:#333;}

@media all and (max-width:1000px) {
	.edu-application.type1 .item,
	.edu-application .item{width:calc(50% - 20px);}	
	.edu-application .item .txt-wrap{margin-bottom: 20px;}
}

@media all and (max-width:600px) {
	.edu-application.type1 .item,
	.edu-application .item{width:calc(100% - 20px); }
	.edu-application .item .txt-wrap .btxt{font-size:17px;}
}


/*강사등록방법*/
.instructor{padding-left:55px;}
.instructor .registration{position: relative; border-radius:20px; border:2px solid #ddd; padding:25px 70px; margin:30px 0;}
.instructor .registration:after{content:''; dispaly:block; width:40px; height:40px; bottom:-21px; left:50%; margin-left:-20px; position: absolute; background:url(/images/edunew/step_arr.png) no-repeat center 0;}
.instructor .registration .num{color: #fff; text-align: center; width: 64px; height: 64px; line-height: 64px; border-radius: 10px 10px 0 10px; background: #6633cc; top: -15px; left: -15px; position: absolute; font-weight: 600;}

.instructor .registration:last-child:after{display:none}
.instructor .registration:last-child{border:2px solid #cc3399;}
.instructor .registration:last-child .num{background:#cc0099;}



@media all and (max-width:800px) {
	.instructor{padding-left: 15px;}
	.instructor .registration{padding: 25px 25px 25px 70px;}
}



/*교육사업*/
.edu_Business_wrap{display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-between;}
.edu_Business_wrap .edu_Business{width:48%; margin:20px 0;}
.edu_Business_wrap .edu_Business a{display: flex; flex-wrap: wrap;  align-items: center; justify-content: space-between; width:100%; border:2px solid #ddd; border-radius:15px; padding:30px 40px; box-sizing:border-box; background:#fff;}

.edu_Business_wrap .edu_Business .img{width:60%;}
.edu_Business_wrap .edu_Business .btxt{width:40%;}
.edu_Business_wrap .edu_Business .btxt span{display:block;}
.edu_Business_wrap .edu_Business .btxt span.tit{border-bottom:1px dotted #ddd; padding-bottom:10px; color:#333; font-size: 22px;}
.edu_Business_wrap .edu_Business .btxt span.btn{margin-top: 20px; width: 80px; background: #000;  text-align: center;  padding: 2px 0 0 0; border-radius: 5px; color: #fff;}
.edu_Business_wrap .edu_Business a:hover{border:2px solid #cc3366; box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}
.edu_Business_wrap .edu_Business a:hover span.btn{background:#cc3366;} 

.edu_Business_wrap .edu_Business.full{width:100%;}
.edu_Business_wrap .edu_Business.full .img{width:40%}
.edu_Business_wrap .edu_Business.full .btxt{width:60%;}

.edu_Business_wrap .edu_Business.full .img{text-align: center;}
.edu_Business_wrap .edu_Business.full .stxt{font-size:18px; color:#666666; padding-top:15px; margin-bottom:10px;}
.edu_Business_wrap .edu_Business.full .btxt span.btn{font-size: 16px; width:235px;}

@media all and (max-width:900px) {
	.edu_Business_wrap .edu_Business{width:100%;}
}

@media all and (max-width:500px) {

	.edu_Business_wrap .edu_Business{margin: 10px 0;}
	.edu_Business_wrap .edu_Business .img{width:100%;     text-align: center;}
	.edu_Business_wrap .edu_Business .btxt{display:none;}


	.edu_Business_wrap .edu_Business.full .img{width:100%}
	.edu_Business_wrap .edu_Business.full .btxt{display:none;}


}



/*콘텐츠 준비중입니다.*/                                      
.box_ing{border-radius:10px; background:#f6f6f6; padding:80px 0; text-align: center;}
.box_ing .tit{font-size:35px; color:#000; padding-top:110px; background:url(/images/edunew/box_ing_icon.png) no-repeat center 0; font-family: 'GmarketSansBold';}
.box_ing .tit span{color:#672db5; }
.box_ing .txt{color: #aaaaaa; font-size: 15px;  line-height: 18px; font-family: 'Noto Sans KR'; margin-top:15px;}

@media all and (max-width:500px) {
	.box_ing .tit{font-size:25px}
}


.hide{position: absolute !important; left: -999999999999px; top:0;}


#view table.basic{font-size:15px;}
#view table.basic tbody.tb td{}
#view table.basic tbody.tb td.subject{text-align: center !important; } 



/* 인포박스 */
.basic_box { position:relative; background:#fafafa; margin-bottom:55px; border-radius:0px 0px 100px 0px;}
.basic_box .inner{ padding:50px 7.2px 60px 19.5%; position:relative; }
.basic_box .inner .box_title{color:#783cb8; font-size:24px; display:block; margin-bottom:15px; font-family: 'GmarketSansBold'; }
.basic_box .inner .box_text{font-family: 'GmarketSansLight'; font-weight: 700; letter-spacing: 0;}
.basic_box .inner ul li{font-family:'GmarketSansMedium';  font-weight: 400; margin-bottom:5px; font-size:16px;}
.basic_box .inner p { margin-top:15px; }
.basic_box .inner p a.small {line-height:20px; margin-right:5px;}
.basic_box .inner span.icon{ position:absolute; left:5.7%; top:48px; width:110px; height:110px; border-radius:20px; background:#fff url(/images/edunew/basic_icon01.png) no-repeat; box-shadow: 0 0 20px rgb(78 78 161 / 15%);}



@media only screen and (max-width:1023px) {
	.basic_box .inner{padding:50px 72px 60px 180px;}
	.basic_box .inner span.icon{left:5%;}	
}	

@media only screen and (max-width:680px) {
	
	.basic_box{border-radius:0; margin-bottom:30px;}
	.basic_box .inner{ padding:30px; position:relative; display:inline-block; padding-left:117px;}
	.basic_box .inner span.icon{width:63px; height:63px; top:30px; left:30px; margin-top:0; background-size: contain;}	
	.basic_box .inner .box_title{font-size:18px; margin-bottom:2px;}
	
}


/*페이징*/
.paging2 ul li.num ul li a{width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; font-size: 15px;  padding: 0;  border: 0;  color: #333; font-family: 'Noto Sans KR'; }
.paging2 ul li.num ul li a.on,
.paging2 ul li.num ul li a:hover{background:#000; }

 
										  

/*버튼*/

.btn_wrap{margin-top:50px; text-align:center}

.btn{border:1px solid #fff; border-radius:5px; width:158px; text-align: center; padding:5px 0; display:inline-block; font-size:15px;}
.btn.point{background:#48187b; border:1px solid #48187b; color:#fff; }
.btn.nomal{background:#fff; border:1px solid #000; color:#333; }
.btn.small{width:100px; padding:5px 15px;}

input[type="image"]{margin-top: 0;}      




.history_box{position: relative; }
.history_box img{width:100%;}
.history_area{position: relative; padding:0 4.0rem; background:url(/images/edunew/his_bg.jpg) no-repeat 0 0; margin-top:40px;}

.history_wrap{position: relative; display:flex; flex-wrap: wrap; justify-content: center;}
.history_wrap::before {display: block;  content: '';  position: absolute;  left: 50%;  top: 0; width: 1px; height: 100%; background:#ddd;}
.history_wrap .left,
.history_wrap .right{width: 50%; box-sizing: border-box;}
.history_wrap .left {padding-right:80px; text-align: right;}

.history_wrap .left .btit{color:#d7186f; font-size:30px; font-weight: bold;     position: relative;}
.history_wrap .right{padding-left:35px; }
.history_wrap .right ul{position: relative; padding-bottom:65px;}
.history_wrap .right li{padding-bottom:0px;}
.history_wrap .right li span.tit{display:block; font-size:2.0rem; font-weight: bold; margin-bottom:15px;}
.history_wrap .right li span.con{ }
.history_wrap .right ul:before {display: block;  content: '';  position: absolute;  left: -48px;  top: 0;  width: 15px; height: 15px; background: #d7186f;  border: 6px solid #f6cde0; border-radius: 50%;}

@media all and (max-width:1000px){

	.history_box .title{display:none;}
	
}


@media all and (max-width:768px){
	.history_area{padding: 0 0 0 0rem; background-size:200px;}
	.history_wrap{width:100%;}
	.history_wrap::before{left:0;}
	.history_wrap .left{text-align: left;}
	.history_wrap .left, .history_wrap .right{width:100%;}
	.history_wrap .left .btit{padding-left: 35px; margin-bottom:20px;}
	.history_wrap .left .btit:after{display:none;}

	.history_wrap .right ul{padding-bottom: 40px;}

	.history_box{padding: 3rem;}
	.history_box br{display:none;}
	.history_box .btxt{    font-size: 2.4rem; line-height: 2.6rem;}
}
                                                                       

.btnArea1{text-align: center;}
.btn1{background: #000; height: 70px; width: 300px; border-radius: 50px; line-height: 70px; display: inline-block; color: #fff !important;}        

a.btnBlack{background:#000; color:#fff; border-radius:5px; padding:10px 20px;}