@charset "utf-8";


/* common */
#mcontent,
.msection{position:relative;}
#mcontent *{word-wrap:break-word;word-break:keep-all;}
#mcontent .layout{}
.main h2,
.main h3,
.main h4,
.main p{margin:0;padding:0;background:none;}
.main h2:before{display:none;}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;}
.mask-bl-30{background-image:url(/images/edu/main/mask-bl-30.png);}
.ir.edu-m-ir{display:block;background:url(/images/edu/main/edu-m-ir.png) no-repeat;font-size:0;line-height:0;}
@media(max-width:1279px) {
	.layout{padding:0 40px;}
}
@media(max-width:1023px) {
	.layout{padding:0 10px;width:100%;}
}

#mvisual  .cont_cat .thm_img:after {opacity:0}
/* 비쥬얼 + 강좌안내 공통 Style */
.msection .cont_cat{position:relative;}
.msection .cont_cat .thm_img{display:block;position:relative;overflow:hidden;position:relative;height:200px;background-color:#778695;text-align:center;}
.msection .cont_cat .thm_img:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/common/remote_black.png);opacity: 0.5}
.msection .cont_cat.cat1.noimg .thm_img{background-color:#ff6666;} /* 평생교육 */
.msection .cont_cat.cat2.noimg .thm_img{background-color:#6ca960;} /* 농업교육 */
.msection .cont_cat.cat3.noimg .thm_img{background-color:#d847b8;} /* 여성교육 */
.msection .cont_cat.cat4.noimg .thm_img{background-color:#639bec;} /* 청소년교육 */
.msection .cont_cat.cat5.noimg .thm_img{background-color:#219eb4;} /* 정보화교육 */
.msection .cont_cat.cat6.noimg .thm_img{background-color:#6a21c5;} /* 가족공감센터 */
.msection .cont_cat.cat7.noimg .thm_img{background-color:#36747f;} /* 유관기관교육 */
.msection .cont_cat.cat8.noimg .thm_img{background-color:#FF9933;} /* 청년교육 */
.msection .cont_cat.cat1 figcaption .cat{background-color:#ff6666;} /* 평생교육 */
.msection .cont_cat.cat2 figcaption .cat{background-color:#6ca960;} /* 농업교육 */
.msection .cont_cat.cat3 figcaption .cat{background-color:#d847b8;} /* 여성교육 */
.msection .cont_cat.cat4 figcaption .cat{background-color:#639bec;} /* 청소년교육 */
.msection .cont_cat.cat5 figcaption .cat{background-color:#219eb4;} /* 정보화교육 */
.msection .cont_cat.cat6 figcaption .cat{background-color:#6a21c5;} /* 가족공감센터 */
.msection .cont_cat.cat7 figcaption .cat{background-color:#36747f;} /* 유관기관교육 */
.msection .cont_cat.cat8 figcaption .cat{background-color:#FF9933;} /* 청년교육 */
.msection .cont_cat .thm_img img{width:100%;height:100%;transition:0.15s all ease-in-out;-webkit-transition:0.15s all ease-in-out;}
.msection a:hover .cont_cat .thm_img img,
.msection a:focus .cont_cat .thm_img img{transform:scale(1.25, 1.25);}
.msection .cont_cat.noimg .thm_img img,
.msection .cont_cat.noimg .thm_img .mask{display:none;}
.msection .cont_cat figcaption{height:145px;border:1px solid #ddd;border-top:0;}
.msection .cont_cat figcaption .cat{position:absolute;color:#fff;font-size:15px;line-height:20px;}
.msection .cont_cat figcaption .cont_tit{display:block;overflow:hidden;height:50px;font-size:20px;font-weight:normal;line-height:25px;}
.msection .control{}
.msection .control .edu-m-ir{position:absolute;top:50%;margin-top:-43px;width:85px;height:85px;}
.msection .control .prev{left:-110px;background-position:0 0;}
.msection .control .next{right:-110px;background-position:-85px 0;}
@media(max-width:1439px) {
	.msection .control .prev{left:-43px;}
	.msection .control .next{right:-43px;}
}
@media(max-width:1279px) {
	.msection .control .prev{left:0;}
	.msection .control .next{right:0;}
}
@media(max-width:1023px) {
	.msection .cont_cat .thm_img{height:185px;}
	.msection .cont_cat .thm_img img{width:auto;}
	.msection .control .edu-m-ir{margin-top:-33px;width:66px;height:66px;}
	.msection .control .prev{background-position:-170px 0;}
	.msection .control .next{background-position:-236px 0;}
}
@media(max-width:767px) {
	.msection .control .edu-m-ir{margin-top:-26px;width:52px;height:52px;}
	.msection .control .prev{background-position:-302px 0;}
	.msection .control .next{background-position:-354px 0;}
}


/* Main Visual */
#mvisual{padding-top:55px;height:624px;background-image:url(/images/edu/main/mvisual_bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#mvisual .mcopy{position:relative;margin-bottom:45px;color:#fff;font-size:30px;line-height:34px;text-align:center;}
#mvisual .mcopy strong{display:block;margin-top:5px;font-size:50px;line-height:55px;}
#mvisual .mcopy strong span{color:#ffcb16;line-height:inherit;text-decoration:underline;}
#mvisual .grap{overflow:hidden;width:100%;height:345px;}
#mvisual .grap .obj{position:relative;width:1000%;height:100%;}
#mvisual .grap .obj .item{float:left;margin-right:0.1%;width:2.425%;height:100%;}
#mvisual .grap .obj .item a{display:block;background-color:#fff;}
#mvisual .grap .obj .item .cont_cat figcaption{padding:22px 18px;}
#mvisual .grap .obj .item .cont_cat figcaption .cat{top:168px;left:0;padding:7px 4px 5px;}
#mvisual .grap .obj .item .cont_cat figcaption .cont_tit{margin-bottom:5px;color:#111;}
#mvisual .grap .obj .item .cont_cat figcaption .cont_txt{display:block;overflow:hidden;height:40px;color:#767676;font-size:15px;line-height:20px;}
#mvisual .grap .obj .item .cont_cat.noimg figcaption .cat{top:45px;padding:0;width:100%;text-align:center;}
#mvisual .grap .obj .item .cont_cat.noimg figcaption .cont_tit{position:absolute;top:85px;left:0;padding:0 20px;width:100%;color:#fff;text-align:center;}
#mvisual .grap .obj .item .cont_cat.noimg figcaption .cont_txt{height:100px;}
@media(max-width:1023px) {
	#mvisual{padding-top:45px;height:585px;}
	#mvisual .mcopy{margin-bottom:35px;}
	#mvisual .mcopy strong{font-size:45px;line-height:50px;}
	#mvisual .grap{height:330px;}
	#mvisual .grap .obj .item{margin-right:0.15%;width:3.232%;}
	#mvisual .grap .obj .item .cont_cat .thm_img{height:185px;}
	#mvisual .grap .obj .item .cont_cat figcaption{padding:15px;height:145px;}
	#mvisual .grap .obj .item .cont_cat figcaption .cat{top:153px;}
	#mvisual .grap .obj .item .cont_cat figcaption .cont_txt{height:60px;}
}
@media(max-width:767px) {
	#mvisual{padding-top:35px;height:500px;}
	#mvisual .mcopy{margin-bottom:15px;font-size:20px;line-height:25px;}
	#mvisual .mcopy strong{font-size:30px;line-height:35px;}
	#mvisual .grap .obj .item{width:4.925%;}
}
@media(max-width:480px) {
	#mvisual .grap .obj .item{width:10%;}
}


/* 빠른검색 Service */
#msearch{border-color:#ddd;border-style:solid;border-width:1px 0;}
#msearch .layout{padding:30px 0 30px 180px;}
#msearch .layout h2{position:absolute;top:-10px;left:0;padding-top:40px;width:160px;height:150px;background:url(/images/edu/main/msearch_tit.png) no-repeat;color:#fff150;font-size:25px;line-height:30px;text-align:center;z-index:1;}
#msearch .layout h2 span{display:block;color:#fff;font-size:23px;line-height:inherit;}
#msearch ul{margin-left:-1%;}
#msearch ul:after{content:"";display:block;clear:both;visibility:hidden;}
#msearch ul li{float:left;position:relative;margin-left:1%;width:26%;}
#msearch ul .submit{width:18%;}
#msearch ul li *{font-size:16px;line-height:20px;box-sizing:border-box;}
#msearch ul li select,
#msearch ul li #search_txt{width:100%;height:48px;border-color:#ddd;border-radius:3px;}
#msearch ul li select{padding-left:15px;}
#msearch ul li #search_txt{padding-left:19px;}
#msearch ul li .flow{position:absolute;top:50%;left:19px;margin-top:-10px;}
#msearch ul li .btn{padding:10px 0 8px 20px;width:100%;height:48px;background:#3c808d url(/images/edu/main/msearch_ico.png) no-repeat 35% 50%;border-color:#408895;border-radius:3px;}
@media(max-width:1279px) {
	#msearch .layout{padding:30px 40px 30px 220px;}
	#msearch .layout h2{left:40px;}
}
@media(max-width:1023px) {
	#msearch .layout{padding:30px 10px 30px 195px;}
	#msearch .layout h2{left:10px;}
	#msearch ul li,
	#msearch ul .submit{margin-bottom:1%;width:49%;}
	#msearch ul li .btn{background-position:40% 50%;}
}
@media(max-width:767px) {
	#msearch .layout{padding:25px 10px 30px;}
	#msearch .layout h2{position:relative;top:auto;left:auto;margin-bottom:15px;padding:0;width:100%;height:auto;background:none;color:#000;font-size:20px;line-height:24px;}
	#msearch .layout h2 span{display:inline-block;color:#000;font-size:20px;}
}
@media(max-width:480px) {
	#msearch ul{margin:0;}
	#msearch ul li,
	#msearch ul .submit{float:none;margin:7px 0 0;width:100%;}
	#msearch ul li:first-child{margin:0;}
}


/* 강좌안내 */
#minfo{padding:80px 0 60px;background-color:#f9f6f1;}
#minfo .layout{overflow:hidden;}
#minfo h2{margin-bottom:20px;color:#000;font-size:30px;line-height:1;}
#minfo .tab{position:absolute;top:5px;right:0;line-height:0;}
#minfo .tab strong{display:none;}
#minfo .tab ul{}
#minfo .tab ul:after{content:"";display:block;clear:both;visibility:hidden;}
#minfo .tab ul li{float:left;}
#minfo .tab ul li{display:inline-block;float:left;position:relative;margin-left:30px;}
#minfo .tab ul li:before{content:"";display:block;position:absolute;top:1px;left:-16px;width:1px;height:12px;background-color:#bcbcbc;}
#minfo .tab ul li:first-child:before{display:none;}
#minfo .tab ul li a{display:block;color:#6d6d6d;font-size:16px;line-height:18px;}
#minfo .tab ul li.ov a{color:#444;}
#minfo .tab ul li.ov a:after{content:"";display:block;position:absolute;bottom:-10px;left:0;width:100%;height:3px;background-color:#408895;border-radius:3px;}
#minfo .info_list{position:relative;width:600%;}
#minfo .info_list:after{content:"";display:block;clear:both;visibility:hidden;}
#minfo .grap{float:left;position:relative;width:16.66%;}
#minfo .grap .obj ul{margin-left:-1%;}
#minfo .grap .obj ul:after{content:"";display:block;clear:both;visibility:hidden;}
#minfo .grap .obj ul li{float:left;margin:0 0 1% 1%;width:24%;}
#minfo .grap .obj ul li a{display:block;height:345px;background-color:#fff;}
#minfo .grap .obj ul li .cont_cat figcaption{padding:30px 20px;text-align:center;}
#minfo .grap .obj ul li .cont_cat figcaption .cat{top:30px;left:50%;margin-left:-48px;padding-top:12px;width:96px;height:96px;background-color:transparent;border:5px solid #fff;border-radius:100%;}
#minfo .grap .obj ul li .cont_cat figcaption .cat .edu-m-ir{margin:0 auto 5px;width:30px;height:35px;}
#minfo .grap .obj ul li .cont_cat.cat1 figcaption .cat .edu-m-ir{background-position:0 -85px;}
#minfo .grap .obj ul li .cont_cat.cat2 figcaption .cat .edu-m-ir{background-position:-30px -85px;}
#minfo .grap .obj ul li .cont_cat.cat3 figcaption .cat .edu-m-ir{background-position:-60px -85px;}
#minfo .grap .obj ul li .cont_cat.cat4 figcaption .cat .edu-m-ir{background-position:-90px -85px;}
#minfo .grap .obj ul li .cont_cat.cat5 figcaption .cat .edu-m-ir{background-position:-120px -85px;}
#minfo .grap .obj ul li .cont_cat.cat6 figcaption .cat .edu-m-ir{background-position:-186px -87px; height: 30px;}
#minfo .grap .obj ul li .cont_cat.cat7 figcaption .cat .edu-m-ir{background-position:-150px -85px; width: 35px; height: 35px;}
#minfo .grap .obj ul li .cont_cat.cat8 figcaption .cat .edu-m-ir{background-position:-90px -85px;}
#minfo .grap .obj ul li .cont_cat figcaption .cont_tit{position:absolute;top:135px;left:0;padding:0 20px;width:100%;color:#fff;}
#minfo .grap .obj ul li .cont_cat figcaption .day{display:block;margin-bottom:20px;color:#767676;font-size:15px;line-height:20px;}
#minfo .grap .obj ul li .cont_cat figcaption .btn{padding:10px 34px 8px;background-color:#f0f0f0;border-color:#ddd;border-radius:34px;color:#414141;font-size:16px;line-height:21px;}
#minfo .grap .obj ul li a:hover .cont_cat figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat figcaption .btn{color:#fff;}
#minfo .grap .obj ul li a:hover .cont_cat.cat1 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat1 figcaption .btn{background-color:#ff6666;border-color:#ff6666;}
#minfo .grap .obj ul li a:hover .cont_cat.cat2 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat2 figcaption .btn{background-color:#6ca960;border-color:#6ca960;}
#minfo .grap .obj ul li a:hover .cont_cat.cat3 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat3 figcaption .btn{background-color:#d847b8;border-color:#d847b8;}
#minfo .grap .obj ul li a:hover .cont_cat.cat4 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat4 figcaption .btn{background-color:#639bec;border-color:#639bec;}
#minfo .grap .obj ul li a:hover .cont_cat.cat5 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat5 figcaption .btn{background-color:#219eb4;border-color:#219eb4;}
#minfo .grap .obj ul li a:hover .cont_cat.cat7 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat7 figcaption .btn{background-color:#36747f;border-color:#36747f;}
#minfo .grap .obj ul li a:hover .cont_cat.cat8 figcaption .btn,
#minfo .grap .obj ul li a:focus .cont_cat.cat8 figcaption .btn{background-color:#FF9933;border-color:#FF9933;}
#minfo .grap .btn_wrap{margin:40px 0 0;text-align:center;}
#minfo .grap .btn_wrap .btn{padding:13px 110px 12px;background-color:#fff;border-color:#ddd;color:#606060;font-size:16px;line-height:25px;}
#minfo .grap .btn_wrap .btn:hover,
#minfo .grap .btn_wrap .btn:focus{background-color:#408896;border-color:#408896;color:#fff;}
#minfo .control{display:none;}
@media(max-width:1279px) {
	#minfo .tab{right:40px;}
}
@media(max-width:1023px) {
	#minfo{padding:40px 0 50px;}
	#minfo .tab{right:10px;}
	#minfo .grap .obj ul{margin-left:-1.5%;}
	#minfo .grap .obj ul li{margin:0 0 1.5% 1.5%;width:31.83%;}
	#minfo .grap .obj ul li a{height:300px;}
	#minfo .grap .obj ul li .cont_cat figcaption{padding:20px 15px;height:115px;}
	#minfo .grap .obj ul li .cont_cat figcaption .cat{top:20px;}
	#minfo .grap .obj ul li .cont_cat figcaption .cont_tit{top:125px;height:46px;font-size:18px;line-height:23px;}
	#minfo .grap .obj ul li .cont_cat figcaption .day{margin-bottom:10px;}
}
@media(max-width:767px) {
	#minfo h2{margin-bottom:20px;font-size:20px;text-align:center;}
	#minfo .grap .obj{overflow:hidden;position:relative;height:300px;}
	#minfo .grap .obj ul{position:relative;margin:0;width:1000%;}
	#minfo .grap .obj ul li{margin:0 0.15% 0 0;width:4.925%;}
	#minfo .control{display:block;}
	#minfo .control .edu-m-ir{top:37%;}
	#minfo .control .prev{left:-5px;}
	#minfo .control .next{right:-5px;}
	#minfo .grap .btn_wrap{margin-top:10px;}
	#minfo .tab{position:relative;top:auto;right:auto;margin:0 auto;width:100%;max-width:640px;}
	#minfo .tab strong{display:block;margin-bottom:15px;}
	#minfo .tab strong a{display:block;position:relative;padding:10px 20px 8px;background-color:#fff;border:1px solid #ddd;border-radius:3px;color:#444;font-size:16px;line-height:20px;}
	#minfo .tab strong a:before{content:"";display:block;position:absolute;top:50%;right:20px;margin-top:-4px;width:0;height:0;border:7px solid transparent;border-top-color:#7f7f7f;}
	#minfo .tab strong a.ov:before{margin-top:-10px;border-top-color:transparent;border-bottom-color:#7f7f7f;}
	#minfo .tab ul{display:none;position:absolute;top:48px;left:0;width:100%;background-color:#fff;border:1px solid #ddd;z-index:1;}
	#minfo .tab ul.ov{display:block;}
	#minfo .tab ul li{float:none;margin:0;width:100%;border-top:1px solid #ddd;}
	#minfo .tab ul li:first-child{border-top:0;}
	#minfo .tab ul li:before{display:none;}
	#minfo .tab ul li a{padding:10px 20px 8px;font-size:16px;line-height:20px;}
	#minfo .tab ul li.ov a{background-color:#d94545;color:#fff;}
	#minfo .tab ul li.ov a:after{display:none;}
}
@media(max-width:480px) {
	#minfo .grap .obj ul li{width:10%;}
	#minfo .grap .btn_wrap .btn{padding:13px 0 12px;width:100%;}
}


/* 공지사항, 포토갤러리 공통 */
#mboard{padding:60px 0;}
#mboard .col{float:left;position:relative;width:47.5%;}
#mboard .col:first-child{margin-right:5%;}
#mboard h2{margin-bottom:15px;font-size:25px;line-height:30px;}
#mboard .more{position:absolute;top:-3px;right:0;}
#mboard .more .edu-m-ir{width:35px;height:35px;background-position:-150px -85px;}
@media(max-width:1023px) {
	#mboard{padding:40px 0;}
	#mboard .col{width:37.5%;}
	#mboard .col:first-child{margin-right:7.5%;width:55%;}
}
@media(max-width:767px) {
	#mboard h2{font-size:20px;}
	#mboard .col{width:100%;}
	#mboard .col:first-child{margin:0 0 45px;width:100%;}
}


/* 공지사항 */
#mnotice{}
#mnotice ul{}
#mnotice ul li{margin-top:12px;position:relative;padding:0 130px 0 25px;line-height:0;}
#mnotice ul li:before{content:"";display:block;position:absolute;top:7px;left:10px;width:3px;height:3px;background-color:#bcbcbc;}
#mnotice ul li:first-child{margin-top:0;}
#mnotice ul li a{display:inline-block;overflow:hidden;padding-top:2px;max-width:100%;color:#535353;font-size:15px;line-height:17px;white-space:nowrap;text-overflow:ellipsis;}
#mnotice ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align:center;letter-spacing:-1px;line-height:1;font-size:12px;color:#fff}
#mnotice ul li a:hover,
#mnotice ul li a:focus{text-decoration:underline;}
#mnotice ul li a .color1{background-color:#ae1b6b}
#mnotice ul li a .color2{background-color:#1676D8}
#mnotice ul li a .color3{background-color:#6b7382}
#mnotice ul li a .color4{background-color:#E6007D}
#mnotice ul li a .color5{background-color:#34863F}
#mnotice ul li .date{position:absolute;top:0;right:0;padding-top:1px;color:#929292;font-size:13px;line-height:18px;}
#mnotice ul li img{position:absolute;top:0;left:0;width:19px;height:19px;}
@media(max-width:480px) {
	#mnotice ul li{padding-right:0;}
	#mnotice ul li .date{display:none;}
}


/* 포토갤러리 */
#mgall{}
#mgall ul{margin-left:-1%;}
#mgall ul:after{content:"";display:block;clear:both;visibility:hidden;}
#mgall ul li{float:left;margin-left:1.5%;width:48.5%;}
#mgall ul li a{display:block;position:relative;height:170px;color:#fff;text-align:center;}
#mgall ul li a figure{position:relative;width:100%;height:100%;}
#mgall ul li a figure .thm_img{display:block;overflow:hidden;position:relative;width:100%;height:100%;text-align:center;background-color:#f0f0f0;z-index:1;}
#mgall ul li a figure .thm_img img{width:100%;height:100%;transition:0.15s all ease-in-out;-webkit-transition:0.15s all ease-in-out;}
#mgall ul li a:hover figure .thm_img img,
#mgall ul li a:focus figure .thm_img img{transform:scale(1.25, 1.25);}
#mgall ul li a figure .mask{display:none;z-index:2;}
#mgall ul li a figcaption{display:none;position:absolute;top:0;left:0;padding:35px 30px;width:100%;height:100%;z-index:3;}
#mgall ul li a:hover .mask,
#mgall ul li a:focus .mask,
#mgall ul li a:hover figcaption,
#mgall ul li a:focus figcaption{display:block;}
#mgall ul li a figcaption b{display:block;overflow:hidden;margin-bottom:25px;height:50px;font-size:18px;font-weight:normal;line-height:25px;}
#mgall ul li a figcaption b:before{content:"";display:inline-block;height:100%;vertical-align:middle;}
#mgall ul li a figcaption b span{display:inline-block;line-height:inherit;vertical-align:middle;}
#mgall ul li a figcaption .btn{padding:6px 22px 4px;background-color:transparent;border-color:#fff;border-radius:25px;line-height:16px;}
@media(max-width:1023px) {
	#mgall ul li{display:none;}
	#mgall ul li:first-child{display:block;width:98.5%;}
	#mgall ul li a figure .thm_img img{width:auto;}
}
@media(max-width:767px) {
	#mgall ul li,
	#mgall ul li:first-child{display:block;width:48.5%;}
	#mgall ul li a{height:auto;}
	#mgall ul li a figure .thm_img{padding-top:65%;}
	#mgall ul li a figure .thm_img img{position:absolute;top:0;left:0;width:100%;height:100%;}
	#mgall ul li a figcaption{top:50%;margin-top:-50px;padding:0 30px;}
}
@media(max-width:480px) {
	#mgall ul li{display:none;}
	#mgall ul li:first-child{display:block;width:99%;}
}