/* sub */
.sub-wrap{overflow:hidden;margin:0 auto;width:1000px;height:100%;background:url('/_HWASUN_KOR/img/sub/lnb-bg.gif') repeat-y left top}
.sub-wrap > div{margin-right:0px !important}
.lnb-box{float:left;width:200px}
.sub-content{float:right !important;width:770px;padding:15px 0 50px 30px}
.contents{font-size:12px;font-family:'Dotum'; line-height:160%;letter-spacing:-0.03em}
/* lnb */
.lnb{float:left;width:200px}
.lnb h4{width:200px;height:90px;line-height:90px;font-size:1.846em;text-align:center;letter-spacing:-1px;color:#fff;background:url('/_HWASUN_KOR/img/sub/lnb-title.gif') no-repeat left top}
.lnb ul{padding:0;width:197px;margin-left:1px}
.lnb ul li{line-height:40px;border-bottom:#ddd 1px solid}
.lnb ul li a{display:block;font-size:1.077em;font-weight:400;padding:0 15px}
.lnb ul li a:hover{color:#333}
.lnb ul li a{color:#888}
.lnb ul li > ul{padding:5px 0;border-top:#ddd 1px solid;background:#f9f9f9}
.lnb ul li > ul li{line-height:25px;border-bottom:none}
.lnb ul li > ul li a{display:block;font-size:1em;font-weight:400}
.lnb ul li > ul li a:hover{color:#333}
.lnb ul li > ul li a{color:#888}
/* sub_title */
.sub_title{position:relative;overflow:hidden;width:100%;height:70px;margin-bottom:25px;border-bottom:#eee 1px solid}
.sub_title ul li.L{height:55px;font-size:1.846em;color:#000;font-weight:bold;line-height:55px;background:url('/_HWASUN_KOR/img/sub/cnt-title.gif') no-repeat left 5px}
.sub_title ul li.R{height:25px;padding-left:18px;background:url('/_HWASUN_KOR/img/sub/icon-home.gif') no-repeat 0 2px}
.sub_title ul li.R a{margin-right:10px;font-size:0.917em;color:#888;text-decoration:none}
.sub_title ul li.R span{padding-left:18px;background:url('/_HWASUN_KOR/img/sub/aw-bg.gif') left 5px no-repeat}
.sub_title ul li.R span.vl{color:#b462b5;font-weight:400}
.sub_title ul li.R span.yl{color:#ffb80e;font-weight:400}
.sub_title ul li.R span.rd{color:#e33464;font-weight:400}
.sub_title ul li.R span.sk{color:#5eb7b9;font-weight:400}
.sub_title ul li.R span.bl{color:#2d75b9;font-weight:400}
.m-back{display:none}
.m-menu{display:none}

/* control */
.control{float:right;margin-bottom:10px}
.control a{float:left;margin-left:3px}
.control a.btn_plus{text-indent:-9999px;display:block;width:20px;height:20px;background:url('/_MAYOR/img/sub/btn_plus.gif') no-repeat}
.control a.btn_minus{text-indent:-9999px;display:block;width:20px;height:20px;background:url('/_MAYOR/img/sub/btn_minus.gif') no-repeat}
.control a.btn_print{text-indent:-9999px;display:block;width:47px;height:20px;background:url('/_MAYOR/img/sub/btn_print.gif') no-repeat}
.control a.btn_twitter{display:block;width:25px;height:20px;background:url('/_MAYOR/img/sub/btn_twitter.gif') no-repeat}
.control a.btn_facebook{display:block;width:25px;height:20px;background:url('/_MAYOR/img/sub/btn_facebook.gif') no-repeat}
/* h4, h5, h6{text-align:justify} 모바일에서 이상해서 삭제함*/

.tbsp{display:block;width:99%;text-align:right;height:20px}

/*sub-img*/
.subimg1{background:url('/_HWASUN_KOR/img/sub/sub-img1.png') no-repeat right 50px}
.subimg2{background:url('/_HWASUN_KOR/img/sub/sub-img2.png') no-repeat right 50px}
.subimg3{background:url('/_HWASUN_KOR/img/sub/sub-img3.png') no-repeat right 50px}
.subimg4{background:url('/_HWASUN_KOR/img/sub/sub-img4.png') no-repeat right 50px}
.subimg5{background:url('/_HWASUN_KOR/img/sub/sub-img5.png') no-repeat right 0px}
.subimg6{background:url('/_HWASUN_KOR/img/sub/sub-img6.png') no-repeat right 50px}
.subimg7{background:url('/_HWASUN_KOR/img/sub/sub-img7.png') no-repeat right 50px}
.subimg8{background:url('/_HWASUN_KOR/img/sub/sub-img8.png') no-repeat right 50px}
.subimg9{background:url('/_HWASUN_KOR/img/sub/sub-img9.png') no-repeat right 50px}
.subimg10{background:url('/_HWASUN_KOR/img/sub/sub-img10.png') no-repeat right 300px}
.subimg11{background:url('/_HWASUN_KOR/img/sub/sub-img11.jpg') no-repeat right 900px}

/*******************************************/
/*************** 컨텐츠 공통 ***************/
/*******************************************/
.contentStyle{overflow:hidden;clear:both}
.contentStyle h4, h4.tableTit{clear:both;color:#000;padding-left:15px;background:url('/html/S01/img/icon_bullet.png') 0 10px no-repeat;font-size:1.333em}
.contentStyle h4.tableTit{float:left;display:block}
.contentsStyle{position:relative;clear:both;display:inline-block;width:100%}
.contentsStyle h4,  .contentStyle h4{ padding-left:20px;line-height:36px;font-size:1.167em;font-weight:bold}
.contentsStyle h4.tableTit{float:left}
.contentsStyle h5, .contentStyle h5{display:block;margin-left:21px;padding:0 0 5px 16px;color:#333;font-weight:normal;font-size:1.083em}
.contentsStyle h5 a{color:#516BC4}
.contentsStyle h5 a:hover{color:#0f910c}
.contentsStyle h6, .contentStyle h6{margin-left:41px;padding:0 0 5px 16px;font-weight:normal;font-size:1em}
.contentsStyle dl, 
.contentsStyle ul,
.contentsStyle ol, .contentStyle dl,
.contentStyle ul,
.contentStyle ol{margin-left:51px;padding-bottom:10px; /*text-align:justify !important */}
.contentStyle ul ul{margin-left:12px;padding-bottom:5px}
.contentStyle strong{font-size:14px;color:#000}
.contentsStyle td dl,
.contentsStyle td ul,
.contentsStyle td ol{padding-bottom:0px}
.contentsStyle dl dt, .contentStyle dl dt,
.contentStyle ul li, .contentsStyle ul li {padding:0 0 3px 10px;background:url(/html/S01/img/icon_bullet4.gif) 0 6px no-repeat}
.contentsStyle ol li{list-style:outside decimal}
.contentsStyle dl dd, .contentStyle dl dd{margin-left:10px;padding:0 0 3px 10px;background:url(/html/S01/img/icon_bullet4.gif) 0 8px no-repeat}
.contentsStyle ul ul{margin-left:-3px;padding-bottom:0}
#contentGroup .contents .contentsStyle ul ul li{margin-top:3px;padding-left:9px;font-weight:normal}
.contentsStyle p{display:block;clear:both;text-align:justify}
.contentsStyle .box_border01{position:relative;display:inline-block;width:658px;margin:20px 0 10px 5px;background:url(/html/S01/img/bg_tab0201_01.gif) left top no-repeat}
.contentsStyle .box_border01 div.box_Area {float:left;width:611px;padding:2px 0 7px 14px}
.contentsStyle .box_border01 ul li strong{font-size:1em}
.contentsStyle .box_border01 ul li{width:590px;margin-top:5px; padding-left:8px;background:url(/mypage/images/member/ico_square01.gif) left 7px no-repeat}
.contentsStyle .box_border01 p{width:620px;margin:15px 0 5px 10px;padding:0}
.contentsStyle .box_border01 .bg_box{position:absolute;width:658px;height:6px;left:0;bottom:0px;background:url(/html/S01/img/bg_tab0202_01.gif) left bottom no-repeat}
/* 컨텐츠 안의 테이블 공통 스타일 */
.contentStyle table{float:left;clear:both;width:99.8%;margin:5px 0 10px 1px;margin-right:1px;padding:0;border-spacing:0;empty-cells:show;border-collapse:collapse;border-top:2px solid #809abb;border-bottom:1px solid #809abb;word-break:break-all}
.contentStyle table.h5Caption{margin-left:15px}
.contentStyle table.ulCaption{margin-left:26px}
.contentStyle ul li table.ulCaption{margin-left:-10px}
.contentStyle table caption{padding:0 0 6px 16px;text-align:left;font-weight:bold}
.contentStyle table.h5Caption caption{padding-left:18px;font-weight:normal;background:url(/html/S01/img/icon_bullet3.gif) 0 4px no-repeat}
.contentStyle table.ulCaption caption{padding-left:10px;font-weight:normal;color:#575757}
.contentStyle table.ulCaption_01 caption{padding-left:18px;font-weight:normal;color:#575757}
.contentStyle table.noCaption caption{display:none}
.contentStyle table th,
.contentStyle table td,
.conTable td,
.conTable th{padding:7px 5px 4px 5px;line-height:1.5}
.conTable tbody th{color:#333}
.thLeft th{padding-left:15px;text-align:left}
.tdCenter td{text-align:center}
.conTable td.bTit{text-align:left}
.contentStyle p.section {float:right;display:inline; margin:10px 10px 0 0;padding:0}
.contentStyle table th ul{margin:0 8px 0 8px !important;text-align:left}
/*.contentStyle table td ul{margin:0 !important}*/
.contentStyle table th ul li,
.contentStyle table td ul li{width:95%}
.conTable th{background:#FCFBFA;color:#333;border:1px solid #CFDBEF;/*border-bottom:1px solid #CFDBEF;*/text-align:center}
.conTable thead th{color:#333}
.conTable tfoot th{background:#FCFBFA;font-weight:normal}
.conTable tfoot td{background:#FCFBFA}
.noBody tbody th{background:none;font-weight:bold;background:#FCFBFA;color:#333}
.conTable td{border:1px solid #CFDBEF;/* border-bottom:1px solid #CFDBEF;*/}
.noBody tbody .pcenter {text-align:center}
/*.contents li, .content li{font-weight:normal !important}*/
/* 각 컨텐츠 공통 아이콘 및 테이블 */
/* 컨텐츠 */
.box_border ul li strong{color:#3E67AC}
.contentsStyle h4, 
.contentStyle table caption{padding:0 0 6px 16px;text-align:left;font-weight:bold}
.conTable caption {background:url(/html/S01/img/icon_bullet.png) 0 11px no-repeat}
.contentsStyle h5,
.h5Caption caption, .contentStyle h5 {background:url(/html/S01/img/icon_bullet3.gif) 0 4px no-repeat;font-weight:bold}
.contentsStyle h6, .contentStyle h6,
.h6Caption caption{color:#555;background:url(/html/S01/img/icon_h6.gif) 0 6px no-repeat}
.contentsStyle dl dt, 
.contentsStyle ul li,
.ulCaption caption, .contentStyle dl dt {background:url(/html/S01/img/icon_bullet4.gif) 0 8px no-repeat}
.contentsStyle dl dd, .contentStyle dl dd
.contentsStyle ul ul li {background:url(/html/S01/img/icon_bullet5.gif) 0 8px no-repeat}
.contentStyle ul ul li {background:url(/html/S01/img/icon_bullet5.gif) 0 8px no-repeat}
.underline{color:#6e9bc1 !important;text-decoration:underline !important}
/* 버튼 */
.btn-down{float:right}
.BkN {background:none !important}
.BdrN {border:none !important}
.BorderRightNone{/*border-right:none !important;*/}
.FtL{float:left !important}
.FtL input[type='submit']{float:right;cursor:pointer;display:block;width:40px;height:30px;border:0;background:#464646;font-size:1.167em;color:#fff;text-align:center;line-height:30px}

.FtR{float:right !important}
.FtR input[type='submit']{float:right;cursor:pointer;display:block;width:40px;height:30px;border:0;background:#464646;font-size:1.167em;color:#fff;text-align:center;line-height:30px}
.FtC{margin:0 auto}
.ClearBoth {clear: both}
.Bdr{border:#ddd 1px solid}
.txtC{text-align:center !important}
.txtL{float:left;text-align:center !important}
.txtJ{text-align:justify !important}
.txtL{text-align:left !important}
.txtR{text-align:right !important}
.FWB{font-weight:800 !important}
.txtB{font-weight:bold !important}
.ArR{text-align: right !important}
.ArC img{width:99%;border:#ddd 1px solid !important}
.PdN{padding:0 !important}
.txtit{text-indent:-9000px}
/* 홍보관
p.movieText{margin:0;padding:0}
.movieArea{position:relative;width:658px;height:372px;margin:14px 0 0 10px;background:url(/html/S01/img/bg_movie.gif) left top no-repeat}
.movieArea p.movie{position:absolute;left:11px;top:20px}
.movieArea p.Mtext{position:absolute;left:474px;top:122px}
.movieArea p.Mtext02{position:absolute;left:484px;top:140px} */
/* Button Common */
.button {float:right;display:block;width:150px;line-height:30px;margin-bottom:20px;text-align:center;color:#fff}
.button a{color:#fff !important}
/* Global SPACE */
.mL20{margin-left:20px !important}
.MAL0 {margin-left:0px !important}
.MAL5 {margin-left:5px !important}
.MAL10 {margin-left:10px !important}
.MAL15 {margin-left:15px !important}
.MAL20 {margin-left:20px !important}
.MAL25 {margin-left:25px !important}
.MAL30 {margin-left:30px !important}
.MAL35 {margin-left:35px !important}
.MAL40 {margin-left:40px !important}
.MAL45 {margin-left:45px !important}
.MAL50 {margin-left:50px !important}
.MAL55 {margin-left:55px !important}
.MAL60 {margin-left:60px !important}
.MAL65 {margin-left:65px !important}
.MAL70 {margin-left:70px !important}
.MAL80 {margin-left:80px !important}
.MAL100 {margin-left:100px !important}
.MAL150 {margin-left:150px !important}
.MAL250 {margin-left:250px !important}
.MAL300 {margin-left:300px !important}
.MAL500 {margin-left:500px !important}
.MAL570 {margin-left:570px !important}
.MAR0 {margin-right:0px !important}
.MAR3 {margin-right:0.46% !important}
.MAR4 {margin-right:0.6% !important}
.MAR5 {margin-right:5px !important}
.MAR10 {margin-right:10px !important}
.MAR15 {margin-right:15px !important}
.MAR20 {margin-right:20px !important}
.MAR25 {margin-right:25px !important}
.MAR30 {margin-right:30px !important}
.MAR35 {margin-right:35px !important}
.MAR40 {margin-right:40px !important}
.MAR80 {margin-right:80px !important}
.MAR150 {margin-right:150px !important}
.MAR200 {margin-right:200px !important}
.MAR250 {margin-right:250px !important}
.MAB0 {margin-bottom:0px !important}
.MAB5 {margin-bottom:5px !important}
.MAB10 {margin-bottom:10px !important}
.MAB15 {margin-bottom:15px !important}
.MAB20 {margin-bottom:20px !important}
.MAB25 {margin-bottom:25px !important}
.MAB30 {margin-bottom:30px !important}
.MAB35 {margin-bottom:35px !important}
.MAB40 {margin-bottom:40px !important}
.MAB60 {margin-bottom:60px !important}
.MAT0 {margin-top:0 !important}
.MAT5 {margin-top:5px !important}
.MAT10 {margin-top:10px !important}
.MAT15 {margin-top:15px !important}
.MAT20 {margin-top:20px !important}
.MAT25 {margin-top:25px !important}
.MAT30 {margin-top:30px !important}
.MAT35 {margin-top:35px !important}
.MAT40 {margin-top:40px !important}
.MAT50 {margin-top:50px !important}
.MAT55 {margin-top:55px !important}
.MAT60 {margin-top:60px !important}
.MAT-5 {margin-top:-5px !important}
.MAT-10 {margin-top:-10px !important}
.MAT-15 {margin-top:-15px !important}
.MAT-20 {margin-top:-20px !important}
.MAT-25 {margin-top:-25px !important}
.MAT-30 {margin-top:-30px !important}
.MAT-35 {margin-top:-35px !important}
.MAT-40 {margin-top:-40px !important}
.PAL5 {padding-left:5px !important}
.PAL10 {padding-left:10px !important}
.PAL15 {padding-left:15px !important}
.PAL20 {padding-left:20px !important}
.PAL25 {padding-left:25px !important}
.PAL30 {padding-left:30px !important}
.PAL35 {padding-left:35px !important}
.PAL40 {padding-left:40px !important}
.PAL45 {padding-left:45px !important}
.PAL50 {padding-left:50px !important}
.PAR5 {padding-right:5px !important}
.PAR10 {padding-right:10px !important}
.PAR15 {padding-right:15px !important}
.PAR20 {padding-right:20px !important}
.PAR25 {padding-right:25px !important}
.PAR30 {padding-right:30px !important}
.PAR35 {padding-right:35px !important}
.PAR40 {padding-right:40px !important}
.PAT5 {padding-top:5px !important}
.PAT10 {padding-top:10px !important}
.PAT15 {padding-top:15px !important}
.PAT20 {padding-top:20px !important}
.PAT25 {padding-top:25px !important}
.PAT30 {padding-top:30px !important}
.PAT35 {padding-top:35px !important}
.PAT40 {padding-top:40px !important}
.PAB5 {padding-bottom:5px !important}
.PAB10 {padding-bottom:10px !important}
.PAB15 {padding-bottom:15px !important}
.PAB20 {padding-bottom:20px !important}
.PAB25 {padding-bottom:25px !important}
.PAB30 {padding-bottom:30px !important}
.PAB35 {padding-bottom:35px !important}
.PAB40 {padding-bottom:40px !important}
.PdG5{padding:5px !important}
.PdG10{padding:10px !important}
.PdG20{padding:20px !important}
.PdG30{padding:30px !important}
.PdG40{padding:40px !important}
.PdG50{padding:50px !important}
.PdG0{padding:0 !important}
.MA0{margin:0 !important}
/* tabmenu */
#example-two ul li > a{display:block}
#example-two ul li a:hover{background:#333;color:#fff}
#example-two .nav{overflow:hidden;margin-bottom:25px;border-bottom:1px solid #ddd}
#example-two .nav li{float:left;height:30px;margin-right:5px;background:#666}
#example-two .nav li a{display:block;padding:0 10px;font-size:1.077em;color:#fff;text-align:center;line-height:30px}
#example-two li a.current, #example-two li a.current:hover{border:1px solid;border-color:#ddd #ddd #fff #ddd;background-color:#fff !important;color:#333}
#example-two .nav li a:hover, #example-two .nav li a:focus{background:#999}
#example-two .list-wrap ul li p{margin-top:10px}
#example-two .list-wrap ul li p span{display:inline-block;width:60px;height:20px;margin-right:10px;background:#464646;color:#fff;text-align:center;line-height:20px}
#example-two .list-wrap ul li p strong{color:#2c6eb5;font-weight:normal}

/*읍면동*/
.euptown-img{float:left;width:22%;text-align:center;border:#ddd 1px solid;background:#eee;padding:4px 4px 10px 4px}
.euptown-img img{width:100%;margin-bottom:5px}
.euptown-text{float:right;width:74%;margin-left:0px !important;text-align:justify;margin-bottom:20px}
.euptown-text li{margin-bottom:10px}
.euptown-text li h3{font-size:16px;color:#000}
.euptown-text li strong{font-size:21px;color:#000}
.eup-town ul li{margin-bottom:5px !important}
.eup-box{overflow:hidden;width:100%;height:100%;border-bottom:#eee 1px solid}
.euptown-img2{float:left;width:22%;text-align:center;border:#ddd 1px solid;background:#eee;padding:4px}
.euptown-img2 img{width:100%}
.euptown-text2{float:right;width:74%;margin-left:0px !important;text-align:justify;margin-bottom:10px}
.euptown-text2 li{margin-bottom:10px}
.euptown-text2 li h3{font-size:14px}
.euptown-text2 li strong{font-size:21px;color:#000}

.euptown-text3{margin-left:20px !important;text-align:justify;margin-bottom:10px}
.euptown-text3 li{margin-bottom:10px}
.euptown-text3 li h3{font-size:14px}
.euptown-img3{clear:both;position:relative;overflow:hidden;width:100%}
.euptown-img3 dl{margin-bottom:20px}
.euptown-img3 dl dd{float:left;width:31.3%;margin:0 1%;padding:0;background:none !important;text-align:center}
.euptown-img3 dl dd img{width:90%;border:#ddd 1px solid;background:#eee;padding:4px}
.euptown-img3 dl dd p{text-align:center;color:#666}

.resizing{padding:4px;border:1px solid #ddd;background:#f9f9f9}
/*연혁*/
.history{overflow:hidden;margin-bottom:40px;background:url('/html/S01/img/history-bg.gif') no-repeat 0px 210px}
/*.history h1{float:none !important;display:block;padding-left:50px;font-weight:normal;line-height:33px;font-size:1.917em !important;letter-spacing:-1px}
.history h2{display:block;font-weight:normal;color:#d02324;margin-bottom:30px;padding-left:200px}
.his-btn1{float:left;width:49%;line-height:40px;color:#fff;font-weight:bold;border:#305191 1px solid;text-align:center;font-size:1.077em;background:url('../images/sub/his-btn-bg1.gif') repeat left top}
.his-btn2{float:right;width:49%;line-height:40px;color:#333;font-weight:bold;border:#ddd 1px solid;text-align:center;font-size:1.077em;background:url('../images/sub/his-btn-bg2.gif') repeat left top}*/
.history table{width:100%;margin-top:10px}
.history table th{text-align:right;padding-right:30px;border-right:#ddd 1px solid;line-height:30px;font-size:1.385em;border-top:#ddd 1px solid}
.history table td{padding:10px 0 10px 10px;border-bottom:#ddd 1px solid}
.history table p{font-weight:normal}
.history ul li{text-align:justify}
.history span{color:#60a0d6}
.history img{width:100%;margin-bottom:10px}

.boxarea{position:relative;overflow:hidden;padding:10px;border:1px solid #dedede;background:#f9f9f9}
.boxarea p{margin-bottom:20px}

/* 청소년헌장 */
.youth_charter{position:relative;overflow:hidden;width:100%}
.youth_charter ul{clear:both;overflow:hidden;margin-bottom:10px}
.youth_charter ul li{float:left;width:338px;min-height:158px;padding:20px;border:1px solid #ddd;background:#f9f9f9;font-size:1.083em;color:#777;line-height:18px}
.youth_charter ul li:first-child{margin-right:10px}
.youth_charter ul li p{margin-bottom:5px;font-size:1.538em;color:#0d4891;line-height:25px}
.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{position:relative;overflow:hidden;width:100%}
.youth_rights ul li{float:left}
.youth_rights ul li.L{width:332px;height:310px;background:url('/html/S01/img/rights_bg.jpg') no-repeat}
.youth_rights ul li.R{width:410px;margin-left:28px}
.youth_rights ul li.R dl{clear:both;overflow:hidden;margin-top:20px}
.youth_rights ul li.R dl dd{margin-bottom:10px;padding-left:8px;background:url('/html/S01/img/rights_bullet.gif') left 8px no-repeat;font-size:1.083em;color:#777}

/* 청소년증명발급안내 */
.caution{font-size:1em;color:#f60;font-weight:bold}

/* 청소년전화 */
.youth_banner{position:relative;overflow:hidden;width:100%}
.youth_banner ul{margin-left:0 !important}
.youth_banner ul li{float:left;background:none}
strong.font12{font-size:1em;font-weight:bold}

/* 군민헌장 */
.hj-box{width:99.8%;margin:10px 0}
.hj-box h3{font-size:1.077em;line-height:20px;margin:15px 5px 15px 15px}
.hj-box1{width:100%;height:71px;margin-top:15px;border:#ddd 1px solid}
.hj-box1 li{float:left}
.hj-img1{width:50%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img1.jpg') left top no-repeat}
.hj-img2{width:50%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img2.jpg') left top no-repeat}
.hj-img3{width:50%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img3.jpg') left top no-repeat}
.hj-img4{width:50%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img4.jpg') left top no-repeat}
.hj-img5{width:50%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/hj-img5.jpg') left top no-repeat}

/* 군정방침 */
.hwasun-bch{width:99.8%;margin:10px 0}
.hwasun-bch h3{width:110px;font-size:1.385em;line-height:30px;text-align:center;background:#71ade1;color:#fff}
.hwasun-bch h4{font-size:1.385em;line-height:30px;margin:35px 10px 0 10px;color:#000}
.hwasun-bch p{font-size:1.077em;line-height:20px;margin:0 10px;text-align:justify}
.hwasun-bch img{border-bottom:#eee 1px solid}
.hwa-text{width:56%}
.hwa-img{overflow:hidden;width:100%;margin-top:15px;border-bottom:#eee 1px solid}
.hwa-img li{float:left}
.hwa-img1{width:44%;height:145px;text-indent:-9000px;color:#fff;background:url('/html/S01/img/contents/hwa-img2.jpg') left bottom no-repeat}
.hwa-img2{width:44%;height:150px;text-indent:-9000px;color:#fff;background:url('/html/S01/img/contents/hwa-img3.jpg') right bottom no-repeat}
.hwa-img3{width:44%;height:150px;text-indent:-9000px;color:#fff;background:url('/html/S01/img/contents/hwa-img4.jpg') left bottom no-repeat}
.hwa-img4{width:44%;height:160px;text-indent:-9000px;color:#fff;background:url('/html/S01/img/contents/hwa-img5.jpg') right bottom no-repeat}
.hwa-img5{width:44%;height:160px;text-indent:-9000px;color:#fff;background:url('/html/S01/img/contents/hwa-img6.jpg') left bottom no-repeat}
.hwa-img6{width:44%;height:160px;text-indent:-9000px;color:#fff;background:url('/html/S01/img/contents/hwa-img7.jpg') right bottom no-repeat}

/* 조직도 */
.joj-box{overflow:hidden;width:100%;margin-bottom:20px;background:url('/html/S01/img/contents/joj-bg.gif') center top repeat-y}
.joj-box a{color:#fff}
.joj-box h3{width:20%;margin:0 auto;font-size:1.385em;line-height:30px;text-align:center;border:#4e7393 1px solid;background:url('/html/S01/img/contents/joj-bg1.gif') left top repeat-x;color:#fff}
.joj-box h4{width:20%;margin:0 auto;font-size:1.385em;line-height:30px;text-align:center;border:#618eb5 1px solid;background:url('/html/S01/img/contents/joj-bg2.gif') left top repeat-x;color:#fff}
.joj-box p{margin-top:20px}
.joj-sbox{overflow:hidden;width:24.99%;float:left;margin-bottom:20px/*border:red 1px solid*/}
.joj-sbox h5{margin:0 auto;width:75%;border:#ddd 1px solid;font-size:1.077em;line-height:30px;margin-bottom:5px;text-align:center;background:url('/html/S01/img/contents/joj-bg3.gif') left top repeat-x}
.joj-sbox h5 a{color:#333 !important}
.joj-sbox ul{margin:0 auto;width:75%;padding:10px 0;border:#ddd 1px solid;border-top:#77b4e8 3px solid;background:#fff}
.joj-sbox ul li{line-height:25px;padding-left:30px;background:url('/html/S01/img/icon_h6.gif') 15px 10px no-repeat}
.joj-sbox ul li a{color:#333}
.jojTable{margin:0 auto;width:70%;text-indent:-9000px}
.jojTable td{border-top:#ddd 1px solid;border-left:#ddd 1px solid;border-right:#ddd 1px solid}
.wsize{width:33.3% !important}

.new-screen img{margin:6px 0 0 5px}
/* button */
.btn{clear:both;overflow:hidden}
.btn img{vertical-align:middle;margin-right:5px}
.btn a{color:#333}
.btn a:hover{color:#000}
.btn-gray{display:block;border:#ddd 1px solid;line-height:25px;text-align:center;background:url('/html/S01/img/contents/joj-bg3.gif') left top repeat-x;color:#333;
/* -webkit-border-radius:0.3em;
 -moz-border-radius:0.3em;*/
  border-radius:0.3em;
  font-size:12px
}
.btn-blue{font-size:1.077em;line-height:30px;text-align:center;border:#4e7393 1px solid;background:url('/html/S01/img/contents/joj-bg1.gif') left top repeat-x;color:#fff}
.btn-sky{font-size:1.077em;line-height:30px;text-align:center;border:#618eb5 1px solid;background:url('/html/S01/img/contents/joj-bg2.gif') left top repeat-x;color:#fff}
.btn-SZ10{width:10%}
.btn-SZ15{width:15%}
.btn-SZ20{width:20%}
.btn-SZ25{width:25%}
.btn-SZ30{width:30%}
.btn-SZ35{width:35%}
.btn-SZ40{width:40%}
.btn-SZ45{width:45%}
.btn-SZ50{width:50%}
.btn-SZ55{width:55%}
.btn-SZ60{width:60%}
.btn-SZ65{width:65%}
.btn-SZ70{width:70%}
.btn-SZ75{width:75%}
.btn-SZ075{width:75%}
.btn-SZ80{width:80%}
.btn-SZ85{width:85% !important}
.btn-SZ90{width:90% !important}
.btn-SZ95{width:95% !important}
.btn-SZ97{width:97% !important}
.SZ100{width:100% !important}

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

/* 상징물 */
.hs-flag{overflow:hidden;margin-bottom:20px}
.hs-flag img{float:left;width:30%}
.hs-flag > div{float:right;width:65%;margin-top:40px;font-size:1.077em}
.hs-sj{float:left;width:30%;margin:0 1.45% 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}
.hs-sj1{float:left;width:29%;margin:0 1.45% 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}
.hs-sj2{float:left;width:46%;margin:0 1.45% 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:30%;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}




/* ebook */
.hs-flag1{overflow:hidden;margin-bottom:20px}
.hs-flag1 img{float:left;width:30%}
.hs-flag1 > div{float:right;width:65%;margin-top:40px;font-size:1.077em}
.hs-sj1{float:left;width:29%;margin:0 1.45% 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}
.hs-sj1 img{width:100%;margin-bottom:5px}
.hs-sjR1{float:left;width:30%;margin:0 0 5% 0 !important;padding:1% 1% 3% 1% !important;font-size:1.077em;border:#ddd 1px solid}
.hs-sjR1 img{width:100%;margin-bottom:5px}


/* site map */
.site-box{float:left;width:100%;/*margin-left:1%;*/border-top:#809abb 2px solid;margin-bottom:30px}
.site-title a{color:#000}
.site-title{border-bottom:#ddd 1px solid;font-size:1.333em;font-weight:bold;line-height:30px;margin-bottom:5px;padding-left:30px;color:#000;background:url(/html/S01/img/icon_bullet.png) 10px 8px no-repeat}
.site-box ul li{overflow:hidden;line-height:25px;padding:10px 0 10px 31px;color:#555;border-bottom:#ddd 1px dashed;background:url(/html/S01/img/icon_bullet3.gif) 14px 17px no-repeat}
.site-box ul li a{color:#555}
.site-box ul li a:hover{color:#000}
.site-box dl dd{float:left;line-height:25px;margin-right:15px;padding-left:15px;color:#555;white-space:nowrap;/*자동 줄바꿈 방지*/background:url(/html/S01/img/icon_h6.gif) 3px 10px no-repeat}

/* 면적 */
.land-box{float:left;width:31%;margin:10px 0 10px 2%;text-align:center}
.land-box span{font-size:1.385em;font-weight:bold;line-height:24px}
.land-box img{width:99%;border:#777 1px solid}

/* 교류도시 */
.city-box{overflow:hidden;width:100%;border-top:#ddd 1px solid;padding-top:20px}
.city-box img{float:left;width:25%;padding:0.8%;border:#ddd 1px solid}
.city-box div{float:right;width:73%;margin-top:10px}

/* 기업현황 및 상품소개 */
.bsn-box{overflow:hidden;width:100%;margin-top:10px}
.bsn-box img{width:100%}
.bsn-box span{line-height:30px;font-size:1.308em;font-weight:bold}
.bsn-box li{float:left;width:20%;margin:0 8px 8px 0 !important;padding:5px 5px 0 5px !important;border:#ddd 1px solid;background:none !important}

/**/
/* .bank th,td{text-align:left;padding-left:10px !important} */

/* 하니움 */
.hnu-box img{float:left;width:50%;padding:0.5%;margin-bottom:10px;border:#ddd 1px solid}
.hnu-box div{float:right;width:46.5%;margin-top:10px;font-size:1.077em;text-align:justify}
.hnu-box span{display:block;line-height:27px;font-size:1.308em;font-weight:bold;margin-bottom:12px}


/* 흐름도 */
.arr-box{overflow:hidden}
.arr-box li{float:left;margin-bottom:10px;padding:3px !important;border:#ddd 1px solid}
.arr-box span{display:inline-block;width:auto !important;padding:15px 15px;background:#eee !important;color:#000}
.arr-bg{float:left;width:30px;height:50px;background:url(/html/S01/img/contents/arr-img.gif) 8px 15px no-repeat !important}
.plus-bg{width:30px;height:50px;background:url(/html/S01/img/contents/plus-img.gif) 11px 20px no-repeat !important}
.minus-bg{width:30px;height:50px;background:url(/html/S01/img/contents/minus-img.gif) 11px 20px no-repeat !important}
.sam-bg{width:30px;height:50px;background:url(/html/S01/img/contents/sam-img.gif) 11px 20px no-repeat !important}

/* 화순종합계획 */
.future-box{width:99.8%;margin:10px 0}
.future-box h3{font-size:1.077em;line-height:71px;margin:0px 5px 0px 15px}
.future-box1{width:100%;height:71px;margin-top:15px;border:#ddd 1px solid;background:#f5f5f5}
.future-box ul li{float:left !important}
.future-img1{width:44%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img1.jpg') left bottom no-repeat}
.future-img2{width:44%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img2.jpg') right bottom no-repeat}
.future-img3{width:44%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img3.jpg') left bottom no-repeat}
.future-img4{width:44%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img4.jpg') right bottom no-repeat}
.future-img5{width:44%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img5.jpg') left bottom no-repeat}
.future-img6{width:44%;height:71px;text-align:right;color:#fff;background:url('/html/S01/img/contents/future-img6.jpg') right bottom no-repeat}

/*멀티미디어*/
.movieArea{position:relative;overflow:hidden;width:100%;text-align:center}
.movie1{width:50%;margin-top:50px;margin-left:20px;border:#ddd 1px solid}
.Mtext02{position:relative;overflow:hidden;width:100%;margin-bottom:20px;text-align:left}
.movieArea img{margin-left:30px}
.moviePlayer{position:relative;overflow:hidden;width:768px;height:583px;padding-top:45px;background:url('/html/S01/img/contents/multi-img2.jpg') left top no-repeat}
/*.moviePlayer video{width:402px;height:289px;background:#000}*/
.moviePlayer video{width:702px;height:425px;background:#000}*/

/*여권*/
.pass-img{width:99%;text-align:center !important;border-top:#eee 1px solid;border-bottom:#eee 1px solid;padding:10px 0}

/* 재난관리 */
.disaster{overflow:hidden;width:100%;margin-bottom:20px}
.disaster ul{float:left;width:83%;margin:5px 0 !important}
.disaster span{float:left;width:15%;margin-right:2%}
.dis-title{width:100%;line-height:40px;color:#333;padding:0 !important;border-bottom:#ddd 1px solid;font-size:1.692em;font-weight:bold;letter-spacing:-0.09em;background:none !important}
.dis-txt{margin-top:1px;padding:5px 0 !important;border-top:#ddd 1px solid;background:none !important}

.m-cbox1 span{display:inline-block}

/* 게시판 */
.board-bg1{background:url('/html/S01/img/contents/board-top-bg.gif') 0 bottom no-repeat;}
.board-bg2{background:url('/html/S01/img/contents/board-top-bg2.gif') 0 bottom no-repeat;}
.board-topbox{position:relative;width:100%;height:68px;margin:-25px 0 20px 0;/*font-family:'dotum';*/font-size:12px;/*color:#333;*/}
.board-topbox p{float:left;width:14%;text-align:center;}
.board-topbox p img{vertical-align:middle}
.board-topbox span{float:right;width:83%;line-height:18px;margin:15px 10px 0 0}
.board-topbox2{width:100%;height:100px;margin:-26px 0 20px 0;/*font-family:'dotum';*/font-size:12px;/*color:#333;*/}
.board-topbox2 p{float:left;width:14%;text-align:center;}
.board-topbox2 span{float:right;width:83%;line-height:18px;margin:15px 10px 0 0}


/* 쓰레기 배출방법 */
.chartForm2{position:relative;overflow:hidden;width:100%}
.chartForm2 dl{float:left;width:44%;min-height:55px;margin:0 0 0 0 !important;padding:1%;border:1px dashed #ddd;background:#fcfcfc;color:#666;font-weight:normal}
.chartForm2 dl dt{background:none;font-size:1.083em;color:#6b91b4;font-weight:bold}
.chartForm2 dl dd{margin:0;background:none}
.chartForm2 dl.arrow{display:inline-block;width:4%;height:57px;border:none;background:none;color:#666;line-height:57px;text-align:center}

.chartForm3{position:relative;overflow:hidden}
.chartForm3 dl{float:left;width:25%;min-height:55px;margin:0 0 10px 0 !important;padding:1%;border:1px dashed #ddd;background:#fcfcfc}
.chartForm3 dl.spe{border:1px solid #5ba615}
.chartForm3 dl.spe dt{color:#5ba615}
.chartForm3 dl dt{background:none;font-size:1.083em;color:#6b91b4;font-weight:bold}
.chartForm3 dl.arrow{float:left;width:4%;height:57px;border:none;background:none;color:#666;line-height:57px;text-align:center}

/* 브로셔 */
.bro-bg{width:98%;padding:5px;border:#ddd 1px solid;background:#eee url('/_HWASUN_KOR/img/sub/bro-bg.gif') 610px 60px no-repeat}
.bro-box{position:relative;border:#777 1px solid;width:596px}
.slidesjs-pagination{display:none}
.slidesjs-previous{position:absolute;width:40px;height:40px;top:10px;text-indent:-9000px;right:-50px;background:url('/_HWASUN_KOR/img/sub/left.png') left top no-repeat}
.slidesjs-next{position:absolute;width:40px;height:40px;top:10px;text-indent:-9000px;right:-95px;background:url('/_HWASUN_KOR/img/sub/right.png') left top no-repeat}

/* 행사 */
.calendarForm{position:relative;overflow:hidden;width:100%}
.calendarForm table{width:100%}
.calendarForm table tr.week th{min-height:30px;border:1px solid #ddd;background:#eee;font-size:1.333em;color:#777;text-align:center;line-height:30px}
.calendarForm table tr.week th.sun{border:1px solid #cb6b7b;background:#cb6b6b;color:#fff}
.calendarForm table tr.week th.sat{border:1px solid #4988c7;background:#4987c7;color:#fff}
.calendarForm table tr td{height:100px;margin:0.3%;padding:0.3%;border:1px solid #eee;font-size:0.917em;color:#000;vertical-align:top}
.calendarForm table tr td span{margin-right:5px}
.calendarForm table tr td p a{font-size:1.083em;color:#888}
.calendarForm table tr td p a:hover{text-decoration:underline}
.calendarForm table tr td.sun{color:#cb6b6b}
.calendarForm table tr td.sat{color:#4987c7}
.calendarForm table tr td.blankday{background:#fcfcfc}
.calendarForm p.calendar_select{width:100%;margin:20px 0 10px;font-size:2em;color:#000;font-weight:bold;text-align:center;line-height:30px}
.calendarForm p.calendar_select a{margin:0 2px}
.calendarForm p.calendar_select span{margin:0 20px}







/*********************************************************/
/************************* Board *************************/
/*********************************************************/

.boardForm{position:relative;overflow:hidden;width:100%;font-size:12px}
.searchForm{position:relative;overflow:hidden;width:100%;height:30px;line-height:30px}
.searchForm ul li{float:left;font-size:1em;color:#333}
.searchForm ul li p.subject{padding-left:20px;background: url('/html/S01/img/icon_bullet.png') 0 9px no-repeat;font-size:1.167em;color:#000;font-weight:bold}
.searchForm ul li strong{color:#c23f3f;font-weight:bold}
.searchForm ul li.R{float:right}
.searchForm ul li.R input, .searchForm ul li.R select{vertical-align:middle}
.searchForm ul li.R select{height:20px;border:1px solid #ddd;font-size:1em;color:#555}
.searchForm ul li.R .search_input{width:148px;height:18px;border:1px solid #ddd;font-size:1em;color:#555}
.searchForm ul li.R .btn_search{cursor:pointer;width:46px;height:20px;border:0;background:#464646;color:#fff;text-align:center}

.boardForm table{width:100%;border-collapse:collapse}
.boardForm table tr th{height:35px;border-top:2px solid #888;border-bottom:1px solid #ddd;background:#fcfcfc;font-size:1.083em;color:#333}
.boardForm table tr td{padding:7px 0;border-bottom:1px solid #eee;font-size:1em;color:#666;text-align:center}
.boardForm table tr td img{vertical-align:middle}
.boardForm table tr td.L{padding-left:5px;text-align:left}

.noData{font-size:1.083em;color:#555;text-align:center}
.icon_reply{display:inline-block;width:8px;height:10px;background:url('/upfiles/skin/board/default/icon_reply.png') no-repeat;vertical-align:middle}
.icon_file{display:inline-block;width:12px;height:12px;background:url('/upfiles/skin/board/default/icon_file.png') no-repeat;vertical-align:middle}
.icon_new{display:inline-block;width:11px;height:11px;background:url('/upfiles/skin/board/default/icon_new.png') no-repeat;vertical-align:middle}
.boardForm table tr td.L a{color:#666;font-weight:normal !important}
.boardForm table tr td.L a:hover{color:#ccc}

.pageForm{position:relative;overflow:hidden;width:100%;margin-top:10px;text-align:center}
.pageForm 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 a:hover{border:1px solid #6f78a0;color:#6f77a0 !important}
.pageForm a.this{border:1px solid #6f78a0;background:#6f77a0;color:#fff !important}

.btns { position:relative; overflow:hidden; margin-top:10px; }
.btns ul li{float:left}
.btns ul li.R{float:right}


/* boardR */
.boardR{position:relative;overflow:hidden;width:100%;border-collapse:collapse}
.boardR > h4{clear:both;margin-bottom:5px;padding-left:15px;background:url('/html/S01/img/icon_bullet.png') 0 3px no-repeat;font-size:1.333em;color:#000}
.boardR > p{padding:7px;border-top:2px solid #888;border-bottom:1px solid #ddd;background:#fcfcfc;font-size:1.167em;color:#333;font-weight:bold}
.boardR > p > .job{color:#c23f3f}
.boardR > p span img{vertical-align:middle}
.boardR ul p.C{margin:10px 0;text-align:center}
.boardR ul li{display:block;padding:7px;border-bottom:1px solid #eee;color:#666}
.boardR ul li a{color:#333;font-weight:normal !important}
.boardR ul li a:hover{color:#ccc}
.boardR ul li span{margin-right:20px}
.boardR ul li span.file{display:inline-block;width:12px;height:12px;margin-right:10px;background:url('/upfiles/skin/board/default/icon_file.png') no-repeat;vertical-align:middle}

.boardR table{width:100%;border-top:2px solid #888;border-collapse:collapse}
.boardR table tr th{height:35px;border-bottom:1px solid #ddd;background:#f9f9f9;font-size:1.083em;color:#333}
.boardR table tr td{padding:7px 0px;border-bottom:1px solid #ddd;font-size:1em;color:#666;text-align:center}
.boardR table tr td.L{padding-left:5px;text-align:left}
.boardR table tr td.L p > .caution{padding:0px !important;color:#6f77a0}
.boardR table tr td.L dl dd input[type='radio']{vertical-align:middle}
.boardR table tr td.L .zip_input{width:40px;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardR table tr td.L .money_input{width:20%;height:18px;border:1px solid #ddd;font-size:1em;color:#666;text-align:right}
.boardR table tr td.L .btn_search{display:inline-block;cursor:pointer;width:46px;height:20px;border:0;background:#464646;color:#fff;text-align:center}
.boardR table tr td span.file{display:inline-block;width:12px;height:12px;margin-right:10px;background:url('/upfiles/skin/board/default/icon_file.png') no-repeat;vertical-align:middle}

.boardN{position:relative;overflow:hidden;width:100%;border-collapse:collapse}
.boardN table{border-top:2px solid #888;border-collapse:collapse}
.boardN table tr th{height:35px;border-bottom:1px solid #ddd;background:#f9f9f9;font-size:1.083em;color:#333}
.boardN table tr td{padding:7px 0px;border-bottom:1px solid #ddd;font-size:1em;color:#666;text-align:center}
.boardN table tr td.L{padding-left:5px;text-align:left}
.boardN table tr td.L p > .caution{padding:0 !important;color:#6f77a0}
.boardN table tr td.L dl dd input[type='radio']{vertical-align:middle}
.boardN table tr td.L .zip_input{width:40px;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardN table tr td.L .money_input{width:20%;height:18px;border:1px solid #ddd;font-size:1em;color:#666;text-align:right}
.boardN table tr td.L .btn_search{display:inline-block;cursor:pointer;width:46px;height:20px;border:0;background:#464646;color:#fff;text-align:center}
.boardN table tr td span.file{display:inline-block;width:12px;height:12px;margin-right:10px;background:url('/upfiles/skin/board/default/icon_file.png') no-repeat;vertical-align:middle}

.nextpage{position:relative;overflow:hidden;margin-top:10px;border-top:1px solid #eee}
.nextpage ul li{border-bottom:1px solid #eee;line-height:30px}
.nextpage ul li span{display:inline-block;width:100px;margin-right:5px;background:#f9f9f9;border-right:1px solid #eee;color:#333;font-weight:bold;text-align:center}
.nextpage ul li a{color:#666;font-weight:normal !important}
.nextpage ul li a:hover{color:#ccc}


/* comment */
.commentBox{clear:both;position:relative;overflow:hidden;width:96.8%;padding:1.5%;border:1px dashed #ccc;background:#f9f9f9}
.comment .comment_textarea{float:left;width:85%;height:42px;margin-right:5px;border:1px solid #dedede;background:#fff}
.comment > span{float:right;width:30px;text-align:right}



/* boardW */
.reply{position:relative;overflow:hidden;width:100%;padding-bottom:3px;font-size:1em;color:#000;font-weight:bold}
.important{color:#c23f3f}
.boardW table{width:100%;border-top:2px solid #888;border-collapse:collapse}
.boardW table tr th, .boardW table tr td{padding:7px 0;border-bottom:1px solid #ededed;font-size:1em;color:#666}
.boardW table tr th{border-right:1px solid #ededed;background:#fcfcfc;font-size:1.083em;color:#333}
.boardW table tr td{padding:10px}
.boardW table tr td input[type='file']{cursor:pointer}
.boardW table tr td input[type='radio']{vertical-align:middle}
.boardW table tr td .btn_identification a{display:inline-block;width:100px;height:20px;margin-left:10px;background:#464646;color:#fff !important;font-weight:normal !important;text-align:center;line-height:20px}
.boardW table tr td .subject_input{width:100%;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td .zip_input{width:60px;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td .money_input{width:80px;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td .name_input{width:30%;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td .email_input{width:50%;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td .address_input{width:80%;height:18px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td textarea{width:100%;height:98px;border:1px solid #ddd;font-size:1em;color:#666}
.boardW table tr td > p.caution{font-size:0.917em;color:#6f77a0;font-weight:normal}
.boardW table tr td > span.caution2{font-size:0.917em;color:#6f77a0;font-weight:normal}
a.del{color:#c23f3f !important;font-weight:normal !important}
.txt_comment{color:#4987c7}

/* gallery */
.gallery{position:relative;overflow:hidden;width:100%;border-top:2px solid #888}
.gallery ul > li{clear:both;overflow:hidden;padding:7px;border-bottom:1px solid #ededed}
.gallery ul > li dl dt{float:left;width:160px}
.gallery ul > li dl dt a img{padding:4px;border:1px solid #dedede;background:#fff}
.gallery ul > li dl dd{width:76%;margin-left:20px;text-align:justify}
.gallery ul > li dl dd a{font-weight:normal !important} 
.gallery ul > li dl dd a p{margin:5px 0 5px;font-size:1.167em;color:#000;font-weight:bold}
.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:1em;color:#999;text-align:right}

.gallery2{position:relative;overflow:hidden;width:100%;border-top:2px solid #888}
.gallery2 ul{overflow:hidden;padding-top:10px;border-bottom:1px solid #ddd}
.gallery2 ul > li{float:left;width:24.9%;height:140px;text-align:center}
.gallery2 ul > li > a > img{padding:4px;border:1px solid #dedede;background:#fff}
.gallery2 ul > li > a .middle img{vertical-align:middle}
.gallery2 ul > li > a p{font-size:1.083em;color:#000;font-weight:normal !important;line-height:20px}
.gallery2 ul > li small{display:block;font-size:11px;color:#999}


/* photoBox */
.photoBox{position:relative;overflow:hidden;padding:8px;border:1px solid #ddd;background:#fcfcfc}
.photoBox > div{float:left}
.photoBox > .btn_prev{float:left;width:28px;height:78px}
.photoBox > .btn_next{float:right;width:28px;height:78px}

.photoList{position:relative;overflow:hidden;margin:0 10px}
.photoList ul li{float:left;margin:0 10px}
.photoList ul li img{width:100px;height:70px;padding:3px;border:1px solid #ddd;background:#fff}
.photoList ul li img.current{border:1px solid #3790ec}


/* questionPW */
.questionForm{margin:0 auto;position:relative;width:70%;padding:30px;border:1px solid #d0d9e2;background:url('/upfiles/skin/board/basic/pw_bg.gif') repeat;font-size:12px}
.questionForm > p{display:block;min-height:49px;margin-bottom:10px;padding-left:90px;background:url('/upfiles/skin/board/basic/icon_pw.png') no-repeat;font-size:1.167em;color:#333}
.questionForm > p span{color:#007bc7}
.questionPW{position:relative;overflow:hidden;padding:15px;border:1px solid #d0d9e2;background:#fff;text-align:center}
.questionPW ul li span{margin-right:5px;font-size:1.083em;color:#555}
.questionPW ul li.ft14{font-size:1.167em}
.questionPW ul li.ft14 strong{color:#6f77a0;font-weight:bold}
.questionPW ul li > p.caution{font-size:0.917em;color:#6f77a0}
.questionPW ul li input[type='password']{display:inline-block;width:40%;height:18px;border:1px solid #ddd;background:#fcfcfc}

/* poll */
.standby{display:inline-block;width:60px;height:20px;background:#75b954;font-size:1em;color:#fff;text-align:center;line-height:20px}
.close{display:inline-block;width:60px;height:20px;background:#cb6b6b;font-size:1em;color:#fff;text-align:center;line-height:20px}
.going{display:inline-block;width:60px;height:20px;background:#4987c7;font-size:1em;color:#fff;text-align:center;line-height:20px}
.end{display:inline-block;width:60px;height:20px;background:#464646;font-size:1em;color:#fff;text-align:center;line-height:20px}

.pollForm{position:relative;overflow:hidden;width:100%}
.pollForm > .noData{padding:7px;border:1px solid #ddd}
.pollForm ul li > dl{overflow:hidden;margin-bottom:10px;padding:10px;border:1px solid #ddd;background:#fcfcfc;font-size:12px;color:#666}
.pollForm ul li > dl dt{margin-bottom:5px;font-size:1.167em;color:#333;font-weight:bold}
.pollForm ul li > dl dd{float:left;margin-right:15px}
.pollForm ul li > dl dd input[type='radio']{vertical-align:middle}



/* 관광안내책자신청 */
.boardR2{position:relative;overflow:hidden;margin:10px 0;padding:10px;border:1px solid #ddd;background:#fcfcfc}
.boardR2 ul li{color:#666}
.boardR2 ul li .caution{font-size:0.917em;color:#6f77a0}
.boardR2 ul li select{height:20px}
.boardR2 ul li input[type='submit']{cursor:pointer;width:46px;height:20px;border:0;background:#464646;color:#fff;text-align:center}



/* 주요일정 */
.calendarForm{position:relative;overflow:hidden;width:100%}
.calendarForm ul.week li{min-height:30px;background:#eee;font-size:1.333em;color:#777;text-align:center;line-height:30px}
.calendarForm ul.week li.sun{border:1px solid #cb6b7b;background:#cb6b6b;color:#fff}
.calendarForm ul.week li.sat{border:1px solid #4988c7;background:#4987c7;color:#fff}
.calendarForm ul li{float:left;width:12.8%;min-height:100px;margin:0.3%;padding:0.3%;border:1px solid #eee;font-size:0.917em;color:#000}
.calendarForm ul li span{margin-right:5px}
.calendarForm ul li p a{font-size:1.083em;color:#888}
.calendarForm ul li p a:hover{text-decoration:underline}
.calendarForm ul li p.sun{color:#cb6b6b}
.calendarForm ul li p.sat{color:#4987c7}
.calendarForm ul li.blankday{background:#fcfcfc}
.calendarForm p.calendar_select{width:100%;margin:20px 0 10px;font-size:2em;color:#000;font-weight:bold;text-align:center;line-height:30px}
.calendarForm p.calendar_select a{margin:0 2px}
.calendarForm p.calendar_select span{margin:0 20px}



/* 배출신고안내 */
.progressForm{position:relative;overflow:hidden;margin-bottom:20px;padding:10px;border:1px solid #dedede;background:#f9f9f9}
.progressForm ul li{color:#333}
.progressForm ul li p{font-size:1.167em;color:#000;font-weight:bold}
.progressForm ul li strong{margin:0 10px;font-size:1.083em;font-weight:bold}
.progressForm ul li input[type='submit']{cursor:pointer;width:46px;height:20px;border:0;background:#464646;color:#fff;text-align:center}
.progressForm ul li.R{float:right}



/* 개별공시지가열람 */
.boardBox{clear:both;position:relative;overflow:hidden;padding:10px;border:1px solid #ddd;background:#fcfcfc;color:#555}
.boardBox ul li span.caution{color:#6f77a0}
.boardBox ul li span.caution2{padding-left:0 !important;color:#6f77a0 !important;font-weight:normal !important}
.boardBox > p.caution2{padding-left:0 !important;color:#cb6b6b !important;font-weight:normal !important}


.btns ul li.R input[type='submit']{cursor:pointer;width:46px;height:20px;border:0;background:#464646;color:#fff;text-align:center}

/* sub-title */
.sub-title-box{width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:#eee 1px solid;font-family:'Nanum Gothic'}
.sub-title-box strong{font-size:16px;line-height:30px}
.sub-title-box p{width:65%;font-size:12px;text-align:justify;line-height:20px}
.title-img01{background:url('/html/S01/img/contents/sub-title01.jpg') no-repeat right top}
.title-img02{background:url('/html/S01/img/contents/sub-title02.jpg') no-repeat right top}
.title-img03{background:url('/html/S01/img/contents/sub-title03.jpg') no-repeat right top}
.title-img04{background:url('/html/S01/img/contents/sub-title04.jpg') no-repeat right top}
.title-img06{background:url('/html/S01/img/contents/sub-title06.jpg') no-repeat right top}
.title-img08{background:url('/html/S01/img/contents/sub-title08.jpg') no-repeat right top}
.title-img09{background:url('/html/S01/img/contents/sub-title09.jpg') no-repeat right top}
.title-img10{background:url('/html/S01/img/contents/sub-title10.jpg') no-repeat right top}
.title-img11{background:url('/html/S01/img/contents/sub-title11.jpg') no-repeat right 20px}


/* 회원가입폼 */
.joinForm{position:relative;overflow:hidden;width:100%}

.joinTab{position:relative;overflow:hidden;margin-bottom:30px;border:1px solid #ddd}
.joinTab ul li{float:left;width:19.5%;text-align:center;font-size:1.167em;color:#333;font-weight:bold;line-height:78px;letter-spacing:-0.05em}
.joinTab ul li img{margin-right:5px;vertical-align:middle}

.agreeForm{position:relative;overflow:hidden;width:100%}
.agreeForm h5{display:block;padding-left:18px;margin-bottom:5px;background:url('../img/contents/icon_bullet.gif') left 2.5px no-repeat;font-size:1.333em;font-weight:normal;color:#222}
.agreeForm textarea{overflow-y:scroll;width:95.5%;height:100px;padding:2%;border:1px solid #ddd;background:#fcfcfc;font-size:1em;color:#888;line-height:18px}
.agreeForm p input[type='checkbox']{position:relative;top:2px}

.join_title{padding:20px 0 0 130px;height:88px;border-bottom:1px solid #ededed;background:url('/_LIBRARY/img/sub/icon_jointab02.gif') 13px 13px no-repeat;font-size:1em;color:#666}
.join_title p{margin-bottom:5px;font-size:1.167em;color:#333;font-weight:bold}
.confirmForm{position:relative;overflow:hidden;margin:15px 0}
.confirmForm div{float:left;margin-bottom:20px;width:42%}
.confirm{padding:15px;margin-right:15px; border:4px solid #ededed}
.confirm ul li{float:left}
.confirm ul li.L{text-align:center}
.confirm ul li.L p{margin-top:10px}
.confirm ul li.R{margin-left:10px;width:70%}
.confirm ul li.R h6{margin-bottom:5px;font-size:1.083em;color:#555;font-weight:bold}
.confirm ul li.R p{font-size:1em;color:#666}
.confirm ul li.R p a{color:#666;text-decoration:underline}
.confirmForm > .caution{position:relative;overflow:hidden;width:96%;padding-left:20px;background:url('/_LIBRARY/img/sub/icon_caution.png') left 3px no-repeat;font-size:1em;color:#666}


/* 서브 이미지 */
.solo01{display:block;width:43%;font-size:14px;line-height:24px}
.solo02{float:right;width:60%;margin-top:40px}
.solo03{width:60%;float:right;margin-top:-30px}
.solo04{display:block;line-height:22px !important;width:63%;margin:0 0 0 15px;text-align:justify}
.solo05{display:block;line-height:22px !important;width:50%;margin:0 0 0 15px;text-align:justify}
.solo06{display:block;width:75%;margin:0 0 0 15px;text-align:justify}
.solo07{float:right;width:46%;margin-top:20px}

.jh-bg{width:100%;height:607px;padding-top:20px;background:url('/html/S01/img/contents/jh-bg.jpg') left bottom no-repeat}
.jh-bg ul{float:right;margin-left:5px}
.jh-bg ul li{margin-bottom:5px}
.contsTitle{font-size:1.833em;font-weight:bold;line-height:36px;font-family:'Nanum Gothic';color:#333;padding-left:10px;border-bottom:#eee 1px solid;border-left:#eee 1px solid/*background:#f9f9f9*/}