@charset "utf-8";
/* container */


/* visual */
.visual_area{position:relative;width:100%;height:300px;overflow:hidden}
.visual_area .visual{width:1000px;height:300px;margin:0 auto;position:relative}
.visual_area .visual .visualimg{width:3000px;position:absolute;top:0;}
.visual_area .visual .visualimg li{float:left;display:none}
.visual_area .visual .visualimg li.on{display:block}
.visual_area .visual .left_mask{display:block;position:absolute;top:0;left:-1000px;height:325px;width:1000px;background:url(/images/01_potal/new_main/visual_mask.png) repeat}
.visual_area .visual .right_mask{display:block;position:absolute;top:0;left:1000px;height:325px;width:1000px;background:url(/images/01_potal/new_main/visual_mask.png) repeat}
.visual_area .visual .visual_ctrl .number{float:left;color:#fff;font-weight:bold;padding:4px 5px 0 0}
.visual_area .visual .visual_ctrl{position:absolute;bottom:25px;right:25px;width:140px;}
.visual_area .visual .visual_ctrl ul li{float:left;}
.visual_area .visual .visual_ctrl ul li a{display:block;border:1px solid #fff;width:24px;height:24px;margin:0 2px}
.visual_area .visual .visual_ctrl ul li.prev a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat 0 0}
.visual_area .visual .visual_ctrl ul li.stop a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -25px 0}
.visual_area .visual .visual_ctrl ul li.play a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -50px 0}
.visual_area .visual .visual_ctrl ul li.next a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -76px 0}

/* top content */
.top_content{width:1000px;margin:0 auto;overflow:hidden}

/* notice */
.notice{width:600px;margin:35px 40px 0 0;position:relative;height:238px;float:left;}
.notice h2{float:left;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.notice h2:first-child{border-left:1px solid #ebebeb}
.notice h2 a{font-size:14px;text-align:center;padding:9px 0;width:112px;display:block;color:#686868}
.notice h2 a.new_window{background:url(/images/01_potal/new_common/newwindow.png) no-repeat 85% center}
.notice h2 a.new_window:hover{background:#0075bf url(/images/01_potal/new_common/newwindow.png) no-repeat 85% center}
.notice h2.on a,.notice h2 a:hover,.notice h2 a:focus{background:#0075bf;color:#fff;}
.notice .list{display:none;position:absolute;top:44px;border:1px solid #ebebeb;}
.notice .list.on{display:block;}
.notice .list ul{padding:0 20px 12px;}
.notice .list ul li{padding:12px 0 0 0;width:560px;overflow:hidden}
.notice .list ul li a{font-size:14px;color:#000;width:470px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;float:left;}
.notice .list ul li span{float:right;color:#555;font-size:12px;}
.notice .list .notice_more a{position:absolute;top:0;right:0;display:block;width:38px;height:38px;background:url(/images/01_potal/new_main/notice_more_btn.gif) no-repeat;margin:-45px 0 0 0;border-left:2px solid #ebebeb}

/* mayor */
.mayor_area{float:right;width:360px;height:265px;margin:35px 0 3px 0}

/* 거제시장 변광용*/
.mayor_area .mayor{height:153px;background:url(/images/01_potal/new_main/mayor_bg.jpg) no-repeat bottom; position:relative;}
	/* 이전 : 7.16 이후 삭제 */
	.mayor_area .mayor.mayor_1871{height:153px;background:url(/images/01_potal/new_main/mayor_bg.png) no-repeat bottom;position:relative;}
	.mayor_area .mayor.mayor_1871 ul li:first-child:after{content:'ㅣ';color: #000;}
	.mayor_area .mayor.mayor_1871 ul li a{font-weight:600;color: #000;}
	.mayor_area .mayor.mayor_1871 h2{position:absolute;top:65px;left:155px;}

.mayor_area .mayor h2{position:absolute;top:15px;left:170px;}	
.mayor_area .mayor ul{position:absolute;top:125px;left: 120px;}
.mayor_area .mayor ul li{display:inline-block;}
.mayor_area .mayor ul li:first-child:after{content:'ㅣ';color:#fff}
.mayor_area .mayor ul li:nth-child(2):after{content:'ㅣ';color:#fff}
.mayor_area .mayor ul li a{font-weight:600;color:#fff;}
.mayor_area .building{margin:20px 0 0 0;background:#0075bf;height:105px}
.mayor_area .building ul li{float:left;text-align:center;background:url(/images/01_potal/new_main/mayor_link_dot.png) no-repeat right center}
.mayor_area .building ul li:last-child{background:none;}
.mayor_area .building ul li a{width:120px;height:105px;display:block;}
.mayor_area .building ul li:nth-child(1) a{background:url(/images/01_potal/new_main/mayor_link01.png) no-repeat center 15px}
.mayor_area .building ul li:nth-child(2) a{background:url(/images/01_potal/new_main/mayor_link02.png) no-repeat center 15px}
.mayor_area .building ul li:nth-child(3) a{background:url(/images/01_potal/new_main/mayor_link03.png) no-repeat center 15px}
.mayor_area .building ul li:nth-child(1) a:hover{background:#f7921e url(/images/01_potal/new_main/mayor_link01.png) no-repeat center 15px;color:#fff}
.mayor_area .building ul li:nth-child(2) a:hover{background:#f7921e url(/images/01_potal/new_main/mayor_link02.png) no-repeat center 15px;color:#fff}
.mayor_area .building ul li:nth-child(3) a:hover{background:#f7921e url(/images/01_potal/new_main/mayor_link03.png) no-repeat center 15px;color:#fff}
.mayor_area .building ul li a span{color:#fff;font-weight:normal;font-size:14px;padding:73px 0 0 0;display:block}

/* cardnews */
.card_news{float:left;margin:20px 40px 0 0;width:600px;height:220px;position:relative}
.card_news h2{color:#000;width:420px;padding:10px 0 10px 20px;background:#f7921e;font-size:14px;}
.card_news h2 strong{padding:0 15px 0 0}
.card_news .card_more a{position:absolute;top:0;right:154px;display:block;width:38px;height:38px;background:url(/images/01_potal/new_main/notice_more_btn.gif) no-repeat;}
.card_news .list{margin:20px 0 0 0}
.card_news .list li{float:left;width:140px;margin:0 13px 0 0}
.card_news .list li:last-child{margin:0}
.card_news .list li a span{font-size:12px;display:block;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 0 0 0}

/*입찰예고*/
.notice_button{background:#0075bf;line-height: 38px;display: inline-block;width: 140px;color: #fff !important;text-align:center;position:absolute;top:0;right:0}

/* infozone */
.infozone{float:right;margin:30px 0 0 0;width:360px;height:180px;overflow:hidden;position:relative}
.infozone .visual_ctrl .number{float:left;color:#fff;font-weight:normal;padding:3px 6px 4px 6px;color:#fff;background:url(/images/01_potal/new_main/infozone_ctrl_bg.png) repeat}
.infozone .visual_ctrl{position:absolute;bottom:0;right:0;}
.infozone .visual_ctrl ul{overflow:hidden;float:left;}
.infozone .visual_ctrl ul li{float:left;}
.infozone .visual_ctrl ul li a{display:block;width:25px;height:25px;}
.infozone .visual_ctrl ul li.prev a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat 0 0}
.infozone .visual_ctrl ul li.stop a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -25px 0}
.infozone .visual_ctrl ul li.play a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -50px 0}
.infozone .visual_ctrl ul li.next a{background:url(/images/01_potal/new_main/slide_btn.png) no-repeat -75px 0}

/* quick_link */
.quick_link{width:100%;background:url(/images/01_potal/new_main/quick_bg.gif) repeat center;margin:35px 0;overflow:hidden}
.quick_link .quick_inner{width:1000px;height:145px;overflow:hidden;position:relative;margin:0 auto;}
.quick_link .quick_inner .quick_list{margin:0 0 0 65px;overflow:hidden}
.quick_link .quick_inner .quick_list li{float:left;width:145px;height:145px;background:url(/images/01_potal/new_main/quick_dot.png) no-repeat right 60px;margin:0}
.quick_link .quick_inner .quick_list li a{display:block;text-align:center;color:#fff;height:145px;}
.quick_link .quick_inner .quick_list li a span{color:#fff;font-weight:600;font-size:14px;display:block;padding:100px 0 0 0}
.quick_link .quick_inner .quick_list li.qicon01 a{background:url(/images/01_potal/new_main/quick_icon01.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon02 a{background:url(/images/01_potal/new_main/quick_icon02.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon03 a{background:url(/images/01_potal/new_main/quick_icon03.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon04 a{background:url(/images/01_potal/new_main/quick_icon04.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon05 a{background:url(/images/01_potal/new_main/quick_icon05.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon06 a{background:url(/images/01_potal/new_main/quick_icon06.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon07 a{background:url(/images/01_potal/new_main/quick_icon07.png) no-repeat center 30%}
.quick_link .quick_inner .quick_list li.qicon08 a{background:url(/images/01_potal/new_main/quick_icon08.png) no-repeat center 30%}

.quick_link .quick_inner .quick_btn ul li a{display:block;height:35px;width:18px}
.quick_link .quick_inner .quick_btn ul li.prev a{background:url(/images/01_potal/new_main/quick_btn.png) left center;position:absolute;left:0;top:58px;}
.quick_link .quick_inner .quick_btn ul li.next a{background:url(/images/01_potal/new_main/quick_btn.png) right center;position:absolute;right:0;top:58px;} 

/* bottom_content */
.bottom_content{background:url(/images/01_potal/new_main/container_bg.jpg) no-repeat bottom center;height:880px}
.bottom_content .bottom_inner{width:1000px;margin:0 auto;}

/* g_media */
.g_media{width:600px;float:left;overflow:hidden;margin:0 40px 0 0}
.g_media .movie_news{width:230px;height:370px;background:#2c2c2c;text-align:center;float:left;}
.g_media .movie_news h2{text-align:center;color:#fff;font-size:16px;font-weight:600;padding:35px 0 20px 30px;background:url(/images/01_potal/new_main/movie_news_icon.gif) no-repeat 45px 35px}
.g_media .movie_news ul li{text-align:center;width:155px;padding:0 0 15px 36px}
.g_media .movie_news ul li a{display:block;}
.g_media .movie_news ul li a:hover span{text-decoration:underline}
.g_media .movie_news ul li a span{color:#fff;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis;display:block;padding:4px 0 0 0}
.g_media .movie_news ul li a img{border:1px solid #fff}
.g_media .sns{width:370px;height:185px;float:left;background:url(/images/01_potal/new_main/sns_bg.jpg) no-repeat center;text-align:center;overflow:hidden}
.g_media .sns h2{color:#fff;font-size:18px;font-weight:600;padding:30px 0 20px 0}
.g_media .sns ul li{display:inline-block;}
.g_media .sns ul li a{display:block;width:65px;height:60px;margin:0 6px}
.g_media .sns ul li a:hover span{text-decoration:underline}
.g_media .sns ul li a span{color:#fff;font-size:13px;padding:65px 0 0 0;display:block}
.g_media .sns ul li:nth-child(1) a{background:url(/images/01_potal/new_main/sns_icon04.png) no-repeat center}
.g_media .sns ul li:nth-child(2) a{background:url(/images/01_potal/new_main/sns_icon01.png) no-repeat center}
.g_media .sns ul li:nth-child(3) a{background:url(/images/01_potal/new_main/sns_icon02.png) no-repeat center}
.g_media .sns ul li:nth-child(4) a{background:url(/images/01_potal/new_main/sns_icon03.png) no-repeat center}
.g_media .media{float:left;}
.g_media .media a{display:block;float:left;width:185px;height:185px;text-align:center;color:#fff;}
.g_media .media a strong{display:block;font-size:20px;padding:42px 0 20px 0}
.g_media .media a span{font-size:13px;}
.g_media .media a i{display:block;margin:15px 0 0 0;-webkit-transition:.3s all ease-in;transition:.3s all ease-in}
.g_media .media a:hover i{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg)}
.g_media .media a.media01{background:url(/images/01_potal/new_main/media_filed01.jpg) no-repeat}
.g_media .media a.media02{background:url(/images/01_potal/new_main/media_filed02.jpg) no-repeat}

/* s_site */
.s_site{overflow:hidden;width:360px;height:370px;position:relative;background:url(/images/01_potal/new_main/s_site_bg.jpg) no-repeat bottom;background-size:cover}
.s_site .title{background:#4f4f4f;padding:9px 0 10px 15px;color:#fff;}
.s_site .title h2 strong{color:#f7921e}
.s_site ul li a.btn{display:block;background:#8f8f8f;color:#fff;border-radius:50%;padding:2px 7px;margin:5px;font-size:12px}
.s_site ul li a.s_group1{position:absolute;top:2px;right:33px;}
.s_site ul li a.s_group2{position:absolute;top:2px;right:5px;}
.s_site ul li.on a.btn{background:#0075bf}
.s_site ul li.on .list{display:block}
.s_site ul li .list{height:268px;padding:35px 30px 30px 30px;display:none;overflow:hidden}
.s_site ul li .list li{float:left;text-align:center;margin:4px 9px}
.s_site ul li .list li a{display:block;padding:55px 0 10px 0;width:80px;text-align:center;font-size:13px;}
.s_site ul li .list li a:hover{color:#0075bf;font-weight:600}
.s_site ul li .list li.s_site01 a{background:url(/images/01_potal/new_main/s_site_01.png) no-repeat top}
.s_site ul li .list li.s_site02 a{background:url(/images/01_potal/new_main/s_site_02.png) no-repeat top}
.s_site ul li .list li.s_site03 a{background:url(/images/01_potal/new_main/s_site_03.png) no-repeat top}
.s_site ul li .list li.s_site04 a{background:url(/images/01_potal/new_main/s_site_04.png) no-repeat top}
.s_site ul li .list li.s_site05 a{background:url(/images/01_potal/new_main/s_site_05.png) no-repeat top}
.s_site ul li .list li.s_site06 a{background:url(/images/01_potal/new_main/s_site_06.png) no-repeat top}
.s_site ul li .list li.s_site07 a{background:url(/images/01_potal/new_main/s_site_07.png) no-repeat top}
.s_site ul li .list li.s_site08 a{background:url(/images/01_potal/new_main/s_site_08.png) no-repeat top}
.s_site ul li .list li.s_site09 a{background:url(/images/01_potal/new_main/s_site_09.png) no-repeat top}
.s_site ul li .list li.s_site10 a{background:url(/images/01_potal/new_main/s_site_10.png) no-repeat top}
.s_site ul li .list li.s_site11 a{background:url(/images/01_potal/new_main/s_site_11.png) no-repeat top}
.s_site ul li .list li.s_site12 a{background:url(/images/01_potal/new_main/s_site_12.png) no-repeat top}
.s_site ul li .list li.s_site13 a{background:url(/images/01_potal/new_main/s_site_13.png) no-repeat top}
.s_site ul li .list li.s_site14 a{background:url(/images/01_potal/new_main/s_site_14.png) no-repeat top}
.s_site ul li .list li.s_site15 a{background:url(/images/01_potal/new_main/s_site_15.png) no-repeat top}
.s_site ul li .list li.s_site16 a{background:url(/images/01_potal/new_main/s_site_16.png) no-repeat top}
.s_site ul li .list li.s_site17 a{background:url(/images/01_potal/new_main/s_site_17.png) no-repeat top}
.s_site ul li .list li.s_site18 a{background:url(/images/01_potal/new_main/s_site_18.png) no-repeat top}

/* category_link */
.category_link{margin:40px 0 0 0;position:relative;}
.category_link ul{overflow:hidden}
.category_link ul li a.tab{display:block;width:333px;float:left;font-size:16px;background:#fff;padding:14px 0;text-align:center;font-weight:600;border-right:1px solid #d2d2d2;-webkit-box-sizing: border-box;box-sizing: border-box;}
.category_link ul li:last-child a.tab{border:none}
.category_link ul li.on a.tab{background:#0075bf;color:#fff;text-decoration:underline;border:none}
.category_link ul li.on .category_list{display:block;}
.category_link ul li .category_list{position:absolute;top:46px;display:none;background:rgba(0,117,191,.95);height:375px;width:1000px;overflow:hidden;z-index:300}
.category_link ul li .category_list .inner{position:relative;width:920px;height:295px;padding:40px}
.category_link ul li .category_list .inner .img_banner{float:left;width:565px}
.category_link ul li .category_list .inner .img_banner li{float:left;padding:0 25px 25px 0}
.category_link ul li .category_list .inner .img_banner li:nth-child(2),.category_link ul li .category_list .inner .img_banner li:nth-child(4){padding:0 0 0 0}
.category_link ul li .category_list .inner .img_banner li a{position:relative;display:block;width:224px;height:89px;color:#fff;padding:23px;font-size:20px;line-height:1.5em}
.category_link ul li .category_list .inner .img_banner li a span{position:absolute;bottom:23px;right:23px;-webkit-transition:.3s all ease-in;transition:.3s all ease-in;}
.category_link ul li .category_list .inner .img_banner li a:hover span{transform:rotate(180deg) ; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.category_link ul li .category_list .inner .img_banner li.banner01 a{background:url(/images/01_potal/new_main/bot_g01_01.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner02 a{background:url(/images/01_potal/new_main/bot_g01_02.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner03 a{background:url(/images/01_potal/new_main/bot_g01_03.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner04 a{background:url(/images/01_potal/new_main/bot_g01_04.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner05 a{background:url(/images/01_potal/new_main/bot_g02_01.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner06 a{background:url(/images/01_potal/new_main/bot_g02_02.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner07 a{background:url(/images/01_potal/new_main/bot_g02_03.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner08 a{background:url(/images/01_potal/new_main/bot_g02_04.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner09 a{background:url(/images/01_potal/new_main/bot_g03_01.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner10 a{background:url(/images/01_potal/new_main/bot_g03_02.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner11 a{background:url(/images/01_potal/new_main/bot_g03_03.jpg) no-repeat center}
.category_link ul li .category_list .inner .img_banner li.banner12 a{background:url(/images/01_potal/new_main/bot_g03_04.jpg) no-repeat center}
.category_link ul li .category_list .inner .link_list{float:left;margin: 0 0 0 30px;height:300px;width: 325px;}
.category_link ul li .category_list .inner .link_list li{float:left;}
.category_link ul li .category_list .inner .link_list li a{display:block;color:#fff;width: 145px;padding:9px 0 9px 8px;border-bottom:1px solid #0084d8;font-size:14px;background:url(/images/01_potal/new_main/bot_l_dot.gif) no-repeat left center;}
.category_link ul li .category_list .inner .link_list li:nth-child(even){padding: 0 0 0 10px;}