@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}

/*상단*/
.menu_position .top_search p a{background:#f7941d;}
.top_st h1 span{color: #f7941d;}
#nav ul li a.on span{background:url("/images/06_eup/main/m_on_arr.png") no-repeat center bottom}
.s_content .s_left h2{background:#f7941d;}

/*읍면동 상단메뉴 간겨조절*/
@media all and (min-width:1399px) {
#nav ul.col6 li{width:15%;}
}  

/*content*/
.m_container{background:url("/images/06_eup/main/m_background.jpg") center 0 #e2f1ab no-repeat;}

/*타이틀*/
.m_title{padding:40px 0; text-align:center;}
.m_title .title{font-size:32px; font-weight:400; color:#fff;text-shadow: 0 0 10px #000;}
.m_title p{width:250px; color:#fff; font-weight:600; font-size:16px; margin:8px auto;}
.m_title .tel{background: #4caf50;padding: 6px 10px;border-radius: 20px;box-sizing: border-box;}

/* 읍면동 바로가기 */
.main_section1 {position:relative;}
.main_section1 .town_title{background:#f9a94a url("/images/06_eup/main/town_title_m.jpg")no-repeat right; padding:16px; margin-bottom:20px;}
.main_section1 .town_title h2{color:#fff;font-size:24px; font-weight:700;}
.main_section1 .town_title h2 span{display:inline-block; background:#fff; color:#333; margin-top:2px; font-size:18px; padding:2px 4px; margin-left:6px;}
.main_section1 .town_btn a{background:#fff; padding:6px 10px 4px;}
.main_section1 .town_btn .town_btn_01{position:absolute; top:16px; right:50px;} 
.main_section1 .town_btn .town_btn_02{position:absolute; top:16px; right:16px;} 

.main_section1 .town{width: 100%;margin-bottom:30px;overflow:hidden;}
.main_section1 .town ul{display:none;}
.main_section1 .town ul.on{display: block;}
.main_section1 .town ul li{float:left;width: 33.33%;opacity:0.8;padding: 8px 0;margin: 6px 0;text-align:center;}
.main_section1 .town ul li a{background:#fff;padding: 8px 24px;border:1px #f7941d solid;border-radius:20px;color:#111;font-weight:400;font-size:16px;}
.main_section1 .town ul li a:hover{background:#f7941d; color:#fff;}
.main_section1 .town ul li.on a{background:#f7941d; color:#fff;}
.map_wrap{display:none;}

/* 새소식 */
.main_section2{padding-bottom: 140px;}
.notice_wrap{background:#f3f3f3; position:relative; margin-bottom:30px;}
.notice_wrap .notice_title{background:#f26522 url("/images/06_eup/main/notice_bg.png");  padding:14px 14px 12px 14px;}
.notice_wrap h2{display:inline-block; border-bottom:2px #fff solid; color:#fff; padding-bottom:4px; font-size:17px; font-weight:600;}
.notice_wrap .notice ul{padding: 15px 10px;}
.notice_wrap .notice ul li{background:url("/images/06_eup/main/notice_li.png")no-repeat 0 50%; padding-left:12px; margin:14px 0;}
.notice_wrap .notice ul li a{font-size: 15px; color:#333; font-weight:400; display:inline-block; max-width: 95%; width:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice_wrap .notice ul li a:hover{font-weight: 500;}
.notice_wrap .notice ul li span{display:none;}
.notice_wrap .no_btn{position:absolute; top:16px; right:10px;}

/* 바로가기 */
.m_icon{padding: 0 5px;  text-align: center;}
.m_icon ul{overflow:hidden;}
.m_icon ul li{float:left; width:31.3%; border-radius:5px; margin:0 1%;}
.m_icon .icon01{background:url("/images/06_eup/main/icon01.png")no-repeat 50% 40%;}
.m_icon .icon02{background:url("/images/06_eup/main/icon02.png")no-repeat 50% 40%;}
.m_icon .icon03{background:url("/images/06_eup/main/icon03.png")no-repeat 50% 40%;}
.m_icon .icon04{background:url("/images/06_eup/main/icon04.png")no-repeat 50% 40%;}
.m_icon .icon05{background:url("/images/06_eup/main/icon05.png")no-repeat 50% 40%;}
.m_icon .icon06{background:url("/images/06_eup/main/icon06.png")no-repeat 50% 40%;}
.m_icon .icon07{background:url("/images/06_eup/main/icon07.png")no-repeat 50% 40%;}
.m_icon li a{display: block; text-align: center; height: 105px;}
.m_icon li strong{display:block; font-size:18px; color:#fff;font-weight:600; padding:26px 0 0 0; margin-bottom: 6px;}
.m_icon li span {background:#fff; color:#111; font-weight: 600; font-size:14px; width:80px;  padding: 2px 4px; margin: 0 auto;}

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

.main{padding:0 30px;}


/*타이틀*/
.m_title .title{font-size:45px;}
.m_title p{width:auto; font-size:20px; margin:14px auto;}
.m_title .tel{width: 300px;}

/* 읍면동 바로가기 */
.main_section1 {position:static; margin-bottom:30px;}
.main_section1 .town_title{display:inline-block; background:url("/images/06_eup/main/town_title.png") no-repeat; width:175px; height: 175px; padding:20px; margin:0 8px 0 0;}
.main_section1 .town_title .line{width:100%; border:1px #fff solid;}
.main_section1 .town_title h2{padding:50px 44px; font-size:30px;}
.main_section1 .town_title h2 span{display:block; background:#fff; color:#333; font-size:20px; padding: 2px 0 2px 6px; margin:10px 0 0 0;}
.main_section1 .town_btn{display:none;}

.main_section1 .town{display:inline-block; width:67%; margin: 0px; padding:10px 0;}
.main_section1 .town ul{display:block;}
.main_section1 .town ul{width: auto !important; height: auto !important;}
.main_section1 .town ul li{padding:6px 0; margin:8px 3px; width: auto !important;}
.main_section1 .town ul li a{padding:6px 20px;}

/*새소식*/
.notice_wrap .notice_title{padding: 16px 30px;}
.notice_wrap .notice ul{padding: 20px 30px;}
.notice_wrap .notice ul li{margin:15px 0;}
.notice_wrap .notice ul li a{font-size: 16px; max-width: 69%;}
.notice_wrap .notice ul li span{display:block; float:right;}
.notice_wrap .no_btn{ top:20px; right:30px;}


/* 바로가기 */
.m_icon{margin:0;}
.m_icon .icon01{background:url("/images/06_eup/main/icon01.png")no-repeat 50% 0;}
.m_icon .icon02{background:url("/images/06_eup/main/icon02.png")no-repeat 50% 0;}
.m_icon .icon03{background:url("/images/06_eup/main/icon03.png")no-repeat 50% 0;}
.m_icon .icon05{background:url("/images/06_eup/main/icon05.png")no-repeat 50% 0;}
.m_icon .icon06{background:url("/images/06_eup/main/icon06.png")no-repeat 50% 0;}
.m_icon .icon07{background:url("/images/06_eup/main/icon07.png")no-repeat 50% 0;}
.m_icon li a{height: 280px;}
.m_icon li strong{font-size:30px; padding:106px 0 0 0;}
.m_icon li span { font-size:20px; width:80px;  padding: 2px 4px 4px; }


}

/* Desktop */
@media all and (min-width:1023px) {
    
body{min-width:1400px;}
#nav ul{padding-left:80px;}
.main{ margin:0 auto; padding:0;}

/*타이틀*/
.m_title{padding:80px 0 0 0; text-align:left; margin-bottom:90px;}
.m_title p{margin:16px auto;}
.m_title .tel{position: absolute;margin: 0;top: 110px;left: 360px;text-align: center;}

/* 읍면동 바로가기 */
.main_section1 .town {padding:8px 0; width: 77%;}
.main_section1 .town ul li{padding:10px 0; margin:6px 8px; }
.main_section1 .town ul li a{padding:10px 30px;}

/*새소식*/
.main_section2{width:100%;max-width:100%;overflow:hidden;}
.main_section2 .notice_wrap{float:left; width:40%; margin:0 30px 0 0;}

/*바로가기*/
.main_section2 .m_icon{float:left; width:56%;}
}


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

.main{position:relative; width:1400px;}
.main_section1{margin-bottom:60px;}
.main_section1 .town ul{width: 620px!important;}

.map_wrap{display:block;}

.map_wrap img{display:block; position:absolute; top:30px; right:0px;}
.map_wrap span a {color:#fff; font-weight:400;}
.map_wrap .map01{position:absolute; top:130px;right: 366px;}
.map_wrap .map02{position:absolute; top:280px;right: 390px;}
.map_wrap .map03{position:absolute; top:145px;right: 275px;}
.map_wrap .map04{position:absolute; top:155px;right: 152px;}
.map_wrap .map05{position:absolute; top:75px;right: 165px;}
.map_wrap .map06{position:absolute; top:347px;right: 340px;}
.map_wrap .map07{position:absolute; top:75px;right: 250px;}
.map_wrap .map08{position:absolute; top:77px;right: 330px;}
.map_wrap .map09{position:absolute; top:200px;right: 390px;}
.map_wrap .map10{position:absolute; top:150px;right: 440px;}
.map_wrap .map11{position:absolute; top:270px;right: 80px;}
.map_wrap .map12{position:absolute; top:340px;right: 180px;}
.map_wrap .map13{position:absolute; top:250px;right: 165px;}
.map_wrap .map14{position:absolute; top:390px;right: 70px;}
.map_wrap .map15{position:absolute; top:182px;right: 495px;}
.map_wrap .map16{position:absolute; top:213px;right: 280px;}
.map_wrap .map17{position:absolute; top:280px;right: 230px;}
.map_wrap .map18{position:absolute; top:215px;right: 220px;}
.map_wrap .map19{position:absolute; top:260px;right: 315px;}
}