/*table*/
.tbl_wrap {overflow:hidden; width:100%; margin-bottom:40px;}
.tbl_wrap p {text-align:right; margin-bottom:5px; font-size:13px;}
.tbl_wrap .tbl_st1 { width:100%; border-top:2px solid #0066b3; text-align:center;}
.tbl_wrap .tbl_st1 th {padding:7px 0; background:#f1f3f5; border:1px solid #d8d8d8; border-top:none; font-size:16px !important; font-weight:700;}
.tbl_wrap .tbl_st1 td {padding:7px !important; border:1px solid #d8d8d8; border-top:none; font-size:16px !important;}
.tbl_wrap .tbl_st2 {min-width:100%; color:#404040; font-size:16px; text-align:center;}
.tbl_wrap .tbl_st2 th {padding:12px 0; background:#fff; border:1px solid #d8d8d8; border-top:none; border-bottom:2px solid #0066b3; color:#0066b3; font-weight:700;}
.tbl_wrap .tbl_st2 td {padding:12px 0; border:1px solid #d8d8d8; border-top:none; }

/*font*/
.gray {color:#555;}
.orange {color:#ff5400;}
.blue {color:#007cc0}

.taC{text-align:center;}

/* width & height */
.wp10 {width:10%;}
.wp14 {width:14%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30,
.wd_30 {width:30% !important;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp50 {width:50%;}
.wp55 {width:55%;}
.wp60 {width:60%;}
.wp70
.wd_70 {width:70%;}
.wp75 {width:75%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp100 {width:100%;}
.wp150 {width:150% !important;}
.wp200 {width:200% !important;}

/*margin & padding*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}

/*align*/
.taL {text-align:left; padding:0 20px !important;}

/*depth*/
.dep_01 {margin:0 0 20px 15px;}
.dep_01 > li {background:url(/S0002/images/depth_01.gif) no-repeat 0 2px; padding:0 0 0 20px; color:#404040; margin-top:30px; font-size:17px; }
.dep_01 > li:first-child {margin-top:0;}

/*서브공통*/
#wrap {background:#fff;}
.subTitle {width:250px; height:170px; padding-top:126px; color:#fff; font-size:25px; text-align:center; box-sizing:border-box;}
.contTitle {font-size:220%; margin-bottom:17px; font-weight:bold; letter-spacing:-1px;}
h4 {margin:15px 0; background:url(/S0002/images/h4_1.gif) no-repeat 0 50%; font-size:22px; padding-left:24px;}

/*서브공통-상단이미지*/
.subImg1,
.subImg7 {background:url('/S0002/images/sub/sub_bg11_260626.jpg') no-repeat center top; height:470px;}
.subImg2 {background:url('/S0002/images/sub/sub_bg8_260626.jpg') no-repeat center top; height:470px;}
.subImg4 {background:url('/S0002/images/sub/sub_bg3_260626.jpg') no-repeat center top; height:470px;}
/*.subImg4 {background:url('/S0002/images/sub/sub_bg9.jpg') no-repeat center top; height:470px;}*/
.subImg5 {background:url('/S0002/images/sub/sub_bg10_260626.jpg') no-repeat center top; height:470px;}
.subImg6 {background:url('/S0002/images/sub/sub_bg11_260626.jpg') no-repeat center top; height:470px;}
.subImg8 {background:url('/S0002/images/sub/sub_bg8_260626.jpg') no-repeat center top; height:470px;}
.subImg9 {background:url('/S0002/images/sub/sub_bg9.jpg') no-repeat center top; height:470px;}
.subImg10 {background:url('/S0002/images/sub/sub_bg10_260626.jpg') no-repeat center top; height:470px;}
.subImg11 {background:url('/S0002/images/sub/sub_bg11_260626.jpg') no-repeat center top; height:470px;}
.subTxt {padding-top:134px;}
.subTxt p {font-size:18px; color:#fff; margin-top:30px;}

/*서브공통-컨텐츠*/
#container {overflow:hidden; position:relative; top:-170px; margin-bottom:-150px; background:#fff;}
#container .snb {overflow:hidden; float:left; width:250px;}
#container .snb h3 {background:url(/S0002/images/snb_bg7.gif) no-repeat;}
#container .snb li {width:250px; height:49px; border-bottom:1px solid #d8d8d8;}
#container .snb li:first-child{margin-top:25px; border-top:1px solid #d8d8d8;}
#container .snb li a {display:block; color:#777; text-indent:20px; line-height:49px; font-size:117%;}
#container .snb li a:hover,
#container .snb li a:active,
#container .snb li a:focus,
#container .snb li.on a{background:url(/S0002/images/sub_bullet.jpg) no-repeat; color:#0066b3; font-weight:700; text-indent:70px;}
#container article {float:right; width:74.5%; padding:51px 33px 0 0; box-sizing:border-box;}
#container .pageWrap {margin:0 0 66px 0;}

/*서브공통-페이지이용*/
#container .pageWrap{overflow:hidden; width:100%;}
#container .location {float:left;}
#container .location ul{float:right; height:22px; padding:8px 0 0 0;}
#container .location li {float:left; height:22px; padding:0 15px 0 20px; background:url(/S0002/images/arrow.gif) no-repeat 0 50%; font-size:87%; line-height:22px;}
#container .location li:first-child {background:none; margin:0 20px 0 0; padding:0;}
#container .pageUtil {float:right;}
#container .pageUtil ul{float:right; height:34px;}
#container .pageUtil li {float:left;}


/*테이블_스타일01*/
.tb1_st1 {width: 100%; border-top: 2px solid #555555; border-bottom: 1px solid #cccccc; text-align: center; font-size: 15px; color:#555555; margin-left:-1px;}
.tb1_st1 thead {background: #f3f3f3;}
.tb1_st1 thead tr th {font-weight: 600; color: #555555; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 10px 5px;}
.tb1_st1 tbody tr th {font-weight: 600; color: #555555; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 10px 5px; background: #f3f3f3;}
.tb1_st1 tbody tr td {border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 10px 15px; font-weight: 400;}
.tb1_st1 .last {border-right: 0;}
/*테이블_스타일02*/
.tb_wrap {overflow-x: auto; margin-top: 10px;}
.tb1_st1 .tb1_st2 tr th {background: #f3f3f3; border-right: 1px solid #cccccc; border-bottom:  1px solid #cccccc; font-weight: 600; color:#555555; padding: 10px 5px;}
.tb1_st1 .tb1_st2 tr td {text-align: left; padding: 10px 5px 10px 15px; vertical-align: top;}
.tb1_st1 .tb1_st2 tr td span {font-weight: 600;}
.tb1_st2 .tb_list > li {background: url(/ko/img/sub/ico_bl02.png) no-repeat left 11px; padding-left: 10px;}
.tb1_st2 .tb_list02 li {background: url(/ko/img/sub/ico_bl03.png) no-repeat left 11px; padding-left: 7px;}


/*서브 가이드*/
.guide_basic {width:100%; margin-bottom:30px; padding:10px; background:url(/S0002/images/sit_bg.png) no-repeat;  background-size:cover; box-sizing:border-box;}
.guide_basic > div {width:100%; padding:33px 0 29px 0;  background:#fff url(/S0002/images/sit_bg2.png) no-repeat 15% 50%;  box-sizing:border-box;}
.guide_cont {margin-left:304px;}
.guide_cont b {color:#0066b3; font-size:27px; font-weight:700;}
.guide_cont p {font-size:15px; color:#404040; line-height:23px; margin:10px 0;}
.guide_cont a {display:block; width:285px; height:40px;  background:#d73535 url(/S0002/images/sit_down.png) no-repeat 0 50%; color:#fff; text-indent:55px; line-height:40px; font-size:15px; border-radius:6px;}
.guide_cont a:hover {background:#b91919 url(/S0002/images/sit_down.png) no-repeat 0 50%;}

/*사이트맵*/
.sitemap {overflow:hidden; box-sizing:border-box; border:1px solid #ddd; border-radius:5px; padding:20px 0;}
.sitemap > li {float:left; width:22%; margin:0 0 0 2.5%;}
.sitemap > li.site1,
.sitemap > li.site5{}
.sitemap > li.site1,
.sitemap > li.site2,
.sitemap > li.site3,
.sitemap > li.site4{/*수정*/height:270px;}
.sitemap > li > h4 { display:block !important; /*수정*/height:auto; /*수정*/line-height:30px; padding:5px 0 5px 15px; margin:0 !important; font-size:16px !important; background:#f5f5f5 !important; color:#05554b; border-bottom:2px solid #09506f;}
.sitemap > li > ul {padding:13px 0 0 10px;}
.sitemap > li > ul li {margin:0 0 8px 0; font-size:14px; margin:0 0 4px 0;}
.sitemap > li > ul li a:hover {font-weight:bold; color:#09506f;}
ul.dot li {background:url('/dokyong/ko/img/page/ico_dot01.jpg') no-repeat left 11px; padding-left:11px;}

@media all and (max-width:880px){
	.sitemap > li {float:left; width:30%; margin:0 0 0 2.5%;}
}
@media all and (max-width:560px){
	.sitemap > li {float:left; width:45%; margin:0 0 0 2.5%;}
}

/*1024이하*/
@media screen and (max-width:1023px) {

	h3 {text-align:left}
	#container {position:relative; top:0; margin:0;}
	#container .snb {display:none;}
	#container article {float:none; width:100%; padding:30px 14px 0 14px;}
	#container .location li {padding:0 10px 0 15px;}
	#container .location li:first-child {margin:0 10px 0 0;}

	/*서브 가이드*/
	.guide_basic > div {padding:33px 10px 29px 10px;  background:#fff;}
	.guide_cont {margin-left:0px; text-align:center;}
	.guide_cont a {margin:0 auto; text-indent:40px;}

	.subImg1,
	.subImg2,
	.subImg4,
	.subImg5,
	.subImg6,
	.subImg7{ background-size: auto 300px; height:300px; margin-top:-80px;}
	.subTxt {padding:120px 0 0 20px;}
	.subTxt p {font-size:18px; color:#fff; margin-top:30px;}

}

/*800이하*/
@media screen and (max-width:800px) {

	.contTitle{font-size:180%; margin:0 0 5px 0;}
	#container .pageWrap{margin:0 0 60px 0;}
	#footer{padding:30px 0 50px 20px;}
}

/*599이하*/
@media screen and (max-width:599px) {

	/*table-공통*/
	.bgP {background-position:0% 10%;}
	.tbl_wrap {padding-bottom:5px;}
	.tbl_wrap .tbl_st1 th, .tbl_wrap .tbl_st2 th {font-size:12px !important;}
	.tbl_wrap .tbl_st1 td, .tbl_wrap .tbl_st2 td {font-size:12px !important;}
	.tbl_wrap p {font-size:10px;}

	/*align*/
	.taL {padding-left:3px !important;}


	/*서브 가이드*/
	.guide_cont a {width:100%;}

	.subImg1,
	.subImg2,
	.subImg4,
	.subImg5,
	.subImg6,
	.subImg7{ background-size: auto 250px; height:250px; margin-top:-80px;}
	.subTxt {padding:120px 0 0 20px;}
	.subTxt img {width:300px;}
	.subTxt p { display:none; }

}

.update_info {text-align:right; font-size:13px; margin:0 5px 10px 0;}
.update_info span {display:inline-block; background:url('/ko/img/sub/update_img.gif') no-repeat left 2px; padding-left:16px;}

/*평가하기*/
.cont_foot {margin-top: 40px;}
.cont_foot .top {width: 100%; border: 1px solid #cccccc; background: #f3f3f3; text-align:center; padding:10px 10px 2px; box-sizing:border-box;}
.cont_foot .top div {overflow:hidden; display:inline-block;}
.cont_foot .top div a {float:left; font-size:14px;}
.cont_foot .top div img{ float:left; margin-right:15px; }
.cont_foot .info {width: 100%; border: 1px solid #cccccc; margin-top: 5px; box-sizing:border-box;}
.cont_foot .info .info_line {padding: 7px 20px; overflow: hidden;}
.cont_foot .info dl {float: left; color:#303030; line-height: 17px; padding: 5px 0;}
.cont_foot .info dl dt {float: left; padding:0px 20px 0px 20px;background: url(/ko/img/sub/foot_ico01.png) no-repeat left center; font-weight: 800; font-size: 14px; border-right: 1px solid #cccccc;}
.cont_foot .info dl dd {float: left; padding-left: 20px; font-weight: 400; font-size: 14px;}
.cont_foot .info .info_line01 {border-bottom: 1px dashed #cccccc;}
.cont_foot .info .info_line01 .click {float: right;}
.cont_foot .info .info_line01 .click a {
    display: block; float:left;
    background: #ebebeb; /* Old browsers */
    background: -webkit-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: -o-linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    background: linear-gradient(#ebebeb 0%, #ebebeb 50%, #dcdcdc 51%, #dcdcdc 100%);
    width: 108px; height: 28px; border-radius: 5px; border: 1px solid #bfbfbf; font-weight: 600; text-align: center; line-height: 26px; font-size: 13px;}
.cont_foot .info .info_line01 .click a.top02 {
    display: block; float: left;
    background: #6c6c6c; /* Old browsers */
    background: -webkit-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: -o-linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    background: linear-gradient(#6c6c6c 0%, #6c6c6c 50%, #606060 51%, #606060 100%);
    width: 59px; height: 28px;  padding-left:10px; border-radius: 5px; border: 1px solid #bfbfbf;
    font-weight: 600; line-height: 26px; font-size: 13px; color:#fff; text-transform: uppercase;margin-left: 5px; cursor: pointer;
}
.cont_foot .info .info_line01 .click a.top02 img {margin: -15px 0 0 5px;}
.cont_foot .info .info_line02 dl dd {font-size: 14px;}
.cont_foot .info .info_line02 form {float: right; font-size: 13px;}
.cont_foot .info .info_line02 form ul {float: left;}
.cont_foot .info .info_line02 form ul li {float: left; line-height: 27px; margin-right: 10px;}
.cont_foot .info .info_line02 form ul li label {padding-left: 5px;}
.cont_foot .info .info_line02 form .regBtn {
    float: left; width: 58px; height: 28px; border-radius: 5px; border: 1px solid #004e89; color:#fff; font-weight: 600; font-size: 13px; padding-bottom: 5px;
    background: #0066b3; /* Old browsers */
    background: -webkit-linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
    background: -o-linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
    background: linear-gradient(#0066b3 0%, #0066b3 50%, #00589a 51%, #00589a 100%);
}

/*태블릿*/
@media all and (max-width:1023px){
  /*평가하기_공통*/
  .cont_foot {width: 100%;}
  .cont_foot .top {width: 100%;}
  .cont_foot .info {width: 100%;}
}
@media all and (max-width:900px) {

  .cont_foot .info dl {float: none;}

  .cont_foot .info .info_line01 .click {float: none; padding: 40px 0px;}
  .cont_foot .info .info_line02 form {float: none; padding: 40px 0 10px;}
}

/*모바일*/
@media all and (max-width:480px) {
	.subTxt img {width:70%;}
	.subImg1,
	.subImg2,
	.subImg4,
	.subImg5,
	.subImg6,
	.subImg7{ background-size: auto 200px; height:200px; margin-top:0;}

  /*평가하기*/
  .cont_foot .top p {margin: 10px 0 0 0;}
  .cont_foot .info .info_line {padding: 7px 7px;}
  .cont_foot .info .info_line02 dl dd {font-size: 12px;}
}
@media all and (max-width:380px) {
  /*평가하기*/
  .cont_foot .top div {margin-left: 0;}
  .cont_foot .top p {width: 100%; margin: 10px 0 0 0;}
  .cont_foot .info dl dt {border: 0;}
  .cont_foot .info dl dd {margin-top: 5px;}
  .cont_foot .info .info_line02 form {padding: 63px 0 10px;}
}

/*군수와의대화 이전게시판 가기*/
.btn_conversation {width:100%; margin:10px 0;}
.btn_conversation a {display:block; margin:0 auto; width:170px; line-height:45px;border:1px solid #0065b3; background:url('/S0002/images/sub_bullet.jpg') no-repeat right; padding:0 30px 0 20px; font-weight:bold;}