﻿@charset "utf-8";

.main_vis_w{width:100%; }
.main_vis{ position:relative;}
.mainvisual{position: relative;  height:485px; width:100%;}
.mainvisual .cycle-slideshow{height:485px; width:100%; position:relative; min-width:1000px; margin:auto; overflow:hidden; }
.mainvisual .cycle-slideshow .slide{height:485px; width:100%; text-align:center;}
.mainvisual .cycle-slideshow .slide img{width:1000px; height:485px;}
/*
.main_vis_w{width:100%; }
.main_vis{width:1000px; margin:auto; position:relative;}
.mainvisual{position: relative; overflow: hidden; height:485px; width:1000px;}
.mainvisual .cycle-slideshow{height:485px;  position:relative;}
.mainvisual .cycle-slideshow .slide{width: 1000px;;height:485px; }
*/
.mainvisual .cycle div{position: relative;}
.mainvisual .cycle-prev{background: url(http://www.gni.kr/images/main/mainvisual_l.png) no-repeat left -45px;width:30px;height:45px;display:inline-block;position: absolute;top:-2px;right:68px;}
.mainvisual .cycle-next{background: url(http://www.gni.kr/images/main/mainvisual_r.png) no-repeat left -45px;width:30px;height:45px;display:inline-block;position: absolute;top:-2px;right:20px;}
.mainvisual .cycle-prev:hover{background: url(http://www.gni.kr/images/main/mainvisual_l.png) no-repeat left top;}
.mainvisual .cycle-next:hover{background: url(http://www.gni.kr/images/main/mainvisual_r.png) no-repeat left top;}
.pagerWrap {position: absolute; top:440px; left:50%; margin-left:-500px; text-align:center;  width:1000px;z-index: 9000;  }
#adv-custom-pager {display: inline-block;}
#adv-custom-pager a{display:inline-block;width: 18px;height: 18px;margin-left:2px;background: url(http://www.gni.kr/images/main/bg_pagerOff.png) 0 0 no-repeat;}
#adv-custom-pager a.cycle-pager-active{width: 50px;background: url(http://www.gni.kr/images/main/bg_pagerOn.png) 0 0 no-repeat;}
.pagerWrap button {display:inline-block;width: 18px;height: 18px;vertical-align: top;border: none; font-size: 0;line-height: 0;text-indent: -999px;}
.pagerWrap .btnStop {background:url(http://www.gni.kr/images/main/btn_stop.png) 0 0 no-repeat;}
.pagerWrap .btnPlay {background:url(http://www.gni.kr/images/main/btn_play.png) 0 0 no-repeat;}	
.subcont_w{width:100%; margin-bottom:60px; }
.subcont{width:1000px; margin:auto; }
.mid_bns{width:1000px; }
.mid_bns ul{overflow:hidden;}
.mid_bns ul li{float:left; width:333.3333333333333px;}
.mid_bns ul li a{display:block; font-size:14px; letter-spacing:-2px; background:url(../images/mid_bns.jpg) no-repeat; padding-top:24px;  padding-left:136px;height:86px; line-height:20px; font-family:"맑은 고딕";}
.mid_bns ul li.mid_f a{background-position:0 0;}
.mid_bns ul li.mid_s a{background-position:-332px 0;}
.mid_bns ul li.mid_t a{background-position:-667px 0;}
.mid_bns ul li p{color:#fff; }
.mid_bns ul li p.subt{font-size:18px;margin-bottom:5px; font-weight:700; }
.guard_sec1{width:1000px; margin-top:50px;}
.guard_sec1 ul{overflow:hidden;}
.guard_sec1 ul li{float:left; margin-right:35px;  line-height:24px; }
.guard_sec1 ul li .guardtitle{width:310px; overflow:hidden;  margin-bottom:30px;}
.guard_sec1 ul li p.gu_l{float:left; font-size:18px; font-weight:700; width:295px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.guard_sec1 ul li a.gu_r{float:right; width:12px; height:12px; display:block; background:url(../images/plus.png) center left no-repeat;padding-top:10px;}
.guard_sec1 ul li .guardimg,.guard_sec1 ul li .guard_de{display:block;}
.guard_sec1 ul li .guardinimg{margin-bottom:10px;}
.guardp{font-size:14px; color:#434343; width:310px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.guard_sec1 ul li .guard_de{overflow:hidden; font-size:14px; color:#434343; line-height:26px;}
.guard_sec1 ul li .guard_de	.guard_de_l{width:270px; float:left; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}	
.guard_sec1 ul li .guard_de	.guard_de_r{width:40px; float:right; text-align:right;}	
.guard_sec1 ul li.gsec_last{margin-right:0px;}
.guard_pica{overflow:hidden;}
.guard_pica p.guard_pic_l{float:left;}
.guard_pica p.guard_pic_l img{width:129px; height:112px;}
.guard_pica .guard_pic_r{float:right; width:159px; color:#434343; }		
.guard_pica .guard_pic_r .guard_pic_r_t{font-size:16px; font-weight:700; margin-bottom:5px; width:159px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}		
.guard_pica .guard_pic_r .guard_pic_r_txt{line-height:20px; font-size:13px;}
.telarea{padding-top:19px; padding-left:94px; background:#f5f5f5 url(../images/tel_icon.png) 23px 16px no-repeat; width:216px; height:138px;  }
.telp{font-size:16px; color:#6e6e6e; font-weight:700; margin-bottom:3px;  }
.date{font-size:12px; color:#434343; line-height:18px; margin-bottom:3px;}
.mun{padding:8px 20px; background:#685b55; color:#fff;}
.datetxt{margin-bottom:5px;}
.center_a{width:310px; height:43px; line-height:43px; font-size:16px; text-align:center; display: block; background:#89a130 url(../images/cen_icon.png) 47px center no-repeat; color:#fff;}

.siteinfo{width:310px;}
.siteinfo .siteul1{overflow:hidden; width:308px; border:1px solid #dfdfdf;} 
.siteinfo .siteul2{overflow:hidden; width:310px;} 					
.siteinfo ul li{margin:0px; padding:0px; font-size:14px;}
.siteinfo .siteul1 li a{display:block; padding-top:64px; padding-bottom:18px; width:153px; text-align:center; color:#74655e; }
.siteinfo .siteul1 li.web_zine{border-right:1px solid #dfdfdf;}				
.siteinfo .siteul1 li.web_zine a{ background:#fff url(../images/web_a_icons_1.png) center 27px no-repeat;}				
.siteinfo .siteul1 li.online_mun_main a{ background:#fff url(../images/web_a_icons_2.png) center 20px no-repeat;}		
.siteinfo .siteul2 li a{display:block; padding-top:64px; padding-bottom:18px; width:155px; text-align:center; color:#74655e; color:#fff; }			
.siteinfo .siteul2 li.jun a{ background:#8ea641 url(../images/web_a_icons_3.png) center 25px no-repeat;}				
.siteinfo .siteul2 li.lis a{ background:#7f736e url(../images/web_a_icons_4.png) center 24px no-repeat;}	


.mid_bns_ag{width:1000px; }
.mid_bns_ag ul{overflow:hidden;}
.mid_bns_ag ul li{float:left; width:500px;}
.mid_bns_ag ul li a{display:block; font-size:14px; letter-spacing:-2px; padding-top:24px;  padding-left:172px; height:86px; line-height:20px; font-family:"맑은 고딕";}
.mid_bns_ag ul li.mid_f_ag a{background:#8aa232 url(../images/a_g_‌con_1.png) no-repeat; background-position:82px 23px;}
.mid_bns_ag ul li.mid_s_ag a{background:#9188bf url(../images/a_g_‌con_2.png) no-repeat; background-position:78px 26px;}
.mid_bns_ag ul li p{color:#fff; }
.mid_bns_ag ul li p.subt{font-size:18px;margin-bottom:5px; font-weight:700; }
.agbtns{display:none;}


.mid_bns_ad{width:1000px;}
.mid_bns_ad ul{overflow:hidden;}
.mid_bns_ad ul li{width:910px;}
.mid_bns_ad ul li.mid_f_ad{overflow:hidden; color:#fff; background:#857973 url(../images/adong_icons_1.png) no-repeat; background-position:128px 23px;  font-family:"맑은 고딕"; line-height:20px; font-size:14px; letter-spacing:-2px; padding:35px 45px;}
.mid_bns_ad ul li.mid_f_ad p{float:left; }		
.ad_mid_title{width:95px;  font-size:18px; line-height:40px; margin-right:84px;}
.ad_mid_txt{width:700px;}	

.ad_siteinfo{width:310px;}
.ad_siteinfo .ad_siteul1{overflow:hidden; width:268px; padding:20px; border:1px solid #dfdfdf;} 
.ad_siteinfo .ad_siteul2{overflow:hidden; width:310px;} 					
.ad_siteinfo ul li{margin:0px; padding:0px; font-size:14px;}
.ad_siteinfo .ad_siteul1 li a{display:block; color:#74655e; }
.ad_siteinfo .ad_siteul1 li.ad_tels a{ background:#fff url(../images/tel_icon.png)  no-repeat; background-size:47px 50px; width:115px; font-size:16px; font-weight:700; line-height:50px; padding-left:53px; letter-spacing:-1px;}				
.ad_siteinfo .ad_siteul1 li.ad_online_mun a{width:100px; color:#fff;  background:#7f736e;text-align:center; padding-top:5px; padding-bottom:5px; margin-top:8px;}		
.ad_siteinfo .ad_siteul2 li a{display:block; padding-top:64px; padding-bottom:18px; width:155px; text-align:center; color:#74655e; color:#fff; }			
.ad_siteinfo .ad_siteul2 li.jun a{ background:#8ea641 url(../images/web_a_icons_3.png) center 25px no-repeat;}				
.ad_siteinfo .ad_siteul2 li.lis a{ background:#7f736e url(../images/web_a_icons_4.png) center 24px no-repeat;}	

.bok_sto_mov{width:310px; overflow:hidden;}
.bok_sto_mov a{display:block; width:150px; float:left; margin-right:9px;}
.bok_sto_mov a .bok_sumimg{margin-bottom:10px; position:relative;}
.bok_sto_mov a .bok_sumimg img{height: 112px;width:100%;}				
.bok_sto_mov a .bok_sumimg	 .bok_mask{position:absolute; top:0px; left:0px; z-index:1;}				
.bok_sto_mov a .bok_sumtxt{color:#434343; line-height:18px; font-size:14px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}					
.bok_sto_mov a.mov_bok{margin-right:0px;}

.sidomobile{display:none;}
.sidoweb{width:1000px; background:url(../images/sido_main_bns.jpg) no-repeat; height:143px;}
.sidoweb ul{overflow:hidden; }			
.sidoweb ul li{float:left;}		
.sidoweb ul li a{width:333px; height:71.5px;  display:block;}

.PerAreas{width:600px; padding:20px;background:#f6f2f3;display:none;position:absolute; bottom:100px; left:50%; margin-left:-320px; z-index:9999;}
		.PerAreas h2{font-size:20px; font-family:"맑은 고딕";color:#000;text-align:center;padding:30px 0px 20px 0px}
		.PerAreas .InArea{background:#fff; border:1px solid #cfcfcf;padding:20px; color:#fff;}
		.PerAreas .InArea .Secs{margin-bottom:40px;}
		.PerAreas .InArea .Secs h3{font-size:16px; margin-bottom:10px;}
		.PerAreas .InArea .Secs p{line-height:22px; font-size:14px;color:#000;padding-left:10px;}
		.PerAreas .InArea .tablePerson{width:558px;}		
		.PerAreas .InArea .tablePerson .Heads{padding:10px 0; background:#7e7576; color:#fff;text-align:center;}	
		.PerAreas .InArea .tablePerson ul.Bodys{width:556px;border:1px solid #cdcdcd;padding:0;display:table;}
		.PerAreas .InArea .tablePerson ul.Bodys li{color:#000; text-align:center;display:table-cell;vertical-align:middle;padding:10px 0;width: 275px;}
		.PerAreas .InArea .tablePerson ul.Bodys li.LBTN{border-right:1px solid #cdcdcd; }
		
		.PerBang{position:absolute;right:10px; top:10px;color:#828282;}
		.PersonXXDiv{padding:40px 0; text-align:center;}
		.PersonXX{background:#7e7576; color:#fff;padding:14px 40px;}
