@charset "utf-8";

/*!
*@(주)가민정보시스템
*@2017.07.17 류승호초안
*@추가수정 : 수정시 작성
*/

/*=================
모바일 및 기본 세팅 
===================*/


/*==================
스마트폰 기본 세팅 
==================*/

/*smartphones ( portrait )*/
@media all and (max-width:375px) {
}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

/*tablet( portrait )*/
@media all and (min-width:640px) {

}
@media all and (min-width:641px) and (max-width:767px) {

}


/*tablet ( portrait )*/
@media all and (min-width:768px) and (max-width:1023px) {
}


/*=================
데스크탑 기본 세팅 
===================*/
/*@media all and (min-width:1024px) {*/
html,body{}	

.container{  width:1200px; margin:0 auto;}

#wrap{  min-width:1200px}

#skiptoContent { display:block; margin:0; padding:0; z-index:2000}
a.quick_menu {display:block; font-size:1em; left:0; text-align:center; top:-10000px; position:absolute; width:100%; z-index:500;}
a.quick_menu:hover, a.quick_menu:focus, a.quick_menu:active {background:none repeat scroll 0 0 #404b64; color:#fff; font-weight:bold; height:40px; padding:10px 0; position:absolute; top:0; z-index:4000;}


#header{ position:relative;  border-bottom:#626262 solid 1px; height:130px;  min-width:1200px;  transition:0.3s}
#header:after{ display:block; content:""; clear:both}
#header.open{ height:280px; transition:0.3s}
#header .top_menu_wrap{ display:block; background:#f0f0f0;  height:40px;}
#header  > .container{ clear:both}

#header .mobile_menu{ display:none}

/*상단메뉴*/
#header .top_menu{ float:left; }
#header .top_menu li{ float:left; margin-right:2px;}
#header .top_menu li > a{ position:relative; display:block; line-height:40px; font-size:12px; font-weight:bold;  width:120px; text-align:center; background:#d9d9d9; color:#787878}
#header .top_menu li > a:hover,#header .top_menu li > a.active{ background:#3269b4; color:#fff;}
#header .top_menu li:hover > a:after,#header .top_menu li > a.active:after{ display:block; content:""; position:absolute; left:50%; width:0px; height:0px; border:solid transparent;  }
#header .top_menu li:hover > a:after,#header .top_menu li > a.active:after{ border-width:7px; border-top-color:#3269b4; margin-left:-7px; z-index:120}
#header .top_menu li:first-child > a{ padding-left:25px;  background-image:url(/home/www/images/common/icon_top_off.png); background-repeat:no-repeat; background-position: 20px center;}
#header .top_menu li:first-child > a:hover,#header .top_menu li:first-child > a.active{ background-color:#085e2a; background-image:url(/home/www/images/common/icon_top_on.png); }
#header .top_menu li:first-child > a:hover:after,#header .top_menu li:first-child > a.active:after{  border-top-color:#085e2a;}
#header .top_menu li:last-child:hover > a,#header .top_menu li:last-child > a.active{ background:#2197b9; color:#fff;}
#header .top_menu li:last-child:hover > a:after,#header .top_menu li:last-child > a.active:after{  border-top-color:#2197b9;}

/*주요홈페이지*/
#header .top_menu li .total_site{ display:none; position:absolute; left:0;  width:100%; height:0px; font-size:0; padding-top:0; padding-bottom:0; background:#f0f0f0; transition:0.3s; overflow:hidden; z-index:110}
#header .top_menu li .total_site.open{display:block; height:150px ;padding-top:17px; padding-bottom:20px; transition:0.3s; }
#header .top_menu li .total_site .container{ position:relative}
#header .top_menu li .total_site h2{ display:inline-block; background:url(/home/www/images/common/icon_title.png) 50px top no-repeat; margin-top:0; font-size:14px; width:120px; line-height:1.2}
#header .top_menu li .total_site h2{ font-weight:bold; color:#747373; vertical-align:top; padding-top:20px; padding-right:40px; padding-bottom:20px; border-right:#ccc solid 1px;  }
#header .top_menu li .total_site a{ display:inline-block; width:9.5%; background:transparent;  vertical-align:top;}
#header .top_menu li .total_site a span{ display:block; line-height:100%;}
#header .top_menu li .total_site a span.icon{ display:block; margin:0 auto;  width:60px; height:62px; background-image:url(/home/www/images/common/icon_site.png); }
#header .top_menu li .total_site a span.icon{ background-repeat: no-repeat; background-position:0 0; line-height:normal; }
#header .top_menu li .total_site a span.title{ font-size:12px; font-weight:bold; color:#747373; text-align:center; padding-top:12px; line-height:120%;}
#header .top_menu li .total_site a span.title.new_win{ background:url(/home/www/images/common/win_new.png) right 3px no-repeat}
#header .top_menu li .total_site a span.title.none{ padding-top:7px;}
#header .top_menu li .total_site a span.icon01{ background-position:0 0;}
#header .top_menu li .total_site a span.icon02{ background-position:-60px 0;}
#header .top_menu li .total_site a span.icon03{ background-position:-120px 0;}
#header .top_menu li .total_site a span.icon04{ background-position:-180px 0;}
#header .top_menu li .total_site a span.icon05{ background-position:-240px 0;}
#header .top_menu li .total_site a span.icon06{ background-position:-300px 0;}
#header .top_menu li .total_site a span.icon07{ background-position:-360px 0;}
#header .top_menu li .total_site a span.icon08{ background-position:-420px 0;}
#header .top_menu li .total_site a span.icon09{ background-position:-480px 0;}
#header .top_menu li .total_site a span.icon10{ background-position:-540px 0;}
#header .top_menu li .total_site a span.icon11{ background-position:-900px 0;}
#header .top_menu li .total_site a span.icon15{ background-position:-840px 0;}
#header .top_menu li .total_site a.close_site{ position:absolute; right:0; bottom:-45px; width:165px; padding:8px 10px 8px 22px; }
#header .top_menu li .total_site a.close_site{ border:#ccc solid 1px; background:#fff url(/home/www/images/common/arrow_close.jpg) 5px center no-repeat ; font-size:12px; text-indent:0}

/*언어선택*/
#header .sns_language{ float:right; font-size:0;   }
#header .sns_language > a{ display:inline-block; width:auto; height:40px; padding:0 15px; line-height:40px; font-size:12px; font-weight:bold; background:#d9d9d9; vertical-align:top; margin:0 2px; }
#header .lang_select{ display:inline-block; position:relative; font-size:12px;}
#header .lang_select a{ display:block; background:#d9d9d9; height:40px; padding:0 15px; line-height:40px; font-weight:bold}
#header .lang_select a:hover{ background:#666; color:#fff;}
#header .lang_select > a { position:relative; padding-right:25px; }
#header .lang_select > a:after{ display:block; content:""; position:absolute; top:50%; right:10px; width:0px; height:0px; border:solid transparent;  border-width:5px; border-top-color:#636363; margin-top:-2px;}
#header .lang_select > a:hover:after{  border-top-color:#fff;}
#header .lang_select ul{ display:none; position:absolute; width:100%; z-index:130}


/*줌인아웃*/
#header .zoom_inout{ display:inline-block; vertical-align:top; margin-right:2px; }
#header .zoom_inout a{ display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-9999px;  margin-right:2px;  background-image:url(/home/www/images/common/zoom_inout.png); background-repeat:no-repeat }
#header .zoom_inout a:last-child{ margin:0;}
#header .zoom_inout a:nth-child(3){ background-position:0 -40px;  }
#header .zoom_inout a:nth-child(3):hover{ background-position:0 0}
#header .zoom_inout a:nth-child(2){ background-position:-41px -40px ; }
#header .zoom_inout a:nth-child(2):hover{ background-position:-41px 0}
#header .zoom_inout a:nth-child(1){ background-position:-82px -40px ; }
#header .zoom_inout a:nth-child(1):hover{ background-position:-82px 0}

/*상단sns*/
#header .sns_block{ display:inline-block; vertical-align:top; }
#header .sns_block a{ display:inline-block; width:40px; height:40px; line-height:40px; text-indent:-9999px;  margin-right:2px;  background-image:url(/home/www/images/common/icon_sns.jpg); background-repeat:no-repeat }
#header .sns_block a:last-child{ margin:0;background-position:-164px 0 ;}
#header .sns_block a:last-child:hover{background-position:-164px -41px ;}
#header .sns_block a:nth-child(1){ background-position:0 0;  }
#header .sns_block a:nth-child(1):hover{ background-position:0 -41px}
#header .sns_block a:nth-child(2){ background-position:-41px 0 ; }
#header .sns_block a:nth-child(2):hover{ background-position:-41px -41px}
#header .sns_block a:nth-child(3){ background-position:-82px 0 ; }
#header .sns_block a:nth-child(3):hover{ background-position:-82px -41px}
#header .sns_block a:nth-child(4){ background-position:-123px 0 ; }
#header .sns_block a:nth-child(4):hover{ background-position:-123px -41px}

/*로고*/
#header .logo{ float:left; padding:30px 0 14px 0; margin-right:95px;}

#menu_wrap{ margin-top:0; transition:0.3s}
#menu_wrap.open{ margin-top:150px;  transition:0.3s}

/*gnb*/
#header .gnb_wrap{ position:inherit; top:0; left:0; width:auto; padding-top:0; background:none; background-size:auto; transition:0.3s; z-index:1000 }
#header .gnb_wrap .gnb{ float:left; padding:17px 0 0;}
#header .gnb_wrap .gnb > li { float:left; position:inherit}
#header .gnb_wrap .gnb > li:before,#header .gnb_wrap .gnb > li:after{ display:none }
#header .gnb_wrap .gnb > li > a{ display:block; padding:22px 22px 33px 22px; font-size:18px; font-weight:500; color:#474747; background:none; border:0; }
#header .gnb_wrap .gnb > li:hover > a{ color:#ee5f4a }
#header .gnb_wrap .gnb li .depth2_wrap{ display:none; position:absolute; top:130px; left:0; width:100%;  background:url(/home/www/images/common/menu_bg.jpg); border-bottom:#626262 solid 1px;   z-index:1000; overflow:hidden}
#header .gnb_wrap .gnb li .depth2_wrap.open{ top:280px;}
#header .gnb_wrap .gnb li .depth2_wrap .depth2_bg{ position:absolute; width:50%; height:100%; right:0; background:#fff}
#header .gnb_wrap .gnb li .depth2_wrap .depth2_title{ float:left; width:200px; height:100%; padding-top:170px; background-image:url(/home/www/images/common/icon_menu.png); background-repeat:no-repeat}
#header .gnb_wrap .gnb li .depth2_wrap .depth2_title span{ display:block }
#header .gnb_wrap .gnb li .depth2_wrap .depth2_title span.title{ font-size:32px; font-weight:700; color:#fff; margin-top:25px;}
#header .gnb_wrap .gnb li .depth2_wrap .depth2_title span.sub_title{ color:#fff; font-size:14px; font-weight:700; margin-top:15px;}
#header .gnb_wrap .gnb li .depth2_wrap .depth2_title .all_menu{ position:absolute; bottom:20px; display:block; background:#4c638c url(/home/www/images/common/icon_sub_all.png) 20px center  no-repeat; }
#header .gnb_wrap .gnb li .depth2_wrap .depth2_title .all_menu{ width:180px; padding:21px 21px 21px 45px; border:#12161f solid 1px; text-align:center; color:#fff; }
#header .gnb_wrap .gnb li .depth2_wrap > div > ul{ float:left; width:1000px; padding:30px 0 20px 40px; min-height:400px; background:#fff;}
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li{ float:left; width:21.5%; margin-right:4.5%; min-height:80px; }
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li:nth-child(4n){ margin-right:0;}
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li:nth-child(5){ clear:left }
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > a{ display:block; color:#213756; font-size:16px; font-weight:500; padding-bottom:17px; border-bottom:#ddd solid 1px;}
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul{ margin:25px 0;}
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul > li > a{ display:inline-block; width:auto; padding:3px 0; font-size:14px; font-weight:normal; color:#838383 }
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li > ul > li > a.new_win{ padding-right:25px; background:url(/home/www/images/common/win_sub_new.png) right center no-repeat }
#header .gnb_wrap .gnb li .depth2_wrap > div > ul > li:nth-child(4) a {letter-spacing:-1px;}

#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li{ width:19%; margin-right:1.25%;  margin-bottom:1.25%;border:#d0d0d0 solid 1px;}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(5n){ clear:none; margin-right:0}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li > a{ display:block; color:#585858;   border:#fff solid 3px; text-align:center; padding-top:85px; background-position: center 18px; background-repeat:no-repeat; transition:0.3s }
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:hover a{ border:#435678 solid 3px }
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li a:focus{ border:#435678 solid 3px}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(1) > a{ background-image:url(/home/www/images/common/icon_gnb01_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(1) > a:hover{ background-image:url(/home/www/images/common/icon_gnb01_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(2) > a{ background-image:url(/home/www/images/common/icon_gnb02_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(2) > a:hover{ background-image:url(/home/www/images/common/icon_gnb02_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(3) > a{ background-image:url(/home/www/images/common/icon_gnb03_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(3) > a:hover{ background-image:url(/home/www/images/common/icon_gnb03_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(4) > a{ background-image:url(/home/www/images/common/icon_gnb04_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(4) > a:hover{ background-image:url(/home/www/images/common/icon_gnb04_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(5) > a{ background-image:url(/home/www/images/common/icon_gnb05_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(5) > a:hover{ background-image:url(/home/www/images/common/icon_gnb05_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(6) > a{ background-image:url(/home/www/images/common/icon_gnb06_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(6) > a:hover{ background-image:url(/home/www/images/common/icon_gnb06_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(7) > a{ background-image:url(/home/www/images/common/icon_gnb07_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(7) > a:hover{ background-image:url(/home/www/images/common/icon_gnb07_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(8) > a{ background-image:url(/home/www/images/common/icon_gnb08_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(8) > a:hover{ background-image:url(/home/www/images/common/icon_gnb08_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(9) > a{ background-image:url(/home/www/images/common/icon_gnb09_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(9) > a:hover{ background-image:url(/home/www/images/common/icon_gnb09_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(10) > a{ background-image:url(/home/www/images/common/icon_gnb10_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(10) > a:hover{ background-image:url(/home/www/images/common/icon_gnb10_on.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(11) > a{ background-image:url(/home/www/images/common/icon_gnb11_off.jpg)}
#header .gnb_wrap .gnb li:first-child .depth2_wrap > div > ul > li:nth-child(11) > a:hover{ background-image:url(/home/www/images/common/icon_gnb11_on.jpg)}

#header .gnb_wrap .gnb li:nth-child(1) .depth2_wrap .depth2_title{ background-position:0 63px;}
#header .gnb_wrap .gnb li:nth-child(2) .depth2_wrap .depth2_title{ background-position:-200px 63px;}
#header .gnb_wrap .gnb li:nth-child(3) .depth2_wrap .depth2_title{ background-position:-400px 63px;}
#header .gnb_wrap .gnb li:nth-child(4) .depth2_wrap .depth2_title{ background-position:-600px 63px;}
#header .gnb_wrap .gnb li:nth-child(5) .depth2_wrap .depth2_title{ background-position:-800px 63px;}
#header .gnb_wrap .gnb li:nth-child(6) .depth2_wrap .depth2_title{ background-position:-1000px 63px;}


/*기타버튼*/
#header .etc_btn{ display:block; float:right; padding:17px 0 11px 0; }
#header .etc_btn > a{ display:inline-block; margin:22px 0 0 10px; padding:0 0 0 30px; font-size:18px; font-weight:500; height:18px;}
#header .etc_btn > a.all_menu{ background:url(/home/www/images/common/icon_set.png) left top no-repeat }
#header .etc_btn > a.all_search{ background:url(/home/www/images/common/icon_set.png) 7px -24px no-repeat;  }

#header #all_menu_wrap{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(226,226,226,.97); overflow-y:scroll; padding:120px 0; z-index:9999}
#header #all_menu_wrap .container{ position:relative }
#header #all_menu_wrap .all_menu_top{ padding-bottom:39px;  overflow:hidden}
#header #all_menu_wrap .all_menu_top h2{ float:left; color:#000; font-size:30px; background:url(/home/www/images/main/icon_all_menu.png) left center no-repeat; padding-left:50px; }
#header #all_menu_wrap  #all_close{ position:absolute; top:0; right:0; color:#000; display:inline-block; background:url(/home/www/images/main/all_close.png) left center no-repeat; margin-top:10px; padding:5px 5px 5px 30px }
#header #all_menu_wrap .go_sitemap{position:absolute; bottom:-50px; right:0; color:#000; padding:15px 50px 15px 15px; border:#858689 solid 1px; background:url(/home/www/images/main/icon_go.png) 90% center no-repeat  }
#header #all_menu_wrap .all_depth2{ padding:43px 0 30px; border-top:#858689 solid 1px; overflow:hidden}
#header #all_menu_wrap .all_depth2 .depth2_title{ float:left; width:170px; height:150px; background-image:url(/home/www/images/common/icon_menu.png); background-repeat:no-repeat; background-size:auto 92px}
#header #all_menu_wrap .all_depth2 .depth2_title h3{ font-size:24px; font-weight:500; color:#000; margin-bottom:15px}
#header #all_menu_wrap .all_depth2 .depth2_title img{ width:40%;}
#header #all_menu_wrap > div > div:nth-child(2) > .depth2_title{background-position:0 35px;}
#header #all_menu_wrap > div > div:nth-child(3) > .depth2_title{background-position:-169px 35px;}
#header #all_menu_wrap > div > div:nth-child(4) > .depth2_title{background-position:-338px 35px;}
#header #all_menu_wrap > div > div:nth-child(5) > .depth2_title{background-position:-507px 35px;}
#header #all_menu_wrap > div > div:nth-child(6) > .depth2_title{background-position:-676px 35px;}
#header #all_menu_wrap > div > div:nth-child(7) > .depth2_title{background-position:-845px 35px;}
#header #all_menu_wrap > div > div:nth-child(8) > .depth2_title{background-position:-1014px 35px;}
#header #all_menu_wrap > div > div:nth-child(9) > .depth2_title{background-position:-1183px 35px;}
#header #all_menu_wrap .all_depth2 ul{ float:left; width:1030px; overflow: hidden}
#header #all_menu_wrap .all_depth2 ul li{ float:left; width:24%; margin-right:1.33333%;  margin-bottom:1.33333%;}
#header #all_menu_wrap .all_depth2 ul li:nth-child(4n){ margin-right:0; }
#header #all_menu_wrap .all_depth2 ul li a{ display:block;  color:#000; border:#858689 solid 1px; text-align:center; padding:15px 0;}
#header #all_menu_wrap .all_depth2 ul li a:hover{ border:#aa463a solid 1px}

#total_search{ display:none; clear:both;  background:#2f724b; padding:0; height:0px; overflow:hidden; transition:0.3s}
#total_search.open{display:block;  padding:25px 0;  height:110px; transition:0.3s }
#total_search:after{ display:block; content:""; clear:both}
#total_search h2{ float:left; color:#fff; font-size:25px; font-weight:300; height:65px; padding-left:80px; background:url(/home/www/images/common/icon_sch_title.png) left top no-repeat; line-height:120%}
#total_search h2 em{ display:block; font-weight:700; font-style:normal} 
#total_search form{ float:left; position:relative; width:860px; margin-left:30px;}
#total_search form fieldset:after{ display:block; content:""; position:absolute; right:110px; top:10px;  width:1px; height:40px; background:#ccc}

#total_search form #search_field{ border:0; width:100%;  height:60px; border-radius:20px; padding:0 25px; font-size:16px;}
#total_search form #search_btn{ position:absolute; right:0; top:0; width:100px; height:58px; padding-left:20px;  padding-bottom:5px;  }
#total_search form #search_btn{ background:#fff url(/home/www/images/common/icon_search_b.png) 2px center no-repeat; }

#total_search form #search_btn{ border:0;border-radius:20px; font-size:18px; cursor:pointer}
#total_search .latest_word{ padding:15px 0; }
#total_search .latest_word a{ color:#fff; padding:0 10px;}
#total_search #search_close{ display:block; float:left; width:115px; height:60px; line-height:60px; color:#fff; font-size:18px; padding-left:50px; border-radius:20px; margin-left:20px }
#total_search #search_close{ background:#215034 url(/home/www/images/common/icon_close.png) 20px center no-repeat }

#main_visual_area{  position:relative; min-height:660px;  min-width:1200px}
#main_visual_area > .container{ position:relative; width:1000px; margin:0 auto }
.top_fixed_area{ position:absolute; top:0;  width:100%; z-index:150}
.top_fixed_area .weather{ float:left; color:#fff;}
.top_fixed_area .weather span{ display:block; }
.top_fixed_area .weather .left{ float:left; margin-top:10px; margin-right:10px}
.top_fixed_area .weather .left .date{ font-size:13px; font-weight:bold; margin-bottom:5px }
.top_fixed_area .weather .left .location{ font-size:16px; font-weight:500  }
.top_fixed_area .weather  #weather_sky{ float:left; margin-right:10px}
.top_fixed_area .weather .right{ float:left; width:200px; margin-top:10px}
.top_fixed_area .weather .right span.state{ font-size:14px; font-weight:500 }
.top_fixed_area .weather .right span.temp{ font-size:24px; font-weight:500}
.top_fixed_area .weather .right span.dust{ float:right; margin-top:-25px; }
.top_fixed_area .controll{ float:left; margin-top:60px; margin-left:200px}
.top_fixed_area .nav_top{ float:right; padding-top:10px}
.top_fixed_area .nav_top li{ float:left;}
.top_fixed_area .nav_top li a{ display:block; width:75px; height:40px; text-align:center; line-height:40px; font-size:18px;  color:#fff; font-weight:bold;  border-radius:10px; transition:0.5s; margin-left:5px;}
.top_fixed_area .nav_top li a:hover,.top_fixed_area .nav_top li.active a{ background:#119846;  transition:0.5s} 
.top_fixed_area .nav_top li:nth-child(2) a:hover,.top_fixed_area .nav_top li:nth-child(2).active a{ background:#5082f2;} 
.top_fixed_area .nav_top li:nth-child(3) a:hover,.top_fixed_area .nav_top li:nth-child(3).active a{ background:#153c7f;} 
.top_fixed_area .nav_top li:nth-child(4) a:hover,.top_fixed_area .nav_top li:nth-child(4).active a{ background:#ff8400;} 

.main_visual .main_slide{ width:100%; min-height:660px; padding-top:60px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.main_visual .main_slide .container{  width:1000px; margin:0 auto; }

/*알림 - 알림존*/
.main_visual .main_slide .alim_zone{ float:left;  width:630px; height:320px; }
.main_visual .main_slide .alim_zone .alim_slide{ position:relative; width:630px; height:320px; background-size:100% 100%;}
.main_visual .main_slide .alim_zone .alim_slide a{ display:block; width:100%; height:100%}
.main_visual .main_slide .alim_zone .alim_slide .alim_text{ position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.8); padding: 10px 18px; overflow:hidden}
.main_visual .main_slide .alim_zone .alim_slide .alim_text span{ display:block; float:left; width:80%; color:#fff; font-size:18px; padding:8px 0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_visual .main_slide .alim_zone .alim_slide .alim_text .more{ display:inline-block; float:right; width:auto; color:#fff; font-size:14px;  padding:9px 15px; border:#fff solid 1px; }

.main_visual .main_slide .alim_banner{ float:left;  width:350px; height:220px; margin-left:20px; margin-top:20px;}
/*알림 - 알림존컨트롤*/
.alim_zone > .owl-nav{ display:block; position:absolute; top:15px; left:15px; width:100%; margin:0 auto; z-index:300}
.alim_zone > .owl-nav > a{ width:30px; height:30px; position:absolute; top:0; text-indent:-9999px}
.alim_zone > .owl-nav .owl-play{ display:none; left:31px; background:url(/home/www/images/main/arrow_play.jpg) no-repeat;}
.alim_zone > .owl-nav .owl-stop{ left:31px; background:url(/home/www/images/main/arrow_pause.jpg) no-repeat;}
.alim_zone >.owl-nav .owl-prev{ left:0; background:url(/home/www/images/main/arrow_left_pc.jpg) no-repeat;} 
.alim_zone >.owl-nav .owl-next{left:62px; background:url(/home/www/images/main/arrow_right_pc.jpg) no-repeat;} 
.alim_zone #paging01{ position:absolute; left:93px; padding:0 10px; height:30px; line-height:30px; font-size:12px; color:#fff; background:rgba(0,0,0,.6); letter-spacing:0.2em}

/*알림 - 알림배너컨트롤*/
.alim_banner > .owl-nav{ display:block; position:absolute; bottom:30px; width:100%; margin:0 auto; z-index:300}
.alim_banner > .owl-nav > a{ width:30px; height:30px; position:absolute; top:0; text-indent:-9999px}
.alim_banner > .owl-nav .owl-play{ display:none; left:31px; background:url(/home/www/images/main/arrow_play.jpg) no-repeat;}
.alim_banner > .owl-nav .owl-stop{ left:31px; background:url(/home/www/images/main/arrow_pause.jpg) no-repeat;}
.alim_banner >.owl-nav .owl-prev{ left:0; background:url(/home/www/images/main/arrow_left_pc.jpg) no-repeat;} 
.alim_banner >.owl-nav .owl-next{left:62px; background:url(/home/www/images/main/arrow_right_pc.jpg) no-repeat;} 
.alim_banner #paging02{ position:absolute; left:93px; padding:0 10px; height:30px; line-height:30px; font-size:12px; color:#fff; background:rgba(0,0,0,.5); letter-spacing:0.2em}

/*알림 - 열린군수실*/
.main_visual .main_slide .mayor_info{ float:right; position:relative}
.main_visual .main_slide .mayor_info ul{ position:absolute; bottom:0; width:100%; padding:22px 0; background:rgba(1,92,79,.8); }
.main_visual .main_slide .mayor_info ul li{ float:left; width:33.333%; border-right:#47ac99 solid 2px;}
.main_visual .main_slide .mayor_info ul li:last-child{ border-right:0; }
.main_visual .main_slide .mayor_info ul li a{ display:block; text-align: center; padding:0 15px; color:#fff;}

/*메인컨트롤*/
.main_visual > .owl-nav{ display:block; position:absolute; top:50%; width:100%; margin:0 auto}
.main_visual >.owl-nav > a{ width:79px; height:79px; position:absolute; top:0; text-indent:-9999px}
.main_visual >.owl-nav .owl-play,.main_visual > .owl-nav .owl-stop{ display:none}
.main_visual >.owl-nav .owl-prev{ left:50%; background:url(/home/www/images/main/arrow_left.png) no-repeat; margin-left:-600px;  transition:0.3s;} 
.main_visual >.owl-nav .owl-prev:hover{ margin-left:-620px; transition:0.3s;}
.main_visual >.owl-nav .owl-next{right:50%; background:url(/home/www/images/main/arrow_right.png) no-repeat; margin-right:-600px;  transition:0.3s;} 
.main_visual >.owl-nav .owl-next:hover{ margin-right:-620px; transition:0.3s;}

/*알림 - 최근글*/
.main_visual .latest_box{ float:left; position:relative; width:630px; min-height:220px; margin-top:20px;  border:#404040 solid 1px; }
.main_visual .latest_box div{ float:left; width:145px;}
.main_visual .latest_box div h3{ display:block; padding:0; font-size:16px;  font-weight:700; color:#a2a2a2 }
.main_visual .latest_box div h3 a{ display:block; padding:16px 0; color:#747474; background:#f4f4f4; text-align:center; border-right:#404040 solid 1px;  border-bottom:#404040 solid 1px; }
.main_visual .latest_box div > h3 > a.active,.main_visual .latest_box div > h3 > a:hover{ color:#3a3a3a;background:#fff; border-bottom:#fff solid 1px;}
.main_visual .latest_box div h3 a.active:after{ display:none}
.main_visual .latest_box div .btn_more{ display:none; position:absolute; top:-1px; right:-1px;  background:#fff url(/home/www/images/common/icon_set.png) 0 -104px no-repeat; width:50px; height:50px;text-indent:-9999px;   border:#404040 solid 1px;}
.main_visual .latest_box div:first-child .btn_more{ display:block}
.main_visual .latest_box div ul{ display:none; position:absolute; left:0; width:100%; padding:22px; min-height:auto;   background:#fff;}
.main_visual .latest_box div:first-child ul{ display:block} 
.main_visual .latest_box div:first-child a.more{ display:block} 
.main_visual .latest_box div ul li{ font-size:15px; font-weight:normal; overflow:hidden}
.main_visual .latest_box div ul li a{float:left; position:relative; display:block; padding:5px 0; width:80%;  color:#767676;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.main_visual .latest_box div ul li a em{ position:absolute; margin-left:5px }
.main_visual .latest_box div ul li span{ float:right;  padding:5px 0;  }

.main_visual .photo_news{ position:relative; float:left; width:290px; height:220px; margin-top:20px; }
.main_visual .photo_news h3, .main_visual .photo_news p{ position:absolute; width:100%; background:rgba(0,0,0,.7); padding:18px;  z-index:200;}
.main_visual .photo_news h3{ top:0; font-size:16px; color:#fff;}
.main_visual .photo_news img{ width:100%; height:220px;}
.main_visual .photo_news p{ bottom:0; font-size:14px; font-weight:normal}
.main_visual .photo_news p a{ display:block; width:100%;  color:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.main_visual .photo_news a.more{ position:absolute; top:14px; right:14px; width:22px; height:22px; background:url(/home/www/images/common/icon_set.png) -64px -118px no-repeat; text-indent:-9999px; z-index:250}


/*관광 - 알림존컨트롤*/
.festival_alim > .owl-nav{ display:block; position:absolute; bottom:30px; width:100%; margin:0 auto; z-index:300}
.festival_alim > .owl-nav > a{ width:30px; height:30px; position:absolute; top:0; text-indent:-9999px}
.festival_alim > .owl-nav .owl-play{ display:none; left:31px; background:url(/home/www/images/main/arrow_play.jpg) no-repeat;}
.festival_alim > .owl-nav .owl-stop{ left:31px; background:url(/home/www/images/main/arrow_pause.jpg) no-repeat;}
.festival_alim >.owl-nav .owl-prev{ left:0; background:url(/home/www/images/main/arrow_left_pc.jpg) no-repeat;} 
.festival_alim >.owl-nav .owl-next{left:62px; background:url(/home/www/images/main/arrow_right_pc.jpg) no-repeat;} 
.festival_alim #paging{ position:absolute; left:93px; padding:0 10px; height:30px; line-height:30px; font-size:14px; color:#fff; background:rgba(0,0,0,.8);}

/*군수에게바란다*/
.mayor_location{ float:left}
.mayor_location .mayor_ask{ position:relative; width:290px; height:320px; background:#385cad url(/home/www/images/main/icon_ask.png) 73px 30px no-repeat; color:#fff; text-align:center; padding-top:184px; }
.mayor_location .mayor_ask h3{  font-size:24px; margin-bottom:25px;}
.mayor_location .mayor_ask p{ font-size:14px; }
.mayor_location .mayor_ask a{ display:block; width:150px; left:50%; margin-left:-75px;  padding:15px 0; position:absolute; bottom:0;  background:#284279; color:#fff;} 


/*정보 - 복지서비스*/
.service_wrap{ float:right; width:690px}
.service_wrap .minwon{ float:left; width:290px;}
.service_wrap .minwon a{ display:block; color:#fff; font-size:20px; font-weight:bold; padding-top:48px;}
.service_wrap .minwon .minwon01{ float:left; width:145px; height:135px; background:#637291; text-align:center}
.service_wrap .minwon .minwon02{ float:left; width:145px; height:135px; background:#556688; text-align:center}
.service_wrap .minwon .minwon03{ clear:both; background:#26a27f url(/home/www/images/common/icon_set.png) -70% -290px no-repeat;  height:135px; padding-top:34px; padding-left:27px; padding-right:60px;}
.service_wrap .minwon .minwon03 span{ display:block; font-size:14px; margin-top:15px; line-height:120%; font-weight:500}
.service_wrap .welfare{ float:left; width:380px; height:270px; background:#04233d; margin-left:20px; padding:25px;}
.service_wrap .welfare h3{ color:#fff; font-size:24px;  margin-bottom:15px;}
.service_wrap .welfare ul{ padding-left:220px; background:url(/home/www/images/common/icon_set.png) -200px -264px no-repeat}
.service_wrap .welfare ul li{ position:relative; font-size:16px; font-weight:bold; padding-left:15px; line-height:170%}
.service_wrap .welfare ul li:before{ display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:6px; background:#fff; border-radius:5px; margin-top:-3px }
.service_wrap .welfare ul li a{ color:#fff; }

.service_wrap .minwon_service{ float:left; width:380px; height:270px; background:#4e4236; margin-top:20px; padding:25px;}
.service_wrap .minwon_service h3{ color:#fff; font-size:24px;  margin-bottom:15px;}
.service_wrap .minwon_service ul{ padding-left:150px; background:url(/home/www/images/common/icon_set.png) -456px 39px no-repeat}
.service_wrap .minwon_service ul li{ position:relative; font-size:16px; font-weight:bold; padding-left:15px; line-height:170%}
.service_wrap .minwon_service ul li:before{ display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:6px; background:#fff; border-radius:5px; margin-top:-3px }
.service_wrap .minwon_service ul li a{ color:#fff; }

.service_wrap .location_menu{ float:left; width:290px; height:270px; margin-left:20px; margin-top:20px; background:#196f57} 
.service_wrap .location_menu h3{ text-align:center; color:#fff; font-size:24px; margin-top:55px;}
.service_wrap .location_menu ul{ padding:35px 15px 0 15px; }
.service_wrap .location_menu ul li{ float:left; width:33.333%; }
.service_wrap .location_menu ul li a{ display:block; color:#fff; padding-top:93px; text-align:center; font-size:16px; }
.service_wrap .location_menu ul li:nth-child(1) a{ background:url(/home/www/images/common/icon_set.png) 0 -434px no-repeat} 
.service_wrap .location_menu ul li:nth-child(2) a{ background:url(/home/www/images/common/icon_set.png) -100px -434px no-repeat} 
.service_wrap .location_menu ul li:nth-child(3) a{ background:url(/home/www/images/common/icon_set.png) -200px -434px no-repeat} 

/*읍면*/
.town_list{ position:relative; width:100%;}
.town_list li{ float:left; width:11.111%; }
.town_list li a{ display:block;  text-align:center; padding:16px 0; font-weight:500; background:#fff; border:#e2e2e2 solid 1px;}
.town_list li.active a{ background:#153c7f; border:#092a62 solid 1px; color:#fff }
.town_list li:first-child .town_wrap{ display:block;}
.town_list .town_wrap{ display:none; position:absolute; width:100%; top:61px; left:0;}
.town_list .town_wrap .town_img{ float:left}
.town_list .town_wrap .town_info{ float:right; width:460px; margin-top:45px; line-height:0; }
.town_list .town_wrap .town_info .text_box{ position:relative; height:190px; background:#082658; color:#fff; padding:34px 25px; line-height:normal; }
.town_list .town_wrap .town_info .text_box h3{ font-size:24px; margin-bottom:26px; }
.town_list .town_wrap .town_info .text_box p{ font-size:14px; line-height:120%}
.town_list .town_wrap .town_info .text_box a{ position:absolute; right:20px; top:-50px; display:block; width:98px; height:98px; font-size:14px; text-align:center; color:#fff; padding-top:60px; border-radius:50px; background:#3061b3 url(/home/www/images/common/icon_set.png) 29px -532px no-repeat;  border:#3061b3 solid 2px;  transition:0.5s;}
.town_list .town_wrap .town_info .text_box a:hover{ background:#082658 url(/home/www/images/common/icon_set.png) 100px -532px no-repeat;; transition:0.5s; padding-top:40px; border:#3061b3 solid 2px}

/*관광*/
.tour_theme{ overflow:hidden;}
.tour_theme a{ float:left; display:block; width:320px; height:260px; text-align:center; color:#fff; padding-top:22px;  background-position:center 43px; background-repeat:no-repeat}
.tour_theme a span{ display:block; width:96px; height:96px; margin:0 auto; background-image:url(/home/www/images/common/icon_set.png); background-repeat:no-repeat}
.tour_theme a span.icon01{ background-position:-456px -486px}
.tour_theme a span.icon02{ background-position:-456px -576px}
.tour_theme a span.icon03{ background-position:-456px -672px}
.tour_theme a h3{ font-size:24px; margin-bottom:17px; }
.tour_theme a p{ font-size:14px; font-weight:500; line-height:130%}
.tour_theme .theme_eight{ background-color:rgba(127,0,16,.9); }
.tour_theme .theme_recom{ background-color:rgba(0,43,117,.8); margin-left:20px;}
.tour_theme .theme_tour{ background-color:rgba(72,0,16,.8);  margin-left:20px;}


/*관광 - 관광슬라이드*/
.festival_alim{ float:left; position:relative;  width:490px; height:280px; margin-top:20px;}
.festival_alim .festival_wrap{ display:block; width:100%; }
.festival_alim .festival_info{ position:absolute; width:50%; height:100%; left:0; background:rgba(0,0,0,.7); padding:47px 30px; z-index:100}
.festival_alim .festival_info h3{ color:#fff; font-size:24px; letter-spacing:-0.05em; margin-bottom:20px; }
.festival_alim .festival_info ul li{ color:#cba157; font-size:12px; font-weight:bold; padding-left:30px; line-height:30px;}
.festival_alim .festival_info ul li.date{ background:url(/home/www/images/main/icon_date01.png) left center no-repeat } 
.festival_alim .festival_info ul li.location{ background:url(/home/www/images/main/icon_date02.png) left center no-repeat } 
.festival_alim .festival_info ul li.tel{ background:url(/home/www/images/main/icon_date03.png) left center no-repeat } 
.festival_alim .festival_info .more{ display:block; width:150px; line-height:40px; border:#fff solid 1px; text-align:center; color:#fff; font-size:14px; font-weight:bold; margin-top:25px;}
.festival_alim .festival_info .more:hover{ background:#cba157; transition:0.5s;}
.festival_alim .dday_wrap{ position:absolute; right:20px; top:0; background:url(/home/www/images/main/bg_date.png); width:100px; height:100px; color:#fff;}
.festival_alim .dday_wrap span{ display:block; text-align:center}
.festival_alim .dday_wrap span.title{ margin-top:10px;}
.festival_alim .dday_wrap span.date{ font-size:39px; font-weight:bold; margin-top:5px}

/*관광 - 아이콘메뉴*/
.tour_menu{ float:right; padding-top:70px; margin-top:20px;}
.tour_menu a{ float:left; display:block; width:152px; height:152px; border-radius:150px; color:#fff; font-size:16px; font-weight:bold; padding-top:94px; text-align:center; margin-left:10px }

.tour_menu a.photo{ background:#085e2a url(/home/www/images/common/icon_set.png) 0 -629px no-repeat  }
.tour_menu a.epilogue{ background:#14347b url(/home/www/images/common/icon_set.png) -152px -629px no-repeat }
.tour_menu a.movie{ background:#d95200 url(/home/www/images/common/icon_set.png) -304px -629px no-repeat }

/*빠른메뉴*/
#quick_menu_area{ padding:10px 0; font-size:0; overflow:hidden}
#quick_menu_area a{ display:block; float:left; font-size:15px; font-weight:500; color:#767676; width:12.5%; height:110px; text-align:center; border:#fff solid 1px; }
#quick_menu_area a:hover{ border:#d0d0cf solid 1px; transition:0.5s;}
#quick_menu_area a span{ display:block; width:55px; height:56px; margin:10px auto 10px auto ; background-image:url(/home/www/images/main/icon_quick.jpg); background-position: center; background-repeat:no-repeat;}
#quick_menu_area .quick_icon01{ background-position:0 0;}
#quick_menu_area .quick_icon02{ background-position:0 -56px;}
#quick_menu_area .quick_icon03{ background-position:0 -112px;}
#quick_menu_area .quick_icon04{ background-position:0 -168px;}
#quick_menu_area .quick_icon05{ background-position:0 -224px;}
#quick_menu_area .quick_icon06{ background-position:0 -280px;}
#quick_menu_area .quick_icon07{ background-position:0 -336px;}
#quick_menu_area .quick_icon08{ background-position:0 -392px;}

#news_area{ padding-top:44px; border-top:#d4d4d4 solid 1px; background:#f6f6f6; height:620px;  min-width:1200px}
#news_area .container{ position:relative; }
#news_area .news_list{ width:350px; margin:0 auto}
#news_area .news_list > li{ float:left;  margin:0 5px;}
#news_area .news_list > li > a{ font-size:16px; font-weight:bold; color:#a0a0a0; display:block; width:165px; padding:15px 0; border:#d0d0d0 solid 1px; text-align:center; background:#fff; border-radius:16px }
#news_area .news_list > li.active > a,#news_area .news_list > li > a:hover{ background:#082949; color:#fff; border:#082949 solid 1px; transition:0.5s}
#news_area .news_list > li > ul{ position:absolute; width:100%; top:96px; left:0;}
#news_area .news_list > li:last-child ul{ display:none}
#news_area .news_list > li > ul > li{ float:left; width:280px; margin:0 10px; border:#d0d0d0 solid 1px;  background:#fff;}
#news_area .news_list > li > ul > li .cardImg { display:block; background:#424242; min-height:278px; background-repeat:no-repeat; background-position:center; background-size:100% auto; text-indent:-9999px}
#news_area .news_list > li > ul > li img{ width:100%; height:200px;}
#news_area .news_list > li > ul > li .text_box{ padding:24px 20px; }
#news_area .news_list > li > ul > li .text_box span{ display:block}
#news_area .news_list > li > ul > li .text_box span.title{ width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; font-weight:500; color:#404040; margin-bottom:15px;}
#news_area .news_list > li > ul > li .text_box p{ font-size:14px; font-weight:500; color:#767676; margin:0 0 17px 0; line-height:120%; min-height:45px}
#news_area .news_list > li > ul > li .text_box span.date{ font-size:12px; font-weight:500; text-align:right}

#custom_info{ padding:30px 0;  min-width:1200px; overflow:hidden}

#custom_info .info_block{ float:left; width:33.333333333333%}
#custom_info .info_block h3{ font-size:16px; padding:15px 25px 15px 45px; color:#fff;}
#custom_info .info_block .icon01{  background:#267d48 url(/home/www/images/common/icon_set.png) 15px -154px no-repeat}
#custom_info .info_block .icon02{  background:#ff9409 url(/home/www/images/common/icon_set.png) 15px -200px no-repeat}
#custom_info .info_block .icon03{  background:#4a65a2 url(/home/www/images/common/icon_set.png) 15px -246px no-repeat}
#custom_info .info_block ul { padding:15px 25px;height:280px; border:#cfcfcf solid 1px; overflow:hidden}
#custom_info .info_block ul li{ position:relative; float:left; width:50%;  font-size:14px; font-weight:500; color:#6c6b6b; padding-left:15px; overflow:hidden}
#custom_info .info_block ul li:before{ display:block; content:""; position:absolute; left:0; top:50%; width:6px; height:6px; background:#3a3a3a; border-radius:5px; margin-top:-3px }
#custom_info .info_block ul li a{float:left; position:relative; display:block; padding:5px 0; width:90%; color:#767676; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

/*#festival_area{ position:relative; padding-top:50px; height:640px;}
#festival_area > div > ul > li{ float:left; width:25%; font-size:16px; font-weight:700; }
#festival_area > div > ul > li > a{ display:block; background:#f3f3f3;  border:#404040 solid 1px; border-right:none; text-align:center; padding:16px 0; color:#191919}
#festival_area > div > ul > li:last-child > a{ border-right:#404040 solid 1px}
#festival_area > div > ul > li > a:hover,#festival_area > div > ul > li.active > a{ background:#fff; border-bottom:#fff solid 1px }
#festival_area > div > ul > li:first-child > div { display:block;}
#festival_area .festival_full_wrap{ display:none; position:absolute; width:100%; left:0;  top:150px}
#festival_area .festival_full_wrap .container{ position:relative; }
#festival_area .festival_full_wrap .festival_bg{ min-height:430px; background-size:cover; background-position:center; background-repeat:no-repeat}
#festival_area .festival_full_wrap .festival_view{  position:absolute; right:0; width:50%;  height:430px; background:#fff; padding:26px 100px 26px 36px}
#festival_area .festival_full_wrap .festival_view h3{ font-size:28px; color:#37373}
#festival_area .festival_full_wrap .festival_view ul{ margin:15px 0;}
#festival_area .festival_full_wrap .festival_view ul li{ color:#cba157; font-size:14px; font-weight:bold; padding-left:30px; line-height:30px;}
#festival_area .festival_full_wrap .festival_view ul li.date{ background:url(/home/www/images/main/icon_date01.png) left center no-repeat } 
#festival_area .festival_full_wrap .festival_view ul li.location{ background:url(/home/www/images/main/icon_date02.png) left center no-repeat } 
#festival_area .festival_full_wrap .festival_view ul li.tel{ background:url(/home/www/images/main/icon_date03.png) left center no-repeat } 
#festival_area .festival_full_wrap .festival_view .info_text{ font-size:14px; color:#7e7e7e; line-height:130%}
#festival_area .festival_full_wrap .festival_view .dday_wrap{ position:absolute; right:35px; top:28px;  background:#c70000; width:100px; height:100px; border-radius:100px; color:#fff;}
#festival_area .festival_full_wrap .festival_view .dday_wrap span{ display:block; text-align:center}
#festival_area .festival_full_wrap .festival_view .dday_wrap span.title{ margin-top:20px;}
#festival_area .festival_full_wrap .festival_view .dday_wrap span.date{ font-size:39px; font-weight:bold; margin-top:5px}
#festival_area .festival_full_wrap .festival_view .more{ width:80px; height:80px; position:absolute; right:0; bottom:0; background:url(/home/www/images/main/more_big.jpg) no-repeat; text-indent:-9999px }*/

#relative_site_area{ background:#e8e8e8; border-top:#525252 solid 1px; clear:both}
#relative_site_area .relative_list{ margin-top:-1px}
#relative_site_area .relative_list > li{ float:left;  position:relative; width:20%; }
#relative_site_area .relative_list > li > a{ display:block; padding:22px 0 22px 30px; color:#fff; font-weight:500; background:#525252 url(/home/www/images/common/icon_set.png) -60% -45px no-repeat; border:#272727 solid 1px}
#relative_site_area .relative_list > li > a:hover{  background-position:-60% -55px; transition:0.3s }
#relative_site_area .relative_list > li.admin_info > a{ background-color:#3776b7; border:#104a86 solid 1px }
#relative_site_area .relative_list > li.minwon_info > a{ background-color:#239b6f; border:#0f6545 solid 1px }
#relative_site_area .relative_list > li > ul{ display:none; position:absolute; bottom:61px; background:#f6f6f6; width:100%; padding:15px; height:250px;border:#272727 solid 1px; overflow-y:auto}
#relative_site_area .relative_list > li:hover > ul{ display:block}
#relative_site_area .relative_list > li > ul > li{ }
#relative_site_area .relative_list > li > ul > li > a{ display:block; padding:5px; color:#6f6f6f; font-size:14px; font-weight:500}
#relative_site_area .relative_list > li > ul > li > a:hover{ color:#fff; background:#525252}

#content_area{ outline:0}

/*sub_area*/
.breadcrumb_wrap{ display:block;  background:#f8f8f8; border-bottom:#d0d0d0 solid 1px; height:48px;}
.breadcrumb_wrap .breadcrumb{ position:relative; float:left;  padding-left:220px; background:#fff }
.breadcrumb_wrap .breadcrumb:after{ position:absolute; right:-21px; display:block; content:""; width:21px; height:48px; background:url(/home/www/images/sub/arrow_nav_end.png) no-repeat }
.breadcrumb_wrap .breadcrumb > li{ position:relative; float:left; font-size:14px; font-weight:500; background:#fff url(/home/www/images/sub/arrow_nav_end.png) left top no-repeat }
.breadcrumb_wrap .breadcrumb > li:after{ position:absolute; right:2px; top:50%; display:block; width:14px; height:8px; margin-top:-4px; content:""; background:url(/home/www/images/sub/arrow_open.jpg); cursor:pointer}
.breadcrumb_wrap .breadcrumb > li:first-child a{ background:#fff url(/home/www/images/sub/bread_home.jpg) center no-repeat; text-indent:-9999px; padding:0 23px; border-left:#d0d0d0 solid 1px}
.breadcrumb_wrap .breadcrumb > li:first-child:after{ display:none; }
.breadcrumb_wrap .breadcrumb > li > a{ display:block; padding:0 60px 0 32px; line-height:47px;}
.breadcrumb_wrap .breadcrumb > li > ul{ display:none; position:absolute; width:100%; background:#fff; border:#d0d0d0 solid 1px; padding:20px 15px;}
.breadcrumb_wrap .breadcrumb > li > ul > li{ }
.breadcrumb_wrap .breadcrumb > li > ul > li > a{ display:block; padding:5px 0; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

.left_menu{ display:block; position:absolute; width:220px; margin-top:-49px;}
.left_menu h2{ background:url(/home/www/images/sub/bg_left.jpg) no-repeat; width:220px; height:140px; color:#fff; text-align:center; line-height:140px; font-size:28px}
.left_menu > ul > li { position:relative; border-left:#d7d7d7 solid 1px; border-right:#d7d7d7 solid 1px; font-size:16px; font-weight:bold}
.left_menu > ul > li:before{ position:absolute; right:18px; top:23px; margin-top:-9px; display:block; content:""; width:4px; height:18px; background:#cacaca;  transition:0.3s  }
.left_menu > ul > li:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#cacaca;  transition:0.5s }
.left_menu > ul > li.open:before{ top:23px; opacity:1; transform:rotate(-90deg)}
.left_menu > ul > li.open:after{ position:absolute; right:11px; top:23px; margin-top:-2px; display:block; content:""; width:18px; height:4px; background:#008044;transform:rotate(180deg);  transition:0.5s }
.left_menu > ul > li.open > a{ color:#008044 }
.left_menu > ul > li > a{ display:block; padding:15px 15px 15px 18px; border-bottom:#d7d7d7 solid 1px;}
.left_menu > ul > li > ul{ display:none; background:#f8f8f8; padding:15px 15px 15px 20px; border-bottom:#d7d7d7 solid 1px; }
.left_menu > ul > li > ul > li{ position:relative;}
.left_menu > ul > li > ul > li > a{ display:block; font-size:16px; font-weight:300; color:#5c5c5c; padding:5px 0; border:0; padding-left:10px;}
.left_menu > ul > li > ul > li > a:hover{ font-weight:500 }
.left_menu > ul > li > ul > li:before{ position:absolute; top:13px; display:block; content:""; width:5px; height:3px; background:#5c5c5c}

.content_wrap{ width:930px; float:right; padding-bottom:30px; overflow:hidden}
.content_wrap .content_top{ padding-top:30px; padding-bottom:10px; border-bottom:#c6c6c6 solid 1px;  overflow:hidden }
.content_wrap .content_top h3{ float:left; font-size:32px; font-weight:700; color:#484848; letter-spacing:-0.05em}
.content_wrap .content_top .share_list{ float:right; }
.content_wrap .content_top .share_list li{ float:left; position:relative; margin-left:10px;}
.content_wrap .content_top .share_list > li:first-child{ width:50px; transition:0.5s}
.content_wrap .content_top .share_list li.open{ width:230px; transition:0.5s}
.content_wrap .content_top .share_list li ul{ width:180px; position:absolute; top:0; left:50px; visibility:visible; transition:0.3s;  overflow:hidden}
.content_wrap .content_top .share_list li ul.open{ transition:0.3s;  visibility:visible}
.content_wrap .content_top .share_list li ul li{ float:left }

.content_wrap .content{ padding:30px 0 ; min-height:500px}

.satisfaction_wrap > div{ border:#d1d1d1 solid 1px; }
.satisfaction{  width:100%; padding:30px; background:#f9f9f9}
.satisfaction h5{ font-size:16px; font-weight:500; padding:0 0 26px 0; color:#6f6f6f}
.satisfaction h5:before{ display:none }
.satisfaction form#satisfy{ padding:0 0 5px 107px; background:url(/home/www/images/sub/icon_speech.png) left top no-repeat; border-bottom:#d0d0d0 solid 1px}
.satisfaction form#satisfy .satisfy_list{ float:left}
.satisfaction form#satisfy .satisfy_list li{ float:left; line-height:150%;}
.satisfaction form#satisfy input[type='radio']{margin-right:0; margin-top:0; width:17px; height:17px; vertical-align:0px; opacity:0; position:absolute;  cursor:pointer}
.satisfaction form#satisfy input[type='radio'] + label { background:url(/home/www/images/sub/radio_off.png) left center  no-repeat; width:17px; height:17px; font-size:14px; font-weight:500; padding-left:22px; color:#707070; cursor:pointer; margin-right:17px;}
.satisfaction form#satisfy input[type='radio']:checked + label{  background:url(/home/www/images/sub/radio_on.png) left center  no-repeat; }
.satisfaction form#satisfy input[type='radio']:focus + label{  background:url(/home/www/images/sub/radio_on.png) left center  no-repeat; border:#999 dashed 1px }
.satisfaction form#satisfy label{ line-height:18px;}
.satisfaction form#satisfy .write_wrap{ float:left; margin-bottom:20px; }
.satisfaction form#satisfy .write_wrap #satisfy_text{ width:260px; border:#898989 solid 1px; height:30px; line-height:30px; padding:0 10px}
.satisfaction form#satisfy .write_wrap #satisfy_btn { border:#272727 solid 1px; background:#656565; font-size:12px; color:#fff; width:100px; height:30px; vertical-align:top; cursor:pointer; margin-left:-5px }
.satisfaction .charger{ font-size:14px; line-height:160%; padding-top:10px; overflow:hidden}
.satisfaction .charger dl dt,.satisfaction .charger dl dd{ float:left; font-size:12px;  margin-right:15px;}
.satisfaction .charger dl dt{ margin-right:20px; font-weight:bold;}
.satisfaction .charger dl dd{ margin-right:40px; color:#858585}
.satisfaction .charger .btn_error{ float:right;font-size:12px; font-weight:bold; padding-left:23px; background:url(/home/www/images/sub/icon_write.png) left center no-repeat }



#bottom{ clear:both; padding:38px 0 75px 0;  min-width:1200px}
#bottom .bottom_menu{ margin-top:30px; margin-bottom:15px}
#bottom .bottom_menu a{ display:inline-block; padding:0 12px; border-right:#c7c7c7 solid 1px; color:#545454; font-size:14px; font-weight:bold}
#bottom .bottom_menu a:first-child { padding-left:0;}
#bottom .bottom_menu a:last-child{ border:0 }
#bottom p{ color:#737272; font-size:12px; font-weight:bold; margin-top:5px;}
#bottom .container{ position:relative; }
#bottom .certify{ position:absolute; right:0; top:0;}
#bottom #go_top{ position:fixed;  right:15px; bottom:15px; width:auto; margin:0; }


/*.pop_close{ position:absolute; bottom:15px; right:5px}*/

/* }
@media all and (min-width:1100px) {
}*/