@charset "utf-8";

.layerpop {position:absolute; top:0; left:0; visibility:visible; width:450px; height:588px; margin:0; z-index:9999;}
.layerpop_close {position:absolute; bottom:-30px; right:0px; width:450px;height:30px;background:#000;line-height:30px;padding-left:30px;}
.h280 {height:280px;}
.loc430 {top: 430px;}

@media all and (max-width: 480px) {
	.layerpop {width:100%; height:auto; background-color:#ffd300;}
	.layerpop_close {position:absolute; bottom:0; right:0px; width:100%;height:30px;background:#000;line-height:30px;padding-left:30px;}
	.layerpop .layerpop_img {max-width:100%;}
	.h280 {height:auto;}
	.loc430 {top: 350px;}
	.safecall_tit img {width:280px;}
}

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

/*메인섹션 네비게이션*/
.section_nav{  position:fixed; right:10px; bottom:10px;  z-index: 2000}
.section_nav ul li{  text-align: center; margin:3px 0;  }
.section_nav ul li a{ display:inline-block;  background:#fff ; color:#9ca1af; width:40px; height:40px; font-size:15px; line-height: 38px; border-radius: 30px; box-shadow: rgba(0,0,0,0.3) 1px 1px 2px;  }
.section_nav ul li a.active{ background:#006dd8; color:#fff; }
.section_nav ul li span{ display:none; }

.main_sch_area{ display:none }

/*시장실*/
.main_mayor{ display:flex; justify-content:center; align-items: flex-start;  flex-direction: column; background:url("https://www.gwangju.go.kr/home/www/images/main/new/bg_mayor_new.jpg") center no-repeat; background-size:cover;  border-radius:15px; height:160px; margin:0 0 15px; padding:0 20px;   }
.main_mayor.mobile_mayor{ display:flex; margin:0 15px;  }
.main_mayor.pc_mayor{ display:none; }
.main_mayor p{ font-size:14px; margin-bottom:5px; }
.main_mayor span{ font-size:16px; color:#000; line-height: 1.1  }
.main_mayor span b{ color:#e83f41; }
.main_mayor span em{ display:inline-block; font-size:18px; margin-bottom:5px;  }
.main_mayor ul{ display:inline-block; margin-top:10px; background:#d43342; padding:0 10px; border-radius: 30px; }
.main_mayor ul li{ display:inline-block; font-size:14px; }
.main_mayor ul li:nth-child(2) a{ border-left:#fff solid 1px;}
.main_mayor ul li a{ display:block; color:#fff; padding:6px 8px 8px 8px;}
.main_mayor ul li a:after{ display:none; }

/*바로가기 링크*/
.quick_links.pc_quick{ display:none; }
.quick_links.mobile_quick{ display:block; }
.quick_links{ margin:15px; background:#fff; border-radius: 15px; padding:10px; border:#dee9f0 solid 1px;   font-size:12px; overflow:hidden   }
.quick_links .link_block span{ display:inline-block; width:30px; height:30px; background-size:255px; margin-right:5px; vertical-align: middle; }
.quick_links .link_block .block01{background-position: -3px -75px;}
.quick_links .link_block .block02{background-position: -41px -73px;}
.quick_links .link_block .block03{background-position: -80px -75px;}
.quick_links .link_block{ display:flex; justify-content: space-between; }
.quick_links .link_block li{  width:32%; border-right:#ccc solid 1px;   }
.quick_links .link_block li:last-child{ border-right:0; }
.quick_links .link_block li a{ display:block; font-size:16px; font-weight:500; }
.quick_links .link_block li a:after{ display:none }



/*최근이용한서비스*/
.latest_service{ position:relative; }
.latest_service .title{ display:block; font-size:20px; color:#fff;   }
.latest_service .title i{ display:inline-block; width:60px; height:60px; vertical-align: middle; background-position:-56px -228px; background-size:403px;   }
.latest_service .btn_stt{ display:block; position:absolute; right:0; top:15px; font-size:12px; color:#fff; border:#fff solid 1px; padding:5px 10px; border-radius: 20px; }
.latest_service ul{ padding:15px 0; }
.latest_service ul li{ display:inline-block; font-size:14px; margin-bottom:5px;   }
.latest_service ul li a{ display:block; padding:10px 15px; border:#fff solid 1px; border-radius: 10px; color:#fff;  }

.btn_help{ display:inline-block; color:#fff; padding:5px 0; }

/*비주얼영역*/
.main_visual_area{ position:relative; background-color:#000 }
.main_visual_area .slogan{ display:block; position:absolute; top:15px; right:15px; text-indent:-9999px; width:100px; height:32px; background-position:-103px -200px; background-size:350px; z-index: 100   }
.visual_slide li{ float:left; width:100%;  font-family: 'Noto Serif KR', serif;  display:flex; justify-content:center;  flex-direction: column; height: 250px;  padding:0 30px; background-size:cover; background-position:center; color:#fff;   }
.visual_slide li span{ display:block;font-size:25px; font-weight:bold; margin-bottom:15px;   }
.visual_slide li p{ font-size:14px; margin-bottom:30px;  }

.visual_pager{ position:absolute; bottom:20px; left:30px; }
.visual_pager a{ position:relative; color:#fff; margin-right:20px; opacity: 0.8 }
.visual_pager a:after{ position:absolute; right:-17px;  top:50%;  display:block; width:15px; height:1px; background:#fff; opacity: 0.5; content:""}
.visual_pager a:last-child:after{ display:none }
.visual_pager a.selected{ opacity: 1;  }

.visual_ctrl{ position:absolute; bottom:20px; right:30px;}
.visual_ctrl a{ color:#fff; margin:0 5px;  }

/*최근글*/
.latest_area{ padding:15px 15px 0 15px; }
.latest_area:after{ display:block; clear: both; content:"" }
.latest_wrap .latest_box{ position:relative; margin:15px; margin:0 auto; background:#fff;  overflow: hidden}
.latest_box > div{ display:inline-block; min-height: 235px; margin-right:5px;}
.latest_box > div > h4{  font-size:16px; font-weight:500; }
.latest_box > div > h4 a{ display:block;  color:#555;  padding:10px 0 15px;  }
.latest_box > div > h4.active a{ color:#111; font-weight:bold; }
.latest_box > div > a.view_more{ display:none; position:absolute; top:7px;  right:0; font-weight: 500; font-size:12px; color:#555; border:#c6c6c6 solid 1px; padding:5px 10px; border-radius: 30px;  }
.latest_box > div > ul{ display:none; position:absolute; left:0; right:0;   }
.latest_box > div > h4.active ~ ul{ display:block; }
.latest_box > div > h4.active ~ .view_more{display:block;}
.latest_box > div > ul > li{ font-size:14px; line-height:1.3;  padding:5px 0; overflow:hidden }

.latest_area .latest_box > div > ul > li > span{ float:right; display:block;  }
.latest_area .latest_box > div > ul > li > a{ position:relative; display:inline-block; width:75%; padding-left:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:middle }
.latest_area .latest_box > div > ul > li > a:before{ position:absolute; left:0; top:-11px; display:inline-block; content:"·"; font-size:30px; vertical-align: middle; }
.latest_box > div > ul > li > a:hover{ color:#222; }
.latest_box > div > ul > li > a > span{ display:inline-block; margin-right:5px; font-weight:bold; color:#282828; }
.latest_box > div > ul > li.first{ display:flex; justify-content: space-between; align-items: center; flex-direction:row-reverse; }
.latest_box > div > ul > li.first > span{ background:#161616; display:flex; justify-content: center; flex-direction: column; width:60px; height:60px; font-size:16px; font-weight:bold;  border-radius: 10px; color:#fff; text-align: center; vertical-align: middle; }
.latest_box > div > ul > li.first > span > em{ display:block; font-size:14px; font-weight:300;}
.latest_box > div > ul > li.first > a{ border-top:#676767 solid 1px; border-bottom:#676767 solid 1px; padding:9px 0; color:#555  }
.latest_box > div > ul > li.first > a:before{ display:none; }
.latest_box > div > ul > li.first .subject{ font-weight:bold; margin-bottom:4px; }
.latest_box > div > ul > li.first p{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

/*메인_큰알림존*/
.notify_main{ position:relative; padding:15px; border-radius: 15px; overflow:hidden }
.notify_main .caroufredsel_wrapper{ border-radius:15px; }
.notify_main_list { }
.notify_main_list li{ float:left; display:block;}
.notify_main_list li a {display:block;}
.notify_main_list li a:focus {outline:0; border:1px dotted #000;}
.notify_main_list li img{ width:100%; max-width:100%; border-radius: 15px;}
.notify_ctrl{ position:absolute; left:50%; bottom:25px; transform: translateX(-50%); background:rgba(70,70,70,0.8); padding:5px 15px; border-radius: 15px; }
.notify_ctrl a{ color:#fff; margin:0 3px;   }
.notify_ctrl .paging{ color:#fff; display:inline-block; margin-right:10px; }
.notify_main_pager{ display:none !important}

/*나만의 메뉴설정*/
.custom_service{ position:relative;  height:225px; padding:15px;  transition:all 0.3s; overflow:hidden  }
.custom_service.open{ height:310px; transition:all 0.3s }
.custom_service h2{ font-size:20px; color:#d43342; margin-bottom:15px; }
.custom_tab{ float: left; width:50%; text-align: center; }
.custom_tab > ul{ display:none; position:absolute; left:15px; right:15px; top:86px; background:#fff; border-left:#d6dbe5 solid 1px; border-right:#d6dbe5 solid 1px; border-bottom:#d6dbe5 solid 1px; padding:15px; height:125px;  overflow:hidden }
.custom_tab > ul.open{ height:210px; transition: all 0.3s }
.custom_tab > a{ display:none; }
.custom_tab .title{ display:block; background:#fff; color:#fff; border:#ccc solid 1px; height:36px; }
.custom_tab .title a{ display:block; padding:10px 0; font-size:14px;  }
.custom_tab .title.active{ background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%); border:0;  }
.custom_tab .title.active a{ display:block; color:#fff; }
.custom_tab .title.active ~ a.btn_stt{ display:inline-block; position:absolute; top:15px; right:15px; font-size:14px; }
.custom_tab .title.active ~ a.btn_stt i{ font-size:20px; vertical-align: middle;}
.custom_tab .title.active + ul{ display:block;  transition:all 0.3s;}
.custom_open{ position:absolute; left:50%; bottom:0; transform: translateX(-50%);display:inline-block; padding:5px 15px; border-radius:30px; background:#fff; border:#d43342 solid 2px; color:#d43342; font-size:16px; font-weight:500; z-index: 100}

/*나의메뉴*/
.custom_tab .menu_list { display:flex; justify-content:space-between; flex-wrap: wrap;  }
.custom_tab .menu_list li{ display:block; float: left; width:33.333%; margin:8px 0; }
.custom_tab .menu_list li a{ display:block; font-size:14px; text-align: center; word-break: keep-all;  }
.custom_tab .menu_list li span{ display:block; width:100%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap  }
.custom_tab .menu_list li a i{ display:inline-block; width:50px; height:50px; background:#f7f8fa; margin-bottom:8px; border-radius: 5px; background-image:url("/home/www/images/common/sprite_icon_m.png"); background-repeat:no-repeat; background-size:400px;  }

/*최근이용한서비스*/
.custom_tab .use_latest{ }
.custom_tab .use_latest li{ float: left; width:50%; height:42px; font-size:14px; font-weight:500; margin:0 0 8px 0;  }
.custom_tab .use_latest li a{ display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:10px 10px 12px; border:#424242 solid 1px; border-radius: 30px; color:#555; margin:0 5px; }


/*나의메뉴 아이콘*/
.menu_list li a i.icon01{ background-position:0 -550px; }
.menu_list li a i.icon02{ background-position:-50px -550px; }
.menu_list li a i.icon03{ background-position:-100px -550px; }
.menu_list li a i.icon04{ background-position:-150px -550px; }
.menu_list li a i.icon05{ background-position:-200px -550px; }
.menu_list li a i.icon06{ background-position:-250px -550px; }
.menu_list li a i.icon07{ background-position:-300px -550px; }
.menu_list li a i.icon08{ background-position:-350px -550px; }

.menu_list li a i.icon09{ background-position:0 -600px; }
.menu_list li a i.icon10{ background-position:-50px -600px; }
.menu_list li a i.icon11{ background-position:-100px -600px; }
.menu_list li a i.icon12{ background-position:-150px -600px; }
.menu_list li a i.icon13{ background-position:-200px -600px; }
.menu_list li a i.icon14{ background-position:-250px -600px; }
.menu_list li a i.icon15{ background-position:-300px -600px; }
.menu_list li a i.icon16{ background-position:-350px -600px; }

.menu_list li a i.icon17{ background-position:0 -650px;  }
.menu_list li a i.icon18{ background-position:-50px -650px;  }
.menu_list li a i.icon19{ background-position:-100px -650px;  }
.menu_list li a i.icon20{ background-position:-150px -650px;  }
.menu_list li a i.traffic01{ background-position:0 0;  }

.menu_list li a i.traffic02{ background-position:-50px 0;  }
.menu_list li a i.traffic03{ background-position:-100px 0;  }
.menu_list li a i.traffic04{ background-position:-150px 0;  }
.menu_list li a i.traffic05{ background-position:-200px 0;  }
.menu_list li a i.traffic06{ background-position:-250px 0;  }
.menu_list li a i.traffic07{ background-position:-300px 0;  }
.menu_list li a i.traffic08{ background-position:-350px 0;  }
.menu_list li a i.traffic09{ background-position:-400px 0;  }
.menu_list li a i.traffic10{ background-position:-450px 0;  }

.menu_list li a i.build01{ background-position:0 -50px;  }
.menu_list li a i.build02{ background-position:-50px -50px;  }
.menu_list li a i.build03{ background-position:-100px -50px;  }
.menu_list li a i.build04{ background-position:-150px -50px;  }
.menu_list li a i.build05{ background-position:-200px -50px;  }
.menu_list li a i.build06{ background-position:-250px -50px;  }
.menu_list li a i.build07{ background-position:-300px -50px;  }
.menu_list li a i.build08{ background-position:-350px -50px;  }
.menu_list li a i.build09{ background-position:-400px -50px;  }
.menu_list li a i.build10{ background-position:-450px -50px;  }

.menu_list li a i.economy01{ background-position:0 -100px;  }
.menu_list li a i.economy02{ background-position:-50px -100px;  }
.menu_list li a i.economy03{ background-position:-100px -100px;  }
.menu_list li a i.economy04{ background-position:-150px -100px;  }
.menu_list li a i.economy05{ background-position:-200px -100px;  }
.menu_list li a i.economy06{ background-position:-250px -100px;  }
.menu_list li a i.economy07{ background-position:-300px -100px;  }
.menu_list li a i.economy08{ background-position:-350px -100px;  }
.menu_list li a i.economy09{ background-position:-400px -100px;  }
.menu_list li a i.economy10{ background-position:-450px -100px;  }

.menu_list li a i.welfare01{ background-position:0 -150px;  }
.menu_list li a i.welfare02{ background-position:-50px -150px;  }
.menu_list li a i.welfare03{ background-position:-100px -150px;  }
.menu_list li a i.welfare04{ background-position:-150px -150px;  }
.menu_list li a i.welfare05{ background-position:-200px -150px;  }
.menu_list li a i.welfare06{ background-position:-250px -150px;  }
.menu_list li a i.welfare07{ background-position:-300px -150px;  }
.menu_list li a i.welfare08{ background-position:-350px -150px;  }
.menu_list li a i.welfare09{ background-position:-400px -150px;  }
.menu_list li a i.welfare10{ background-position:-450px -150px;  }

.menu_list li a i.safe01{ background-position:0 -200px;  }
.menu_list li a i.safe02{ background-position:-50px -200px;  }
.menu_list li a i.safe03{ background-position:-100px -200px;  }
.menu_list li a i.safe04{ background-position:-150px -200px;  }
.menu_list li a i.safe05{ background-position:-200px -200px;  }
.menu_list li a i.safe06{ background-position:-250px -200px;  }
.menu_list li a i.safe07{ background-position:-300px -200px;  }
.menu_list li a i.safe08{ background-position:-350px -200px;  }
.menu_list li a i.safe09{ background-position:-400px -200px;  }
.menu_list li a i.safe10{ background-position:-450px -200px;  }

.menu_list li a i.finance01{ background-position:0 -250px;  }
.menu_list li a i.finance02{ background-position:-50px -250px;  }
.menu_list li a i.finance03{ background-position:-100px -250px;  }
.menu_list li a i.finance04{ background-position:-150px -250px;  }
.menu_list li a i.finance05{ background-position:-200px -250px;  }
.menu_list li a i.finance06{ background-position:-250px -250px;  }
.menu_list li a i.finance07{ background-position:-300px -250px;  }
.menu_list li a i.finance08{ background-position:-350px -250px;  }
.menu_list li a i.finance09{ background-position:-400px -250px;  }
.menu_list li a i.finance10{ background-position:-450px -250px;  }

.menu_list li a i.public01{ background-position:0 -300px;  }
.menu_list li a i.public02{ background-position:-50px -300px;  }
.menu_list li a i.public03{ background-position:-100px -300px;  }
.menu_list li a i.public04{ background-position:-150px -300px;  }
.menu_list li a i.public05{ background-position:-200px -300px;  }
.menu_list li a i.public06{ background-position:-250px -300px;  }
.menu_list li a i.public07{ background-position:-300px -300px;  }
.menu_list li a i.public08{ background-position:-350px -300px;  }
.menu_list li a i.public09{ background-position:-400px -300px;  }
.menu_list li a i.public10{ background-position:-450px -300px;  }

.menu_list li a i.envi01{ background-position:0 -350px;  }
.menu_list li a i.envi02{ background-position:-50px -350px;  }
.menu_list li a i.envi03{ background-position:-100px -350px;  }
.menu_list li a i.envi04{ background-position:-150px -350px;  }
.menu_list li a i.envi05{ background-position:-200px -350px;  }
.menu_list li a i.envi06{ background-position:-250px -350px;  }
.menu_list li a i.envi07{ background-position:-300px -350px;  }
.menu_list li a i.envi08{ background-position:-350px -350px;  }
.menu_list li a i.envi09{ background-position:-400px -350px;  }
.menu_list li a i.envi10{ background-position:-450px -350px;  }

.menu_list li a i.agri01{ background-position:0 -400px;  }
.menu_list li a i.agri02{ background-position:-50px -400px;  }
.menu_list li a i.agri03{ background-position:-100px -400px;  }
.menu_list li a i.agri04{ background-position:-150px -400px;  }
.menu_list li a i.agri05{ background-position:-200px -400px;  }
.menu_list li a i.agri06{ background-position:-250px -400px;  }
.menu_list li a i.agri07{ background-position:-300px -400px;  }
.menu_list li a i.agri08{ background-position:-350px -400px;  }
.menu_list li a i.agri09{ background-position:-400px -400px;  }
.menu_list li a i.agri10{ background-position:-450px -400px;  }

.menu_list li a i.maycenter01{ background-position:0 -450px;  }
.menu_list li a i.maycenter02{ background-position:-50px -450px;  }
.menu_list li a i.maycenter03{ background-position:-100px -450px;  }
.menu_list li a i.maycenter04{ background-position:-150px -450px;  }
.menu_list li a i.maycenter05{ background-position:-200px -450px;  }
.menu_list li a i.maycenter06{ background-position:-250px -450px;  }
.menu_list li a i.maycenter07{ background-position:-300px -450px;  }
.menu_list li a i.maycenter08{ background-position:-350px -450px;  }
.menu_list li a i.maycenter09{ background-position:-400px -450px;  }
.menu_list li a i.maycenter10{ background-position:-450px -450px;  }

.menu_list li a i.culture01{ background-position:0 -500px;  }
.menu_list li a i.culture02{ background-position:-50px -500px;  }
.menu_list li a i.culture03{ background-position:-100px -500px;  }
.menu_list li a i.culture04{ background-position:-150px -500px;  }
.menu_list li a i.culture05{ background-position:-200px -500px;  }
.menu_list li a i.culture06{ background-position:-250px -500px;  }
.menu_list li a i.culture07{ background-position:-300px -500px;  }
.menu_list li a i.culture08{ background-position:-350px -500px;  }
.menu_list li a i.culture09{ background-position:-400px -500px;  }
.menu_list li a i.culture10{ background-position:-450px -500px;  }

/*나의메뉴 셋팅*/
.menu_set_wrap{ display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); text-shadow: none; z-index: 5000}
.menu_set_wrap .close_set{ position:absolute; right:15px; top:15px; display:inline-block; color:#c32943; font-size:25px;  }
.menu_setting{ position: absolute; top:10%; bottom:10%; left:20px; right:20px; background:#fff; border-radius: 15px; padding:30px 15px 15px; }
.menu_setting .top_icon{ position:absolute; top:-20px; left:50%; transform:translateX(-50%); font-size:30px; line-height: 25px;	padding:10px; text-align: center; border-radius: 100px; color:#fff; background:#e53d41; border:#fff solid 4px; }
.menu_setting h3{ text-align: left; color:#555; margin-bottom:20px; }
.menu_setting .setting_scroll{ height:90%; padding-bottom:10px;  overflow:auto;  }
.icon_setting{  position:relative; display:flex;  flex-direction: row; flex-wrap:wrap; justify-content: space-between;padding:60px 10px 10px; background-image: linear-gradient(45deg, #ededed 10%, #ffffff 10%, #ffffff 50%, #ededed 50%, #ededed 60%, #ffffff 60%, #ffffff 100%);
	background-size: 7.07px 7.07px; border-radius: 10px; border:#e2e2e2 solid 1px;  }
.icon_setting h4{ position:absolute; width:100%; top:15px; left:0; color:#555;  text-align: center; margin-bottom:20px; clear: both}
.icon_setting .unit{position:relative; width:50px; margin:0 0 10px 0;  }
.icon_setting .unit a{ position:absolute; right:-8px; top:-8px;  display:block; width:20px; height:20px; line-height: 16px;border-radius: 20px; background:#e53d41; text-align: center; }
.icon_setting .unit a:after{ display:inline-block; font-family:"font awesome 5 pro"; font-weight:500; font-size:14px; content:"\f00d"; color:#fff; }
.icon_setting span{ display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; }
.icon_setting i{ display:inline-block; width:50px; height:50px; background:#fff; margin-bottom:3px; border:#f0f0f0 solid 1px; border-radius: 5px; background-image:url("/home/www/images/common/sprite_icon_m.png"); background-repeat:no-repeat; background-size:400px;  }

.icon_setting i.icon01{ background-position:0 -550px; }
.icon_setting i.icon02{background-position: -50px -550px;}
.icon_setting i.icon03{background-position: -100px -550px;}
.icon_setting i.icon04{background-position: -150px -550px}
.icon_setting i.icon05{background-position: -200px -550px}
.icon_setting i.icon06{ background-position:-250px -550px }
.icon_setting i.icon07{ background-position:-300px -550px}
.icon_setting i.icon08{ background-position:-350px -550px }
.icon_setting i.icon09{ background-position:0 -600px }
.icon_setting i.icon10{ background-position:-50px -600px }
.icon_setting i.icon11{background-position: -100px -600px}
.icon_setting i.icon12{background-position: -150px -600px}
.icon_setting i.icon13{background-position: -200px -600px}
.icon_setting i.icon14{ background-position:-250px -600px }
.icon_setting i.icon15{ background-position:-300px -600px}
.icon_setting i.icon16{ background-position:-350px -600px }
.icon_setting i.icon17{ background-position:-0 -650px }
.icon_setting i.icon18{ background-position:-50px -650px }
.icon_setting i.icon19{ background-position:-100px -650px }
.icon_setting i.icon20{ background-position:-150px -650px }

.icon_setting i.traffic01{ background-position:0 0;  }
.icon_setting i.traffic02{ background-position:-50px 0;  }
.icon_setting i.traffic03{ background-position:-100px 0;  }
.icon_setting i.traffic04{ background-position:-150px 0;  }
.icon_setting i.traffic05{ background-position:-200px 0;  }
.icon_setting i.traffic06{ background-position:-250px 0;  }
.icon_setting i.traffic07{ background-position:-300px 0;  }
.icon_setting i.traffic08{ background-position:-350px 0;  }
.icon_setting i.traffic09{ background-position:-400px 0;  }
.icon_setting i.traffic10{ background-position:-450px 0;  }

.icon_setting i.build01{ background-position:0 -50px;  }
.icon_setting i.build02{ background-position:-50px -50px;  }
.icon_setting i.build03{ background-position:-100px -50px;  }
.icon_setting i.build04{ background-position:-150px -50px;  }
.icon_setting i.build05{ background-position:-200px -50px;  }
.icon_setting i.build06{ background-position:-250px -50px;  }
.icon_setting i.build07{ background-position:-300px -50px;  }
.icon_setting i.build08{ background-position:-350px -50px;  }
.icon_setting i.build09{ background-position:-400px -50px;  }
.icon_setting i.build10{ background-position:-450px -50px;  }

.icon_setting i.economy01{ background-position:0 -100px;  }
.icon_setting i.economy02{ background-position:-50px -100px;  }
.icon_setting i.economy03{ background-position:-100px -100px;  }
.icon_setting i.economy04{ background-position:-150px -100px;  }
.icon_setting i.economy05{ background-position:-200px -100px;  }
.icon_setting i.economy06{ background-position:-250px -100px;  }
.icon_setting i.economy07{ background-position:-300px -100px;  }
.icon_setting i.economy08{ background-position:-350px -100px;  }
.icon_setting i.economy09{ background-position:-400px -100px;  }
.icon_setting i.economy10{ background-position:-450px -100px;  }

.icon_setting i.welfare01{ background-position:0 -150px;  }
.icon_setting i.welfare02{ background-position:-50px -150px;  }
.icon_setting i.welfare03{ background-position:-100px -150px;  }
.icon_setting i.welfare04{ background-position:-150px -150px;  }
.icon_setting i.welfare05{ background-position:-200px -150px;  }
.icon_setting i.welfare06{ background-position:-250px -150px;  }
.icon_setting i.welfare07{ background-position:-300px -150px;  }
.icon_setting i.welfare08{ background-position:-350px -150px;  }
.icon_setting i.welfare09{ background-position:-400px -150px;  }
.icon_setting i.welfare10{ background-position:-450px -150px;  }

.icon_setting i.safe01{ background-position:0 -200px;  }
.icon_setting i.safe02{ background-position:-50px -200px;  }
.icon_setting i.safe03{ background-position:-100px -200px;  }
.icon_setting i.safe04{ background-position:-150px -200px;  }
.icon_setting i.safe05{ background-position:-200px -200px;  }
.icon_setting i.safe06{ background-position:-250px -200px;  }
.icon_setting i.safe07{ background-position:-300px -200px;  }
.icon_setting i.safe08{ background-position:-350px -200px;  }
.icon_setting i.safe09{ background-position:-400px -200px;  }
.icon_setting i.safe10{ background-position:-450px -200px;  }


.icon_setting i.finance01{ background-position:0 -250px;  }
.icon_setting i.finance02{ background-position:-50px -250px;  }
.icon_setting i.finance03{ background-position:-100px -250px;  }
.icon_setting i.finance04{ background-position:-150px -250px;  }
.icon_setting i.finance05{ background-position:-200px -250px;  }
.icon_setting i.finance06{ background-position:-250px -250px;  }
.icon_setting i.finance07{ background-position:-300px -250px;  }
.icon_setting i.finance08{ background-position:-350px -250px;  }
.icon_setting i.finance09{ background-position:-400px -250px;  }
.icon_setting i.finance10{ background-position:-450px -250px;  }

.icon_setting i.public01{ background-position:0 -300px;  }
.icon_setting i.public02{ background-position:-50px -300px;  }
.icon_setting i.public03{ background-position:-100px -300px;  }
.icon_setting i.public04{ background-position:-150px -300px;  }
.icon_setting i.public05{ background-position:-200px -300px;  }
.icon_setting i.public06{ background-position:-250px -300px;  }
.icon_setting i.public07{ background-position:-300px -300px;  }
.icon_setting i.public08{ background-position:-350px -300px;  }
.icon_setting i.public09{ background-position:-400px -300px;  }
.icon_setting i.public10{ background-position:-450px -300px;  }

.icon_setting i.envi01{ background-position:0 -350px;  }
.icon_setting i.envi02{ background-position:-50px -350px;  }
.icon_setting i.envi03{ background-position:-100px -350px;  }
.icon_setting i.envi04{ background-position:-150px -350px;  }
.icon_setting i.envi05{ background-position:-200px -350px;  }
.icon_setting i.envi06{ background-position:-250px -350px;  }
.icon_setting i.envi07{ background-position:-300px -350px;  }
.icon_setting i.envi08{ background-position:-350px -350px;  }
.icon_setting i.envi09{ background-position:-400px -350px;  }
.icon_setting i.envi10{ background-position:-450px -350px;  }

.icon_setting i.agri01{ background-position:0 -400px;  }
.icon_setting i.agri02{ background-position:-50px -400px;  }
.icon_setting i.agri03{ background-position:-100px -400px;  }
.icon_setting i.agri04{ background-position:-150px -400px;  }
.icon_setting i.agri05{ background-position:-200px -400px;  }
.icon_setting i.agri06{ background-position:-250px -400px;  }
.icon_setting i.agri07{ background-position:-300px -400px;  }
.icon_setting i.agri08{ background-position:-350px -400px;  }
.icon_setting i.agri09{ background-position:-400px -400px;  }
.icon_setting i.agri10{ background-position:-450px -400px;  }

.icon_setting i.maycenter01{ background-position:0 -450px;  }
.icon_setting i.maycenter02{ background-position:-50px -450px;  }
.icon_setting i.maycenter03{ background-position:-100px -450px;  }
.icon_setting i.maycenter04{ background-position:-150px -450px;  }
.icon_setting i.maycenter05{ background-position:-200px -450px;  }
.icon_setting i.maycenter06{ background-position:-250px -450px;  }
.icon_setting i.maycenter07{ background-position:-300px -450px;  }
.icon_setting i.maycenter08{ background-position:-350px -450px;  }
.icon_setting i.maycenter09{ background-position:-400px -450px;  }
.icon_setting i.maycenter10{ background-position:-450px -450px;  }

.icon_setting i.culture01{ background-position:0 -500px;  }
.icon_setting i.culture02{ background-position:-50px -500px;  }
.icon_setting i.culture03{ background-position:-100px -500px;  }
.icon_setting i.culture04{ background-position:-150px -500px;  }
.icon_setting i.culture05{ background-position:-200px -500px;  }
.icon_setting i.culture06{ background-position:-250px -500px;  }
.icon_setting i.culture07{ background-position:-300px -500px;  }
.icon_setting i.culture08{ background-position:-350px -500px;  }
.icon_setting i.culture09{ background-position:-400px -500px;  }
.icon_setting i.culture10{ background-position:-450px -500px;  }

.icon_setting i.no_unit{ background-color:#f5f5f5; background-image:none; text-align: center;  line-height: 50px; border:#ddd solid 1px  }
.icon_setting i.no_unit:after{ display:inline-block; content:"\f067"; font-family:"Font Awesome 5 Pro"; font-weight:500; color:#C0C0C0; font-size:20px;  }
.icon_select{ padding:20px 10px 10px 10px; text-align: center;}
.icon_select .site_select{ border:#e53d41 solid 1px; border-radius: 5px; padding:5px 10px; color:#e53d41; }
.icon_select .check_icons{ display:flex;  flex-direction: row; flex-wrap:wrap; justify-content: space-between; padding:20px 0 10px 0; }
.icon_select .check_icons li{ width:50%; text-align: left; margin:0 0 5px; }
.icon_select .check_icons li label{ font-size:12px; }
.btn_setting{ text-align:center; }
.btn_setting a{ display:inline-block; padding:10px 20px; border-radius: 100px;}
.btn_setting a.btn_confirm{ color:#e53d41; border:#e53d41 solid 1px; }
.btn_setting a.btn_reset{ color:#777; border:#989898 solid 1px; }


@media all and (max-width:400px) {
	.icon_setting .unit{width:45px;  }
	.icon_setting i {width:45px; height:45px;}
	.icon_setting i.no_unit{ line-height: 45px;  }
}

/*시청소식*/
#main_section02{ clear: both; overflow:hidden }
#main_section02 header{position:relative; padding:30px 0 20px; text-align: center; z-index:999;}
#main_section02 header h2{ font-size:25px;  }
#main_section02 header h2 span{ border-left:#8f8f8f solid 1px; color:#777; padding-left:15px; margin-left:15px; font-size:14px; }
#main_section02 header h2 > a > span {border: 1px solid #0e76bc; padding: 5px 15px; font-size: 14px; border-radius: 5px; color: #0e76bc; font-weight: bold; }
@media all and (max-width:420px) {
	#main_section02 header h2 > a > span {display: block; width: 100px; margin: 20px auto 0;}
}

/*미디어광주 투데이뉴스*/
.today_title {}
.today_news{ position:relative; padding:40px 15px 0 15px; }
.today_news_list li{ float:left; width:270px; margin:0 10px;  background-color:#fff;  }
.today_news_list li a {display:block; }
.today_news_list li .thumb{ height:202px; background-repeat:no-repeat; background-size:cover; border-radius: 15px 15px 0 0; text-indent: -9999px; font-size:0; line-height:0;}
.today_news_list li .text{ padding:15px; border:#ccc solid 1px; border-top:0; border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px; }
.today_news_list li .text .title{ display:block; font-size:18px; font-weight:bold; color:#282828; width:100%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; margin-bottom:10px;  }
.today_news_list li .text p{ font-size:14px; line-height: 1.3 }

.today_news .news_ctrl{ position:absolute; top:0; left:0; width:100%; text-align: center; margin:0; z-index: 100 }
.today_news .news_ctrl > a{ position:absolute; top:180px; background:#fff; width:40px; height:40px; display:flex; justify-content: center; align-items: center; color:#c93636; font-size:20px; font-weight:500; border-radius: 50%; box-shadow: rgba(0,0,0,0.6) 2px 2px 5px}
.today_news .news_ctrl a.prev{ left:5px;  }
.today_news .news_ctrl a.next{ right:5px;  }
.today_news .news_ctrl .pager_wrap{ text-align: center; }
.today_news .news_ctrl .pager{ display:inline-block; vertical-align: middle }
.today_news .news_ctrl .pager > a { display:inline-block;  margin:0 2px;  width:16px; height:16px; border:#000 solid 1px; border-radius: 15px; vertical-align: top; text-indent: -9999px; }
.today_news .news_ctrl .pager > a.selected{ background:#000; }
.today_news .news_ctrl .pager > a > span{ font-size:0; }
.today_news .news_ctrl .pause{ vertical-align: -1px; color:#000; }


/*미디어광주*/
#main_section03{ clear: both; overflow:hidden }
#main_section03 header{ padding:30px 0 20px; text-align: center; }
#main_section03 header h2{ font-size:25px;}
#main_section03 header h2 span{ display:block; color:#777; font-size:14px; margin-top:10px; font-weight:500; }

.media_latest{ margin:15px; }
.media_latest ul{ display:flex; flex-flow: wrap;}
.media_latest ul li{ width:32%; margin-right:2%; background:#fff;}
.media_latest ul li:nth-child(n+3){ margin-right:0 }
.media_latest ul li a{ display:block;}
.media_latest ul li a:after{ display:none }
.media_latest ul li a:focus {outline:0; border:1px dotted #000;}
.media_latest ul li span{ display:inline-block; background:#128300; padding:10px 0; border-radius:0 0 15px 15px; color:#fff; font-size:14px; margin-bottom:5px; width:100%; text-align:center;}
.media_latest ul li span i{margin-right:5px}
.media_latest ul li:nth-child(2) span{background:#0D7B90;}
.media_latest ul li:nth-child(3) span{background:#eb0c1f;}
.media_latest ul li p{display:none; }
.media_latest ul li div.thumb{min-height:90px;background-size:cover;background-position:top center;  border-radius:15px 15px 0 0;}
.media_latest ul li.card a{ height:100%; background-size:cover;  }

.card_news_pc{ display:none; position:relative; border-radius: 15px; width:280px; margin:0 auto 20px; overflow:hidden }
.card_news_pc .title{ position:absolute; left:15px; top:15px; display:inline-block; background:#000; padding:5px 12px 8px; border-radius: 20px; color:#fff; font-size:14px; z-index: 100}
.card_news .caroufredsel_wrapper{ border-radius:15px; }
.card_news li{ float:left;   display:block;}
.card_news li a{ display:block; line-height: 0; }
.card_news li a:focus {outline:0; border:1px dotted #000;}
.card_news li img{ width:100%; }
.card_news_ctrl{ position:absolute; left:50%; bottom:10px; transform: translateX(-50%); background:#000; padding:5px 15px 7px; border-radius: 15px;  }
.card_news_ctrl a{ color:#fff; margin:0 3px; }
.card_news_ctrl .paging{ color:#fff; display:inline-block; margin-right:10px; }
.card_news_pager{ display:none !important}

/*메인_작은알림존*/
.notify_sub_wrap{ background:#f7f8fa; padding:20px 0; }
.notify_sub{ position:relative; border-radius: 15px; width:320px; margin:0 auto 20px; overflow:hidden;}
.notify_sub .caroufredsel_wrapper{ border-radius:15px; border:1px solid #ccc;}
.notify_sub li{ float:left; }
.notify_sub li a{ display:block; line-height: 0 }
.notify_sub_list li a:focus {outline:0; border:1px dotted #000;}
.notify_sub li img{ width:100%; z-index:-1;}
.noti_sub_ctrl a{ color:#fff; margin:0 3px; display:inline-block;}
.noti_sub_ctrl .paging{ color:#fff; display:inline-block; margin-right:10px; }
.notify_sub_pager{ display:none !important}

.notify_bottom{background:#000; color:#fff; overflow:hidden; padding:19px 20px; border-radius:0 0 15px 15px; position:absolute; bottom:0; left:0; width:320px;}
.notify_bottom h4{float:left; font-weight:500; font-size:18px;}
.notify_sub li img{ height:368px;}
.noti_sub_ctrl{float:right;}

/*날씨*/
.weather_water.weather_pc{ display:none }
.weather_water.weather_mobile{ display:flex }
.weather_water{ display:flex; justify-content: space-between; flex-wrap: wrap; margin:0 15px; border:#d6dbe5 solid 1px; border-radius: 15px; background:#fff; }
.weather_water .icon_menu{ width:100%; border-bottom:#d6dbe5 solid 1px; }
.weather_water .icon_menu ul{ display:flex; height:100%;  }
.weather_water .icon_menu ul li{ width:33.333%;  border-right:#d6dbe5 solid 1px;  }
.weather_water .icon_menu ul li:last-child{ border-right:0; }
.weather_water .icon_menu ul li a{ display:block; text-align: center;   padding:15px 0;   }
.weather_water .icon_menu ul li a:after{ display:none }
.weather_water .icon_menu ul li a span{ display:inline-block; width:65px; height:65px; background-size:cover; background-color:#ecedf7; border-radius: 50%; margin-bottom:10px; }
.weather_water .icon_menu ul li a span.icon01{ background-image:url(https://www.gwangju.go.kr//home/www/images/main/icon_menu01.png);}
.weather_water .icon_menu ul li a span.icon02{ background-image:url(https://www.gwangju.go.kr//home/www/images/main/icon_menu02.png);}
.weather_water .icon_menu ul li a span.icon03{ background-image:url(https://www.gwangju.go.kr//home/www/images/main/icon_menu03.png);}
.weather_water .icon_menu ul li a span.icon04{ background-image:url(https://www.gwangju.go.kr//home/www/images/main/icon_menu04.png);}
.weather_water .icon_menu ul li a span.icon06{ background-image:url(https://www.gwangju.go.kr//home/www/images/main/icon_menu06.png);}
.weather_water .icon_menu ul li a p{ word-break: keep-all; font-weight:500; font-size:14px;   }

/*광주복지플랫폼 추가*/
/*.weather_water .icon_menu_bokji { display:flex;  }*/
.weather_water .icon_menu_bokji { width:33.333%;  border-right:#d6dbe5 solid 1px;  }
.weather_water .icon_menu_bokji a{ display:block; text-align: center;   padding:15px 0;   }
.weather_water .icon_menu_bokji a:after{ display:none }
.weather_water .icon_menu_bokji span{ display:inline-block; width:65px; height:65px; background-size:cover; background-color:#ecedf7; border-radius: 50%; margin-bottom:10px; }
.weather_water .icon_menu_bokji a span.icon05{ background-image:url(/home/www/images/main/icon_menu05.png);}
.weather_water .icon_menu_bokji a p{ word-break: keep-all; font-weight:500; font-size:14px;   }

.weather_water .water_info{ width:33.333%; color:#232323; text-align: center; border-right:#d6dbe5 solid 1px; padding:15px 0;  }
.weather_water .water_info .icon{ display:flex; align-items: center; justify-content: center; width:50px; height:50px; margin:0 auto 15px auto; font-size:22px;  background:#d63542; border-radius: 50%; color:#fff; }
.weather_water .water_info .water_state{ position:relative;  }
.weather_water .water_info .water_state p{ margin-bottom:13px; font-size:16px; font-weight:500; }
.weather_water .water_info .water_state .state_list_wrap{ margin-bottom:10px; }
.weather_water .water_info .water_state .state_list{ height:20px !important; }
.weather_water .water_info .water_state .state_list li{ text-align: center; height:20px; font-size:13px; }
.weather_water .water_info .water_state .state_ctrl a{ color:#be2b2b;  }
/*광주복지플랫폼 추가.pm_info {border-right:#d6dbe5 solid 1px;}*/
.pm_info a {color:#000;}
.pm_info > span.icon > i.far {font-size:30px;}

.weather_water .weather_info{ width:33.333%; color:#232323; text-align: center;  padding:15px 0;   }
.weather_water .weather_info .icon{display:flex; align-items: center; justify-content: center; width:50px; height:50px; margin:0 auto 15px auto; font-size:22px;  background:#d63542; border-radius: 50%; color:#fff; }
.weather_water .weather_info .temp_wrap{ position:relative; }
.weather_water .weather_info .temp_wrap p{ margin-bottom:10px; font-size:16px; font-weight:500; }
.weather_water .weather_info .temp{ display:block; font-weight:bold; font-size:24px; margin-bottom:10px; }
.weather_water .weather_info .exp{ display:block; font-size:14px; }

/*main_section04*/

#main_section04{ background:url(/home/www/images/main/bg_visitor.jpg) center no-repeat; background-size:cover; }
#main_section04 > .container{ padding:15px;  }

/*아이콘링크*/
.icon_links{ padding:20px 15px; background:#fff; border-radius: 15px; overflow: hidden }
.icon_links h3{ margin-bottom:25px; }
.icon_links_list { display:flex;  flex-wrap: wrap; }
.icon_links_list li{width: 25%;text-align:center;margin-bottom:10px;}
.icon_links_list li a{ display:block; }
.icon_links_list li a:after{ display:none }
.icon_links_list li:nth-child(n+9){ margin-bottom:0; }
.icon_links_list li i{ display:inline-block;  width:50px; height:50px; margin-bottom:10px;  background-size:500px; background-color:#f1f1f1; border-radius: 50% }
.icon_links_list li span{ display:block; font-size:12px; word-break: keep-all; }
.icon_links_list li i.icon01{ background-position:0 -211px;}
.icon_links_list li i.icon02{ background-position:-50px -211px;}
.icon_links_list li i.icon03{ background-position:-100px -211px;}
.icon_links_list li i.icon04{ background-position:-150px -211px;}
.icon_links_list li i.icon05{ background-position:-200px -211px;}
.icon_links_list li i.icon06{ background-position:-250px -211px;}
.icon_links_list li i.icon07{ background-position:-300px -211px;}
.icon_links_list li i.icon08{ background-position:-350px -211px;}
.icon_links_list li i.icon09{ background-position:-400px -211px;}
.icon_links_list li i.icon10{ background-position:-450px -211px;}
.icon_links_list li i.icon11{background-position: -181px -363px; }
.icon_links_list li i.icon12{background-position: -114px -361px;}

/*방문자별서비스
.visitors_service{  padding:15px; }
.visitors_service .service_pager{ display:flex; justify-content: center; padding:20px 0 10px 0; text-align: center; border-radius: 15px;  }
.visitors_service .service_pager a{ display:inline-block; width:33.333%; font-size:20px; color:#fff; padding:10px 15px; border:#fff solid 1px;  }
.visitors_service .service_pager a:first-child{ border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right:0;  }
.visitors_service .service_pager a:last-child{ border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left:0;   }
.visitors_service .service_pager a.active{ color:#2d9787; background:#fff; }
.visitors_service .service_pager span{ display:inline-block; font-weight:bold;  margin-left:10px;  }

.service_list > li{ float:left; }
.service_list .service_menu{  padding:5px; overflow:hidden }
.service_list .service_menu li{  position:relative; border-bottom:#68afa5 dashed 1px; font-size:13px; font-weight:500; }
.service_list .service_menu li:before{ display:inline-block; content:"·"; font-size:18px; font-weight:bold; vertical-align: middle; color:#fff;  }
.service_list .service_menu li a{ display:inline-block; color:#fff;  padding:7px 0; }
.service_list .service_menu li a > i{ margin-right:5px; }
.service_list .service_menu li a[target="_blank"]:after{ position:absolute; top:8px; right:5px; }
.service_paging{ display:none !important }*/

/*방문자별서비스*/
.visitors_service{  padding:15px; }
.visitors_service .latest_box > div { display:flex; justify-content: center; text-align: center; border-radius: 15px; min-height:624px; }
.visitors_service .latest_box { position:relative; margin:0 auto; overflow: hidden}
.visitors_service .latest_box > div{ display:inline-block;  margin-right:5px;}

.visitors_service .latest_box > div > ul{ display:none; position:absolute; left:0; right:0;   }
.visitors_service .latest_box > div > h4 {border:1px solid #fff; border-radius:10px;}
.visitors_service .latest_box > div > h4.active {background-color:#fff;}
.visitors_service .latest_box > div > h4 > a{ display:block;  color:#fff;  padding:10px;}
.visitors_service .latest_box > div > h4.active a {color:#2d9787;}
.visitors_service .latest_box > div:first-child > h4 > a{ border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-right:0;  }
.visitors_service .latest_box > div:last-child > h4 > a{ border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left:0;   }
.visitors_service .latest_box > div > h4 > a span{ display:inline-block; font-weight:bold;  margin-left:10px;  }

.visitors_service .service_menu{ text-align: left; padding:5px; overflow:hidden }
.visitors_service .service_menu:after { display:block; clear: both; content:"" }
.visitors_service .service_menu li{  position:relative; border-bottom:#68afa5 dashed 1px; font-size:13px; font-weight:500; }
.visitors_service .service_menu li:before{ display:inline-block; content:"·"; font-size:18px; font-weight:bold; vertical-align: middle; color:#fff;  }
.visitors_service .service_menu li a[target="_blank"]:after{ position:absolute; top:8px; right:5px; }
.visitors_service .service_menu li a {display:inline-block; color:#fff;  font-size:12px;}
.visitors_service .service_menu li a:hover{ color:#fff; }
.visitors_service .service_paging{ display:none !important }



/*==================
사이즈별 추가코드
==================*/

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

}

/*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) {
	#main_section02{ max-width:640px; margin:0 auto }
}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {

	/*메인비주얼*/
	.visual_slide li{ height:300px; }

	.latest_area{ float:left; width:50%; }
	.latest_box > div{ min-height:160px; }
	.latest_box > div > ul > li{ padding:3px 0; }
	.notify_main{ float:right; width:50%; }

	.main_mayor_wrap{ display:flex; align-items: stretch; clear: both }
	.main_mayor.mobile_mayor{  width:49%; margin:0 15px 15px 15px;  }
	.quick_links.mobile_quick{ display:flex; align-items: center; width:49%; margin:0 15px 15px 15px; }
	.quick_links .link_block{ width:100%; text-align: center; }
	.quick_links .link_block span{ display:block; margin:0 auto 15px; }

	.custom_wrap{ padding:0 15px; }
	.custom_service{ padding:15px 0; height:220px; }
	.custom_tab .menu_list li{ width:16.66667% }

	.custom_tab > ul{ height:125px; left:0; right:0;  }
	.custom_tab .use_latest li{ width:25%; }
	.custom_open{ display:none; }

	
	
	#main_section03 header h2 span{margin-bottom:15px;}
	
	
	
	.media_latest{margin: 25px 30px 30px;}
	.media_latest ul{justify-content: center;}
	.media_latest ul li{width: 210px;margin-right: 4%;border:1px solid #ccc;border-radius:15px 15px 45px;background:#f9f9f9;position: relative;z-index: 0;}
	.media_latest ul li a{position: relative;height: 274px;}
	.media_latest ul li div.thumb{position: absolute;width: 207px;top: -8%;left: -8%;z-index: 200;box-shadow: 6px 6px 16px 0 rgb(78 78 78 / 
30%);border-radius: 15px; min-height:170px;}
	.media_latest ul li span{position:absolute;width: 110px;height: 36px;top: 50%;left: -8%;border-radius:0 0 20px 0;z-index: 3000;font-size: 16px;box-shadow: 6px 6px 16px 0 rgb(78 78 78 / 
30%);}
	.media_latest ul li p{display:block;padding: 190px 15px 0 15px;line-height: 1.3;}
	

	.card_news_wrap{ overflow:hidden; text-align: center; }
	.card_news{  display:inline-block; margin-right:10px; }

	.notify_sub_wrap{ display:flex;  overflow:hidden; background:#fff;  }
	.notify_sub{ width:320px; padding-bottom:0; margin-bottom:0; }
	.weather_water{  width:60%;  }
	.weather_water .icon_menu{ }

	#main_section04{ margin:30px 0; }

	.visitors_service .latest_box > div { min-height:416px; }
	.service_menu{ display:flex; justify-content: space-between; flex-wrap:wrap;  overflow:hidden }
	.service_menu li{ float:left; width:49%; }
	.visitors_service .latest_box > div > h4 > a{  padding:10px 30px;}
}

@media all and (min-width:769px) and (max-width:1023px) {

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


	.sns_links{ width:auto; margin:0; padding-bottom:0;  }

	.main_sch_area{  display:flex; justify-content: space-between;  flex-direction: column; padding:20px; background: linear-gradient(130deg, rgba(235,65,65,1) 0%, rgba(195,41,67,1) 100%);  z-index: 4000;  overflow:hidden  }
	.main_sch_area{ position:absolute; top:0; width:350px; left:auto; right:0; height:690px; }


	/*맞춤형서비스_검색*/
	.search_area .title{ display:block; font-family: 'Noto Serif KR', serif; font-size:30px; color:#fff; text-align: center; line-height:1.3; }
	.search_area .title em{ font-style:normal; font-weight:900 }
	.search_box{ padding:25px 0; }
	.search_box .latest_word{ display:none; }
	.search_box .search_form{ position:relative;   padding:0  0 80px 0;  }
	.search_box .search_form .custom_sch_txt{ width:100%; height:40px; border:0; padding:10px 20px; border-radius: 30px;  margin:0 auto;  }
	.search_box .search_form .custom_sch_btn{position:absolute;right: 12px;top:0;text-indent:-9999px;border:0;background-color:transparent;background-size: 520px;background-position: -60px -264px;width: 40px;height: 40px;}
	.search_box .ppl_word{ position:absolute; width:90%; margin:0 5%; background:#c93636; padding:10px 15px;  z-index: 1000 }
	.search_box .ppl_word:after{ display:block; content:""; clear: both }
	.search_box .ppl_word .word_title{ display:block; padding:0 0 20px; color:#fff; text-align: center; font-weight:bold   }
	.search_box .ppl_word .ppl_word_list{ position:relative; height:20px; overflow:hidden }
	.search_box .ppl_word .ppl_word_list.open{ height:240px; transition:all 0.6s ease 0.3s }
	.search_box .ppl_word ul{ position:relative;  overflow: hidden }
	.search_box .ppl_word ul li { margin:0 0 6px; }
	.search_box .ppl_word ul li a{ display:block; color:#fff; font-size:12px;   }
	.search_box .ppl_word ul li a span{ display:inline-block; padding:3px; border-radius: 3px; background:#fff; color:#c93636; font-size:12px;  width:20px; text-align:center; margin-right:10px;   }
	.search_box .ppl_word .btn_open_word{ position:absolute; right:25px; top:0;  color:#fff; }
	.search_box .ppl_word .pause{ position:absolute; right:0; top:0;  color:#fff;  }

	.search_area{ width:100%; margin-top:50px; }

	.visual_slide li{ min-height:545px; }

	/*메인비주얼*/
	.main_visual_area{ min-width:60%; max-width:1180px;  }
	.main_visual_area .slogan{ width:180px; height: 60px; top:33px; right:60px;  }
	.visual_slide li span{ font-size:55px; margin-bottom:44px; line-height: 1.3}
	.visual_slide li p{ font-size:25px; line-height: 1.3}

	.visual_pager{ left:68px; bottom:100px;  }
	.visual_pager a{ font-size:27px; margin-right:80px;  }
	.visual_pager a:after{ width:50px; right:-65px }

	.visual_ctrl{ left:68px; right:auto; bottom:60px; }
	.visual_ctrl a{ margin:0 15px 0 0}

	.main_mayor.mobile_mayor{ display:none; }
	.main_mayor.pc_mayor{ display:flex; height:200px; padding:20px 10px; }

	.quick_links.mobile_quick{ display:none; }
	.quick_links.pc_quick{ display:flex; margin:0 0 0 0;  }
	.quick_links{ display:block; }
	.quick_links .link_block{ display:flex; width:100%; justify-content: space-between; }
	.quick_links .link_block li{ margin:0; }
	.quick_links .link_block li a{  font-size:14px; }
	.quick_links .link_block span{ display:inline-block; margin:0 5px 0 0;  }

	.latest_box > div{ min-height:280px; }
	.latest_box > div > h4 a{ padding:15px 10px 20px 0; font-size:18px; }
	.latest_box > div > ul > li.first{ margin:0 0 10px 0; }
	.latest_box > div > ul > li{ margin:0; }
	.latest_box > div > ul > li > a{ width:83%; }
	.latest_box > div > ul > li.first > span{ font-size:20px; }
	.latest_box > div > a.view_more{ top:12px; }

	.weather_water.weather_pc{ display:flex; width:49%; margin:0;  }
	.weather_water.weather_mobile{ display:none }

	.custom_wrap{ background:#f7f8fa; padding:30px 0; }
	.custom_wrap .container{ display:flex; justify-content: space-between; padding:0 15px; }
	.custom_service{ width:49%; padding:0; text-align: right; padding-right:80px; height:294px;  }
	.custom_service h2{ float:left; font-size:25px; margin:7px 0 0 0; }
	.custom_tab{ float:none; display:inline-block; width:auto; }
	.custom_tab .title{  border:0;  }
	.custom_tab .title a{ font-size:14px; padding:15px 15px 15px 0; background:#f7f8fa;}
	.custom_tab .title.active a{ color:#000; font-weight:bold;  }
	.custom_tab > ul{ top:56px; border:#d6dbe5 solid 1px; border-radius: 15px; height:238px; }
	.custom_tab .menu_list li{ width:33.333%; margin:13px 0;  }
	.custom_tab .use_latest li{ width:33.333%;  }

	#main_section02 header{ padding:40px 15px; text-align: left; }
	header.today_title {width:80%}
	.today_news{ padding:0; }
	.today_news_list li{ width:300px; }
	.today_news .news_ctrl{ top:-60px; }
	.today_news .news_ctrl > a{ top:200px; }
	.today_news .news_ctrl .pager_wrap{ text-align: right; max-width:1000px; margin:0 auto }

	#main_section03 header{padding: 40px 15px 10px;text-align: left;}
	#main_section03 header h2 span{ display:inline-block; padding-left:15px; margin-left: 15px; border-left:#8f8f8f solid 1px; }

	.media_latest{margin: 0 30px;}
	.media_latest ul{display:block;}
	.media_latest ul li{float:left; width:195px; margin-right:2%; margin-top:30px;}
	.media_latest ul li a{height:260px;}
	.media_latest ul li div.thumb{width:195px; min-height:160px;}
	.media_latest ul li span{top:45%}
	.media_latest ul li p{padding:170px 15px 0}


	.notify_sub_wrap{float:right;padding:0;display: block;}
	.card_news li img{ height:350px }
	.card_news_pc{ display:inline-block;  margin:0 20px;  }
	.notify_sub{ display:inline-block;  width:320px; margin:0 20px;  }

	#main_section04 .container{ display:flex; justify-content: space-between; padding:50px 25px;  }
	.icon_links{ width:48%; }
	.visitors_service{ width:48%; padding:0; }
	.visitors_service .service_pager{ padding-top:0; }

}

@media all and ( min-width:1200px){
	.visual_slide li{ padding-left:100px; }
	.visual_pager{ left:100px; }
	.visual_ctrl{ left:100px; }
	
	.notify_sub{margin-left:0;}
}


@media all and ( min-width:1440px){

	.container{ width:1400px !important; margin:0 auto }

	.main_visual_area .slogan{ width:180px;height: 60px;top:33px; right: 150px;background-position: -176px -349px;background-size: 620px;}
	.visual_slide li{ min-height:545px; padding-left:40px; }
	.visual_slide li span{ margin-bottom:30px; }
	.visual_slide li p{ margin-bottom:200px; }
	.visual_pager{ left:40px; bottom:220px;  }
	.visual_ctrl{ left:40px; bottom:180px;  }

	.main_sch_area{ width:28.5%; height:862px; padding:30px 20px; border-bottom-left-radius: 20px; }
	.search_area{ margin-top:100px; }
	.main_mayor.pc_mayor{ height:150px; padding:20px 30px;}
	.main_mayor.pc_mayor span{ margin-bottom:15px; }
	.quick_links{ padding:10px 0 }
	.quick_links .link_block span{ margin-right:10px; }
	.quick_links .link_block li{ width:33.33333%; font-size:14px; border-right:#ccc solid 1px }
	.quick_links .link_block li:nth-child(2){ padding:0 8px }
	.quick_links .link_block li:last-child{ border-right:0; }
	.quick_links .link_block li a{ font-size:16px; }

	.search_box .ppl_word .word_title{ display:inline-block; padding:0;  }
	.search_box .ppl_word{ padding:15px;  border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
	.search_box .ppl_word .ppl_word_list{  float:right; width:70% ; }
	.search_box .ppl_word ul li a{ font-size:14px; }

	.latest_wrap.container{ position:relative; padding-right:320px;  margin-top:-130px; background:#fff; padding:30px; border-top-left-radius: 20px; overflow:hidden;  z-index: 1000 }

	.latest_area{ width:400px; padding:0; margin-right:30px;  }
	.latest_box > div > h4 a{ padding-top:10px; }
	.latest_box > div > ul > li.first > span{ width:80px; height:80px; padding:0 10px;  }
	.latest_box > div > ul > li.first .subject{ font-size:18px; color:#1e1e1e}
	.latest_box > div > ul > li > a{ width:78%; }
	.latest_box > div > ul > li.first > a{ padding:16px 0; }
	.latest_box > div > a.view_more{ top:8px; }

	.notify_main{ width:530px; float: left; padding:0;  }
	.notify_ctrl{ bottom:15px; }

	.custom_wrap{ padding:65px 0; }
	.custom_wrap .container{ padding:0;  }
	.custom_service{ width:720px; height:212px; padding-right:110px; }
	.custom_tab .title a{ padding:15px 20px; font-size:18px; }
	.custom_tab .menu_list li{ width:16.66667%; }
	.custom_tab > ul{ height:155px; }
	.custom_tab .use_latest li{ margin:0 0 5px 0; font-size:16px;  }

	.menu_set_wrap .close_set{ right:30px; top:30px; }
	.menu_setting{ min-width:985px; max-width:985px; height:65vh; top:50%;  left:50%; transform:translateX(-50%) translateY(-50%); padding:60px 30px 20px;  }
	.menu_setting h3{ font-size:20px; }
	.icon_setting{ padding:60px 30px 20px 30px; }
	.icon_setting .unit{ width:70px; }
	.icon_setting i{ width:70px; height:70px; background-image: url(/home/www/images/common/sprite_icon.png); background-size:620px; border-radius: 10px; margin-bottom:10px;  }

	.icon_setting i.icon01{ background-position:-4px -857px }
	.icon_setting i.icon02{background-position: -78px -857px;}
	.icon_setting i.icon03{background-position: -156px -857px;}
	.icon_setting i.icon04{background-position: -239px -857px}
	.icon_setting i.icon05{background-position: -316px -857px}
	.icon_setting i.icon06{ background-position:-390px -857px }
	.icon_setting i.icon07{ background-position:-468px -857px}
	.icon_setting i.icon08{ background-position:-546px -857px }
	.icon_setting i.icon09{ background-position:0 -935px }
	.icon_setting i.icon10{ background-position:-82px -935px }
	.icon_setting i.icon11{background-position: -161px -935px}
	.icon_setting i.icon12{background-position: -239px -935px}
	.icon_setting i.icon13{background-position: -316px -935px}
	.icon_setting i.icon14{ background-position:-390px -935px }
	.icon_setting i.icon15{ background-position:-468px -935px}
	.icon_setting i.icon16{ background-position:-546px -935px }
	.icon_setting i.icon17{ background-position:-3px -1012px }
	.icon_setting i.icon18{ background-position:-82px -1012px }
	.icon_setting i.icon19{ background-position:-161px -1012px }
	.icon_setting i.icon20{ background-position:-239px -1012px }
	.icon_setting i.no_unit{ line-height: 70px;  }

	.icon_setting i.traffic01{ background-position:0 0; }
	.icon_setting i.traffic02{background-position: -80px -5px;}
	.icon_setting i.traffic03{ background-position:-156px -5px; }
	.icon_setting i.traffic04{ background-position:-234px -5px; }
	.icon_setting i.traffic05{ background-position:-312px -5px; }
	.icon_setting i.traffic06{ background-position:-390px -5px; }
	.icon_setting i.traffic07{ background-position:-468px -5px; }
	.icon_setting i.traffic08{ background-position:-546px -5px; }

	.icon_setting i.build01{background-position: 0 -80px;}
	.icon_setting i.build02{ background-position:-80px -80px; }
	.icon_setting i.build03{ background-position:-156px -80px; }
	.icon_setting i.build04{background-position: -234px -80px;}
	.icon_setting i.build05{ background-position:-312px -80px; }
	.icon_setting i.build06{ background-position:-390px -80px; }
	.icon_setting i.build07{ background-position:-468px -80px; }
	.icon_setting i.build08{ background-position:-546px -80px; }

	.icon_setting i.economy01{ background-position:0 -158px; }
	.icon_setting i.economy02{background-position: -80px -158px;}
	.icon_setting i.economy03{ background-position:-156px -158px; }
	.icon_setting i.economy04{ background-position:-234px -158px; }
	.icon_setting i.economy05{ background-position:-312px -158px; }
	.icon_setting i.economy06{ background-position:-390px -158px; }
	.icon_setting i.economy07{ background-position:-468px -158px; }
	.icon_setting i.economy08{ background-position:-546px -158px; }

	.icon_setting i.welfare01{background-position: -5px -235px;}
	.icon_setting i.welfare02{ background-position:-78px -235px; }
	.icon_setting i.welfare03{ background-position:-156px -235px; }
	.icon_setting i.welfare04{ background-position:-234px -235px; }
	.icon_setting i.welfare05{ background-position:-312px -235px; }
	.icon_setting i.welfare06{ background-position:-390px -235px; }
	.icon_setting i.welfare07{ background-position:-468px -235px; }
	.icon_setting i.welfare08{ background-position:-546px -235px; }

	.icon_setting i.safe01{background-position: -4px -315px;}
	.icon_setting i.safe02{background-position: -80px -315px;}
	.icon_setting i.safe03{ background-position:-156px -315px; }
	.icon_setting i.safe04{background-position: -240px -315px;}
	.icon_setting i.safe05{ background-position:-312px -315px; }
	.icon_setting i.safe06{ background-position:-390px -315px; }
	.icon_setting i.safe07{ background-position:-468px -315px; }
	.icon_setting i.safe08{ background-position:-546px -315px; }

	.icon_setting i.finance01{background-position: -3px -390px;}
	.icon_setting i.finance02{background-position: -80px -390px;}
	.icon_setting i.finance03{ background-position:-156px -390px; }
	.icon_setting i.finance04{ background-position:-234px -390px; }
	.icon_setting i.finance05{ background-position:-312px -390px; }
	.icon_setting i.finance06{ background-position:-390px -390px; }
	.icon_setting i.finance07{ background-position:-468px -390px; }
	.icon_setting i.finance08{ background-position:-546px -390px; }

	.icon_setting i.public01{background-position: -3px -468px;}
	.icon_setting i.public02{background-position: -80px -468px;}
	.icon_setting i.public03{ background-position:-156px -468px; }
	.icon_setting i.public04{background-position: -236px -468px;}
	.icon_setting i.public05{ background-position:-312px -468px; }
	.icon_setting i.public06{ background-position:-390px -468px; }
	.icon_setting i.public07{ background-position:-468px -468px; }
	.icon_setting i.public08{ background-position:-546px -468px; }

	.icon_setting i.envi01{ background-position:0 -546px; }
	.icon_setting i.envi02{background-position: -80px -546px;}
	.icon_setting i.envi03{background-position: -158px -546px;}
	.icon_setting i.envi04{ background-position:-234px -546px; }
	.icon_setting i.envi05{ background-position:-312px -546px; }
	.icon_setting i.envi06{ background-position:-390px -546px; }
	.icon_setting i.envi07{ background-position:-468px -546px; }
	.icon_setting i.envi08{ background-position:-546px -546px; }

	.icon_setting i.agri01{ background-position:0 -624px; }
	.icon_setting i.agri02{ background-position:-78px -624px; }
	.icon_setting i.agri03{ background-position:-156px -624px; }
	.icon_setting i.agri04{ background-position:-234px -624px; }
	.icon_setting i.agri05{ background-position:-312px -624px; }
	.icon_setting i.agri06{ background-position:-390px -624px; }
	.icon_setting i.agri07{ background-position:-468px -624px; }
	.icon_setting i.agri08{ background-position:-546px -624px; }

	.icon_setting i.maycenter01{ background-position:0 -702px; }
	.icon_setting i.maycenter02{ background-position:-78px -702px; }
	.icon_setting i.maycenter03{ background-position:-156px -702px; }
	.icon_setting i.maycenter04{ background-position:-234px -702px; }
	.icon_setting i.maycenter05{ background-position:-312px -702px; }
	.icon_setting i.maycenter06{ background-position:-390px -702px; }
	.icon_setting i.maycenter07{ background-position:-468px -702px; }
	.icon_setting i.maycenter08{ background-position:-546px -702px; }


	.icon_setting i.culture01{background-position: -4px -780px;}
	.icon_setting i.culture02{ background-position:-78px -780px; }
	.icon_setting i.culture03{ background-position:-156px -780px; }
	.icon_setting i.culture04{ background-position:-234px -780px; }
	.icon_setting i.culture05{ background-position:-312px -780px; }
	.icon_setting i.culture06{ background-position:-390px -780px; }
	.icon_setting i.culture07{ background-position:-468px -780px; }
	.icon_setting i.culture08{ background-position:-546px -780px; }

	.icon_select .site_select{ margin-bottom:20px; }
	.icon_select .check_icons li{ width:25%; margin:0 0 10px  }
	.icon_select .check_icons li label{ font-size:16px;  color:#919191; }


	.custom_tab .menu_list li span{ font-size:14px; }
	.custom_tab .menu_list li a i{ width:78px; height:78px; background-image: url(/home/www/images/common/sprite_icon.png); background-size:625px; border-radius: 10px; margin-bottom:5px;  }

	.menu_list li a i.icon01{ background-position:0 -860px }
	.menu_list li a i.icon02{ background-position:-78px -860px }
	.menu_list li a i.icon03{ background-position:-156px -860px }
	.menu_list li a i.icon04{ background-position:-234px -860px }
	.menu_list li a i.icon05{ background-position:-312px -860px }
	.menu_list li a i.icon06{ background-position:-390px -860px }
	.menu_list li a i.icon07{ background-position:-468px -860px }
	.menu_list li a i.icon08{ background-position:-546px -860px }

	.menu_list li a i.icon09{ background-position:2px -940px }
	.menu_list li a i.icon10{ background-position:-78px -940px }
	.menu_list li a i.icon11{ background-position:-156px -940px }
	.menu_list li a i.icon12{ background-position:-234px -940px }
	.menu_list li a i.icon13{ background-position:-312px -940px }
	.menu_list li a i.icon14{ background-position:-390px -940px }
	.menu_list li a i.icon15{ background-position:-468px -940px }
	.menu_list li a i.icon16{ background-position:-546px -940px }

	.menu_list li a i.icon17{ background-position:2px -1015px }
	.menu_list li a i.icon18{ background-position:-78px -1015px }
	.menu_list li a i.icon19{ background-position:-156px -1015px }
	.menu_list li a i.icon20{ background-position:-234px -1015px }


	.menu_list li a i.traffic01{ background-position:0 0; }
	.menu_list li a i.traffic02{ background-position:-78px 0; }
	.menu_list li a i.traffic03{ background-position:-156px 0; }
	.menu_list li a i.traffic04{ background-position:-234px 0; }
	.menu_list li a i.traffic05{ background-position:-312px 0; }
	.menu_list li a i.traffic06{ background-position:-390px 0; }
	.menu_list li a i.traffic07{ background-position:-468px 0; }
	.menu_list li a i.traffic08{ background-position:-546px 0; }

	.menu_list li a i.build01{ background-position:0 -78px; }
	.menu_list li a i.build02{ background-position:-78px -78px; }
	.menu_list li a i.build03{ background-position:-156px -78px; }
	.menu_list li a i.build04{ background-position:-234px -78px; }
	.menu_list li a i.build05{ background-position:-312px -78px; }
	.menu_list li a i.build06{ background-position:-390px -78px; }
	.menu_list li a i.build07{ background-position:-468px -78px; }
	.menu_list li a i.build08{ background-position:-546px -78px; }

	.menu_list li a i.economy01{ background-position:0 -156px; }
	.menu_list li a i.economy02{ background-position:-78px -156px; }
	.menu_list li a i.economy03{ background-position:-156px -156px; }
	.menu_list li a i.economy04{ background-position:-234px -156px; }
	.menu_list li a i.economy05{ background-position:-312px -156px; }
	.menu_list li a i.economy06{ background-position:-390px -156px; }
	.menu_list li a i.economy07{ background-position:-468px -156px; }
	.menu_list li a i.economy08{ background-position:-546px -156px; }

	.menu_list li a i.welfare01{ background-position:0 -234px; }
	.menu_list li a i.welfare02{ background-position:-78px -234px; }
	.menu_list li a i.welfare03{ background-position:-156px -234px; }
	.menu_list li a i.welfare04{ background-position:-234px -234px; }
	.menu_list li a i.welfare05{ background-position:-312px -234px; }
	.menu_list li a i.welfare06{ background-position:-390px -234px; }
	.menu_list li a i.welfare07{ background-position:-468px -234px; }
	.menu_list li a i.welfare08{ background-position:-546px -234px; }

	.menu_list li a i.safe01{ background-position:0 -312px; }
	.menu_list li a i.safe02{ background-position:-78px -312px; }
	.menu_list li a i.safe03{ background-position:-156px -312px; }
	.menu_list li a i.safe04{ background-position:-234px -312px; }
	.menu_list li a i.safe05{ background-position:-312px -312px; }
	.menu_list li a i.safe06{ background-position:-390px -312px; }
	.menu_list li a i.safe07{ background-position:-468px -312px; }
	.menu_list li a i.safe08{ background-position:-546px -312px; }

	.menu_list li a i.finance01{ background-position:0 -390px; }
	.menu_list li a i.finance02{ background-position:-78px -390px; }
	.menu_list li a i.finance03{ background-position:-156px -390px; }
	.menu_list li a i.finance04{ background-position:-234px -390px; }
	.menu_list li a i.finance05{ background-position:-312px -390px; }
	.menu_list li a i.finance06{ background-position:-390px -390px; }
	.menu_list li a i.finance07{ background-position:-468px -390px; }
	.menu_list li a i.finance08{ background-position:-546px -390px; }

	.menu_list li a i.public01{ background-position:0 -468px; }
	.menu_list li a i.public02{ background-position:-78px -468px; }
	.menu_list li a i.public03{ background-position:-156px -468px; }
	.menu_list li a i.public04{ background-position:-234px -468px; }
	.menu_list li a i.public05{ background-position:-312px -468px; }
	.menu_list li a i.public06{ background-position:-390px -468px; }
	.menu_list li a i.public07{ background-position:-468px -468px; }
	.menu_list li a i.public08{ background-position:-546px -468px; }

	.menu_list li a i.envi01{ background-position:0 -546px; }
	.menu_list li a i.envi02{ background-position:-78px -546px; }
	.menu_list li a i.envi03{ background-position:-156px -546px; }
	.menu_list li a i.envi04{ background-position:-234px -546px; }
	.menu_list li a i.envi05{ background-position:-312px -546px; }
	.menu_list li a i.envi06{ background-position:-390px -546px; }
	.menu_list li a i.envi07{ background-position:-468px -546px; }
	.menu_list li a i.envi08{ background-position:-546px -546px; }

	.menu_list li a i.agri01{ background-position:0 -624px; }
	.menu_list li a i.agri02{ background-position:-78px -624px; }
	.menu_list li a i.agri03{ background-position:-156px -624px; }
	.menu_list li a i.agri04{ background-position:-234px -624px; }
	.menu_list li a i.agri05{ background-position:-312px -624px; }
	.menu_list li a i.agri06{ background-position:-390px -624px; }
	.menu_list li a i.agri07{ background-position:-468px -624px; }
	.menu_list li a i.agri08{ background-position:-546px -624px; }

	.menu_list li a i.maycenter01{ background-position:0 -702px; }
	.menu_list li a i.maycenter02{ background-position:-78px -702px; }
	.menu_list li a i.maycenter03{ background-position:-156px -702px; }
	.menu_list li a i.maycenter04{ background-position:-234px -702px; }
	.menu_list li a i.maycenter05{ background-position:-312px -702px; }
	.menu_list li a i.maycenter06{ background-position:-390px -702px; }
	.menu_list li a i.maycenter07{ background-position:-468px -702px; }
	.menu_list li a i.maycenter08{ background-position:-546px -702px; }

	.menu_list li a i.culture01{ background-position:0 -780px; }
	.menu_list li a i.culture02{ background-position:-78px -780px; }
	.menu_list li a i.culture03{ background-position:-156px -780px; }
	.menu_list li a i.culture04{ background-position:-234px -780px; }
	.menu_list li a i.culture05{ background-position:-312px -780px; }
	.menu_list li a i.culture06{ background-position:-390px -780px; }
	.menu_list li a i.culture07{ background-position:-468px -780px; }
	.menu_list li a i.culture08{ background-position:-546px -780px; }

	.weather_water.weather_pc{ width:660px; }
	.weather_water .icon_menu ul li:nth-child(1){ width:32%;}
	.weather_water .icon_menu ul li:nth-child(2){ width:36%;}
	.weather_water .icon_menu ul li:nth-child(3){ width:32%;}
	.weather_water .icon_menu ul li a{ display:flex; align-items: center; height:100%; }
	.weather_water .icon_menu ul li a span{ margin:0 10px 0 5px }
	.weather_water .icon_menu ul li a p{ font-size:16px}
	
	/*광주복지플랫폼 추가*/
	.weather_water .icon_menu_bokji { width:32%;}
	.weather_water .icon_menu_bokji a{ display:flex; align-items: center; height:100%; }
	.weather_water .icon_menu_bokji a p{ font-size:16px}
	.weather_water .icon_menu_bokji a span{ margin:0 10px 0 5px }

	.weather_water .water_info{ display: flex; padding-top:30px; width: 36%;}
	.weather_water .water_info .icon{ margin-left:10px; margin-bottom:0;  }
	.weather_water .water_info .water_state{ width:70%; text-align: left; }
	.weather_water .water_info .water_state p{ font-size:18px; }
	.weather_water .water_info .water_state .state_list li{ text-align: left; font-size: 16px;}
	.weather_water .water_info .water_state .state_ctrl{ position:absolute; right:10px; top:0; }

	.weather_water .weather_info{ display:flex; padding-top:30px;  width: 32%;}
	.weather_water .weather_info .icon{ margin-left:10px; margin-bottom:0;  }
	.weather_water .weather_info .temp_wrap{ width:70%;  text-align: left;  }
	.weather_water .weather_info .temp_wrap p{ font-size:18px; }
	.weather_water .weather_info .temp{ display:inline-block; margin:0 10px 0 0 }
	.weather_water .weather_info .exp{ display:inline-block; vertical-align: 2px}

	#main_section02{  }
	#main_section02 .container{ width:1500px !important }
	#main_section02 header{ padding:70px 0 40px;  max-width:1400px; margin:0 auto }
	#main_section02 header h2{ font-size:40px; }
	#main_section02 header h2 span{ font-size:22px; font-weight:300; }

	.today_news{ padding:0; }
	.today_news_list li{ width:320px; margin:0 20px }
	.today_news_list li .thumb{ height:240px; }
	.today_news_list li .text{ padding:25px; }
	.today_news_list li .text .title{ font-size:22px; }
	.today_news_list li .text p{ font-size:16px; height:40px; overflow:hidden  }
	.today_news .news_ctrl > a{ width:50px; height:50px; font-size:30px;  }
	.today_news .news_ctrl .pager_wrap{ max-width:1400px; }

	#main_section03 header{ padding:90px 0 20px 0; }
	#main_section03 header h2{ font-size:40px; }
	#main_section03 header h2 span{ font-size:22px; font-weight:300; }

	.media_latest{margin: 0 0 0 25px;}
	.media_latest ul{display:block;}
	.media_latest ul li{width:300px; float:left; margin-right:4%; margin-top:30px;}
	.media_latest ul li a{height:338px;}
	.media_latest ul li div.thumb{width:290px; height:238px;}
	.media_latest ul li span{width:115px; height:42px; padding:13px; top:54%;}
	.media_latest ul li p{padding: 250px 15px 0 15px;}

	.notify_sub_wrap{ float:right; padding:0; background:#fff; }
	.notify_sub{ padding:0;  margin:0; }

	.card_news_pc{ margin:0 25px 0 0; }

	#main_section04{ margin:90px 0 130px; height:540px; }
	#main_section04 .container{ padding:50px 0; }

	/*아이콘링크*/
	.icon_links{ padding:38px 20px;  box-shadow:rgba(0,0,0,0.6) 2px 2px 5px; }
	.icon_links h3{ font-size:26px;  margin-bottom:40px; }
	.icon_links h3 span{ font-weight:300; }
	.icon_links_list li{ margin-bottom:35px; width:16.6%; }
	.icon_links_list li i{ width:80px; height:80px; background-size:800px;  transition:all ease-out 0.3s; }
	.icon_links_list li a{ display:block; }
	.icon_links_list li span{ font-size:16px; }
	.icon_links_list li a:hover i{ transition:all ease-in 0.3s; transform:scale(0.8 )}
	.icon_links_list li i.icon01{ background-position:0 -338px; }
	.icon_links_list li i.icon02{background-position: -78px -338px;}
	.icon_links_list li i.icon03{background-position: -159px -338px;}
	.icon_links_list li i.icon04{background-position: -238px -338px;}
	.icon_links_list li i.icon05{background-position: -319px -338px;}
	.icon_links_list li i.icon06{background-position: -398px -338px;}
	.icon_links_list li i.icon07{background-position: -479px -338px;}
	.icon_links_list li i.icon08{background-position: -556px -338px;}
	.icon_links_list li i.icon09{background-position: -639px -338px;}
	.icon_links_list li i.icon10{background-position: -719px -338px;}
	.icon_links_list li i.icon11{background-position: -290px -580px;}
	.icon_links_list li i.icon12{background-position: -181px -576px; }

	.visitors_service .service_pager{ width:380px; }
	.visitors_service .service_menu li{ font-size:16px; }
	.visitors_service .service_menu li:before{ margin-right:5px; }
	.visitors_service .service_menu li a{ width:90%; font-size:16px; padding:7px 0; }
	.visitors_service .service_menu li a[target="_blank"]:after{ top:12px }
	
}
@media all and ( min-width:1600px){

	.main_visual_area{ max-width: 75%; }
	.search_area .title{ font-size:38px }
	.main_mayor.pc_mayor{ height:180px; padding:20px 30px}
	.main_mayor span em{ font-size:22px; }

	.latest_area{ width:480px; margin-right:35px; }
	.latest_box > div{ height:295px; }
	.latest_box > div > ul > li{  }

	.today_news .news_ctrl a.prev{ left:-20px; }
	.today_news .news_ctrl a.next{ right:-20px; }
}
@media all and ( min-width:1900px){

	.main_sch_area{ padding:30px 40px }
	.visual_slide li{ padding-left:270px;  }
	.visual_pager{ left:270px; }
	.visual_ctrl{ left:270px; }

}

/*20220419 주요서비스 추가*/
.gj_sevice { width:100%; position:relative; }
.gj_sevice ul {display:flex;flex-wrap: wrap;}
.gj_sevice li {text-align: center; margin:0 3px; }

.gj_sevice li a {display:block; padding:10px 22px; font-size:12px; border:1px solid #777; border-radius:10px;}

.gj_sevice div.banner_ctrl {position:absolute; top:30px; right:24px;}

#main_section03_2 {}
#main_section03_2 h2 {padding: 30px 0 20px 0;  }
#main_section03_2 h2, .gj_sevice h2 { padding: 30px 0 20px 0; text-align: center; }

h2.popular_title {margin:0 0 15px 15px}
.popular_menu {margin:15px;}
.popular_menu {border:1px solid #dfdfdf; border-radius:10px; padding:15px;}
.popular_menu ul {display:flex;flex-wrap: wrap; text-align: center;}
.popular_menu .menu_list { display:flex; justify-content:space-between; flex-wrap: wrap;  }
.popular_menu .menu_list li{ display:block; float: left; width:33%; margin:8px 0; }
.popular_menu .menu_list li a{ display:block; font-size:13px; text-align: center; word-break: keep-all;  }
.popular_menu .menu_list li span{ display:block; width:100%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap  }
.popular_menu .menu_list li a i{ display:inline-block; width:50px; height:50px; background:#f7f8fa; margin-bottom:8px; border-radius: 5px; background-image:url("https://www.gwangju.go.kr/home/www/images/common/sprite_icon_m.png"); background-repeat:no-repeat; background-size:400px;  }

.menu_list li a i.icon01{ background-position:0 -550px; }
.menu_list li a i.icon02{ background-position:-50px -550px; }
.menu_list li a i.icon06{ background-position:-250px -550px; }
.menu_list li a i.icon07{ background-position:-300px -550px; }
.menu_list li a i.icon08{ background-position:-350px -550px; }

.menu_list li a i.icon09{ background-position:0 -600px; }
.menu_list li a i.icon13{ background-position:-200px -600px; }
.menu_list li a i.icon14{ background-position:-250px -600px; }
.menu_list li a i.icon16{ background-position:-350px -600px; }

.menu_list li a i.icon18{ background-position:-50px -650px;  }
.menu_list li a i.icon20{ background-position:-150px -650px;  }





@media all and ( min-width:640px){
	.gj_sevice li a {font-size:14px; }
	.popular_menu .menu_list li{ width:16%;  }
	
	
}

@media all and ( min-width:1024px){
	.search_area { margin-top: 0; }
	.top_todayinfo { color:#fff; text-align:center; min-height:80px; font-weight: 600; margin-top:20px;}
	.temp_info span.icon {font-size:18px;}
	.weather_info {display:inline-block;}
	.weather_info span.icon {font-size:25px;}
	.dust_info {font-family: 'Noto Serif KR', serif; display:inline-block; padding-left:15px; font-size:13px;}
	.dust_info .temp {font-size:16px;}
	.temp_wrap {display:inline-block;}
	.pm_info a {color: #fff;}
	.water_info {font-family: 'Noto Serif KR', serif; margin-top:15px;}
	.water_state p, .state_list_wrap, .state_ctrl {display:inline-block;}
	.water_state p {font-size:16px; }
	.state_list_wrap {padding:0 5px; font-size:14px;}
	.state_ctrl a {color:#fff;}
	
	.popular_menu .menu_list li{ width:8.3%;  }
	.search_area .title { font-size:20px; }

	#main_section03_2 h2 {padding: 40px 0 30px 0; text-align: left; }
	.gj_sevice h2 {padding: 0 0 30px 0; text-align: left; }
	.gj_sevice div.banner_ctrl {position:absolute; top:0; right:10px;}
	
	
	
}

@media all and ( min-width:1440px){
	
	#main_section03_2 h2 {padding: 90px 0 30px 0;  }
	.gj_sevice li {margin:0 5px;}
	.gj_sevice li a {font-weight: 600;}
	
	.dust_info {font-size:15px;}
	.dust_info .temp {font-size:18px;}
	.search_area .title { font-size:25px; }
	
	.popular_menu {margin:0;}
}

@media all and ( max-width:1439px){
	.top_todayinfo {display:none;}
}


.cardNews_new {position:relative; margin-bottom: 50px; padding:0 15px; width:100%; overflow-x:hidden;}
.cardNews_new h2{padding:30px 0 20px 0; text-align: center;}
.cardNews_new .caroufredsel_wrapper{height:260px !important;}
.cardNews_new li {width:240px; margin: 0 10px; float: left; }
.cardNews_new li a{display:block;}
.cardNews_new .thumb{min-height:240px; background-size:cover; background-position:center; border-radius: 15px; box-shadow:6px 6px 16px 0 rgb(78 78 78 / 
30%); }



.cardNews_new div.banner_ctrl {position:absolute; top:30px; right:25px;}

@media (min-width:768px) {
	.cardNews_new {width:52%; float:left; padding-right:0;}
	.cardNews_new h2{text-align:left; padding-top:15px;}
	.cardNews_new li{width:160px;}
	.cardNews_new .thumb{min-height:160px;}
	.cardNews_new div.banner_ctrl{top:15px; right:0;}
}

@media (min-width:1440px) {
	.cardNews_new {width:832px;}
	.cardNews_new h2{padding-top:0}
	.cardNews_new div.banner_ctrl{top:0;}
	.cardNews_new li{width:240px;}
	.cardNews_new .thumb{min-height:240px;}
}