@charset "utf-8";

/* common */
header .taegeuk, header .t_search, header .weather, footer .f_open, footer .f_wa, footer .f_lamp{display:none}
header .header_top{height:105px}
header h1 a{color:#0fa075}

.m_contents{}

.con01{padding:30px 5%;}
.con01 .visual .dong{background:url("/images/dong/main/dong_bg.png");}
.con01 .visual .dong h2{font-size:20px;color:#fff;text-align:center; font-weight:normal;padding:35px 0 25px 0;background:url("/images/dong/main/dong_bar.gif") no-repeat center bottom;}
.con01 .visual .dong h2 strong{font-size:45px;color:#ffd401;display:block;margin:10px 0 0 0;}
.con01 .visual .dong ul{padding:20px 20px;}
.con01 .visual .dong ul li{display:none;border:1px solid #a0b2d6;margin:2px 0;}
.con01 .visual .dong ul li a{display:block;padding:8px 20px;font-size:14px;color:#fff;background:url("/images/dong/main/site_icon_off.png") no-repeat 90% center;}
.con01 .visual .dong ul li a:hover, .con01 .visual .dong ul li a:focus{ text-decoration:underline;background:url("/images/dong/main/site_icon_off.png") #375aa7 no-repeat 90% center;}
.con01 .visual .dong ul li.on{display:block;border:1px solid #ffd401;}
.con01 .visual .dong ul li.on a{background:url("/images/dong/main/site_icon_on.png") #ffd401 no-repeat 90% center;color:#000; font-weight:600;}

.town_bg01{background:url("/images/dong/main/town_bg01.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 신태인읍 */
.town_bg02{background:url("/images/dong/main/town_bg02.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 북면 */
.town_bg03{background:url("/images/dong/main/town_bg03.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 입암면 */
.town_bg04{background:url("/images/dong/main/town_bg04.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 소성면 */
.town_bg05{background:url("/images/dong/main/town_bg05.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 고부면 */
.town_bg06{background:url("/images/dong/main/town_bg06.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 영원면 */
.town_bg07{background:url("/upload_data/board_data/BBS_0000011/166121334146282.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 덕천면 */
.town_bg08{background:url("/images/dong/main/town_bg08.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 이평면 */
.town_bg09{background:url("/images/dong/main/town_bg09.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 정우면 */
.town_bg10{background:url("/images/dong/main/town_bg10.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 태인면 */
.town_bg11{background:url("/images/dong/main/town_bg11.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 감곡면 */
.town_bg12{background:url("/images/dong/main/town_bg12_2.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 옹동면 */
.town_bg13{background:url("/images/dong/main/town_bg13.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 칠보면 */
.town_bg14{background:url("/images/dong/main/town_bg14.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 산내면 */
.town_bg15{background:url("/images/dong/main/town_bg15.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 산외면 */
.town_bg16{background:url("/images/dong/main/town_bg16.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 수성동 */
.town_bg17{background:url("/images/dong/main/town_bg17.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 장명동 */
.town_bg18{background:url("/images/dong/main/town_bg18.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 내장상동 */
.town_bg19{background:url("/images/dong/main/town_bg19.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 시기동 */
.town_bg20{background:url("/images/dong/main/town_bg20.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 초산동 */
.town_bg21{background:url("/images/dong/main/town_bg21.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 연지동 */
.town_bg22{background:url("/images/dong/main/town_bg22.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 농소동 */
.town_bg23{background:url("/images/dong/main/town_bg23.jpg") #f6f6f6 no-repeat center top;background-size:cover;} /* 상교동 */

.con02{padding:30px 5%;}
.con02 .bbs{position:relative;border:1px solid #e1e1e1;}
.con02 .bbs h2{font-size:18px;color:#4e7dcd;font-weight:normal;height:39px;border-bottom:1px solid #e1e1e1;padding:20px 0 0 20px;background:url("/images/dong/main/bbs_on.gif") no-repeat 20px bottom;}
.con02 .bbs ul{padding:20px 10px;}
.con02 .bbs ul li{padding:0 0 0 18px;background:url("/images/dong/main/bbs_blit.gif") no-repeat 3px center; line-height:35px;}
.con02 .bbs ul li.new{background:url("/images/dong/main/new_blit.gif") no-repeat left center !important;}
.con02 .bbs ul li a{display:block;width:95%;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.con02 .bbs ul li a:hover, .con02 .bbs ul li a:focus{text-decoration:underline;}
.con02 .bbs ul li .date{display:none;}
.con02 .bbs .more{position:absolute;top:25px;right:20px;}

.con02 .photo{position:relative;border:1px solid #e1e1e1;margin:20px 0;}
.con02 .photo h2{font-size:18px;color:#3194a7;font-weight:normal;height:39px;border-bottom:1px solid #e1e1e1;padding:20px 10px 0 20px;background:url("/images/dong/main/photo_on.gif") no-repeat 20px bottom;}
.con02 .photo ul{padding:20px 10px;}
.con02 .photo ul li{display:none;}
.con02 .photo ul li:first-child{display:block;}
.con02 .photo ul li a{display:block;width:100%;text-align:center;color:#333;}
.con02 .photo ul li a:hover, .con02 .photo ul li a:focus{text-decoration:underline;}
.con02 .photo ul li a img{border:1px solid #dadada;width:90%;}
.con02 .photo ul li a span{display:block;margin:20px 0 0 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;width:100%;}
.con02 .photo .more{position:absolute;top:25px;right:20px;}

.con02 .m_banner{border:1px solid #e1e1e1;border-bottom:none;margin:0 0 20px 0;}
.con02 .m_banner li{border-bottom:1px solid #e1e1e1;}
.con02 .m_banner li a{display:block;width:60%;padding:25px 5% 25px 35%;}
.con02 .m_banner li a:hover, .con02 .m_banner li a:focus{text-decoration:underline;}
.con02 .m_banner li a strong{display:block;font-size:20px;color:#333;font-weight:600;}
.con02 .m_banner li a span{display:block;font-size:12px;color:#555;margin:10px 0 0 0;}
.con02 .m_banner li.ban01{background:url("/images/dong/main/icon01.gif") no-repeat 20px center;}
.con02 .m_banner li.ban02{background:url("/images/dong/main/icon02.gif") no-repeat 20px center;}
.con02 .m_banner li.ban03{background:url("/images/dong/main/icon03.gif") no-repeat 20px center;}
.con02 .m_banner li.ban04{background:url("/images/dong/main/icon04.gif") no-repeat 20px center;}

.con02 .right{margin:0 0 20px 0;}
.con02 .member{position:relative;border:1px solid #e1e1e1;}
.con02 .member h2{font-size:18px;color:#0fa075;font-weight:normal;height:39px;border-bottom:1px solid #e1e1e1;padding:20px 10px 0 20px;background:url("/images/dong/main/member_on.gif") no-repeat 20px bottom;}
.con02 .member .con{padding:30px 20px;height:300px;overflow-y:scroll;overflow-x:auto;}
.con02 .member .con table{width:100%;min-width:550px;border-top:2px solid #252525; text-align:center;}
.con02 .member .con table thead tr{border-bottom:1px solid #b4b4b4;}
.con02 .member .con table tbody tr{border-bottom:1px solid #dadada;}
.con02 .member .con table th{padding:20px 5px;color:#333;font-size:15px;}
.con02 .member .con table td{padding:20px 5px;color:#555;font-size:14px;}
.con02 .member .con table tbody tr:hover, .con02 .member .con table tbody tr:focus{ background:#f2fdfa;}
.con02 .member .con table .bg{background:#f8f8f8;}
.con02 .member .con table .col_p{display:none;}
.con02 .member .con table tbody .work{text-align:left;}
.con02 .member .more{position:absolute;top:25px;right:20px;}




/* Tablet */
@media all and (min-width:768px) {
header{border-bottom:2px solid #456bbf;}
header .header_top{height:120px}

.con01 .visual .dong ul{overflow:hidden;}
.con01 .visual .dong ul li{display:block;float:left;width:18.1%;margin:5px;}
.con01 .visual .dong ul li a{background:none;padding:10px 0;width:100%; text-align:center;}
.con01 .visual .dong ul li a:hover, .con01 .visual .dong ul li a:focus{background:#2b4d98;}
.con01 .visual .dong ul li.on a{background:#ffd401;}

.con02 .left{overflow:hidden;width:100%;}
.con02 .bbs{float:left;width:48.4%;margin:0 1% 0 0;}
.con02 .bbs h2{padding:20px 0 0 30px; background-position:30px bottom;}
.con02 .bbs ul{height:180px;}
.con02 .bbs ul li{padding:0 0 0 40px; background-position:23px center;}
.con02 .bbs ul li.new{background-position:20px center !important;}
.con02 .bbs .more{right:30px;}

.con02 .photo{float:left;width:50%;margin:0;}
.con02 .photo h2{padding:20px 0 0 30px; background-position:30px bottom;}
.con02 .photo ul{height:180px;}
.con02 .photo ul li a img{width:228px;height:138px;}
.con02 .photo .more{right:30px;}

.con02 .m_banner{float:left;width:99.6%;margin:20px 0;overflow:hidden;}
.con02 .m_banner li{float:left;width:49.9%;}
.con02 .m_banner li.ban01{border-right:1px solid #e1e1e1;}
.con02 .m_banner li.ban03{border-right:1px solid #e1e1e1;}

.con02 .member h2{padding:20px 0 0 30px; background-position:30px bottom;}

}  

/* Desktop */
@media all and (min-width:1023px) {

header h1{text-align:center}
header nav{display:none;}

.con01{padding:0;min-width:1200px;background-size:auto;}
.con01 .wrap{width:1200px;margin:0 auto;}
.con01 .visual .dong{width:350px;height:470px;}
.con01 .visual .dong ul li{width:21.1%;}

.con02{padding:50px 0;}
.con02 .wrap{width:1200px;margin:0 auto;overflow:hidden;}
.con02 .left{width:550px;float:left;margin:0 20px 0 0;}
.con02 .right{width:630px;float:left;margin:0;}

.con02 .bbs{width:548px;margin:0;}
.con02 .bbs ul{padding:20px 30px 20px 10px;}
.con02 .bbs ul li{overflow:hidden;}
.con02 .bbs ul li a{float:left;width:80%;}
.con02 .bbs ul li .date{display:inline-block;float:right}
.con02 .photo{width:548px;margin:20px 0 19px 0;}
.con02 .photo ul{overflow:hidden;padding:20px 33px;}
.con02 .photo ul li{display:block;float:left;width:230px;}
.con02 .photo ul li:first-child{margin:0 20px 0 0;}
.con02 .m_banner{width:548px;margin:0;}
.con02 .m_banner li a{display:block;width:168px;padding:25px 0 25px 105px;}
.con02 .member .con{padding:30px;height:678px;}

	
/*옹동면*/
.town_bg12 .visual {position: relative}
.town_bg12 .visual:after {display: block; position: absolute; top: 10px; right: 0; width: 236px; height: 0; padding-top: 40px; content: "풍요롭고 살맛나는 옹동"; overflow: hidden; background: url("/upload_data/board_data/BBS_0000011/161542640197869.png") no-repeat;}
}