@charset "utf-8";
@import "main2.css";
@import "sub.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0;padding:0}
html{overflow-y:scroll /* overflow:hidden 크롬에서 팝업창 띄울때 오른쪽 스크롤 생기는 문제 해결 */}
body{position:relative;background:#fff; font:13px 'Nanum Gothic';line-height:160%;padding:0;/*-webkit-text-size-adjust:none;*/color:#666/*word-break:break-all*/}

img{vertical-align:top}
img,fieldset,iframe{border:0 none}
li{list-style:none}
table, td{border-collapse:collapse;word-break:break-all}
h1, h2, h3, h4, h5, h6{display:block !important;clear:both !important}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

textarea,select{margin:0;padding:0;border:1px solid;border-color:#c8c8c8 #e0e0e0 #e0e0e0 #c8c8c8;background-color:#fff;color:#555;font-size:1em;overflow:auto}
a {text-decoration:none;color:#555}
a:hover{color:#333}
caption{display:none}
.ContentBoard a{color:#666 !important}
.ContentBoard a:link{color:#666 !important}
.ContentBoard a:hover{color:#666 !important}
.ContentBoard a:visited{color:#0d2033 !important}
.sub-active{font-weight:bold !important;color:#333 !important}

/* 글자자르기 */
/* width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ 

/*
input[type='checkbox'] { position:relative; top:5px; width:18px; height:18px; background:url('/_HWASUN_KOR/img/check_off.png') no-repeat; -webkit-appearance:none; -webkit-border-radius:0px; }
input[type='checkbox']:checked { width:18px; height:18px; background:url('/_HWASUN_KOR/img/check_on.png') no-repeat; }
*/

.mobile-tab{display:none}
/* base */
#wrap{margin:0 auto;width:100%}
#header, #container, #footer, #containerF{position:relative}


#header{height:165px;display:block;width:100%; background:#fff; border:0px solid #f00}


#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:99999}
#skipNavi a:active, #skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border:1px solid #475470;outline:0}




/* header 노희영 수정 20160206*/
.accessibility{width:0px; height:0px; border:0px; padding:0px; line-height:0px; font-size:0px;}



.s_top{position:relative;overflow:hidden;width:100%;height:35px;font-size:0.846em;/*border-bottom:1px solid #ddd*/}/*20141204*/
.s_top ul{margin:0 auto;width:1000px}
.s_top ul li{float:right}
.s_top ul li span{float:left}
.s_top ul li span > a{color:#333;margin-left:7px;padding-right:12px;background:url('/_HWASUN_KOR/img/common/s_top_line.png') right 2px no-repeat;line-height:34px}
.s_top ul li select{margin-left:10px;margin-top:7px;height:20px;border:1px solid #ddd}
.s_top ul li a img{margin-top:7px}

.s_top li:first-child{display:inline-block; float:left; }
.s_top li:first-child span a:last-child{ background:none}
.s_top li:last-child{display:inline-block; text-align:right;float:right; }

.top ul li.btn_menu{display:none}
/*
.s_top ul li.R{float:right}
.s_top ul li.R dl dd{float:left;border-right:1px solid #eee;background:#c7c7c7;line-height:34px;text-align:center}
.s_top ul li.R dl dd a{display:block;color:#fff}
.s_top ul li.R dl dd.t1{width:93px}
.s_top ul li.R dl dd.t2{width:110px}
.s_top ul li.R dl dd.t2 select{border:0;background:#c7c7c7;color:#fff}
.s_top ul li.R dl dd.t3{width:80px}
.s_top ul li.R dl dd.t3 a{float:left;width:33%;background:url('/_HWASUN_KOR/img/common/s_top_line2.png') right 12px no-repeat;text-align:center;line-height:34px}
.s_top ul li.R dl dd.t3 a.minus{padding-top:10px}
.s_top ul li.R dl dd.t3 a.plus{padding-top:5px}
*/


/* 노희영 수정 20160206*/
.top{position:relative;overflow:hidden;width:100%;height:77px;border-bottom:1px solid #ddd}
.top ul{margin:0 auto;width:1000px}
.top ul li{float:left;line-height:77px}
.top ul li.logo{padding-right:114px/*20150223-214px수정*/;background:url('/_HWASUN_KOR/img/main/tae3.gif') no-repeat 130px bottom}
.top ul li.logo img{width:120px;height:49px}
.taeLink{text-indent:-9000px;width:100px;height:70px;display:inline-block}/*20150223추가*/
.top ul li a img{vertical-align:middle}
.top ul li.mob_total_search{display:none}
.top ul li.total_search{position:relative;width:300px;height:35px;margin-top:21px;padding-left:20px;background:url('/_HWASUN_KOR/img/common/search_bg2.gif') no-repeat}
.top ul li.total_search select{position:absolute;top:9px;height:20px;border:0}
.top ul li.total_search input[type='text']{position:absolute;left:100px;top:9px;width:150px;height:20px;border:0}
.top ul li.total_search input[type='image']{position:absolute;right:35px;top:8px}
.top ul li.R{float:right}
.top ul li.btn_mob_menu{display:none}


#allmenu{display:none}
.mob_top{display:none}

#gnb_wrap{z-index:2;margin:0 auto;position:relative;height:50px;   background:#fff}

/* 노희영 추가 20160206*/

.headWrap { position:relative; width:100%;margin:0 auto;background:#fff;border-bottom:2px solid #49678d; }

/* gnb */
#gnb {width:1000px; margin:0px auto 0; z-index:999}
#gnb ul.topmenu { margin:0}
#gnb ul.topmenu > li { float:left; font-size:1.231em; color:#333; font-weight:bold; text-align:center; width:104px;}
#gnb ul.topmenu > li > a { display:block; line-height:50px; height:52px;  }
#gnb ul.topmenu li.lnb1 {}
#gnb ul.topmenu li.lnb2 {}
#gnb ul.topmenu li.lnb3 {}
#gnb ul.topmenu li.lnb4 {}
#gnb ul.topmenu li.lnb5 {}
#gnb ul.topmenu li.lnb6 {padding-left:27px; background:url('http://www.hwasun.go.kr/_HWASUN_KOR/img/common/gov.gif') left 14px no-repeat; border:0px solid #f00}
#gnb ul.topmenu li.lnb7 {}
#gnb ul.topmenu li.lnb8 {}
#gnb li.lnb1 a:hover, #gnb li.lnb1 a.current { color:#3388bd}
#gnb li.lnb2 a:hover, #gnb li.lnb2 a.current { color:#3388bd}
#gnb li.lnb3 a:hover, #gnb li.lnb3 a.current { color:#3388bd}
#gnb li.lnb4 a:hover, #gnb li.lnb4 a.current { color:#3388bd}
#gnb li.lnb5 a:hover, #gnb li.lnb5 a.current { color:#3388bd}
#gnb li.lnb6 a:hover, #gnb li.lnb6 a.current { color:#3388bd}
#gnb li.lnb7 a:hover, #gnb li.lnb6 a.current { color:#3388bd}
#gnb li.lnb7 a:hover, #gnb li.lnb6 a.current { color:#3388bd}

/* 2depth */
#gnb .submenu { position:absolute;left:0;top:50px;z-index:999;width:100%;border-top:1px solid #e5e5e5; border-bottom:2px solid #49678d;background:#fff;padding:0 0 0 0px;}
#gnb .submenu > ul { position:relative; width:700px; padding-left:280px; margin:0 auto; overflow:hidden;padding-top:5px }
#gnb .submenu ul li { float:left; width:139px; margin-left:1px; text-align:left; background:url("/_HWASUN_KOR/img/common/gnbbul_2depth.gif") no-repeat 0 0}
#gnb .submenu ul li a { display:block; letter-spacing:-1px; color:#333; font-size:13px; padding:3px 7px; word-break: keep-all}
#gnb .submenu ul li a:focus, #gnb .submenu ul li a:hover { text-decoration:underline; }
#gnb .submenu ul li ul.lnb-detail{ padding:7px 0 0px 5px;min-height:160px}
#gnb .submenu ul li ul.lnb-detail li { width:125px; line-height:18px; clear:both; background:url("/_HWASUN_KOR/img/common/bul_2px.gif") left 9px no-repeat;border-left:0;padding-left:5px;margin-bottom: 3px}
#gnb .submenu ul li ul.lnb-detail li a { font-size:13px; font-weight:normal; padding:0}
#gnb .submenu ul li ul.lnb-detail li:last-child {margin-bottom:10px}
#gnb .submenu ul.sub01 {height:490px; background: url("/_HWASUN_KOR/img/common/gnbBg_01.gif") left top no-repeat}
#gnb .submenu ul.sub02 {height:350px; background: url("/_HWASUN_KOR/img/common/gnbBg_02.gif") left top no-repeat}
#gnb .submenu ul.sub03 {height:430px; background: url("/_HWASUN_KOR/img/common/gnbBg_03.gif") left top no-repeat}
#gnb .submenu ul.sub04 {height:350px; background: url("/_HWASUN_KOR/img/common/gnbBg_04.gif") left top no-repeat}
#gnb .submenu ul.sub05 {height:350px; background: url("/_HWASUN_KOR/img/common/gnbBg_05.gif") left top no-repeat}
#gnb .submenu ul.sub06 {height:350px; background: url("/_HWASUN_KOR/img/common/gnbBg_06.gif") left top no-repeat}
#gnb .submenu ul.sub07 {height:480px; background: url("/_HWASUN_KOR/img/common/gnbBg_07.gif") left top no-repeat}
#gnb .submenu ul.sub08 {height:350px; background: url("/_HWASUN_KOR/img/common/gnbBg_08.gif") left top no-repeat}
#gnb .submenu > ul.sub04 > li.sub11 > a {background:#eee url("/_HWASUN_KOR/img/common/gnbbul_2depth.gif") no-repeat; word-break: keep-all}

#head_menu li.lnb1 .submenu li.sub06{position:absolute; left:280px; top:180px}
#head_menu li.lnb1 .submenu li.sub07{position:absolute; left:420px; top:180px}
#head_menu li.lnb1 .submenu li.sub08{position:absolute; left:560px; top:180px}
#head_menu li.lnb1 .submenu li.sub09{position:absolute; left:700px; top:180px}

#head_menu li.lnb2 .submenu li.sub06{position:absolute; left:280px; top:240px}
#head_menu li.lnb2 .submenu li.sub07{position:absolute; left:420px; top:240px}

#head_menu li.lnb4 .submenu li.sub06{position:absolute; left:560px; top:150px}
#head_menu li.lnb4 .submenu li.sub07{position:absolute; left:700px; top:150px}
#head_menu li.lnb4 .submenu li.sub08{position:absolute; left:840px; top:150px}

#head_menu li.lnb7 .submenu li.sub06{position:absolute; left:280px; top:220px}
#head_menu li.lnb7 .submenu li.sub07{position:absolute; left:420px; top:220px}
#head_menu li.lnb7 .submenu li.sub08{position:absolute; left:560px; top:220px}
#head_menu li.lnb7 .submenu li.sub09{position:absolute; left:700px; top:155px}



/* menuAll */
#gnb .menuAll { position:relative;top:3px;left:0px;z-index:222;width:140px; height:50px;overflow:hidden; display:block; }
#gnb .menuAll a {  font-size:1.231em; color:#333; font-weight:bold;  display:block; width:124px;height:50px;padding:12px 0 0 49px; background:url("/_HWASUN_KOR/img/common/menu_all.gif") no-repeat 23px 15px;  }
#gnb .menuAll a:hover { color:#3388bd;  background:url("/_HWASUN_KOR/img/common/menu_all_hover.gif") no-repeat 23px 15px;}
#allMenu {position:relative;top:-50px;left:0px;width:1000px;min-height:400px;margin:0px auto 0;z-index:9999;background:#fff;overflow:hidden;  }
#allMenu #head_menu_all {width:100%; margin:0; background:url("/_HWASUN_KOR/img/common/menu_line.gif") repeat-x 0 50px; height:51px; }
#allMenu #head_menu_all > li { float:left; font-size:1.5em; color:#333; font-weight:bold; text-align:center; width:125px;}
#allMenu #head_menu_all > li > a {  display:block; padding:13px 0 0; height:50px; }
#allMenu #head_menu_all li.lnb1 {}
#allMenu #head_menu_all li.lnb2 {}
#allMenu #head_menu_all li.lnb3 {}
#allMenu #head_menu_all li.lnb4 {}
#allMenu #head_menu_all li.lnb5 {}
#allMenu #head_menu_all li.lnb6 {}
#allMenu #head_menu_all li.lnb7 {}
#allMenu #head_menu_all li.lnb8 {}
#allMenu #head_menu_all li.lnb1 a { color:#3388bd}
#allMenu #head_menu_all li.lnb2 a { color:#3388bd}
#allMenu #head_menu_all li.lnb3 a { color:#3388bd}
#allMenu #head_menu_all li.lnb4 a { color:#3388bd}
#allMenu #head_menu_all li.lnb5 a { color:#3388bd}
#allMenu #head_menu_all li.lnb6 a { color:#3388bd}
#allMenu #head_menu_all li.lnb7 a { color:#3388bd}
#allMenu #head_menu_all li.lnb8 a { color:#3388bd}
#allMenu #head_menu_all .submenu { position:absolute;left:0;top:50px;z-index:999;background:#fff; padding:0;width:124px;  border:1px solid #fff}
#allMenu #head_menu_all .submenu > ul { position:relative;width:124px;padding-left:0px;margin:0 auto;overflow:hidden; border:1px solid #e5e5e5}
#allMenu #head_menu_all .submenu ul li { float:none !important; width:124px; margin-left:0px;padding-top:10px; text-align:left; background:none; }
#allMenu #head_menu_all .submenu ul li a {background:none; display:block;color:#333;font-size:12px;padding:0px 0 0 15px;  background:url("/_HWASUN_KOR/img/common/bul_2px.gif") 7px 9px no-repeat; }
#allMenu #head_menu_all .submenu ul li ul{ display:none}
#allMenu #head_menu_all .submenu ul.sub01{height:317px;  background:#fff;  } 
#allMenu #head_menu_all .submenu ul.sub02,
#allMenu #head_menu_all .submenu ul.sub03,
#allMenu #head_menu_all .submenu ul.sub04,
#allMenu #head_menu_all .submenu ul.sub05, 
#allMenu #head_menu_all .submenu ul.sub06,
#allMenu #head_menu_all .submenu ul.sub07,
#allMenu #head_menu_all .submenu ul.sub08 {height:317px;  background:#fff; }
#allMenu #head_menu_all li.lnb1 .submenu {left:0px}
#allMenu #head_menu_all li.lnb2 .submenu {left:125px; }
#allMenu #head_menu_all li.lnb3 .submenu {left:250px}
#allMenu #head_menu_all li.lnb4 .submenu {left:375px}
#allMenu #head_menu_all li.lnb5 .submenu {left:500px}
#allMenu #head_menu_all li.lnb6 .submenu {left:625px}
#allMenu #head_menu_all li.lnb7 .submenu {left:750px}
#allMenu #head_menu_all li.lnb8 .submenu {left:873px}

#gnb .btnClose { position:absolute;bottom:0px;top:365px;right:-45px;z-index:2222;width:163px;height:55px;background:url("/_HWASUN_KOR/img/common/btn_allmenu_close.gif") no-repeat 0 0;overflow:hidden; display:block}
#gnb .btnClose a {font-size:18px;font-weight:bold; display:block;width:91px; height:43px;padding:15px 0 0 49px;color:#ff6600}
#gnb .btnClose a:hover { color:#3388bd}



/* margin, padding, border, nobg */
.p0{padding:0 !important}
.pB0{padding-bottom:0 !important}
.pB30{padding-bottom:30px !important}
.b0{background:none !important}
.bB0{border-bottom:0 !important}
.bR0{border-right:0 !important}
.mT0{margin-top:0 !important}
.mT5{margin-top:5px !important}
.mR0{margin-right:0 !important}
.mR10{margin-right:10px !important}
.mL10{margin-left:10px !important}
.mL14{margin-left:14px !important}
.mL14_1{margin-left:14px; margin-top:2px;}
/*** 20151102 수정 */
.mL14_2{margin-left:11px; margin-top:2px;}
.mL14_3{margin-left:15px; margin-top:2px;}
/*** 20151102 수정 */
.mL15{margin-left:15px !important}
.mL20{margin-left:20px !important}
.mL30{margin-left:30px !important}
.mL40{margin-left:40px !important}
.mL50{margin-left:15px; margin-top:5px; }
.mR40{margin-right:40px !important}
.mT10{margin-top:10px !important}
.mT15{margin-top:15px !important}
.mT20{margin-top:20px !important}
.mB0{margin-bottom:0 !important}
.mB5{margin-bottom:5px !important}
.mB10{margin-bottom:10px !important}
.mB15{margin-bottom:15px !important}
.mB20{margin-bottom:20px !important}
.mB30{margin-bottom:30px !important}
.nobg{background:none !important}
.disn{text-indent:-9000px}



/* footer */
#footer{clear:both;position:relative;overflow:hidden;width:100%;padding:10px 0;background:#2f2f2f}
.quick_site{margin:0 auto;width:1000px;height:31px}
.quick_site dl dt{float:left}
.quick_site dl dt span{float:left;display:block;width:23px;height:31px;background:url('/_HWASUN_KOR/img/common/mouse.png') no-repeat}
.quick_site dl dt strong{padding-right:10px;background:url('/_HWASUN_KOR/img/common/site_icon_arrow.png') right 4px no-repeat;font-size:1.077em;color:#fff;font-weight:bold;line-height:31px}
.quick_site dl dd{float:left;margin-left:20px;margin-top:4.5px}
.quick_site dl dd select{float:left;width:150px;height:22px;border:none;font-size:1em;color:#999}
.quick_site dl dd select.w200{width:200px}

.copyright{margin:0 auto;/*position:relative;overflow:hidden;*/clear:both;width:1000px;margin-top:15px}
.copyright ul li{float:left;font-size:0.923em;color:#888}
.copyright ul li.logo1{width:108px;height:40px;margin:5px 40px 0 0;background:url('/_HWASUN_KOR/img/common/logo1.gif') no-repeat}
.copyright ul li.R{float:right;margin-right:20px}
.copyright ul li.Rt20{float:right;margin-right:10px; margin-top:20px}

.personal a{margin-right:20px;color:#888}
.personal a span{color:#ccc}
.personal a strong {font-size:1.3em;color:#fff;font-weight:bold;}
.adress{margin-top:5px;font-size:0.923em;line-height:14px}
.adress p span{margin-right:20px}
.adress p strong{font-weight:normal}
.adress small{font-size:0.923em}





/* 테블릿 */
@media screen and (max-width:768px){

#container_wrap{margin-top:-2px}
.contents{clear:both}
/*sub-img*/
.subimg1{background:url('/_HWASUN_KOR/img/sub/m-sub-img1.png') no-repeat right 50px}
.subimg2{background:url('/_HWASUN_KOR/img/sub/m-sub-img2.png') no-repeat right 50px}
.subimg3{background:url('/_HWASUN_KOR/img/sub/m-sub-img3.png') no-repeat right 50px}
.subimg4{background:url('/_HWASUN_KOR/img/sub/m-sub-img4.png') no-repeat right 50px}
.subimg5{background:url('/_HWASUN_KOR/img/sub/m-sub-img5.png') no-repeat right 0px}
.subimg6{background:url('/_HWASUN_KOR/img/sub/m-sub-img6.png') no-repeat right 50px}
.subimg7{background:url('/_HWASUN_KOR/img/sub/m-sub-img7.png') no-repeat right 50px}
.subimg8{background:url('/_HWASUN_KOR/img/sub/m-sub-img8.png') no-repeat right 50px}
.subimg9{background:url('/_HWASUN_KOR/img/sub/m-sub-img9.png') no-repeat right 50px}
.subimg10{background:url('/_HWASUN_KOR/img/sub/m-sub-img10.png') no-repeat right 300px}
.subimg11{background:none}
.positionC img, .positionC2 img{width:100% !important}
.positionC2{margin:0 10px !important}



/* header 노희영 수정 20160206*/
.accessibility{width:0px; height:0px; border:0px; padding:0px; line-height:0px; font-size:0px;}


.s_top{position:relative;overflow:hidden;width:100%;height:35px;font-size:0.846em;/*border-bottom:1px solid #ddd*/}/*20141204*/
.s_top ul{margin:0 auto;width:1000px}
.s_top ul li{float:right}
.s_top ul li span{float:left; border:1px solid #f00; display:inline-block}
.s_top ul li span > a{color:#333;margin-left:7px;padding-right:12px;background:url('/_HWASUN_KOR/img/common/s_top_line.png') right 2px no-repeat;line-height:34px}
.s_top ul li select{margin-left:10px;margin-top:7px;height:20px;border:1px solid #ddd}
.s_top ul li a img{margin-top:7px}

.s_top li:first-child{display:inline-block; float:left; }
.s_top li:first-child span a:last-child{ background:none}
.s_top li:last-child{display:inline-block; text-align:right;float:right; }

.top ul li.btn_menu{display:none}


.top ul li.total_search{display:none}
.top ul li.mob_total_search{display:block;position:relative;width:250px;height:35px;margin-top:21px;padding-left:20px;background:url('/_HWASUN_KOR/img/mobile/search_bg2.png') left top no-repeat}
.top ul li.mob_total_search select{position:absolute;top:9px;height:20px;border:0}
.top ul li.mob_total_search input[type='text']{position:absolute;left:100px;top:9px;width:100px;height:20px;border:0}
.top ul li.mob_total_search input[type='image']{position:absolute;right:30px;top:8px}

#gnbBox{display:none}
.top{border-bottom:2px solid #007bc7}
.top ul{width:96%;margin:0 2%}
.top ul li.logo{margin-right:70px}
.top ul li.R{display:none}
.top ul li.btn_menu{display:block;float:right}
.top ul li.btn_menu a{font-size:1.083em;color:#69779e}

.euptown-text2, .euptown-text3{text-align:left !important}
.euptown-text3{margin-left:0 !important}
.euptown-img3 dl{clear:both;width:100%;margin:0;padding:0}
/* 서브 */

.lnb-box{display:none}
.sub-wrap{background:none;margin-top:0 !important;width:100%}
.sub-content{float:none !important;width:100%;padding:0 0 50px 0}

.sub_title{position:relative;overflow:hidden;width:100%;height:55px;margin-bottom:10px;border-bottom:#007bc7 1px solid;background:url('/_HWASUN_KOR/img/mobile/m-titlebg.jpg') left top repeat-x}
.sub_title ul li{float:left;padding:0 2%}
.sub_title ul li.L{text-align:left;background:none;color:#fff}
.sub_title ul li.R{float:right;width:45%;line-height:55px;text-align:right;padding-left:0;background:none}
.sub_title ul li.R a{font-size:1em;color:#fff;}
.sub_title ul li.R span{background:url('/_HWASUN_KOR/img/sub/aw-bg.png') left 5px no-repeat;color:#b5daee}
.sub_title ul li.R span.bl{color:#fff;font-weight:400}
.m-back{display:inline;width:35px;margin-top:10px}/*2014-09-19 추가*/
.m-menu{display:block;overflow:hidden;margin-bottom:30px;border-bottom:1px solid #eee}
.m-menu li{float:left;width:31.7%;margin:0 0 1% 1%;border:#ddd 1px solid;line-height:25px;text-align:center;background:#eee}

/*전체보기*/
#allmenu{display:none;z-index:1;float:right;position:absolute;top:34px;right:0;width:301px;border:1px solid #ddd;background:#fff; }
#allmenu ul{float:left;width:150px;min-height:235px;border-right:1px solid #ddd}
#allmenu ul li{line-height:25px;padding-left:0;border-bottom:1px dotted #ddd}
#allmenu ul li:last-child{border-bottom:none !important}
#allmenu ul li.bB1{border-bottom:1px solid #ddd !important}
#allmenu ul li a{padding-left:5px;color:#666}
#allmenu ul li dl{padding:5px;background:#f7f7f7}
#allmenu ul li dl dd a{display:block;font-size:0.917em;color:#999;line-height:20px}
#allmenu ul li.inner-title{width:150px;height:28px;border-bottom:none !important;background:#3e4558;font-size:1.083em;font-weight:bold;line-height:28px}
#allmenu ul li.inner-title a{display:block;padding-left:5px !important;color:#fff !important}
#allmenu p{z-index:2;position:absolute;right:6px;top:6px}


/* 메인이미지 슬라이드 */
#content_inner{display:none}
#sliderWrap{display:block;position:relative;overflow:hidden;width:100%}
#sliderWrap li{display:none;margin:0 auto;width:96%;background:url('/_HWASUN_KOR/img/main/slide_bg.gif') repeat;font-size:1em;color:#999fad}
#sliderWrap li:first-child{display:block}
#sliderWrap li img{width:100%}
#sliderWrap li dl{padding:10px}
#sliderWrap li dl dt{margin-bottom:5px;font-size:1.077em;color:#fff}
#sliderWrap li dl dd{font-size:1em;color:#999fad;line-height:14px}

#board{position:relative;height:200px;margin:15px 2% 0}

/* 군수실 */
.mayor{display:none}

.mob_mayor{display:block;float:left;margin-left:2%}
.mob_mayor a{display:block;width:253px;height:167px;padding:15px;border:1px solid;border-color:#ddd;background:url('/_HWASUN_KOR/img/main/mayor_bg.jpg') left -10px no-repeat}
.mob_mayor h5{margin-bottom:15px;font-size:1.083em;color:#666}
.mob_mayor p{font-size:1.500em;color:#000;font-weight:bold;line-height:24px}
.mob_mayor p span{color:#007bc7}
.mob_mayor input[type='submit']{cursor:pointer;display:block;width:110px;height:20px;margin-top:10px;border:0;background:#75b954;font-size:1em;color:#fff;text-align:center;line-height:20px}
/* 알림배너 */
.banner-area{display:block;float:left;width:283px;height:197px;margin-top:0 !important;border:1px solid #333}



/* 슬라이드 배너 */
.rollbanner{width:100%}
.rolling_box{width:100%}
.rolling_box span.roll_prev{position:absolute;left:5px;top:10px}	
.rolling_box span.roll_next{position:absolute;right:5px;top:10px}

.rollbanner #bannerlist_box{position:absolute;left:42px;top:0}
.rollbanner #bannerlist_box ul{width:100%}
.rollbanner #bannerlist_box ul li{width:195px;padding:0 15px}


.rollbanner2{width:100%}
.rolling_box2{width:100%}
.rolling_box2 span.roll_prev{position:absolute;left:5px;top:10px}	
.rolling_box2 span.roll_next{position:absolute;right:5px;top:10px}

.rollbanner2 #bannerlist_box{position:absolute;left:42px;top:0}
.rollbanner2 #bannerlist_box ul{width:100%}
.rollbanner2 #bannerlist_box ul li{width:195px;padding:0 15px}


.focus{width:96%;margin:0 2%}

.focus2{width:96%;margin:0 2%}

.guideForm{margin-top:15px}
.grid{margin-top:15px}


/* 배너모음 */
.banner{width:100%}
.banner .wrap{width:85%;padding-left:15%}
.banner h2{width:15%}
.banner .img_frame li img{margin:0 5px}



/* footer */
#footer{width:96%;padding:0 2%}
.logo1{display:none}
.quick_site{display:none}

#container{margin:10px auto;position:relative;width:100%;margin-top:0}
#containerF{margin:0 auto;position:relative;width:100%;margin-top:0/*;margin-top:65px*//*20141107수정*/}

#satisfy_wrap textarea { width: 90% !important; height: 42px; }



/* 청소년헌장 */
.youth_charter ul{margin-bottom:1%}
.youth_charter ul li{width:44%;padding:2%}
.youth_charter ul li:first-child{margin-right:1%}
.youth_charter ul li.youth01{display:block;background:url('/html/S01/img/youth01.jpg') right bottom no-repeat #f9f9f9}
.youth_charter ul li.youth02{display:block;background:url('/html/S01/img/youth02.jpg') right bottom no-repeat #f9f9f9}
.youth_charter ul li.youth03{display:block;background:url('/html/S01/img/youth03.jpg') right bottom no-repeat #f9f9f9}

/* 청소년권리 */
.youth_rights ul li.L{width:43%;height:310px;background:url('/html/S01/img/rights_bg.jpg') no-repeat}
.youth_rights ul li.R{width:55%;margin-left:2%}

.hwasun-bch img{width:100%}


.hs-sj{float:left;width:30%;margin:0 1% 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}



}







@media screen and (max-width:640px){
#header{z-index:1;height:114px/*20141107수정*/}
.sub_title{position:relative;overflow:hidden;width:100%;height:55px;margin-bottom:10px;border-bottom:#007bc7 1px solid;background:url('/_HWASUN_KOR/img/mobile/m-titlebg.jpg') left top repeat-x}
.sub_title ul li{float:right;width:98%;padding:0 2%}
.sub_title ul li.L{text-align:left;background:none;color:#fff}
.sub_title ul li.R{display:none}
.mobile-img{width:100%}
.imgN{display:none}
.board-topbox{display:none}
/* 브로셔 */
.bro-box{position:relative;border:#777 1px solid;width:80%}
.slidesjs-previous{position:absolute;width:10%;height:10%;top:10px;text-indent:-9000px;right:-13%;background:url('/_HWASUN_KOR/img/sub/left.png') center top no-repeat}
.slidesjs-next{position:absolute;width:10%;height:10%;top:10px;text-indent:-9000px;right:-25%;background:url('/_HWASUN_KOR/img/sub/right.png') center top no-repeat}

/* 슬라이드 배너 */
.rollbanner #bannerlist_box{position:absolute;left:10px;top:0}
.rollbanner #bannerlist_box ul li{width:190px;padding:0 10px}

.bookmarkBox{display:none}

.messenger{margin-bottom:15px;clear:both}

#board, #mob_board{display:none}
#mob2_board{clear:both;display:block;position:relative;height:155px;margin-top:15px;margin:15px 1% 0}
#mob2_board ul{width:553px}
#mob2_board ul li{float:left}
.tabcontent3{display:none;position:absolute;top:33px;left:0px;padding:0}
.tabcontent3 ul.tabcon3{float:left;width:98%;padding:0 1%}
.tabcontent3 ul.tabcon3 li{clear:both;overflow:hidden;width:100%;line-height:22px}
.tabcontent3 ul.tabcon3 li a{float:left;color:#777;width:100%;overflow:hidden;white-space:nowrap;/*text-overflow:ellipsis*/}
.tabcontent3 ul.tabcon3 li span{display:none}
.tab3more {position:absolute;right:0;top:0}

/* 배너모음 */
.banner{width:100%;border-top:1px solid #ddd}
.banner .wrap{width:80%;padding-left:20%}
.banner h2{width:20%}
.banner .img_frame li img{margin:0 8px}

#satisfy_wrap textarea { width: 85% !important; height: 42px; }
.mod_date,.hit{display:none}


/* 청소년권리 */
.youth_rights ul li.L{display:none}
.youth_rights ul li.R{width:97%;margin:0 1.5%}
.hj-box1{width:100%;height:71px;margin-top:10px;border:none}

/* 청소년전화 */
.youth_banner ul li{display:block;width:47%;margin:0 1.5%;padding:0 !important}


.hwasun-bch img{width:100%}

.disaster ul{width:78%}
.disaster span{width:20%}

.btn-SZ040{width:43%}
.btn-SZ040 img{width:30%}
.btn-SZ040 p{float:left;width:60%}


.moviePlayer{position:relative;overflow:hidden;width:100%;height:auto;padding-top:0;background:none !important}
.moviePlayer video{width:100%;height:45.96%}

.board-topbox p{float:left;width:18%;text-align:center;}
.board-topbox span{float:right;width:79%;line-height:18px;margin:15px 10px 0 0}

.board-topbox2{width:100%;height:120px;margin:-26px 0 20px 0;/*font-family:'dotum';*/font-size:12px;/*color:#333;*/}
.board-topbox2 p{float:left;width:14%;margin-top:20px;text-align:center;}
.board-topbox2 span{float:right;width:78%;line-height:18px;margin:20px 10px 0 0}

div.poll_read span.answer_item {float:left; width:20%; font-weight:bold; color:#999;}
div.poll_read p.answer_graph {float:left;width:40% !important; overflow:hidden; height: 10px; margin-right:10px; padding:2px; border: 1px solid #DDDDDD; float:left;}


.gallery ul > li dl dt{float:left;width:30%}
.gallery ul > li dl dt a img{width:96%;height:auto;padding:1.5%;border:1px solid #dedede;background:#fff}
.gallery ul > li dl dd{width:65%;margin-left:2%}
.gallery ul > li dl dd a{font-weight:normal !important} 
.gallery ul > li dl dd a p{margin:0 0 5px;font-size:1.167em;color:#000}
.gallery ul > li dl dd a p img{vertical-align:middle}
.gallery ul > li dl dd a span{font-size:1em;color:#666}
.gallery ul > li dl dd small{display:block;margin-top:5px;font-size:0.917em;color:#999}

.boardR ul p.C img{width:100%}
iframe.hidden_gallery{display:none}
.comment .comment_textarea{width:65%;height:42px;border:1px solid #dedede;background:#fff}

/*
.pageForm a{display:inline-block;min-width:5%;margin:0 1%;padding:0;border:none}
.pageForm span > a{display:inline-block;min-width:20px;margin:0 1.5px;padding:3px 5px;border:1px solid #ddd;color:#333 !important;font-weight:normal !important}
.pageForm span > a:hover{border:1px solid #6f77a0;color:#6f77a0 !important}
.pageForm a:hover{border:none;color:#6f77a0 !important}
.pageForm a.this{border:none;background:none;color:#c23f3f !important;font-weight:bold}
*/

.sub-title-box p{width:100%;font-size:12px;text-align:justify;line-height:20px}
.title-img{background:none !important}



}





@media screen and (max-width:568px){
#header{z-index:1;height:114px/*20141107수정*/}
.imgN{display:none}
/* 군수실 */
.mob_mayor a{display:block;width:253px;height:167px;padding:15px;border:1px solid;border-color:#ddd;background:url('/_HWASUN_KOR/img/main/mayor_bg.jpg') left -10px no-repeat}


.mobile-tab{display:block;margin-bottom:0}
.web-tab{display:none}

/* 슬라이드 배너 */
.rollbanner #bannerlist_box{position:absolute;left:30px;top:0}
.rollbanner #bannerlist_box ul li{width:85px;padding:0 9.5px}

.resizing{clear:both;width:93.5%;margin:1.5% !important;padding:1.5%;border:1px solid #ddd;background:#f9f9f9}
.mod_date,.hit{display:none}
#satisfy_wrap textarea { width: 86% !important; height: 42px; }

/* 청소년헌장 */
.youth_charter ul li.youth01, .youth_charter ul li.youth02, .youth_charter ul li.youth03{display:block;background:#f9f9f9}
.hj-box1{width:100%;height:71px;margin-top:10px;border:none}

.hwasun-bch img{width:100%}

.disaster ul{width:73%}
.disaster span{width:25%}

.board-bg1{background:none;}
.board-bg2{background:none;}
.board-topbox{width:100%;height:68px;margin:-26px 0 20px 0;border:1px solid #ddd;/*font-family:'dotum';*/font-size:12px;/*color:#333;*/}
.board-topbox p{display:none}
.board-topbox span{clear:both;width:97.5%;margin:0 !important;padding:1%;line-height:18px}

.board-topbox2{width:100%;height:120px;margin:-26px 0 20px 0;border:1px solid #ddd;/*font-family:'dotum';*/font-size:12px;/*color:#333;*/}
.board-topbox2 p{display:none}
.board-topbox2 span{clear:both;width:97.5%;line-height:18px;margin:20px 0 0 1% !important;padding:1%;}

div.poll_read p.answer_graph {float:left;width:30% !important; overflow:hidden; height: 10px; margin-right:10px; padding:2px; border: 1px solid #DDDDDD; float:left;}

.solo01{display:block;width:100%;font-size:14px;line-height:24px}
.solo02{float:right;width:100%;margin-top:40px}
.solo03{width:100%;float:right;margin-top:0px}
.solo04{display:block;line-height:22px !important;width:100%;margin:0 0 0 15px;text-align:justify}
.solo05{width:100%}
.solo06{width:100%}
.solo07{width:100%}

.gallery2 ul > li{float:left;width:33.3%;min-height:140px;text-align:center}


}





@media screen and (max-width:480px){
.imgN{display:none}
.messenger a.twitter{display:block;width:50%;/*height:36px;padding-left:40px*/margin-bottom:0}
.messenger a.facebook{display:block;width:45%;/*height:36px;padding-left:40px;*/margin-bottom:0}
.mbtop{margin:5px 0}

/* 2014.11.14 수정 kdy */
#header{z-index:1;height:54px}
.contents_write textarea.comment{width:78% !important}

.btn-gray img{display:none}

.s_top{display:none}
.top{display:none}
.mob_top{display:block;position:relative;overflow:hidden;width:98%;/*height:57px;*/padding:1%;border-bottom:2px solid #007bc7;background:#fff}
.mob_top ul{overflow:hidden;width:100%}
.mob_top ul li.logo{float:left}
.mob_top ul li.R{float:right}
.mob_top ul li.R a img{margin-top:5px}

#allmenu{position:absolute;top:46px;right:0}
.searchLayer{padding-top:2%}
.mob_total_search{display:block;margin:0 auto;position:relative;width:250px;height:35px;padding-left:20px;background:url('/_HWASUN_KOR/img/mobile/search_bg2.png') left top no-repeat}
.mob_total_search select{position:absolute;top:9px;height:20px;border:0}
.mob_total_search input[type='text']{position:absolute;left:100px;top:9px;width:100px;height:20px;border:0}
.mob_total_search input[type='image']{position:absolute;right:30px;top:8px}


#board, #mob2_board{display:none}
#mob_board{clear:both;display:block;position:relative;height:140px;margin-top:15px;margin:15px 1% 0}
#mob_board1{clear:both;display:block;position:relative;height:140px;margin-top:15px;margin:65px 1% 0}
#mob_board ul{width:311px}
#mob_board ul li{float:left}
.tabcontent2{display:none;position:absolute;top:25px;left:0px;padding:0}
.tabcontent2 ul.tabcon2{float:left;width:98%;padding:0 1%}
.tabcontent2 ul.tabcon2 li{clear:both;overflow:hidden;width:100%;line-height:20px}
.tabcontent2 ul.tabcon2 li a{float:left;color:#777;width:100%;overflow:hidden;white-space:nowrap;/*text-overflow:ellipsis*/}
.tabcontent2 ul.tabcon2 li span{display:none}
.tab2more {position:absolute;right:0;top:0}

/*.rollbanner{display:none}*/
/* 슬라이드 배너 */
.rollbanner{position:relative;overflow:hidden;top:15px;/*20141204*//*<--top 안넣으면 안됨*/width:100%;height:113px;background:url('/_HWASUN_KOR/img/main/main-roll.gif') repeat-x center top}
.rolling_box{clear:both;display:block;margin:0 auto;position:relative;width:100%}
.rolling_box span.roll_prev{position:absolute;left:0;top:15px}	
.rolling_box span.roll_prev a{display:block}
.rolling_box span.roll_next{position:absolute;right:0;top:15px}
.rolling_box span.roll_next a{display:block}

.rollbanner #bannerlist_box{position:absolute;left:25px;top:0}
.rollbanner #bannerlist_box ul{overflow:hidden;width:90%}
.rollbanner #bannerlist_box ul li{float:left;width:160px;padding:0 0 0 10px}
.rollbanner #bannerlist_box ul li a{display:block;font-size:1em;color:#fff;text-align:center}
.rollbanner #bannerlist_box ul li a img{float:left;vertical-align:bottom;width:50%;margin-top:16px}
.rollbanner #bannerlist_box ul li span{display:block;/*padding-right:18px;*/line-height:80px;/*text-align:right;*/background:none}




.banner-area{display:block;float:left;width:95%;height:100%;margin-top:0 !important;/*border:1px solid #333*/}
.popimg img{width:100%}
.shop{width:98%;/*border:#000 1px solid*/}
.shop img{width:100%;height:117px}
.shop a{display:block;height:117px;/*padding:15px;background:url('/_HWASUN_KOR/img/main/m_shop_bg.jpg') no-repeat right top*/}
.link_guide{position:relative;overflow:hidden;width:100%;height:100%}
.link_guide ul li{float:left;width:50%;/*;border:1px solid #ddd; margin-bottom:11px;*/}
.link_guide ul li a{display:inline-block;}
.link_guide ul li a img{width:98%;height:55px}
.link_guide ul li.guide01 a{width:100%; background:none}
.link_guide ul li.guide01 a:hover{width:100%;background:none}
.link_guide ul li.guide02 a{width:100%;background:none}
.link_guide ul li.guide02 a:hover{width:100%;background:none}
.link_guide ul li.guide03 a{width:100%;background:none}
.link_guide ul li.guide03 a:hover{width:100%;background:none}
.link_guide ul li.guide04 a{width:100%}


/* 군수실 */
/*.mayor a{width:255px;height:220px;padding:15px;background:url('/_HWASUN_KOR/img/main/mayor_bg.jpg') no-repeat}*/
.mob_mayor{display:block;float:left;margin-left:2%;width:88%}
.mob_mayor a{display:block;width:100%;height:167px;padding:15px;border:1px solid;border-color:#ddd;background:url('/_HWASUN_KOR/img/main/m_mayor_bg.jpg') right -10px no-repeat}

/* 알림배너 */
.banner-area{margin-top:15px !important;margin-left:2% !important}

/* 화순포커스 */
.focus{margin-top:15px}
.focus dl{clear:both;overflow:hidden}
.focus dl dt{display:block;width:100%;margin-bottom:10px}
.focus dl dt a img{width:100%;height:auto}
.focus dl dd a{font-size:1em;color:#888;line-height:18px}
.focus dl dd a:hover{text-decoration:underline}
.focus dl dd strong{margin-bottom:5px}
.focus dl dd strong a{font-size:1.250em;color:#000}
.focus dl dd small{font-size:0.917em;color:#ccc}


.focus2{margin-top:15px}
.focus2 dl{clear:both;overflow:hidden}
.focus2 dl dt{display:block;width:100%;margin-bottom:10px}
.focus2 dl dt a img{width:100%;height:auto}
.focus2 dl dd a{font-size:1em;color:#888;line-height:18px}
.focus2 dl dd a:hover{text-decoration:underline}
.focus2 dl dd strong{margin-bottom:5px}
.focus2 dl dd strong a{font-size:1.250em;color:#000}
.focus2 dl dd small{font-size:0.917em;color:#ccc}

/* 문화관광 */
.grid{position:relative;overflow:hidden;width:100%}
.tour a{display:block;height:140px;padding:15px;border:1px solid #ddd;background:url('/_HWASUN_KOR/img/mobile/mob_tour_bg.jpg') right top no-repeat}
.tour a h4{margin-bottom:5px;font-size:1.333em;color:#000;font-weight:normal}
.tour a p{font-size:1em;color:#999}
.tour a input[type='submit']{cursor:pointer;display:block;width:60px;height:20px;margin-top:7px;border:0;background:#418ec0;font-size:0.917em;color:#fff;line-height:20px;text-align:center}


.council a{display:block;width:99%;height:58px;margin-top:11px;border:1px solid #dac169;background:url('/_HWASUN_KOR/img/main/council.jpg') center top no-repeat #fad550}
.banner{display:none}


/* 안내 */
.guideForm{position:relative;overflow:hidden;width:96%;margin:15px 2% 0 !important}
.guide{position:relative;overflow:hidden;width:95%;height:auto;padding:2%;border:1px solid #ddd}
.guide h4{margin-bottom:10px;font-size:1.333em;color:#000;font-weight:normal}
.guide ul li{float:left;width:50%}
.guide ul li a{display:inline-block;font-size:1em;color:#888;line-height:46px}
.guide ul li.guide01 a{margin-bottom:20px;padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide01.jpg') no-repeat}
.guide ul li.guide02 a{margin-bottom:20px;padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide02.jpg') no-repeat}
.guide ul li.guide03 a{padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide03.jpg') no-repeat}
.guide ul li.guide04 a{padding-left:50px;background:url('/_HWASUN_KOR/img/main/guide04.jpg') no-repeat}


/* 문화관광 */
.grid{position:relative;overflow:hidden;width:96%;margin:0 2% !important}

.messenger{margin-bottom:0}


/* footer */
.personal{display:none}
.adress p strong{display:block}



/*서브*/
.sub_title ul li.L{height:55px;font-size:1.846em;color:#fff;font-weight:bold;line-height:55px}
.sub_title ul li.R span{display:none}
.sub_title ul li.R a {display:none}
.m-menu li{float:left;width:48%;margin:0 0 1% 1%;border:#ddd 1px solid;line-height:25px;text-align:center;background:#eee}

.mod_date,.hit{display:none}
#satisfy_wrap textarea { width: 80% !important; height: 42px; }

.hj-box1{width:100%;height:71px;margin-top:10px;border:none}
.hwasun-bch img{width:100%}
.joj-sbox ul li{line-height:25px;padding-left:5px;background:none}
.tetsp{letter-spacing:-2px}
/*상징물*/
.hs-flag img{float:left;width:100%}
.hs-flag p{float:right;width:100%;margin-top:40px;font-size:1.077em}
.hs-sj{float:left;width:97%;margin:0 0 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}
.hs-sj img{width:100%;margin-bottom:5px}
.hs-sjR{float:left;width:97%;margin:0 0 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}
.hs-sjR img{width:100%;margin-bottom:5px}

.btn-SZ10{width:20%}
.btn-SZ15{width:30%}
.btn-SZ20{width:40%}
.btn-SZ25{width:50%}
.btn-SZ30{width:60%}
.btn-SZ35{width:70%}
.btn-SZ40{width:80%}
.btn-SZ45{width:80%}
.btn-SZ50{width:100%}
.btn-SZ55{width:110%}
.btn-SZ60{width:120%}
.btn-SZ65{width:130%}
.btn-SZ70{width:100%}
.btn-SZ75{width:150%}
.btn-SZ80{width:160%}
.btn-SZ85{width:170%}
.btn-SZ90{width:180%}
.btn-SZ95{width:190%}
.ContentBoard p{clear:both !important;margin-right:10px}
.boardWebz p.board_pt2{margin-right:15px !important}
.boardWebz ul.board_ct2 { float: right; text-align:left; width: 57% !important; position:relative;}
.content_text img{width:100% !important}

.gallery_read dl.info_basic dd, .board_read dl.info_basic dd {margin-right:3% !important}


.hj-img1{width:20%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img1.jpg') left top no-repeat}
.hj-img2{width:20%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img2.jpg') left top no-repeat}
.hj-img3{width:20%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img3.jpg') left top no-repeat}
.hj-img4{width:20%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img4.jpg') left top no-repeat}
.hj-img5{width:20%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img5.jpg') left top no-repeat}
.hs-flag > div{float:right;width:100%;margin-top:40px;font-size:1.077em}
.hnu-box img{float:left;width: 98%;padding:0.5%;margin-bottom:10px;border:#ddd 1px solid}
.hnu-box div{float:right;width: 100%;margin-top:10px;font-size:1.077em;text-align:justify}
.city-box img{float:left;width:97%;padding:0.8%;border:#ddd 1px solid}
.city-box div{float:right;width:100%;margin-top:10px}
.movieArea img{margin-left: 0;}
#menu_admin ul li strong {padding-left: 5px !important}
.contentStyle *{margin-left:0 !important}
.contentStyle{padding:5px !important}
.contentStyle table{width:100% !important}
.m-wsize1{width:8% !important}
.m-cbox1{width:85% !important}
.m-cbox1 span{padding:5px !important; /* width:100% !important; */line-height:20px !important}
.future-img1{width:34%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img1.jpg') left bottom no-repeat}
.future-img2{width:34%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img2.jpg') right bottom no-repeat}
.future-img3{width:34%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img3.jpg') left bottom no-repeat}
.future-img4{width:34%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img4.jpg') right bottom no-repeat}
.future-img5{width:34%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img5.jpg') left bottom no-repeat}
.future-img6{width:34%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img6.jpg') right bottom no-repeat}

.m-cbox1 span{display:block}

.btn-SZ040{width:95%}
.btn-SZ040 img{width:20%}
.btn-SZ040 p{float:left;width:65%}

.land-box{margin:10px 0 10px 2% !important}

.moviePlayer video{width:100%;height:100%;background:#000}

.chartForm3 dl{float:left;width:25%;height:80px;margin:0 0 10px 0 !important;padding:1%;border:1px dashed #ddd;background:#fcfcfc}

div.poll_read p.answer_graph {float:left;width:18% !important; overflow:hidden; height: 10px; margin-right:10px; padding:2px; border: 1px solid #DDDDDD; float:left;}

.gallery2 ul > li{float:left;width:49.8%;min-height:140px;text-align:center}
}



@media screen and (max-width:360px){
.imgN{display:none}
/* 2014.11.14 수정 kdy */
.contents_write textarea.comment{width:63% !important}
#satisfy_wrap textarea {width:75% !important}
.m-menu li{font-size:0.846em}


#menu_admin{position:relative;overflow:hidden;min-height:30px !important;padding:5px}
#menu_admin ul li.step{position:absolute;left:0 !important;top:5px !important}
#menu_admin ul{clear:both}
#menu_admin ul li.step {clear:both}
.btn-SZ20{width:47%}
.btn-SZ25{width:60%}
.btn-SZ30{width:67%}
.btn-SZ35{width:87%}
.btn-SZ40{width:100%}
.btn-SZ075{width:95%;font-size:0.917em;letter-spacing:-0.03em}
.boardWebz ul.board_ct2{width:48% !important}


.board_read dl.info_basic dt.field01{padding-left:0 !important;width:auto !important;margin-right:1%}
.board_read dl.info_basic dt.field02{padding-left:0 !important;width:auto !important;margin-right:1%}
.board_read dl.info_basic dd{width:auto !important;margin-right:2%}

.boardWebz ul.board_ct2 { float: right; text-align:left; width: 40% !important; position:relative;}


.future-box h3{font-size:1.077em;line-height:71px;margin:0px 5px}
.future-img1{width:24%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img1.jpg') left bottom no-repeat}
.future-img2{width:24%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img2.jpg') right bottom no-repeat}
.future-img3{width:24%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img3.jpg') left bottom no-repeat}
.future-img4{width:24%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img4.jpg') right bottom no-repeat}
.future-img5{width:24%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img5.jpg') left bottom no-repeat}
.future-img6{width:24%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img6.jpg') right bottom no-repeat}


.hj-img1{width:100%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img1.jpg') left top no-repeat}
.hj-img2{width:100%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img2.jpg') left top no-repeat}
.hj-img3{width:100%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img3.jpg') left top no-repeat}
.hj-img4{width:100%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img4.jpg') left top no-repeat}
.hj-img5{width:100%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img5.jpg') left top no-repeat}


.bsn-box{overflow:hidden;width:100%;margin-top:10px}
.bsn-box img{width:100%}
.bsn-box span{line-height:30px;font-size:1em;font-weight:normal;letter-spacing:-0.08em}
.bsn-box li{float:left;width:29.5%;margin:0 1% 1% 0 !important;padding:1% !important;border:#ddd 1px solid;background:none !important}

.PdG5 img{width:100% !important}
.conTable th img{width:100%}

.arr-box span{padding:15px 5px}

.disaster ul{display:block;width:100%}
.disaster span{width:100%}

.m-cbox1{width:70% !important}

div.poll_read span.answer_item {float:left; width:9% !important; font-weight:bold; color:#999;}
div.poll_read p.answer_graph {float:left;width:7% !important; overflow:hidden; height: 10px; margin-right:10px; padding:2px; border: 1px solid #DDDDDD; float:left;}

.board-topbox2{width:97.5%;height:160px;margin:-26px 0 20px 0;border:1px solid #ddd;/*font-family:'dotum';*/font-size:12px;/*color:#333;*/}

.questionForm > p{padding-left:0;background:none}




}




@media screen and (max-width:320px){

.messenger a.space img{margin-left:20px !important}

}