@charset "utf-8";

/* common */
html,body{width:100%;height:100%;margin:0;padding:0}
#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover, #skip li a:focus, #skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5;color:#fff;width:100%;height:25px;padding:5px 0 0 0}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.hide{display:none !important;margin:0;padding:0}



header{position:relative;z-index:1000;height:136px;}
header .gnb{background:#d64441;height:40px;overflow:hidden;}
header .gnb p a{display:inline-block;color:#fff;font-family:'돋움';font-size:12px;height:40px;}
header .gnb p.btn_home a{background:url("/images/02_mayor/common/gnb_icon.png") no-repeat center 10px;width:50px;border-right:solid 1px #ec716e;}
header .gnb p.btn_smap{display:none;}
header .gnb p a span{display:inline-block;padding:40px 0 0 0;}
header .gnb_sns{position:absolute;top:0;right:0;height:40px;overflow:hidden;}
header .gnb_sns p{float:left;}
header .gnb_sns p a{display:inline-block;color:#fff;font-family:'돋움';font-size:12px;height:40px;}
header .gnb_sns p a span{display:inline-block;padding:40px 0 0 0;}
header .gnb_sns p.btn_gimje a{background:url("/images/02_mayor/common/gimje_go_arr.png") no-repeat right 15px;margin-right:30px;}
header .gnb_sns p.btn_gimje span{padding:13px 20px 0 10px;}
header .gnb_sns p.btn_sns a{width:40px;}
header .gnb_sns p.btn_sns a.btn_f{background:#0054a6 url("/images/02_mayor/common/icon_sns.png") no-repeat center 6px;}
header .gnb_sns p.btn_sns a.btn_t{background:#ada6ff url("/images/02_mayor/common/icon_sns.png") no-repeat center -71px;}

header .logo{display:none;}
header h1{font-size:24px;font-weight:600;padding:30px 15px;color:#015b96;}
header h1 span{display:inline-block;font-size:14px;padding:8px 0 0 0;color:#000;}
header h1 em{font-style:normal;color:#01416b;}
header .menu_open{position:absolute;top:65px;right:15px;}

header nav{display:none;background:#f4f4f4;border-top:solid 1px #eaeaea;}
header nav li{border-bottom:solid 1px #eaeaea;}
header nav li a{display:block;padding:20px;color:#000;font-size:18px;}
header nav li a span{display:block;}
header nav li li a{padding:5px;font-size:16px;}

header nav li a:hover,
header nav li a:focus{background:#646464;color:#fff;}
header nav li a:hover span,
header nav li a:focus span{background:url("/images/02_mayor/common/left_menu_arr.png") no-repeat right center;margin-right:20px;}

header nav li.on a{background:#646464;color:#fff;}
header nav li.on a span{background:url("/images/02_mayor/common/left_menu_arr.png") no-repeat right center;margin-right:15px;}
header nav li.on ul{padding:10px 20px;background:#fff;}
header nav li.on li{border:none;}
header nav li.on li a{background:none;color:#000;}
header nav li.on li a span{background:url("/images/02_mayor/common/left_menu_blit.gif") no-repeat left center;padding-left:15px;}

header nav li.on li a:hover,
header nav li.on li a:focus{text-decoration:underline;}

header nav li.on li.on a{text-decoration:underline;color:#0052ca;}
header nav li.on li.on li a{text-decoration:none;color:#000;padding:2px;font-weight:normal;font-size:14px;}
header nav li.on li.on li a span{background:url("/images/02_mayor/common/li02.gif") no-repeat 0 8px;padding-left:7px;}
header nav li.on li.on li a:hover,
header nav li.on li.on li a:focus{text-decoration:underline;}
header nav li.on li.on li.on a{text-decoration:underline;}

header nav.on{display:block;position:absolute;top:136px;left:0;width:100%;}

header nav li a.new{background:url("/images/02_mayor/common/nav_new.png") 83% no-repeat !important;}
header nav li a.new span{background:none;}
header nav li a.new:hover,
header nav li a.new:focus{background:#646464 url("/images/02_mayor/common/btn_new.png") 83% no-repeat !important;}
header nav li.on a.new{background:#646464 url("/images/02_mayor/common/btn_new.png") 83% no-repeat !important;}

header nav li.on li a.new{background:url("/images/02_mayor/common/nav_new.png") 90% no-repeat !important;}

footer{background:#484747;clear:both;}
footer .f_logo{display:none;}
footer div{color:#fff;text-align:center;font-size:13px;font-weight:100;padding:30px;}
footer div address{font-style:normal;}
footer div address span{display:block;}
footer div address span em{display:none;}
footer ul{width:80%;margin:0 auto;padding:0 0 40px 0;}
footer ul li{border:solid 1px #fff;margin-bottom:5px;}
footer ul li a{display:block;color:#fff;padding:10px 20px;font-size:13px;font-weight:100;}
footer ul li a:hover,
footer ul li a:focus{background:#fff;color:#000;}
footer ul li:last-child{display:none;}
footer ul li a span{display:block;background:url("/images/02_mayor/common/gimje_go_arr.gif") no-repeat right center;}


/*sub*/
.s_contents{position:relative;}
.s_tit{padding:40px;position:absolute;top:0;left:0;color:#fff;}
.s_tit .location{font-weight:100;}
.s_tit .location a{color:#fff;}
.s_tit h2{font-size:36px;font-weight:300;}

p.slogan{display:none;}

.s_con{padding:40px 10px;}

/* Tablet */
@media all and (min-width:768px) {

footer .f_logo{display:block;text-align:center;padding-top:30px;}
footer div{padding:20px;}
footer div address span{display:inline;}
footer div address span em{display:inline;font-style:normal;}
footer ul{overflow:hidden;}
footer ul li{float:left;width:30%;margin:0 1.5%;}
footer ul li:last-child{display:block;}

/*sub*/
p.slogan{display:block;position:absolute;top:50px;right:30px;color:#fff;text-align:right;font-size:25px;}
p.slogan span{color:#fff200;}

.s_con{padding:40px;}


}

/* Desktop */
@media all and (min-width:1023px) {
header{position:fixed;top:0;left:0;width:300px;height:100%;background:url("/images/02_mayor/common/left_menu_bg.png") repeat-y;}
header div.pc_wrap{height:100%;}
header .gnb{position:absolute;top:0;left:0;background:none;width:40px;height:100%;}
header .gnb p a{height:auto;text-align:center;padding:15px 0;border-bottom:solid 1px #ec716e;}
header .gnb p.btn_home a{background:url("/images/02_mayor/common/gnb_icon.png") no-repeat center 15px;width:40px;border-right:none;}
header .gnb p.btn_smap{display:block;}
header .gnb p.btn_smap a{background:url("/images/02_mayor/common/gnb_icon.png") no-repeat center -40px;width:40px;}
header .gnb p a span{display:inline-block;padding:25px 0 0 0;}

header .gnb_sns{position:absolute;top:89%;left:65px;width:200px;height:auto;}
header .gnb_sns p{float:none;}
header .gnb_sns p a{height:auto;text-align:center;padding:15px 0;}
header .gnb_sns p.btn_gimje{margin-bottom:5px;}
header .gnb_sns p.btn_gimje a{display:block;background:#d9e8f3;border:solid 1px #a3baca;color:#000;margin:0;padding:10px 0;}
header .gnb_sns p.btn_gimje span{padding:0 30px 0 0;background:url("/images/02_mayor/common/left_gj_arr.gif") no-repeat right center;height:18px;}
header .gnb_sns p.btn_sns a{width:50%;height:40px;overflow:hidden;border:none;padding:0;}
header .gnb_sns p.btn_sns a span{padding:40px 0 0 0;}
header .gnb_sns p.btn_sns a.btn_f{background:#0054a6 url("/images/02_mayor/common/icon_sns.png") no-repeat center 6px;}
header .gnb_sns p.btn_sns a.btn_t{background:#ada6ff url("/images/02_mayor/common/icon_sns.png") no-repeat center -71px;}

header .menu_left{margin-left:40px;width:250px;}

header .logo{display:block;text-align:center;padding:25px 0 15px 0;}
header h1{font-size:32px;text-align:center;padding:15px 0;}
header h1 span{display:block;font-size:18px;padding:0;}

header .menu_open{display:none;}

header nav{display:block;}


footer{margin-left:290px;}

/*sub*/
.s_tit{padding:50px 40px;}

p.slogan{top:20px;font-size:0px; width: 248px; height:118px; background: url(/upload_data/board_data/BBS_0000144/167705629135076.png) no-repeat center;}
p.slogan span{color:#fff200;}

.s_con{padding: 80px 20px;max-width: 1000px;margin: 0 auto;}

}

/* Desktop wide */
@media all and (min-width:1600px) {
footer{position:relative;height:120px;}
footer .f_logo{position:absolute;top:15px;left:50px;}
footer div{text-align:left;padding:45px 0 0 235px;}
footer ul{position:absolute;top:40px;right:50px;width:40%;box-sizing:border-box;}
footer ul li{float:left;width:30%;margin:0 1%;}
footer ul li a{padding:10px;}

.s_con{padding: 80px 0;}
	
/*221208 김제시요청으로 너비 조정*/
header{width: 360px;background: url("/images/02_mayor/sub/left_menu_bg2.png") repeat-y;}
header .menu_left{width: 310px;}
section{margin-left: 350px!important;}
footer{margin-left: 350px;}
}
@media all and (min-width:1900px) {
/*.s_con{padding:80px 250px;}*/
}