@charset "utf-8";

#wrap.main{background:none}

/*메인 비주얼 영역*/
.mvisual_wrap{height:340px}
.mvisual_wrap .mvisual{width:1000px;margin:0 auto}

.rolling_wrap{position:relative}

.rolling_wrap .obj{position:relative}
.rolling_wrap .item{overflow:hidden;position:absolute;top:0;left:0;width:1000px; margin-top:32px}
.rolling_wrap .item a[target]{padding-right:0;background:transparent}
.rolling_wrap .item a{display:block;height:100%}
.rolling_wrap .item:after{content:"";display:block;clear:both}

.rolling_wrap .item .infor{float:left;width:220px;height:310px;padding:0 25px;background:#c0392b;color:#fff}
.rolling_wrap .item .infor .title{margin:40px 0 20px;font-size:1.5em;font-weight:normal;line-height:1.4;word-break:keep-all;}
.rolling_wrap .item .infor p{font-size:0.95em}
.rolling_wrap .item .infor p+p{height:65px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}


.rolling_wrap .item .infor .btn{width:100px;height:30px;margin-top:10px;border:1px solid #fff;line-height:30px;text-align:center}

.rolling_wrap .item .mainImg{float:left}

.rolling_wrap .pnote{position:absolute;top:285px;right:45px}
.rolling_wrap .pnote a{float:left;display:block;width:24px;height:24px;margin-left:5px;background:url(/images/life/main/btn_roll.png) no-repeat;font-size:0}
.rolling_wrap .pnote a.ov{width:54px;background:url(/images/life/main/btn_roll_ov.png) no-repeat}

.rolling_wrap .control{position:absolute;top:285px;right:41px}
.rolling_wrap .control a{position:absolute;display:block;top:0;left:0;width:24px;height:24px;font-size:0}
.rolling_wrap .control a.stop{background:url(/images/life/main/btn_roll_stop.png) no-repeat}
.rolling_wrap .control a.play{background:url(/images/life/main/btn_roll_play.png) no-repeat}


/*서비스메뉴*/
.service_wrap{margin-top:30px;background:url(/images/life/main/service_bg.gif) no-repeat 50% 0}
.service{overflow:hidden;width:1000px;margin:0 auto}
.service .service_ti{float:left;width:270px;height:119px;padding:0 0 0 10px;background:#005aab;border-right:5px solid #084684}
.service .service_ti h3{margin-top:30px;font-size:20px;background:url(/images/life/main/service_arw.gif) no-repeat 50% 50%;color:#fff}
.service .service_ti p{color:#C0D5EE}
.service .service_menu{float:left}

.service_menu ul{overflow:hidden;background:#cbd2d6}
.service_menu ul li{float:left;padding:16px 16px 6px;border-left:1px dashed #acacac}
.service_menu ul li:first-child{margin-left:0;border-left-width:0}

.service_menu ul li a{display:block;width:110px;padding:75px 0 0;text-align:center}
.service_menu ul .btn1 a{background:url(/images/life/main/service_btn1.gif) no-repeat 50% 0}
/*.service_menu ul .btn1 a:hover{background:url(/images/life/main/service_btn1_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn2 a{background:url(/images/life/main/service_btn2.gif) no-repeat 50% 0}
/*.service_menu ul .btn2 a:hover{background:url(/images/life/main/service_btn2_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn3 a{background:url(/images/life/main/service_btn3.gif) no-repeat 50% 0}
/*.service_menu ul .btn3 a:hover{background:url(/images/life/main/service_btn3_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn4 a{background:url(/images/life/main/service_btn4.gif) no-repeat 50% 0}
/*.service_menu ul .btn4 a:hover{background:url(/images/life/main/service_btn4_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn5 a{background:url(/images/life/main/service_btn5.gif) no-repeat 50% 0}
/*.service_menu ul .btn5 a:hover{background:url(/images/life/main/service_btn5_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn6 a{background:url(/images/life/main/service_btn6.gif) no-repeat 50% 0}
/*.service_menu ul .btn6 a:hover{background:url(/images/life/main/service_btn6_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn7 a{background:url(/images/life/main/service_btn7.gif) no-repeat 50% 0}
/*.service_menu ul .btn7 a:hover{background:url(/images/life/main/service_btn7_ov.gif) no-repeat 50% 0;color:#084684}*/
.service_menu ul .btn8 a{background:url(/images/life/main/service_btn8.gif) no-repeat 50% 0}
/*.service_menu ul .btn8 a:hover{background:url(/images/life/main/service_btn8_ov.gif) no-repeat 50% 0;color:#084684}*/



/*컨텐츠영역*/
.mcon_top{height:215px}
.mcon_middle{height:252px;margin-top:30px;background: url('/images/life/main/mcon3bg.png') no-repeat;}
.mcon_bottom{margin-top:30px;background:#efefef;overflow:hidden}

/*상단*/
/*공지사항 & 접수중인 강좌*/
.mcon1,
.mcon2{float:left;position:relative;width:48%;height:215px;margin-right:30px;overflow:hidden}
.mcon2{margin-right:0}

.mcon1 h3,
.mcon2 h3{position:absolute;top:0px;height:35px;z-index:100}
.mcon1 .tab1,
.mcon2 .tab1{left:0}
.mcon1 .tab2,
.mcon2 .tab2{left:141px}
.mcon1 .tab3,
.mcon2 .tab3{left:282px}


.mcon1 h3 a,
.mcon2 h3 a{display:block;width:141px;height:35px;background:url(/images/life/main/tab_img.gif) no-repeat;color:#767676;text-align:center;line-height:38px;font-size:0.9em;z-index:10}
.mcon1 h3 a.on,
.mcon1 h3 a:hover,
.mcon1 h3 a:focus,
.mcon1 h3 a:active,
.mcon2 h3 a.on,
.mcon2 h3 a:hover,
.mcon2 h3 a:focus,
.mcon2 h3 a:active{height:36px;background:#fff url(/images/life/main/tab_img_ov.gif) no-repeat;color:#000}

.mcon1 .grap,
.mcon2 .grap{position:absolute;top:35px;left:0;width:100%;padding-top:20px;border-top:1px solid #000}
.mcon1 .grap ul,
.mcon2 .grap ul{padding:7px 20px}
.mcon1 .grap ul li,
.mcon2 .grap ul li{overflow:hidden;position:relative;margin-bottom:10px;padding-left:15px}
.mcon2 .grap ul li{padding-left:0}
.mcon1 .grap ul li:first-child,
.mcon2 .grap ul li:first-child{border-top-width:0}
.mcon1 .grap ul li:before{position:absolute;content:"";display:block;width:2px;height:2px;top:9px;left:3px;border-left:2px solid #000}
.mcon1 .grap ul li:after,
.mcon2 .grap ul li:after{content:"";display:block;clear:both}
.mcon1 .grap ul li a,
.mcon2 .grap ul li a{float:left;display:block;width:65%;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#000}
.mcon2 .grap ul li a{width:45%}
.mcon1 .grap ul li a:hover,
.mcon2 .grap ul li a:hover{text-decoration:underline}
.mcon2 .grap ul li span{display:block;float:right;color:#000}
.mcon2 .grap ul li .price{width:88px;height:22px;margin-left:20px;line-height:27px;text-align:center;color:#000}
.mcon2 .grap ul li .price.free{;background:url(/images/life/main/free_bg.png);color:#fff}

.mcon1 .grap ul li .date,
.mcon2 .grap ul li .date{float:right}


.mcon1 #mcon1_3{}
.mcon1 #mcon1_3 .wall{overflow:hidden;position:relative;width:420px;margin:0 auto}
.mcon1 #mcon1_3 ul{position:relative;overflow:hidden;width:10000px;padding:0}
.mcon1 #mcon1_3 ul:after{content:"";display:block;clear:both}
.mcon1 #mcon1_3 ul li{float:left;width:420px;margin:0;padding:0;color:#000}
.mcon1 #mcon1_3 ul li:before{display:none}
.mcon1 #mcon1_3 ul li .imgwrap{float:left;width:38%}
.mcon1 #mcon1_3 ul li a{float:right;width:57%;margin-right:0;white-space:normal}
.mcon1 #mcon1_3 ul li .con strong{display:block;margin-bottom:5px}


.mcon1 #mcon1_3 .control{position:absolute;top:65px;left:0}
.mcon1 #mcon1_3 .control a{position:absolute;top:0;left:8px;width:13px;height:22px;font-size:0}
.mcon1 #mcon1_3 .control a[rel="prev"]{background:url(/images/life/main/news_prev.gif) no-repeat}
.mcon1 #mcon1_3 .control a[rel="next"]{left:459px;background:url(/images/life/main/news_next.gif) no-repeat}


[id^="mcon1_"] .more1,
[id^="mcon2_"] .more1{position:absolute;top:-28px;right:12px}
[id^="mcon1_"] .more1 a,
[id^="mcon2_"] .more1 a{display:block;width:19px;height:19px;background:url(/images/life/main/notice_more.png) no-repeat}


/*중단*/
/*봄이ㅡ마을현황*/
.mcon3{position:relative;float:left;width:32%}
.mcon3:before{position:absolute;display:block;content:"";top:60px;left:319px;height:192px;border-right:1px solid #acacac}
.mcon3 h3{font-weight:normal;height:60px;padding:0 23px;line-height:60px;color: #728380;font-size:1.4em}
.mcon3 ul{overflow:hidden}
.mcon3 ul:after{content:"";display:block;clear:both}
.mcon3 ul li{float:left}

.mcon3 ul li a{display:block;margin:10px 0 0 25px;padding: 18px 10px 16px 66px;color:#000; border-radius: 7px; box-shadow: 0 10px 10px #e9e9e9;}
.mcon3 ul li a:hover{background-color: #4a9da3; color: #fff;}
.mcon3 ul .btn1 a{margin-top:25px;background:url(/images/life/main/mcon3_btn1.png) no-repeat 0 50% rgba(255,255,255,0.5);}
.mcon3 ul .btn2 a{margin-top:25px;background:url(/images/life/main/mcon3_btn2.png) no-repeat 0 50% rgba(255,255,255,0.5);}
.mcon3 ul .btn3 a{background:url(/images/life/main/mcon3_btn3.png) no-repeat 0 50% rgba(255,255,255,0.5);}
.mcon3 ul .btn5 a{background:url(/images/life/main/mcon3_btn4.png) no-repeat 0 50% rgba(255,255,255,0.5);}



/*서천문화학당*/
.mcon4{position:relative;float:left;width:31%}
.mcon4:before{position:absolute;display:block;content:"";top:60px;left:310px;height:192px;border-right:1px solid #acacac}
.mcon4 h3{font-weight:normal; height:60px;padding:0 31px;background:#1abc9c;line-height:60px;color:#fff;font-size:1.4em}
.mcon4 .time{margin: 31px 32px 32px;padding-left:95px;background:url(/images/life/main/mcon4_img.gif) no-repeat 5px 50%;color:#000;font-size: 20px;}
.mcon4 .time span{color:#bf3f13}

p.btn span{float:left;display:block}
p.btn span a{display:block;width:119px;height:35px;color:#fff;text-align:center;line-height:35px}
p.btn .btn_gray a{margin: 0px 5px 0 33px;background:#767676;}
p.btn .btn_char a{background:#4a4b4e}

p.btn_top span{float:left;display:block}
p.btn_top span a{display:block;width: 150px;height: 35px;color:#fff;text-align:center;line-height: 34px;}
p.btn_top .btn_lay a{margin: -37px 2px 1px 126px;background:#767676;}


/*서천사랑장학회*/
.mcon5{float:left;width:37%}
.mcon5 h3{font-weight:normal; height:60px;padding:0 33px;background:#16a085;line-height:60px;color:#fff;font-size:1.4em}
.mcon5 .grap{position:relative;text-align:right;margin-top:32px;padding: 0 25px 0 33px;overflow:hidden;}
.mcon5 .grap p{float:left;line-height: 26px;font-weight:normal;}
.mcon5 .grap .obj{position:relative;float:right;display:block;width:220px;height:26px;font-size:1.35em;/* overflow:hidden; */right: 30px;}
.mcon5 .grap .obj li{display:block;letter-spacing:1px;color:#000;}
.mcon5 .grap span{font-size:1.375em;right:32px;position: absolute;color: #000;}
.mcon5 .control{position:absolute;top:76px;right:0;}
.mcon5 .control a{float:left;margin:0 3px;}
.mem:after{display:block;content:"";clear:both}

/* .mcon5 삭제로 인한 css 수정 (다시 돌려놓을때 이 css만 삭제) */
.mcon3, .mcon5 {width:100%}
.mcon3 ul li a {margin:25px 0 0 35px}
.mcon3:before {left:499px; display: none;}
/* .mcon5 삭제로 인한 css 수정 (다시 돌려놓을때 이 css만 삭제) 끝 */

/*20160819_메인변경*/
/*.mem{overflow:hidden;margin-top:32px;padding:0 25px 0 33px}
.mem p{float:left;line-height:39px;font-weight:normal}
.mem ul{float:right;overflow:hidden;font-weight:normal}
.mem ul:after{display:block;content:"";clear:both}
.mem ul li{float:left;width:32px;height:39px;margin-left:3px;background:url(/images/life/main/mcon5_img.gif) no-repeat 50% 50%;text-align:center;line-height:39px;font-size:1.375em;color:#000}
.mem ul li:first-child{margin-left:0}
.mem ul li.last{background:none}*/
.mcon5 .fundbox{position:absolute;display:block;top:32px;left:33px;width:300px;height:26px;}
.mem{overflow:hidden;padding: 0 28px 0 32px;}
.mem p{float:left;line-height:30px;font-weight:normal}
.mem ul{float:right;overflow:hidden;font-weight:normal}
.mem ul:after{display:block;content:"";clear:both}
.mem ul li{float:left;width: 25px;height: 30px;margin-left:3px;background:url(/images/life/main/mcon5_img.gif) no-repeat 50% 50%;text-align:center;line-height: 35px;font-size:1.375em;color:#000;background-size: 95%;}
.mem ul li:first-child{margin-left:0}
.mem ul li.last{background:none}

.fund{overflow:hidden;margin-bottom:10px;padding:0 32px 0 33px}
.fund:after{display:block;content:"";clear:both}
.fund span{display:block;float:left;font-weight:normal;color:#000}
.fund span + span{float:right;font-size:1.375em}
.fund span + span > span{float:right;margin-left:10px}

.mcon5 p.btn span a{width:149px}
.mcon5 p.btn .btn_gray a{margin-left:33px}


/*하단*/
/*평생학습 갤러리*/
.mcon6{position:relative}
.mcon6 h3{font-weight:normal; font-size:1.4em;margin:18px 0 0 20px}
.mcon6 .grap{position:relative;overflow:hidden;width:96%;margin:20px auto 0;border-bottom:1px #acacac solid}
.mcon6 .grap ul{position:relative;overflow:hidden;width:10000px}
.mcon6 .grap ul li{float:left;margin-right:20px}
.mcon6 .grap ul li img{height:205px;}
.mcon6 .grap ul li a{display:block;width:307px}
.mcon6 .grap ul li a span{display:block;position:relative;bottom:15px;height:40px;background:#000;color:#fff;text-align:center;line-height:40px}
.mcon6 .control{position:absolute;top:5px;right:110px}
.mcon6 .control a{position:absolute;display:block;width:10px;height:19px;font-size:0}
.mcon6 .control a[rel="prev"]{top:0;left:0;background:url(/images/life/main/photo_prev.png) no-repeat}
.mcon6 .control a[rel="next"]{top:0;left:30px;background:url(/images/life/main/photo_next.png) no-repeat}
.mcon6 .more{position:absolute;top:5px;right:30px}
.mcon6 .more a{display:block;width:19px;height:19px;background:url(/images/life/main/notice_more.png) no-repeat}


/*자주찾는 메뉴*/
.mcon7{position:relative;float:left;width:66%;margin-bottom:30px}
.mcon7:before{position:absolute;display:block;content:"";top:227px;left:315px;height:50px;border-right:1px solid #acacac}
.mcon7:after{position:absolute;display:block;content:"";top:209px;left:0;width:635px;border-top:1px solid #acacac}
.mcon7 h3{overflow:hidden;margin-top:20px;font-size:1.4em; font-weight:normal}
.mcon7 h3 span{display:block;float:left}
.mcon7 h3 span + span{margin-left:0;margin-left:15px;line-height:37px;font-weight:400;font-size:0.7em}

.mcon7 .grap{position:relative;width:630px;height:113px;margin-top:5px;overflow:hidden}
.mcon7 .grap .obj{position:relative;width:10000px}
.mcon7 .grap .obj:after{display:block;content:"";clear:both}
.mcon7 .grap .obj li{float:left}
.mcon7 .grap .obj li a{display:block;width:100px;margin-left:25px;padding:95px 0 0;text-align:center;color:#000}
.mcon7 .grap .obj li a:hover{text-decoration:underline}
.mcon7 .grap .obj li:first-child a{margin-left:12px}
.mcon7 .grap .obj .btn1 a{background:url(/images/life/main/fav_btn1.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn2 a{background:url(/images/life/main/fav_btn2.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn3 a{background:url(/images/life/main/fav_btn3.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn4 a{background:url(/images/life/main/fav_btn4.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn5 a{background:url(/images/life/main/fav_btn5.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn6 a{background:url(/images/life/main/fav_btn6.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn7 a{background:url(/images/life/main/fav_btn7.png) no-repeat 50% 0%}
.mcon7 .grap .obj .btn8 a{background:url(/images/life/main/fav_btn8.png) no-repeat 50% 0%}
.mcon7 .control{position:absolute;top:21px;right:80px}
.mcon7 .control a{position:absolute;display:block;width:10px;height:19px;font-size:0}
.mcon7 .control a[rel="prev"]{top:0;left:0;background:url(/images/life/main/photo_prev.png) no-repeat}
.mcon7 .control a[rel="next"]{top:0;left:30px;background:url(/images/life/main/photo_next.png) no-repeat}

/*배너광장*/
.mcon8{position:relative;overflow:hidden;float:left;width:670px;height:65px;padding:25px 0 0 20px}
.mcon8 h3{margin-top:5px;font-size:1.4em; font-weight:normal}
.mcon8 .grap{position:absolute;overflow:hidden;top:22px;left:140px;width:510px;height:45px}
.mcon8 .grap ul{position:relative;overflow:hidden;width:16000px;height:45px}
.mcon8 .grap ul li{float:left}
.mcon8 .grap ul li a{display:block}

.mcon8 .control{position:absolute;top:36px;left:30px}
.mcon8 .control a{position:absolute;display:block;top:0;width:11px;height:18px;font-size:0}
.mcon8 .control a[rel="prev"]{left:90px;background:url(/images/life/main/banner_prev.gif) no-repeat}
.mcon8 .control a[rel="next"]{left:630px;background:url(/images/life/main/banner_next.gif) no-repeat}



/*기관찾기*/
.mcon9{float:left;overflow:hidden;width:290px;height:65px;padding:25px 0 0}
.mcon9 h3{float:left;margin:5px 10px 0 9px;font-size:1.4em; font-weight:normal}
.mcon9 form[name="sitelink"]{float:left}
.mcon9 form span,.mcon9 form input{float:left}
.mcon9 form span{width: 135px;}

.mcon9 .select label{visibility:hidden;font-size:0;float:left}
.mcon9 .related_sites li{margin-top:0}
.mcon9 [id^="select_link_"]{width:190px;height:38px;background:#fff url(/images/life/main/form_arw.gif) no-repeat 115px 55%}
.mcon9 a[target="_blank"]{padding-right:0;background:none}
.mcon9 input[type="button"], input[type="reset"], input[type="submit"]{height:38px;font-size:1em}