@charset "utf-8";

.point_r{color:#B43B3D}
.point_b{color:#18519f}


#wrap.main{background:#fff}


/*비주얼 영역*/
.mvisual_wrap{margin-bottom:30px;background:url(/images/farm/main/mvisual_bg.jpg?ver=20221205) no-repeat 50% 0}
.mvisual_wrap .mvisual{width:1000px;height:190px;margin:0 auto;padding-top:170px}
.mvisual_wrap .mvisual p{color:#7c7c7c;font-weight:700;text-align:center}
.mvisual_wrap .mvisual p b{color:#000}


/*컨텐츠 영역*/
.mcon_left{float:left;width:270px;margin-right:30px}
.mcon_center{float:left;width:400px;margin-right:30px}
.mcon_right{float:left;width:270px;}

/*왼쪽*/
/*자주찾는 서비스*/
.mcon1{margin-bottom:40px}
.mcon1 p{}
.mcon1 p a{display:block;width:248px;padding:18px 0 41px 22px;background:url(/images/farm/main/mcon1_bg.gif) no-repeat;font-size:1.188em;font-weight:700;color:#fff}
.mcon1 p a:hover,
.mcon1 p a:focus,
.mcon1 p a:active{text-decoration:underline}


/*팝업존*/
.mcon2{position:relative;height:192px;margin-bottom:45px}
.mcon2 .obj{position:absolute;top:40px;left:0;width:100%;height:152px}
.mcon2 .obj li{position:absolute;top:0;left:0;border:1px solid #dddddd;overflow:hidden}
.mcon2 .obj li,
.mcon2 .obj li a{width:100%;height:100%}

.mcon2 .control{position:absolute;top:0;left:170px}
.mcon2 .control a{float:left;display:block;width:28px;height:29px;border:1px solid #dddddd;background:#fafbfd;font-size:0}
.mcon2 .control a.stop,
.mcon2 .control a.play{position:absolute;top:0;left:71px}
.mcon2 .control a.stop{background:url(/images/farm/main/pop_btn_stop.gif) no-repeat}
.mcon2 .control a.play{background:url(/images/farm/main/pop_btn_play.gif) no-repeat}
.mcon2 .control a[rel="prev"]{background:url(/images/farm/main/pop_btn_prev.gif) no-repeat;border-right-width:0}
.mcon2 .control a[rel="next"]{position:relative;background:url(/images/farm/main/pop_btn_next.gif) no-repeat}
.mcon2 .control a[rel="next"]:after{position:absolute;display:block;content:"";top:0;left:34px;height:29px;border-left:1px solid #c6c7cb}


/*직원소개 및 찾아오시는 길*/
.mcon3{overflow:hidden}
.mcon3:after{content:"";display:block;clear:both}
.mcon3 p{float:left;width:129px;height:142px;margin-right:13px;border:1px solid #ddd;background:url(/images/farm/main/mcon3_img1.gif) no-repeat}
.mcon3 p a{display:block;height:100%;padding:0;overflow:hidden;text-indent:-999px;background:none}
.mcon3 ul{float:left}
/*.mcon3 ul:after{content:"";display:block;clear:both}*/
.mcon3 ul li{}
.mcon3 ul li a{display:block;width:124px;padding:37px 0 9px;border:1px solid #ddd;text-align:center;font-weight:700}
.mcon3 ul .btn1 a{margin-bottom:6px;background:#fafbfd url(/images/farm/main/mcon3_img2.gif) no-repeat 50% 25%;}
.mcon3 ul .btn2 a{background:#fafbfd url(/images/farm/main/mcon3_img3.gif) no-repeat 50% 25%;}


/*가운데 */
/*주요정보서비스*/
.mcon4{position:relative;overflow:hidden;width:400px;margin-bottom:40px}
.mcon4 .obj{position:relative;width:10000px;padding:10px 15px;overflow:hidden;background:#fcfaf6}
.mcon4 .obj:after{content:"";display:block;clear:both}

.mcon4 .obj li{position:relative;float:left;margin-left:30px}
.mcon4 .obj li:first-child{margin-left:13px}

.mcon4 .obj li a{display:block;width:95px;padding:65px 0 10px;text-align:center;line-height:1.2;font-weight:700}
.mcon4 .obj .btn1 a{background:url(/images/farm/main/service_btn1.png) no-repeat 50% 5px}
.mcon4 .obj .btn2 a{background:url(/images/farm/main/service_btn2.png) no-repeat 50% 5px}
.mcon4 .obj .btn3 a{background:url(/images/farm/main/service_btn3.png) no-repeat 50% 5px}
.mcon4 .obj .btn4 a{background:url(/images/farm/main/service_btn4.png) no-repeat 50% 5px}
.mcon4 .obj .btn5 a{background:url(/images/farm/main/service_btn5.png) no-repeat 50% 5px}

.mcon4 .control{position:absolute;top:55px;left:15px}
.mcon4 .control a{position:absolute;display:block;top:0;left:0;width:10px;height:47px;font-size:0}
.mcon4 .control a[rel="prev"]{background:url(/images/farm/main/service_prev.png) no-repeat 0 50%}
.mcon4 .control a[rel="next"]{left:360px;background:url(/images/farm/main/service_next.png) no-repeat 0 50%}


/*공지사항*/
.mcon5{position:relative;height:192px;margin-bottom:45px;background:#f2f2f2}
.mcon5 h3{position:absolute;top:0px}
.mcon5 .tab1{left:0}
.mcon5 .tab2{left:86px}
.mcon5 .tab3{left:176px}
.mcon5 .tab4{left:266px}

.mcon5 h3 a{display:block;width:86px;height:39px;color:#585858;text-align:center;line-height:39px;font-size:0.95em}
.mcon5 h3 a.on,
.mcon5 h3 a:hover,
.mcon5 h3 a:focus,
.mcon5 h3 a:active{color:#fff;background:#5e7e2f}

.mcon5 .grap{position:absolute;top:40px;left:0;width:100%;height:151px;background:#fff}
.mcon5 .grap ul{padding:7px 0px;background:#fff}
.mcon5 .grap ul li{overflow:hidden;position:relative;margin-bottom:5px;padding:6px 0 1px 10px;border-top:1px dashed #dcdcdc}
.mcon5 .grap ul li:first-child{border-top-width:0}
.mcon5 .grap ul li:before{position:absolute;content:"";display:block;width:4px;height:4px;top:15px;left:3px;background:url(/images/farm/main/notice_bul.gif) no-repeat}
.mcon5 .grap ul li:after{content:"";display:block;clear:both}
.mcon5 .grap ul li a{float:left;display:block;width:65%;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}

.mcon5 .grap ul li .date{float:right}

[id^="mcon5_"] .more1{position:absolute;top:-26px;right:12px}
[id^="mcon5_"] .more1 a{display:block;width:13px;height:13px;background:url(/images/farm/main/notice_more.gif) no-repeat}

/*포토갤러리*/
.mcon6{overflow:hidden;padding:20px 15px 18px;border:1px solid #dcdcdc;background:#fcfaf6}
.mcon6 h3{font-size:0}
.mcon6:after{content:"";display:block;clear:both}

.mcon6 .photo_ul{overflow:hidden;float:right}
.mcon6 .photo_ul li{float:left;width:125px}
.mcon6 .photo_ul li:first-child{margin-right:15px}

.mcon6 .photo_ul li a{display:block}
.mcon6 .photo_ul li a span{display:block}
.mcon6 .photo_ul li a span.thumb{width:100%;height:85px;overflow:hidden}
.mcon6 .photo_ul li a span.title{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mcon6 .more{display:block;width:76px;padding:0 0 85px;background:#fcfaf6 url(/images/farm/main/photo_bg.gif) no-repeat 50% 100%;font-weight:700}


/*오른쪽*/
/*주요행사일정*/
.mcon7{position:relative;height: 255px;margin-bottom:20px;}
.mcon7 .more1{position:absolute;top:5px;right:3px}
.mcon7 .more1 a{display:block;width:13px;height:13px;background:url(/images/farm/main/calendar_more.gif) no-repeat}
.mcon7 .tit{margin-bottom:15px;background:url(/images/farm/main/mcon7_bul.gif) no-repeat 58px 2px;font-weight:700;text-align:center}
.mcon7 .calendar{padding:15px 15px 20px;background:url(/images/farm/main/mcon7_bg.gif) no-repeat}
.mcon7 table{width:100%;}
.mcon7 table th,table td{padding:10px 0 9px;text-align:center;font-weight:700;font-size:0.875em;color:#000;background:#f2f2f2;border-left:1px solid #fff}
.mcon7 table th:first-child,.mcon7 table td:first-child{border-left-width:0}
.mcon7 table th{background:#5e7e2f;color:#fff}

.mcon7 .plan_list{padding:10px 0 5px;border:1px solid #dcdcdc;border-top:1px dashed #dcdcdc}
.mcon7 .plan_list li{margin-bottom:5px;padding-left:20px;background:url(/images/farm/main/notice_bul.gif) no-repeat 10px 55%}


/*오늘의 날씨*/
.mcon8{height:75px;margin-bottom: 20px;padding:25px 20px;border:1px solid #dcdcdc;background:url(/images/farm/main/mcon8_bg.gif) no-repeat;}
.mcon8 .grap{overflow:hidden}
.mcon8 .grap:after{content:"";display:block;clear:both}
.mcon8 .grap p{float:left;margin:0 15px 0 7px}
.mcon8 .grap strong{float:left;display:block;float:left;font-size:1.063em}
.mcon8 .grap strong + p{margin:0}
.mcon8 .grap p #txt_temp{font-size:2em;font-weight:700}

.tit_weather span,#txt_temp{color:#0b6c8a}
.txt_weather {font-size:1.063em;margin:-5px 0 0 0 !important;}


/*주요기관 바로가기*/
.mcon9{height:145px}
.mcon9 .select label{visibility:hidden;font-size:0;float:left}
.mcon9 .related_sites{margin-top:10px}
.mcon9 .related_sites li{margin-top:8px}
.mcon9 .related_sites li:first-child{margin-top:0}
.mcon9 [id^="select_link_"]{width:215px}
.mcon9 a[target="_blank"]{padding-right:0;background:none}
.mcon9 input[type="button"], input[type="reset"], input[type="submit"]{float:right;width:45px;padding: 4px 9px;}

/*배너모음*/
.main #bannerWrap{margin-bottom:30px}
#banner{width:980px;border:1px solid #dcdcdc}
#banner h3{float:left;width:70px;margin:3px 0 0 35px;color:#000}
#banner .control{top:25px;left:105px;width:82px;height:25px;background:url(/images/farm/main/banner_btn_bg.gif) no-repeat}
#banner .control a{border:none !important;position:absolute;}
#banner .control a.stop{position:absolute;top:0;left:57px;background:url(/images/farm/main/banner_btn_stop.gif) no-repeat 50% 50%}
#banner .control a.play{position:absolute;top:0;left:57px;background:url(/images/farm/main/banner_btn_play.gif) no-repeat 50% 50%}
#banner .control a[rel="prev"]{left:4px;background:url(/images/farm/main/banner_btn_prev.gif) no-repeat 50% 50%}
#banner .control a[rel="next"]{left:31px;background:url(/images/farm/main/banner_btn_next.gif) no-repeat 50% 50%}
#banner .grap{float:left;width:760px;margin:5px 0 0 90px}
#banner .grap .obj li{position:relative}
#banner .grap .obj li:after{position:absolute;display:block;content:"";top:5px;left:0;height:14px;border-left:1px solid #e1dedc}