@charset "utf-8";

/*#sub_container_wrap.ver1 {background:url('/design/village2019/gaimpo/img/sub/subvis_village.jpg') no-repeat center top; border-top:1px solid #ccc;}*/

#contents_wrap{position:relative; width:100%; overflow:hidden;}
.s_visual{margin:0 auto; width:980px; height:210px;}
.s_visual1_gampo{background:#fff url('/design/village/gampo/img/sub/s_visual_BG.jpg') center top no-repeat; }
.contents{margin:0 auto; width:980px; overflow:hidden;}
#sub_container_wrap.ver1 {background:url('/design/village2019/gangdong/img/sub/visual_sub.jpg') no-repeat center top !important; border-top:1px solid #ccc;}

/*찾아오시는길*/
.map > div {width:100%;}
.dong_map{margin:0 auto; width:699px; height:389px; padding:8px; background:url("/design/village/bulguk/img/sub/map_BG.gif") no-repeat;}
.map_img{width:697px; height:388px; border:1px solid #e0e0e0;}
.map_img img{width:100%; height:100%;}


/*일반현황*/
.dong_infoBOX{width:100%; /*border:1px solid #dbdbdb;*/ overflow:hidden;}
.dong_infoIMG{float:left; width:44%; height:auto;}
.dong_infoTXT1{float:left; width:53%; height:203px; background:#efefef; padding:25px 0 0 3%; overflow:hidden;}
.dong_infoTXT2{clear:both; width:95%; padding:5%; overflow:hidden;}
.dinfo_title{font-size:17px; color:#333; font-weight:600; margin:0 0 3px 0;}
.dinfo_ul {clear:both; width:100%; margin:0 0 15px 2px; }
.dinfo_ul li {clear:both; margin:0 0 0 5px; background:url('/design/village/skin1/img/common/title_subicon.gif') 1px 8px no-repeat; padding:0 0 3px 12px; font-weight:600; font-size:14px; color:#555; letter-spacing:-0.03em;}
.dinfo_ul li.none{background:none; padding:0; margin-bottom:15px;  font-weight:500;}
.dinfo_ul li.no{background:none;}
.dinfo_ul2 {clear:both; width:96%;}
.dinfo_ul2 li {clear:both; margin:0 0 5px 3px; background:url('/design/village/skin1/img/common/dinfo_dot.gif') 1px 10px no-repeat; padding:0 0 3px 15px; font-weight:500; font-size:14px; color:#484848; letter-spacing:-0.03em;}
.dinfo_ul2 li.none{background:none; padding:0; margin-bottom:15px;  font-weight:500;}
.dinfo_ul2 li.no{background:none;}

/*우리동네명소*/
.attraction{width:100%;}
.attraction li{padding:30px 0 45px 0; background:url('/design/village/skin1/img/sub/attraction_line.gif') left bottom no-repeat; overflow:hidden;}
.attraction li.top{padding:15px 0 45px 0;}
.attraction li .attraction_Img{float:left; margin-right:20px; width:294px; height:189px; border:9px solid #f7f8f8;}
.attraction li .attraction_Img img{width:292px; height:187px; border:1px solid #e0e0e0;}
.attraction li .attraction_Text{float:left; margin-top:5px; width:380px;}
.attraction li .attraction_Text .attraction_p{padding:0 0 0 28px; font-size:1.1em; line-height:1.5em;}


/*민원안내*/
.minwon {float:left; width:100%; padding:30px 0; border-top:1px dashed #ccc;}
.minwon_fst {float:left; width:100%; padding:30px 0; border:none;}
.lt_minwon {float:left; width:22%; margin:0;}
.rt_minwon {float:left; width:73%; margin:0 0 0 5%;}
.minwon_logo {display:block; margin:0 0 20px 0;}
.minwon_logo img {width:200px !important; height:50px;}
.minwon_btn {/*display:block; padding:8px 0; margin:10px 0 0 0; background:#f6faff; border:1px solid #688cb9; color:#2d60a0; width:130px; text-align:center;*/text-align:center;}
.minwon_btn a {color:#2d60a0; padding:8px 10px; margin:20px; font-size:13px;  background:#fff; border:1px solid #ccc; color:#333; width:130px; text-align:center; border-radius:5px;}
.minwon_btn a:hover, .minwon_btn a:focus {}
.minwon_tit {/*background:url('/design/common/img/sub/dept1.gif') 1px 4px no-repeat; padding:0 0 0 30px;*/ font-size:15px; font-weight:bold;}
.minwon_txt {background:#f6f6f6; padding:15px 20px; font-size:13px; margin:20px 0 0 0;}


/*인사말*/
.greeting_img1{display: none; } 
.greeting_img2{display: none; }	
.greeting_img3{float:left; margin:0 5% 0 0; width:30%;}
.greeting_txt{float:left; width:65%; padding:0; color:#484848; line-height:27px;}
.greeting_txt p{margin-bottom:18px;}
.greeting_txt .tit01{font-size:19px; font-weight:600; line-height:27px; letter-spacing: -0.5px;}
.greeting_txt .tit02{font-size:16px; font-weight:600; line-height:27px; letter-spacing: -0.5px;}
.greeting_txt .tit03{font-size:14px; line-height:27px; letter-spacing: -0.9px;}
.greeting_txt .tit04{text-align:right; font-size:14px; font-weight:600; line-height:27px; letter-spacing: -0.5px;}

@media all and  ( max-width: 640px ) {
.greeting_img3{float:none; margin:0; width:100% !important; text-align:center; padding:0;}
.greeting_txt{float:none; width:95%; padding:0; color:#484848; line-height:27px; margin:0 auto;}
.wp620 {min-width:620px;}
}


/* ~599 */
@media all and (min-width:320px ) and ( max-width: 1023px ) {
#wrap{width:100%;}


#contents_wrap{position:relative; width:100%; background:#fff; overflow:hidden;}
.s_visual{display:none; margin:0 auto; width:980px; height:210px;}
.contents {width:100%;}

/*일반현황*/
.dong_infoIMG {width:100%; float:none; text-align:center;}
.dong_infoIMG img {width:100%;}
.dong_infoTXT1, .dong_infoTXT2 {width:100%; float:none; }


/*찾아오시는길*/
.dong_map{margin:20px auto; width:95%; height:300px; padding:8px; background:url("/design/village/bulguk/img/sub/map_BG.gif") no-repeat; }
.map_img{width:98%; height:auto; border:1px solid #e0e0e0;}
.map_img img{width:100%; height:100%;}



/*민원안내*/
.minwon {float:none; width:98%; padding:30px 1%;  overflow:hidden;}
.minwon_fst {float:none; width:98%; padding:30px 1%; border:none; overflow:hidden;}
.lt_minwon {float:left; width:98%;}
.rt_minwon {float:left; width:95%; margin:20px 0 0 3%;}
.minwon_logo {float:left; width:200px;}
.minwon_logo img {width:90%;}
.minwon_btn {float:left; margin:10px 0 0 0;}
.minwon_btn a {color:#2d60a0; margin:0;}
.minwon_tit {/*background:url('/design/village/skin1/img/common/minwon_dot.gif') 1px 4px no-repeat; */font-size:1.2em;}
.minwon_txt {background:#f6f6f6; padding:15px 20px; margin:20px 0 0 0; font-size:1em;}


/*우리동네명소*/
.attraction{width:100%;}
.attraction li{padding:30px 0 45px 0; background:url('/design/village/skin1/img/sub/attraction_line2.gif') center bottom repeat-x; overflow:hidden;}
.attraction li.top{padding:15px 0 45px 0;}
.attraction li .attraction_Img{float:none; margin:0 0 0 8%; width:80%; height:auto; border:5px solid #f7f8f8;}
.attraction li .attraction_Img img{width:100%; height:100%; border:1px solid #e0e0e0;}
.attraction li .attraction_Text{float:none; margin:5px 0 0 1%; width:95%;}
.attraction li .attraction_Text .attraction_p{padding:0 0 0 2%; font-size:1.1em; line-height:1.5em;}
}

@media all and ( max-width: 480px ) {
.lt_minwon {position:relative;}
.minwon_logo  {width:160px;}
.minwon_logo img {width:100%; height:auto;}
.minwon_btn {float:right;}
}