@charset "utf-8";
@import url('/design/common/css/font/NotoSansKR.css');

/*본문바로가기 - jquery연동연결 */
#skipNavWrap { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipNavWrap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}

/*본문바로가기 - 수동연결*/
#skip { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skip a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skip a:focus, #skip a:hover, #skip a:active {width: auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}
#skipMap { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipMap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipMap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width: auto; padding:15px 0; background: #333; color: #fff; font-size: 13px; font-weight: bold;}

#skipMap a:focus:focus-visible{outline: none !important; border:3px dashed #ff0000 !important;}

/* 통합검색 */
#serachwrap { display:none; position:absolute; width:100%; top:115px; left:0; background:#fff; text-align:center; border-bottom:2px solid #0169a6; z-index:201; }

/*통합검색창 높이값*/
.top_ps01 {top:145px !important;}

#serachwrap div {display:inline-block; padding:15px 0 30px;}
#serachwrap a.close {position:absolute; right:2%; top:10px; }
#serachwrap select { float:left;border:1px solid #ccc; line-height:45px; height:45px; padding:0 5px; font-size:15px;}
#serachwrap #qt { float:left; border:1px solid #ccc; line-height:45px; height:45px; box-sizing:border-box; margin:0 0 0 10px; padding:0 20px; width:300px; font-size:15px;}
#serachwrap a.search_btn {display:inline-block; line-height:45px; color:#fff; background:#555; padding:0 25px; margin-top:0; font-size:16px; font-weight:600;}


/*공공누리*/
#page_open {width:100%; overflow:hidden; margin-top:30px;}
#page_open dl dt {width:20%; float:left;}
#page_open dl dd {width:77%; float:left; padding-top:10px; overflow:hidden; padding-left:3%;}
#page_open dl dd span {font-weight:bold;}
#page_open dl dd a{font-weight:bold; color:#003399;}

@media all and (max-width:1023px){
  #serachwrap {top:75px;}
  #page_open dl dd {padding-top:0;}
}
@media all and (max-width:600px){
  #serachwrap div {margin-right:30px;}
  #serachwrap select { font-size:13px;}
  #serachwrap #qt { margin-left:5px; padding:0 15px; width:200px; font-size:14px;}
  #serachwrap a.search_btn {padding:0 15px;font-size:14px;}

}
@media all and (max-width:480px){
  #serachwrap #qt { width:120px; }
}

@media all and (max-width:1023px){
.no-scrolling {position:fixed; width:100%; height:100%;}
/*.no-scrolling {overflow-y:hidden;}*/
}
.no-scrolling2 {overflow-y:hidden;}



/* PC네비 */
.gnbPC .gnbArea {float:left; text-align:center; width:73%;}
.gnbPC .gnbArea > ul {display:inline-block;}
.gnbPC .gnbArea > ul > li {float:left;}
.gnbPC .gnbArea > ul > li > a {display:inline-block; font-size:19.5px; padding:0 19px; line-height:75px; font-weight:600;}

.gnbPC .subGnb {display:none; position:absolute; top:115px; left:0; width:100%; background:#f6f6f6; border-top:1px solid #dedede; text-align:left; z-index:999;}
.gnbPC .subGnb .title {float:left; width:25%; font-size:30px; font-weight:600; margin:30px 0; padding-bottom:170px; }
.gnbPC .subGnb .dept2 {float:left; width:20%; /*min-height:325px;*/ background:#008943;}
.gnbPC .subGnb .dept2 > li {position:relative;}
.gnbPC .subGnb .dept2 > li > a {display:block; font-size:15px; padding:10px 15px; color:#fff; border-bottom:1px solid #00ae55; }
.gnbPC .subGnb .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}
.gnbPC .subGnb .dept2 > li.on > a, .gnbPC .subGnb .dept2 > li > a:hover {background:#005e2d;}
.gnbPC .subGnb .dept2 > li.on .dept3 {display:block;}
.gnbPC .subGnb .dept3 {display:none; position:absolute; top:-5px; left:110%; width:260%; margin:10px 0 0 3%;}
.gnbPC .subGnb .dept3 li { float:left; width:33.3%; }
.gnbPC .subGnb .dept3 li a {display:block; background:url('/design/common/img/layout/navi_dot.gif') no-repeat left 15px; padding:7px 10px;}
.gnbPC .subGnb .dept3 li a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:15px;}
.gnbPC .subGnb .dept3 li.on a, .gnbPC .subGnb .dept3 li a:hover { text-decoration:underline;}

.gnbhead {display:none;}
.gnbMobile {display:none;}

/*
.gnbPC .subGnb .dept2 {width:80%; background: none;}
.gnbPC .subGnb .dept2 > li {overflow: hidden; border-bottom:1px solid rgba(221,221,221,0.5); border-right:1px solid rgba(221,221,221,0.5)}
.gnbPC .subGnb .dept2 > li > a {float:left; box-sizing: border-box; width:25%;border-bottom:none;background:#114297;}
.gnbPC .subGnb .dept2 > li > a span {color:#fff;}
.gnbPC .subGnb .dept2 > li.on > a, .gnbPC .subGnb .dept2 > li > a:hover {background:#114297;}
.gnbPC .subGnb .dept3 {float:right; box-sizing: border-box; width:75%; display:block; position: relative; top:0; left:0; margin:0;}
.gnbPC .subGnb .dept3 li {width:auto;}
.gnbPC .subGnb .dept3 li a {margin-left:10px;}
*/

/*김천 실과소네비 _ver01 - 일자리경제과*/
.gnbPC .subGnb05 .dept2 {float:left; }
.gnbPC .subGnb05 .dept2 > li {position:relative; float:left; display:inline;}
.gnbPC .subGnb05 .dept2 > li > a {display:block; font-size:15px; padding:15px 15px; color:#fff; }
.gnbPC .subGnb05 .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}



/*김천 실과소네비 _ver02 - 시민생활지원과*/
.gnbPC .subGnb06 .dept2 {float:left; }
.gnbPC .subGnb06 .dept2 > li {position:relative; float:left; display:inline;}
.gnbPC .subGnb06 .dept2 > li > a {display:block; font-size:15px; padding:15px 15px; color:#fff; }
.gnbPC .subGnb06 .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}




@media all and (max-width:1023px){
  .gnbArea {display:none;}
  .gnbhead {display:block;}
  .gnbPC {display:none;}
  .gnbMobile {display:block;}

  /* mobile네비 */
  .gnbhead > div { padding:10px 2%; overflow:hidden;}
  .gnbhead > div a { float:left;  display:inline-block;}
  .gnbhead > div a.Mclose { float:right; padding-top:15px;}
  .gnbhead ul {background:#555; overflow:hidden; }
  .gnbhead ul.tour_mayor {background:#00479d;}
  .gnbhead ul.tour_mayor li { border-top:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2);}
  .gnbhead ul li {float:left; width:50%; border-left:1px solid #666; box-sizing:border-box;}
  .gnbhead ul li:first-child {border-left:0;}

  .gnbhead ul.lang li { width:33.3%; }

  .gnbhead ul.fm {background:#eb6100; overflow:hidden; border-left:1px solid #666;}
  .gnbhead ul.fm li { width:50%;  border-left:1px solid #ef7e2e;}

  .gnbhead ul li a {display:block; text-align:center; padding:10px 0; color:#fff;}
  .gnbMobile .subGnb .title {display:none;}
  .gnbMobile .subGnb .wrap {padding:0; margin:0;}
  .gnbMobile .dept1 > li { border-bottom:1px solid #ddd; }
  .gnbMobile .dept1 > li > a {display:block; padding:10px 20px; font-size:17px; font-weight:600;}
  .gnbMobile .dept2 > li {border-top:1px dashed #ccc; background:#f1f1f1;}
  .gnbMobile .dept2 > li > a {display:block; text-align:center; padding:10px 0;}
  .gnbMobile .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:16px;}
  .gnbMobile .dept3 {overflow:hidden; padding:10px 20px; background:#666;}
  .gnbMobile .dept3 > li { float:left; width:50%;}
  .gnbMobile .dept3 > li > a {display:block; background:url('/design/common/img/layout/navi_dot_w.gif') no-repeat left 15px; font-size:13px; padding:7px 15px; color:#fff;}
  .gnbMobile .dept3 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:16px;}
  .gnbMobile .dept2, .gnbMobile .dept3 {display:none;}
  .gnbArea.open {display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:#fff; overflow-y:auto; z-index:300; }
}

/* 네비 ver2 */
.ver2 .gnbPC .subGnb .title { background:#00479d !important; color:#fff; margin:0; padding:30px; box-sizing:border-box; min-height:200px;}
.ver2 .gnbPC .subGnb .title span {color:#fff;}
.ver2 .gnbPC .subGnb .dept2 {width:75%; background:#f6f6f6; min-height:auto; margin:20px 0;}
.ver2 .gnbPC .subGnb .dept2 li { float:left; width:30.3%; margin:5px 0 5px 3%;}
.ver2 .gnbPC .subGnb .dept2 li a {display:block; border:1px dashed #ccc; color:#555; background:#fff;}
.ver2 .gnbPC .subGnb .dept2 li a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:20px;}
.ver2 .gnbPC .subGnb .dept2 li.on a, .ver2 .gnbPC .subGnb .dept2 li a:hover {background:#666; color:#fff;}
.ver2 .gnbPC .subGnb .dept2 li.on a[target="_blank"] span, .ver2 .gnbPC .subGnb .dept2 li a[target="_blank"]:hover span {background:#666 url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}
.ver2 .gnbPC .subGnb .dept3 {display:none !important;}

/* 네비 ver3 */
.ver3 .gnbPC .subGnb .title {background:url('/design/health/img/common/snavi1.png') no-repeat left bottom; padding-bottom:70px !important;}
.ver3 .gnbPC .subGnb .title span {display:none;}
.ver3 .gnbPC .subGnb .dept2 {float:left; width:70%; padding:20px 2%; border-left:1px dotted #aaa; min-height:130px; background:none !important;}
.ver3 .gnbPC .subGnb .dept2 li {float:left; width:31%; margin:1%;}
.ver3 .gnbPC .subGnb .dept2 li a {display:block; border:1px dashed #ccc; color:#555; background:#fff;}
.ver3 .gnbPC .subGnb .dept2 li a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:20px;}
.ver3 .gnbPC .subGnb .dept2 li.on a, .ver2 .gnbPC .subGnb .dept2 li a:hover {background:#666; color:#fff;}
.ver3 .gnbPC .subGnb .dept2 li.on a[target="_blank"] span, .ver2 .gnbPC .subGnb .dept2 li a[target="_blank"]:hover span {background:#666 url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}
.ver3 .gnbPC .subGnb .dept3 {display:none !important;}

/* 네비 ver4 */
.ver4 .gnbPC .subGnb {background:#333; border-top:none; text-align:center;}
.ver4 .gnbPC .subGnb .title {display:none;}
.ver4 .gnbPC .subGnb .dept2 {float:left; width:100%; padding:10px 2%; min-height:20px; background:none !important;}
.ver4 .gnbPC .subGnb .dept2 li {float:left; margin:0 20px;}
.ver4 .gnbPC .subGnb .dept2 > li > a {padding:0px;}
.ver4 .gnbPC .subGnb .dept2 li a {display:block; border:none; color:#fff;}
.ver4 .gnbPC .subGnb .dept2 li a[target="_blank"] span {background:url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}
.ver4 .gnbPC .subGnb .dept2 li.on a, .ver4 .gnbPC .subGnb .dept2 li a:hover {color:#fff; background:none;}
.ver4 .gnbPC .subGnb .dept2 li.on a[target="_blank"] span, .ver4 .gnbPC .subGnb .dept2 li a[target="_blank"]:hover span {padding-right:20px;}
.ver4 .gnbPC .subGnb .dept3 {display:none !important;}

/* 네비 ver5 */
.ver5 .gnbPC .subGnb .title { background:#008943 !important; color:#fff; margin:0; padding:30px; box-sizing:border-box; min-height:200px;}
.ver5 .gnbPC .subGnb .title span {color:#fff;}
.ver5 .gnbPC .subGnb .dept2 {width:75%; background:#f6f6f6; min-height:auto; margin:20px 0;}
.ver5 .gnbPC .subGnb .dept2 li { float:left; width:30.3%; margin:5px 0 5px 3%;}
.ver5 .gnbPC .subGnb .dept2 li a {display:block; border:1px dashed #ccc; color:#555; background:#fff;}
.ver5 .gnbPC .subGnb .dept2 li a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:20px;}
.ver5 .gnbPC .subGnb .dept2 li.on a, .ver2 .gnbPC .subGnb .dept2 li a:hover {background:#666; color:#fff;}
.ver5 .gnbPC .subGnb .dept2 li.on a[target="_blank"] span, .ver2 .gnbPC .subGnb .dept2 li a[target="_blank"]:hover span {background:#666 url('/design/common/img/sub/blank_w.gif') no-repeat right 3px; padding-right:20px;}
.ver5 .gnbPC .subGnb .dept3 {display:none !important;}



/* 푸터 */
#footer .linklist {width:100%;}
#footer .linklist ul > li {position:relative; display:inline-block; width:19.7%; height:50px; border-right:1px solid #333; box-sizing:border-box;}
#footer .linklist ul > li:first-child {border-left:1px solid #333;}
#footer .linklist ul > li > a {display:block; padding:15px 20px; color:#fff;}
#footer .linklist ul > li > a span {display:block; background:url('/design/main/img/common/link_up.gif') no-repeat right center;}
#footer .linklist .list { display:none; position:absolute; bottom:-1px; left:-1px; width:100%; background:#f5f5f5; border:1px solid #555;}
#footer .linklist .list > a { display:block; background:#555 url('/design/common/img/layout/link_down.gif') no-repeat 95% center; color:#fff; padding:10px; }
#footer .linklist .list ul { height:150px; overflow-y:scroll; padding:10px 0;}
#footer .linklist .list ul li {width:100%; height:30px; border-right:0;}
#footer .linklist .list ul li:first-child {border-left:0;}
#footer .linklist .list ul li a {display:block; padding:5px 15px; font-size:14px; color:#000;}

@media all and (max-width:1023px){
  #footer .linklist > ul > li {margin-left:0; width:50%;}
}
@media all and (max-width:480px){
	#footer .linklist > ul > li > a {padding:10px 10px; font-size:13px;}
}


/* 서브레이아웃 */
#sub_container_wrap.ver1 {}
#sub_container { max-width:1200px; margin:0 auto; overflow:hidden; }
@media all and (max-width:1230px){
  #sub_container {padding:0 2%;}
}
@media all and (max-width:1023px){
  #sub_container {padding:0;}
}
@media all and (max-width:760px){
  #sub_container_wrap.ver1 {background:none;}
}

#sub_container_wrap.ver1 #left {float:left; width:18%;}
#sub_container_wrap.ver1 #left h2 {background:#008943; color:#fff; text-align:center; font-size:27px; padding:50px 0; }
#sub_container_wrap.ver1 #left h2 span {display:block; font-size:11px; text-transform:uppercase; font-weight:200; margin-top:10px; letter-spacing:1px;}
#sub_container_wrap.ver1 #left .dept2 > li {border:1px solid #ccc; border-top:0; padding:0 20px; }
#sub_container_wrap.ver1 #left .dept2 > li > a {  display:block; font-size:16px; line-height:20px; padding:15px 0;}
#sub_container_wrap.ver1 #left .dept2 > li.on > a, #sub_container_wrap.ver1 #left .dept2 > li > a:hover { background:url('/design/common/img/sub/dept2_on.gif') no-repeat right 18px; color:#008943; font-weight:600; padding:15px 25px 15px 0;}
#sub_container_wrap.ver1 #left .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 5px; padding-right:18px;}
#sub_container_wrap.ver1 #left .dept2 > li.on .dept3 {display:block;}
#sub_container_wrap.ver1 #left .dept3 { display:none; margin-bottom:20px;}
#sub_container_wrap.ver1 #left .dept3 > li > a { display:block; background:url('/design/common/img/sub/dept3_off.gif') no-repeat left 13px; font-size:13px; color:#727272; line-height:17px; padding:7px 0 7px 13px;}
#sub_container_wrap.ver1 #left .dept3 > li.on > a, #sub_container_wrap.ver1 #left .dept3 > li:hover > a {background:url('/design/common/img/sub/dept3_on.gif') no-repeat left 13px; color:#222; text-decoration:underline;}
#sub_container_wrap.ver1 #left .dept3 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:18px;}


@media all and (max-width:1023px){
  #sub_container_wrap.ver1 #left { display:none; }
}

#sub_container_wrap.ver1 #contents {float:right; width:78%;}
#sub_container_wrap.ver1 #contents .sub_title {padding:25px 0;}
#sub_container_wrap.ver1 .lacal {margin-bottom:20px;}
#sub_container_wrap.ver1 .lacal a {display:inline-block; background:url('/design/common/img/sub/local_arrow.gif') no-repeat left center; padding:0 7px 0 12px; font-size:12px; }
#sub_container_wrap.ver1 .lacal a:first-child {background:url('/design/common/img/sub/local_home.gif') no-repeat left center; }
#sub_container_wrap.ver1 .sub_title h3 { display:inline-block; font-size:29px; }
#sub_container_wrap.ver1 .sub_title .util {display:inline-block; vertical-align:top; padding:5px 0 0 10px;}
#sub_container_wrap.ver1 .util a.open_info {display:inline-block; font-size:13px; background:#fff; border:1px solid #ccc; border-radius:15px; line-height:30px; padding:0 12px;}
#sub_container_wrap.ver1 .util a.open_info span {background:url('/design/common/img/sub/util_arrow.gif') no-repeat right center; padding-right:15px;}

@media all and (max-width:1023px){
  #sub_container_wrap.ver1 #contents {width:100%;}
  #sub_container_wrap.ver1 #contents .sub_title {padding:25px 2%;}
}
@media all and (max-width:760px){
  #sub_container_wrap.ver1 .sub_title {background:#fef1e6;}
}
@media all and (max-width:480px){
  #sub_container_wrap.ver1 .sub_title h3 { display:block; }
  #sub_container_wrap.ver1 .sub_title .util { padding:10px 0 0 0;}
}

/* 서브레이아웃-타입2*/

/* 서브비주얼 */
.subvisual_wrap {background:url('/design/health/img/sub/subvis.gif') no-repeat top center; height:137px;}
.subvisual_wrap > .subvisual {width:1200px; margin:0 auto; padding:45px 0;}
.subvisual_wrap > .subvisual > img {margin-left:350px;}
.subvisual_wrap > .subvisual > p {margin-left:350px; font-size:16px; margin-top:5px;}

/* 서브유틸리티 */
.subutil_wrap {background:#e1f5f1; height:38px;}
.subutil_wrap > div {width:1200px; margin:0 auto; overflow:hidden;}
.subutil_wrap > div > .subutil  {float:right; overflow:hidden;}
.subutil_wrap > div > .subutil img {padding:4px 0;}
.subutil a.open_info {float:left; background:url('/design/health/img/sub/util_info.png') no-repeat 15px center #fff; padding:7px 15px 6px 35px; line-height:25px; font-size:12px; background-size:11px; margin-right:5px;}
.util li {float:left; margin-left:5px;}
.util li:first-child {margin-left:15px;}

@media all and (max-width:1230px){
  .subutil_wrap > div {width:100%;}
}
@media all and (max-width:1023px){
  .subutil {float:none; width:100%;}
  .subutil_wrap > div > .subutil > .util {float:right;}
}
@media all and (max-width:320px){
  .subutil a.open_info {background:none #fff; padding:7px 12px; line-height:25px; font-size:12px; background-size:11px;}
  .util li:first-child {margin-left:0;}
}

/*서브유틸리티 - 공통*/
.sub_util {position:relative;}
.shareWrap { display:none; position:absolute; right:0; border:2px solid #ccc; padding:5px; background:#fff; z-index:999;}
.shareWrap.on {display:block;}
.shareWrap a { position:relative; display:block; font-size:12px; border-bottom:1px dashed #eee; padding:7px 7px 7px 25px;}
.shareWrap a:nth-child(3) {border-bottom:0;}
.shareWrap a::before {content:''; position:absolute; left:2px; top:5px; width:20px; height:20px; background:url('/design/health/img/sub/share.gif') no-repeat 0 0; background-size:auto 20px;}
.shareWrap a:nth-child(2)::before {background-position:-20px 0;}
.shareWrap a:nth-child(3)::before {background-position:-40px 0;}

.shareWrap a.close2{padding: 5px; text-align: center; background: #333; color: #fff;}
.shareWrap a.close2::before{display: none;}

/* 서브레이아웃 - type */
#sub_container_wrap.type {background:none;}
#sub_container_wrap.type .sub_visual {background:#1379c1; padding:10px 0; height:43px;}
#sub_container_wrap.type .sub_visual .wrap {position:relative;}
#sub_container_wrap.type .sub_visual .wrap h2{float:left; font-size:32px; color:#fff;}
#sub_container_wrap.type .sub_visual .wrap > a {float:left; display:inline-block; color:#fff; font-size:16px; background:#105688; padding:10px 15px; border-radius:10px; margin-right:15px; }
#sub_container_wrap.type .sub_visual .wrap > a.mobile {display:none;}
#sub_container_wrap.type .sub_visual .wrap > a span {background:url('/design/common/img/sub/type.gif') no-repeat left center; padding-left:23px;}
#sub_container_wrap.type .sub_title { background:#f3f3f3; }
#sub_container_wrap.type .sub_title .wrap {padding:25px 0; background-position:right 0;}
#sub_container_wrap.type .type02 .wrap { background-position:right -128px; }
#sub_container_wrap.type .type03 .wrap { background-position:right -256px; }
#sub_container_wrap.type .type04 .wrap { background-position:right -384px; }
#sub_container_wrap.type .type05 .wrap { background-position:right -512px; }
#sub_container_wrap.type .type06 .wrap { background-position:right -640px; }
#sub_container_wrap.type #left .dept2 > li.on > a, #sub_container_wrap.type #left .dept2 > li > a:hover { background: url('/design/common/img/sub/type_dept2_on.gif') no-repeat right 18px;     color:#1379c1; }
#sub_container_wrap.type .type_box {display:none; clear:both; position:absolute; top:52px; left:0; width:100%; background:#fff; border:1px solid #1379c1; box-sizing:border-box; z-index:10;}
#sub_container_wrap.type .type_box a {float:left; display:block; width:14.285714%; text-align:center; font-size:15px; padding:19px 0; box-sizing:border-box;}
#sub_container_wrap.type .type_box a:before {content:''; display:block; width:55px; height:62px; margin:0 auto 7px; background:url('/design/common/img/sub/type_icon.gif') no-repeat left top;}
#sub_container_wrap.type .type_box a.icon2:before {background-position:-55px top; }
#sub_container_wrap.type .type_box a.icon3:before {background-position:-110px top; }
#sub_container_wrap.type .type_box a.icon4:before {background-position:-165px top; }
#sub_container_wrap.type .type_box a.icon5:before {background-position:-220px top; }
#sub_container_wrap.type .type_box a.icon6:before {background-position:-275px top; }
#sub_container_wrap.type .type_box a.icon7:before {background-position:-330px top; }
#sub_container_wrap.type .type_box_m {display:none; position:absolute; top:52px; left:0; width:100%; z-index:10; }
#sub_container_wrap.type .type_box_m .dept2 > li > a {display:block; background:#0e4973; color:#fff; padding:10px 20px; font-size:17px; border-bottom:1px solid #235d86; }
#sub_container_wrap.type .type_box_m .dept3 {display:none; overflow:hidden; background:#eee; padding:10px;}
#sub_container_wrap.type .type_box_m .dept3 li { float:left; width:50%;}
#sub_container_wrap.type .type_box_m .dept3 li a {display:block; background:url('/design/common/img/layout/navi_dot.gif') no-repeat left 12px; padding:4px 10px; }

@media all and (max-width:1230px){
  #sub_container_wrap.type .sub_visual .wrap {margin:0;}
  /*#sub_container_wrap.type .sub_visual .wrap h2 {margin-left:2%;}*/
  #sub_container_wrap.type .sub_visual .wrap > a {margin-left:2%;}
}
@media all and (min-width:1024px){
  #sub_container_wrap.type .type_box_m {display:none !important;}
}
@media all and (max-width:1023px){
  #sub_container_wrap.type .sub_visual .wrap > a.pc {display:none;}
  #sub_container_wrap.type .sub_visual .wrap > a.mobile {display:block;}
  #sub_container_wrap.type .type_box {display:none !important;}
}
@media all and (max-width:768px){
  #sub_container_wrap.type .wrap {background:none !important;}
}

#ctn {margin:40px 0 40px; font-size:15px; line-height:22px;}
#ctn p {margin-bottom:15px;}
#ctn h4 {font-size:22px; margin:40px 0 20px; border-top:1px solid #ddd; padding-top:30px; line-height:25px;}
#ctn .tbl_area+h4 {border:0; margin:40px 0 20px; padding-top:0;}
#ctn h4.first {border:0; margin:0 0 20px; padding-top:0;}
#ctn h4.inline {display:inline-block; margin-right:20px;}
#ctn h5 {background:url('/design/common/img/sub/h5.gif') no-repeat left 3px; font-weight:400; font-size:17px; margin:30px 0 10px 10px; padding-left:20px; }
#ctn h5+.cont_depth01 {margin:10px 0 10px 30px;}
#ctn .box {border:1px solid #5f7887; padding:20px 30px; margin-bottom:20px; }
#ctn .box2 {border:2px solid #ccc; padding:10px 20px; margin-bottom:20px; }
#ctn dl.box {padding:0;}
#ctn dl.box dt {padding:10px 15px; background:#5f7887 ; color:#fff; font-size:17px; font-weight:600;}
#ctn dl.box dd { padding:10px 15px; }
#ctn .num span, #ctn .num span {display:inline-block; width:20px; line-height:20px; margin-right:7px; background:#c53131; color:#fff; text-align:center;}
#ctn .num li, #ctn .num li {padding:5px 0;}
#ctn .num2 { border:1px solid #ddd;}
#ctn .num2 li { position:relative; border-top:1px dashed #ddd; padding:20px 20px 20px 90px; overflow:hidden; font-size:18px; font-weight:600; min-height:40px; }
#ctn .num2 li:first-child {border-top:0;}
#ctn .num2 li > span {display:block; position:absolute; left:20px; top:50%; margin:-25px 25px 0 0; float:left; background:#516a79; line-height:50px; width:50px; border-radius:25px; font-size:27px; text-align:center; font-weight:600; color:#fff;}
#ctn .num2 li p {font-weight:400; font-size:14px; margin:10px 0 0 0;}
#ctn ol > li {padding:4px 0; margin-left:15px;}

.guide_hb01 p { margin-bottom:0 !important; padding-left:26px; }

@media all and (max-width:1023px){
  #ctn {width:96%; margin:30px 2%;}
}


/* 서브레이아웃 ver5 */
#sub_container_wrap.ver5 {}

@media all and (max-width:760px){
  #sub_container_wrap.ver5 {background:none;}
}

#sub_container_wrap.ver5 #left {float:left; width:20%;}
#sub_container_wrap.ver5 #left h2 span {display:block; font-size:11px; text-transform:uppercase; font-weight:200; margin-top:10px; letter-spacing:1px;}
#sub_container_wrap.ver5 #left .dept2 > li {border:1px solid #ccc; border-top:0; padding:0 20px; }
#sub_container_wrap.ver5 #left .dept2 > li > a {  display:block; font-size:16px; line-height:20px; padding:15px 0;}
#sub_container_wrap.ver5 #left .dept2 > li.on {background-color:#f2f2f2;}
#sub_container_wrap.ver5 #left .dept2 > li.on > a, #sub_container_wrap.ver5 #left .dept2 > li > a:hover {color:#333; font-weight:600; padding:15px 25px 15px 0;}
#sub_container_wrap.ver5 #left .dept2 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 5px; padding-right:18px;}
#sub_container_wrap.ver5 #left .dept2 > li.on .dept3 {display:block;}
#sub_container_wrap.ver5 #left .dept3 { display:none; margin-bottom:20px;}
#sub_container_wrap.ver5 #left .dept3 > li > a { display:block; background:url('/design/common/img/sub/dept3_off.gif') no-repeat left 13px; font-size:13px; color:#727272; line-height:17px; padding:7px 0 7px 13px;}
#sub_container_wrap.ver5 #left .dept3 > li.on > a, #sub_container_wrap.ver5 #left .dept3 > li:hover > a {background:url('/design/common/img/sub/dept3_on.gif') no-repeat left 13px; color:#222; text-decoration:underline;}
#sub_container_wrap.ver5 #left .dept3 > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:18px;}


@media all and (max-width:1023px){
  #sub_container_wrap.ver5 #left { display:none; }
}

#sub_container_wrap.ver5 #contents {float:right; width:76.5%;}
#sub_container_wrap.ver5 #contents .sub_title {padding:15px 0 30px 0; border-bottom:1px solid #dadada; }
#sub_container_wrap.ver5 .lacal {margin-top:17px; float:right;}
#sub_container_wrap.ver5 .lacal a {display:inline-block; background:url('/design/common/img/sub/local_arrow5.gif') no-repeat left center; padding:0 7px 0 12px; font-size:14px; }
#sub_container_wrap.ver5 .lacal a:first-child {background:url('/design/common/img/sub/local_home5.png') no-repeat 0 5px; padding-left:15px;}
#sub_container_wrap.ver5 .sub_title h3 { display:inline-block; font-size:29px; }

@media all and (max-width:1023px){
  #sub_container_wrap.ver5 #contents {width:100%;}
  #sub_container_wrap.ver5 #contents .sub_title {padding:25px 2%;}
}

@media all and (max-width:480px){
  #sub_container_wrap.ver5 .sub_title h3 { display:block; }
  #sub_container_wrap.ver5 .sub_title .util { padding:10px 0 0 0;}
}

/*서브레이아웃 ver6*/
#sub_container_wrap.ver6 #left {height:57px; border-bottom:1px solid #ddd;}
#sub_container_wrap.ver6 #left .dept2 {float:left;}
#sub_container_wrap.ver6 #left .dept2 > li {float:left; position:relative;}
#sub_container_wrap.ver6 #left .dept2 > li > a {position:relative; display:block; height:57px; padding:0 100px 0 20px; line-height:57px; border-right:1px solid #ddd}
#sub_container_wrap.ver6 #left .dept2 > li > a:after {content:''; position:absolute; top:50%; right:20px; width:10px; height:7px; margin-top:-4px; background:url('/design/common/img/sub/ver6_pathArrow.gif') no-repeat right center;}
#sub_container_wrap.ver6 #left .dept2 > li:first-child > a {width:57px; padding:0; border:0; background:#037d94 url('/design/common/img/sub/ver6_pathHome.png') no-repeat center; text-indent:-9999px;}
#sub_container_wrap.ver6 #left .dept2 > li:first-child > a:after {display:none;}
#sub_container_wrap.ver6 #left .dept3 {display:none; overflow-y:auto; position:absolute; top:58px; left:0; width:100%; max-height:280px; background:#f5f5f5; box-sizing:border-box; z-index:99;}
#sub_container_wrap.ver6 #left .dept3 > li {border-bottom:1px dashed #ddd;}
#sub_container_wrap.ver6 #left .dept3 > li a {display:block; padding:10px 20px; border-right:0 !important; font-size:0.95em;}
#sub_container_wrap.ver6 #left .dept3 > li a:hover {background:#037d94; color:#fff;}
#sub_container_wrap.ver6 #left .sub_util {float:right; position:relative;}
#sub_container_wrap.ver6 #left .sub_util > a {display:block; float:left; width:57px; height:57px; text-indent:-9999px;}
#sub_container_wrap.ver6 #left .sub_util a.plus {width:26px; margin-right:5px; background:url('/design/common/img/sub/ver6_utilPlus.png') no-repeat center;}
#sub_container_wrap.ver6 #left .sub_util a.minus {width:26px; margin-right:15px; background:url('/design/common/img/sub/ver6_utilMinus.png') no-repeat center;}
#sub_container_wrap.ver6 #left .sub_util a.email {background:#9dbe52 url('/design/common/img/sub/ver6_utilEmail.png') no-repeat center;}
#sub_container_wrap.ver6 #left .sub_util a.print {background:#7a9c2d url('/design/common/img/sub/ver6_utilPrint.png') no-repeat center;}
#sub_container_wrap.ver6 #left .sub_util a.share {background:#5f8016 url('/design/common/img/sub/ver6_utilshare.png') no-repeat center;}
@media all and (max-width:1023px) {
	#sub_container_wrap.ver6 #left > div {max-width:100%;}
	#sub_container_wrap.ver6 #left .dept2 {display:table; table-layout:fixed; width:calc(100% - 45px);}
	#sub_container_wrap.ver6 #left .dept2 > li {display:table-cell; float:none; /*box-sizing:border-box;*/}
	#sub_container_wrap.ver6 #left .dept2 > li:first-child {display:none;}
	#sub_container_wrap.ver6 #left .dept2 > li:last-child a {border-right:0;}
	#sub_container_wrap.ver6 #left .dept2 > li > a {padding:0 0 0 20px;}
	#sub_container_wrap.ver6 #left .sub_util a.plus,
	#sub_container_wrap.ver6 #left .sub_util a.minus,
	#sub_container_wrap.ver6 #left .sub_util a.email,
	#sub_container_wrap.ver6 #left .sub_util a.print {display:none;}
	#sub_container_wrap.ver6 #left .sub_util a.share {width:45px;}
}
@media all and (max-width:599px) {
	#sub_container_wrap.ver6 #left {height:100%; border-bottom:0;}
	#sub_container_wrap.ver6 #left .dept2 {display:block; float:none; table-layout:auto; width:100%;}
	#sub_container_wrap.ver6 #left .dept2:after {content:''; display:block; clear:both;}
	#sub_container_wrap.ver6 #left .dept2 > li {float:left; width:50%;}
	#sub_container_wrap.ver6 #left .dept2 > li > a {padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#sub_container_wrap.ver6 #left .dept2 > li:last-child a {border-right:1px solid #ddd;}
	#sub_container_wrap.ver6 #left .dept2 > li:nth-child(odd) > a {border-right:0;}
	#sub_container_wrap.ver6 #left .dept2 > li:nth-child(4) > a {border-right:1px solid #ddd;}
	#sub_container_wrap.ver6 #left .dept2 > li:nth-child(-n+3) > a {border-bottom:1px solid #ddd;}
	#sub_container_wrap.ver6 #left .sub_util {float:none; position:absolute; right:3%; margin-top:26px;}
}

/* 탭스타일 */
#ctn .box4_nomal_wrap {margin-bottom:40px; border:1px solid #ddd; padding:7px; background:#f5f5f5; }
#ctn .box4_nomal { border:1px solid #e5e5e5; background:#fff; overflow:hidden;}
#ctn .box4_nomal ul {overflow:hidden; background:url('/design/common/img/sub/tab_bg.gif') repeat left -1px; margin-bottom:-1px;}
#ctn .box4_nomal ul li {float:left; padding-bottom:1px;}
#ctn .box4_nomal ul li.selected { background:#008943;}
#ctn .box4_nomal ul li.selected a { color:#fff; }
#ctn .box4_nomal a {display:block; padding:10px 0; text-align:center; letter-spacing:-1px;}
#ctn .box4_nomal a span {padding:0 10px; border-right:1px solid #ddd;}
#ctn .box4_nomal li.selected a span {border-right:0; text-decoration:underline;}
/*#ctn .box4_nomal a[target="_blank"] span {background:url('/design/common/img/sub/tab_blank.gif') no-repeat right 4px; padding-right:25px;}*/

#ctn .box5_nomal { margin:-20px 0 40px; border:2px solid #ddd; overflow:hidden; padding:5px; }
#ctn .box5_nomal ul {overflow:hidden;}
#ctn .box5_nomal li {float:left;}
#ctn .box5_nomal a {display:block; float:left; border-right:1px dashed #ccc; font-size:13px; padding:0 15px; margin:5px 0; box-sizing:border-box;}
#ctn .box5_nomal a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat right 3px; padding-right:16px;}
#ctn .box5_nomal li.selected a { color:#008943; font-weight:600; background:url('/design/common/img/sub/tab2_on.gif') no-repeat right center;  padding:0 45px 0 15px; text-decoration:underline;}


/* 페이지정보 */
#officer {border:1px solid #ddd;}
#officer .page_charge {position:relative; background:#f7f7f7; padding:15px 20px; }
#officer .page_charge > span {font-weight:600; display:inline-block; border-right:1px solid #acacac; margin-right:10px; padding-right:10px;}
#officer .page_charge a { display:block; position:absolute; right:0; top:0; float:right; background:#666; padding:0 15px; }
#officer .page_charge a span {display:block; padding-right:25px; line-height:49px;color:#fff; }
#officer .page_charge a.off span {background:url('/design/common/img/sub/arrow_down.gif') no-repeat right center; }
#officer .page_charge a.on span {background:url('/design/common/img/sub/arrow_up.gif') no-repeat right center;}
#officer .poll {display:none; position:relative; padding:20px; border-top:1px solid #ddd; background:#fff; }
#officer .poll p {font-size:12px;}
#officer .poll ul {margin-top:10px; overflow:hidden;}
#officer .poll ul li {float:left; font-size:13px; color:#555; margin-right:10px; }
#officer .poll > div {position:absolute; right:20px; top:24px; overflow:hidden;}
#officer .poll > div input {float:left; border:1px solid #ccc; padding:0 10px; line-height:38px; height:38px; width:250px; }
#officer .poll > div a { float:left; display:inline-block; padding:0 10px; line-height:40px; color:#fff; background:#008943;}
@media all and (max-width:1023px){
  #officer {width:96%; margin:0 2%;}
}
@media all and (max-width:600px){
  #officer .page_charge {padding:10px 15px; font-size:13px;}
  #officer .page_charge > span {display:block; border-right:0; margin-bottom:5px;}
  #officer .page_charge a span {font-size:0; text-indent:-9999px; width:13px; padding-right:0; height:60px; line-height:60px;  }
}
@media all and (max-width:900px){
  #officer .poll > div {position:relative; right:auto; top:0; margin-top:10px;}
  #officer .poll > div input { width:60%; }
}

/* 리스트 스타일 */
.cont_depth01 {margin:10px 0 10px 15px;}
.cont_depth02, .cont_depth03 {margin:10px 0;}
.cont_depth01 > li {background:url('/design/common/img/sub/dept1.gif') no-repeat left 13px; padding:4px 0 4px 12px; font-size:15px;}
.cont_depth01 > li.none {background:none; padding:4px 0;}
.cont_depth02 > li {background:url('/design/common/img/sub/dept2.gif') no-repeat left 14px; padding:3px 0 3px 11px; font-size:15px;}
.cont_depth03 > li {background:url('/design/common/img/sub/dept3.gif') no-repeat left 12px; padding:2px 0 2px 10px; font-size:15px;}
.caution {background:url('/design/common/img/sub/red_info.gif') no-repeat left 3px; font-size:14px; padding:0 0 0 20px !important; margin:8px 0 !important; }

/* 테이블 */
.tbl_area {overflow-x:auto; margin:20px 0; clear:both;}
.tbl_type1 {border-collapse: separate; border-top:1px solid #555; margin-left:-1px; width:100%; }
.tbl_type1 thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; }
.tbl_type1 tbody th {background:#fafafa; font-size:15px; }
.tbl_type1 tbody td, .tbl_type1 tfoot td {background:#fff; font-size:15px; }
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10px; word-break:break-all;}
.tbl_type1 tfoot td.f_left {text-align:left;}
.no_data {text-align:center;}
.tbl_type1 tbody th span.must {display:inline-block; margin-right:6px; color:#d52b2b; vertical-align:middle;}
@media all and (max-width:600px){
	.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td {white-space:nowrap;}
	.staff tbody th, .staff tbody td, .staff tfoot th, .staff tfoot td {white-space:break-spaces;}
}


/* 버튼 */
a.btn_style, a.sbtn_style {display:inline-block; font-size:13px; color:#222; border:1px solid #bbb; padding:7px 18px; font-weight:500; background-color:#fff;}
a.sbtn_style {font-size:12px; padding:4px 10px; font-weight:500;}
a.btn_style:hover, a.sbtn_style:hover {color:#fff; border:1px solid #555; background:#666; }
a.btn_style.down span {background:url('/design/common/img/sub/down_btn.png') no-repeat right center; padding-right:25px;}
a.btn_style.view span {background:url('/design/common/img/sub/view_btn.gif') no-repeat right center; padding-right:25px;}
a.btn_style.blank span {background:url('/design/common/img/sub/blank_btn.gif') no-repeat right center; padding-right:25px;}
a.btn_style.down:hover span {background:url('/design/common/img/sub/down_btn_w.png') no-repeat right center;}
a.btn_style.view:hover span {background:url('/design/common/img/sub/view_btn_w.gif') no-repeat right center;}
a.btn_style.blank:hover span {background:url('/design/common/img/sub/blank_btn_w.gif') no-repeat right center;}

a.sbtn_style.down span {background:url('/design/common/img/sub/sdown_btn.png') no-repeat right center; padding-right:15px;}
a.sbtn_style.view span {background:url('/design/common/img/sub/sview_btn.gif') no-repeat right center; padding-right:15px;}
a.sbtn_style.blank span {background:url('/design/common/img/sub/sblank_btn.gif') no-repeat right center; padding-right:15px;}
a.sbtn_style.down:hover span {background:url('/design/common/img/sub/sdown_btn_w.png') no-repeat right center;}
a.sbtn_style.view:hover span {background:url('/design/common/img/sub/sview_btn_w.gif') no-repeat right center;}
a.sbtn_style.blank:hover span {background:url('/design/common/img/sub/sblank_btn_w.gif') no-repeat right center;}

a.text_blank, a.text_link, a.list_link {background:url('/design/common/img/sub/blank_b.gif') no-repeat right 5px; padding-right:13px; color:#004089;}
a.text_blank:hover, a.text_link:hover, a.list_link:hover {color:#004089; text-decoration:underline;}
a.text_blank {text-decoration:underline;}

.modify_230306 a.btn_style, 
.modify_230306 a.sbtn_style {text-align:center; margin-top:20px;}

@media all and (max-width: 396px){
  a.btn_style, a.sbtn_style{float: none !important; margin-left: 0 !important; margin-top: 20px; display: block; text-align: center;}
}

/*a.blank {background:url('/design/common/img/sub/sblank_btn.gif') no-repeat right center; padding-right:15px;}*/

/* 지도 */
.map {border:1px solid #ccc; padding:10px;}

/* 이미지 */
img {width:auto; max-width:100%;}
.imgB, .listB li {border:1px solid #ccc; box-sizing:border-box;}
.imgPB, .listPB li {border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.img_text {display:block; font-size:12px; padding:10px 0;}

.photobox {border:1px solid #ccc; background:#eee; padding:5px; margin:20px 0;}
.photobox > div {background:#fff; padding:30px;}
.photo2, .photo3, .photo4 {overflow:hidden;}
.photo2 li { float:left; width:49%; text-align:center; }
.photo2 li:first-child {margin-right:2%;}
.photo3 > li { float:left; width:32%; text-align:center; margin-left:2%; }
.photo3 > li:first-child {margin-left:0;}
.photo3 > li ul li{text-align:left;}
.photo4 li { float:left; width:23.5%; text-align:center; margin-left:2%;}
.photo4 li:first-child {margin-left:0;}

@media all and (max-width:770px){
  .photo4 li {width:49%; margin-top:2%;}
  .photo4 li:first-child, .photo4 li:nth-child(2) {margin-top:0;}
  .photo4 li:nth-child(3) {margin-left:0;}
}

@media all and (max-width:480px){
  .Mwid { width:100%;}
  .photo2 li { width:100%; }
  .photo2 li:first-child {margin-right:0; margin-bottom:2%;}
  .photo3 li { width:100%; margin-left:0; margin-top:2%; }
  .photo3 li:first-child {margin-top:0;}
  .photo4 li {width:100%; margin-left:0;}
  .photo4 li:nth-child(2) {margin-top:2%;}
}


/*사이트맵*/
.sitemap_wrap {border:1px solid #ccc; background:#f6f6f6; overflow:hidden; margin-top:30px;}
.sitemap_wrap > h4 {float:left; width:20%; border:0 !important; margin:43px 0 0 0 !important; padding-top:0 !important; line-height:110% !important; text-align:center;}
.sitemap_wrap > .submenu {float:left; background:#fff; width:80%;}
.sitemap_wrap > .submenu > ul {padding:30px; overflow:hidden;}
.sitemap_wrap > .submenu > ul > li {float:left; width:23%; margin:10px 1%;}
.sitemap_wrap > .submenu > ul > li > a {display:block; background:#5c7ca0; text-align:center; padding:6px 0; color:#fff; font-size:16px; font-weight:500;}
.sitemap_wrap > .submenu > ul > li:nth-child(4n+1) {clear:both;}
.sitemap_wrap > .submenu > ul > li > div {margin-top:20px;}
.sitemap_wrap > .submenu > ul > li > div > ul {padding:0 10px;}
.sitemap_wrap > .submenu > ul > li > div > ul > li {background:url('/design/common/img/sub/dept1.gif') no-repeat left 10px; padding-left:12px;}
.sitemap_wrap > .submenu a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat 98% 4px; padding:0 18px 0 0;}
.sitemap_wrap > .submenu > ul > li > a[target="_blank"] span {background-image:url('/design/common/img/sub/blank_w.gif');}
@media all and (max-width:1023px){
	.sitemap_wrap > h4 {width:100%; margin:0 !important; padding:15px 0 !important;}
	.sitemap_wrap > .submenu {width:100%;}
	.sitemap_wrap > .submenu > ul {padding:3%;}
}

@media all and (max-width:750px){
	.sitemap_wrap > .submenu > ul > li {float:left; width:31%;}
	.sitemap_wrap > .submenu > ul > li:nth-child(3n+1) {clear:both;}
	.sitemap_wrap > .submenu > ul > li:nth-child(4n+1) {clear:none;}
}
@media all and (max-width:550px){
	.sitemap_wrap > .submenu > ul > li {float:left; width:100%; margin:10px 0;}
}


/*배너모음*/
.cont_banner {overflow:hidden;}
.cont_banner li { float:left; width:23%; text-align:center; margin:10px 1%; border:1px dashed #ccc; padding:20px 5px; box-sizing:border-box; }
.cont_banner li:nth-child(4n+1) {clear:both;}
.cont_banner li span {display:block; font-size:12px; color:#666; margin-top:10px;}
@media all and (max-width:768px){
  .cont_banner li {width:31.333%;}
  .cont_banner li:nth-child(4n+1) { clear:none; }
  .cont_banner li:nth-child(3n+1) { clear:both; }
}
@media all and (max-width:480px){
  .cont_banner li {width:48%;}
  .cont_banner li:nth-child(3n+1) { clear:none; }
  .cont_banner li:nth-child(2n+1) { clear:both; }
}


/*로그인*/
#login_wrap {overflow:hidden; border:2px solid #ddd; text-align:center;}
#login_wrap .login_left {float:left; width:50%; border-right:1px solid #ddd; padding:40px 20px; box-sizing:border-box;}
#login_wrap .login_right {float:right; width:50%; padding:40px 20px; box-sizing:border-box;}
#login_wrap div dl dt {font-size:27px; font-weight:600;}
#login_wrap .login_input {margin-top:20px;}
#login_wrap .login_input input { padding:10px; border:1px solid #ccc; border-radius:5px; margin:5px 0; width:50%; box-sizing:border-box;}
#login_wrap .login_btn a {display:inline-block; background:#333; width:50%; font-size:16px; color:#fff; border-radius:5px; padding:10px; margin:10px 0 30px; box-sizing:border-box;}
#login_wrap .join_btn a { color:#555; }
#login_wrap .explain {margin:15px 0 30px;}
#login_wrap .btn ul {overflow:hidden; width:80%; margin:0 auto;}
#login_wrap .btn ul li {float:left; width:46%; margin:0 2%; padding-top:90px;}
#login_wrap .btn ul li:first-child {background:url('/design/common/img/sub/login01.gif') no-repeat center top;}
#login_wrap .btn ul li:last-child {background:url('/design/common/img/sub/login02.gif') no-repeat center top;}
#login_wrap .btn ul li a {display:block; padding:10px; border-radius:5px; border:1px solid #ccc; }
@media all and (max-width:800px){
  #login_wrap .login_left {width:100%; border-right:0; border-bottom:1px solid #ddd; }
  #login_wrap .login_right {width:100%;}
}
@media all and (max-width:480px){
  #login_wrap .login_left, #login_wrap .login_right {padding:30px 20px;}
  #login_wrap .btn ul, #login_wrap .login_input input, #login_wrap .login_btn a { width:100%;}
}

/*회원가입*/
.board_btn.big a, .board_btn.big input, .board_btn.big button {font-size:18px; padding:7px 20px; margin:0 4px;}
.board_btn.big .gray > * {background:#444; color:#fff; border:1px solid #444;}
#mypageBox {margin-bottom:30px;}
#mypageBox > dl.icon {background:url('/design/common/img/sub/join01.gif') no-repeat 30px center; padding:10px 0 10px 180px;}
#mypageBox > dl.icon dt {font-size:25px; font-weight:600; margin-bottom:10px; line-height:30px;}
#mypageBox > dl.icon dt span {color:#0169a6;}
@media all and (max-width:480px){
  #mypageBox > dl.icon {background-position:10px center; padding:10px 0px 10px 130px;}
}

  /*약관동의*/
  #mypageBox > div textarea {display:block; width:100%; height:150px; border:1px solid #ccc; padding:10px; box-sizing:border-box; margin-bottom:10px;}

  /*본인인증*/
  #join_wrap {border:3px solid #ddd; margin-top:30px;}
  #join_wrap > ul {overflow:hidden;}
  #join_wrap > ul > li {float:left; width:50%; padding:30px; box-sizing:border-box;}
  #join_wrap > ul > li:first-child {border-right:1px solid #ddd;}
  #join_wrap li dt {background:url('/design/common/img/sub/login02.gif') no-repeat center top;text-align:center; font-size:20px; font-weight:600; margin-bottom:20px; padding-top:80px;}
  #join_wrap > ul > li:first-child dt {background:url('/design/common/img/sub/login01.gif') no-repeat center top;}
  #join_wrap li dd a { display:block; padding:10px; margin:0 auto; width:90px; text-align:center; border-radius:5px; border:1px solid #ccc;}
  .name_input {border-top:1px solid #ddd; padding:20px; text-align:center;}
  .name_input input {border:0; border-bottom:1px dashed #ccc; width:100px; text-align:center; margin-right:10px; font-size:16px; padding:5px;}

  /*정보입력*/
  .infor_entry .name, .infor_entry .id {line-height:40px;}
  .infor_entry .check {overflow:hidden;}
  .infor_entry .check input {float:left; width:80%;}
  .infor_entry .check a {float:left; display:block; width:20%; color:#fff; background:#0169a6; text-align:center; line-height:40px; }
  .infor_entry .check p { float:left; }
  .infor_entry .radio_btn {float:left; margin-top:10px;}
  .infor_entry .email input[type="text"] {float:left; width:34%;}
  .infor_entry .email span.txt {float:left; text-align:center; width:5%; line-height:40px;}
  .infor_entry .email select {float:right; width:25%;}
    /*아이디 체크*/
    #idCheck .pop_title { position:relative; background:#0169a6; padding:15px; font-size:18px; color:#fff;}
    #idCheck .pop_title a {position:absolute; right:15px; top:10px;}
    #idCheck .board_btn a { display:inline-block; border:1px solid #ccc; padding:0 10px; line-height:33px; background:#fff; cursor:pointer; vertical-align:top; }
    #idCheck .board_btn .gray a {background:#555; color:#fff; border:1px solid #555;}
    #idCheck .pop_cont {text-align:center; padding:20px;}
    #idCheck .pop_cont span {color:#000; font-size:16px; font-weight:600;}
    #idCheck .pop_cont p {margin:10px 0;}

  @media all and (max-width:480px){
    .infor_entry .check input {width:65%;}
    .infor_entry .check a {width:35%; }
    .infor_entry .email input[type="text"] {width:46%;}
    .infor_entry .email span.txt {width:8%;}
    .infor_entry .email select {width:100%; margin-top:5px;}
    .infor_entry .radio_btn strong{display:block;}
  }

  /*가입완료*/
  .join_com {border:3px solid #ddd; margin:20px 0; text-align:center; font-size:18px; font-weight:600; padding:30px}
  .join_com p {font-size:15px; font-weight:400; margin-bottom:0 !important; margin-top:20px;}

/* 아이디/비밀번호 찾기 */
.idpw_wrap {overflow:hidden; border:3px solid #ddd; text-align:center; margin-top:30px;}
.idpw_wrap .left, .idpw_wrap .right {float:left; width:50%; border-right:1px solid #ddd; padding:30px; box-sizing:border-box;}
.idpw_wrap .left li {  float:left; background:url('/design/common/img/sub/login02.gif') no-repeat center top; padding-top:80px; /*width:47%;*/ width:94%; }
.idpw_wrap .left li:first-child{background:url('/design/common/img/sub/login01.gif') no-repeat center top; margin-right:6%;}
.idpw_wrap .left li a {display:block; border:1px solid #ccc; border-radius:5px; padding:10px;}
.idpw_wrap .right {border-right:0; border-bottom:0;}
.idpw_wrap .right .idpw_search {float:left; width:70%; text-align:left;}
.idpw_wrap .right .idpw_search label {float:left; line-height:40px; font-size:16px; width:30%; margin:5px 0;}
.idpw_wrap .right .idpw_search input {float:left; line-height:40px; height:40px; border:1px solid #ddd; width:70%; margin:5px 0; padding:0 10px; box-sizing:border-box;}
.idpw_wrap .right .board_btn {float:right; width:27%; }
.idpw_wrap .right .board_btn a {display:block; margin:5px 0; padding:28px 0;}
@media all and (max-width:768px){
  .idpw_wrap .left, .idpw_wrap .right {width:100%; border-right:0; border-bottom:1px solid #ddd;}
}
@media all and (max-width:480px){
  .idpw_wrap .left, .idpw_wrap .right {padding:20px;}
}

/*회원정보수정*/
.member_modify .name, .member_modify .id {line-height:40px;}

/*회원탈퇴*/
.bullet_caution {border:3px solid #ddd; padding:30px 50px; margin-top:30px;}
.bullet_caution > div {background:url('/design/common/img/sub/exit.gif') no-repeat left center; font-size:23px; font-weight:600; color:#cc3333; line-height:25px; padding:10px 0 10px 90px; margin-bottom:10px;}
.bullet_caution > div span {display:block; font-size:18px; color:#333; margin-top:10px;}
@media all and (max-width:480px){
	.bullet_caution { padding:20px 30px; }
	.bullet_caution > div {font-size:20px; padding:10px 0 10px 80px; line-height:20px;}
	.bullet_caution > div span {font-size:16px;}
}


/*본인인증*/
.realCont_wrap {height:auto;}
.realCont_wrap a:focus, .realCont_wrap input:focus {outline:2px solid #ff0000;}
#realContent1, #realContent2, #realContent3 {height:450px;}
.realCont_wrap h4 {font-size:20px !important; font-weight:bold;}
@media all and (max-width:880px){
	#realContent1, #realContent2, #realContent3 {height:auto;}
}


/*예약*/
.resv_guide {border:5px solid #edf2f4; background:#fff; padding:30px;}
.resv_guide h4 {color:#223b8b; font-weight:bold; font-size:17px;}
.list_black {padding:20px 0 20px 15px; border-bottom:1px dashed #ddd;}
.list_black > li {background:url('/design/common/img/sub/dept1.gif') no-repeat left 13px; padding:4px 0 4px 12px; font-size:14px;}
.list_black:nth-child(even) > li { background:none !important; margin-left:-12px;}
.election_wrap .txtbox .list_box { border:1px solid #c2c2c2; display:block; padding:10px; font-weight:500; margin-top:5px;}
.resv_guide p {padding-top:10px;}
.tbl_form dt, .tbl_form dd {padding:10px 0 10px 12px;}
.tbl_form dd input {border:1px solid #ccc !important; height:30px !important; margin:0;}
.tbl_form dd input[type="button"] {height:28px; border-radius:2px; padding:2px 20px !important;}
.bt_white_s {background:#555; color:#fff; padding:5px 15px 7px 15px; border-radius:2px;}
.bod_btn a {padding:5px 20px}
.resv_step02 {float:right; margin:15px 0 0 8px !important; padding:0 !important;}

#realNameTab {margin-top:0; overflow:hidden;}
#myListTable {position:relative;}
#myListTable .tit {text-align:center; font-size:17px; font-weight:bold; border-bottom:1px dashed #ccc; padding:10px 0 20px;}
#myListTable ul {padding:20px;}
#myListTable .btn {font-size:13px;}

#btnResvPrint {background-color:#f6f6f6 !important; color:#000 !important; border:1px solid #ccc !important; padding:5px 10px !important;}
#btnResvCancle {background-color:#bd2020 !important; color:#fff !important; border:0 !important; padding:5px 10px !important;}
#btnResvYes, #btnPrintYes {background-color:#333 !important; border:0 !important; padding:5px 10px !important;}
#btnResvNo, #btnPrintNo {border:1px solid #ccc !important; padding:5px 10px !important;}

.btn-close {position:absolute; right:20px; bottom:20px; background-color:#333 !important; color:#fff !important; border:0 !important; padding:5px 10px !important; line-height:22px !important;}



/*축제문화정보-문화·스포츠 행사일정*/
.calendar {position:relative; overflow:hidden;}
.monthTab {border:5px solid #ededed; box-sizing:border-box; margin-bottom:40px;}
.monthTab ul {display:table; table-layout:fixed; overflow:hidden; width:100%; border:1px solid #ccc;}
.monthTab ul li {display:table-cell; border-left:1px solid #ccc;}
.monthTab ul li:first-child {border-left:0;}
.monthTab ul li a {display:block; padding:10px 0; background: #f2f2f2; color:#555; text-align:center;}
.monthTab ul li:hover a,
.monthTab ul li.on a {padding:8px 0; border-bottom:2px solid #0057a9; background:#fff; color:#0057a9; font-weight:600;}
.monthTab div {position:relative; padding:20px; }
.monthTab div p {text-align:center; font-size:30px; font-weight:600; }
.monthTab div a { position:absolute; color:#555; font-size:16px; padding:0 0 0 25px; left:20px; top:50%; margin-top:-12.5px;}
.monthTab div a.next {padding:0 25px 0 0; left:auto; right:20px; }
.monthTab div a::before {content:''; position:absolute; top:2px; left:0; background:url('/design/culture/img/sub/calArrow.gif') no-repeat 0 0; width:12px; height:21px; }
.monthTab div a.next::before {background-position:-12px 0; left:auto; right:0; }
.calendar a.type {display:block !important; position:absolute; right:65px; top:208px; border:1px solid #ccc; background:url('/design/culture/img/sub/listtypeOff.gif') no-repeat -36px 0; text-indent:-9999px; width:36px; height:36px; vertical-align:top; z-index:10;}
.calendar a.type:hover,
.calendar a.type:focus,
.calendar .on a.type {background:url('/design/culture/img/sub/listtypeOn.gif') no-repeat -37px -1px; border:1px solid #333;}
.calendar a.type.btn2 {right:20px; background-position:0 0; margin-left:5px; }
.calendar .cal { position:relative; float:left; width:40%; border:1px solid #ccc; padding:20px 30px; box-sizing:border-box;}
.calendar .cal::after {content:''; position:absolute; left:0; top:90px; width:100%; height:40px; background:#0057a9;}
.calendar .cal > p {font-size:25px; text-align:center; line-height:1.5; margin-bottom:15px;}
.calendar .cal > p span {display:block; font-size:12px; color:#999; letter-spacing:0;}
.calendar .cal table {width:100%; table-layout:fixed; text-align:center;}
.calendar .cal table th {color:#fff; padding:7px 0 15px; width:14.28%; position:relative; z-index:2;}
.calendar .cal table td { padding:4px; font-size:13px;}
.calendar .cal table td span { display:block;}
.calendar .cal table td span.data {background:url('/design/culture/img/sub/cal_pattern.png') repeat #0057a9;}
.calendar .cal table td span.data a {display:block; padding:7px 0; color:#fff;}
.calendar .cal table td span.data a:hover {color:#fff;}
.calendar .cal table td span.today,
.calendar .cal table td span:hover {background:url('/design/culture/img/sub/cal_pattern.png') repeat #0057a9; color:#fff;}
.calendar div.type1 > *,
.calendar div.type2 > * {display:none;}
.calendar div.type1.on > *,
.calendar div.type2.on > * {display:block;}
.calendar .type1 { overflow:hidden;}
.calendar .type1 .detail {float:right; width:55%;}
.calendar .type1 .detail h4 { display:block; width:250px; margin:0 0 10px !important; font-size:18px !important; border:1px solid #999 !important;  padding:4px 0 !important; text-align:center; border-radius:20px; background:none !important; }
.calendar .type1 .detail dl { border-bottom:1px solid #ddd; padding:15px 0; }
.calendar .type1 .detail dl dt { position:relative; margin-top:20px;}
/*.calendar .type1 .detail dl dt::before {content:''; position:absolute; left:0; top:9px; width:10px; height:10px; border:3px solid #0057a9; border-radius:5px; }*/
.calendar .type1 .detail dl dt a { color:#333; font-size:17px; font-weight:500; }
.calendar .type1 .detail dl dt a span {color:#fff; font-size:15px; font-weight:400; padding:3px 7px; margin-right:7px;}
.calendar .type1 .detail dl dt a span.gong {background:#0057a9;}
.calendar .type1 .detail dl dt a span.jun {background:#047309;}
.calendar .type1 .detail dl dt a span.fest { background:#006017;}
.calendar .type1 .detail dl dt a span.hang {background:#eb5e02;}
.calendar .type1 .detail dl dd { color:#666; margin-top:5px; padding-left:15px; }
.calendar .type2 .cal {width:100%;}
.calendar .type2 .cal table th {padding:7px 0 20px;}
.calendar .type2 .cal table td {position:relative; height:120px; padding:45px 5px 5px 5px; text-align:left; vertical-align:top; border-left:1px dashed #ccc; border-top:1px dashed #ccc;  }
.calendar .type2 .cal table tr:first-child td {border-top:0;}
.calendar .type2 .cal table tr td:first-child {border-left:0;}
.calendar .type2 .cal table td > span { position:absolute; left:5px; top:5px; padding:0; width:30px; line-height:30px; text-align:center; color:#fff;}
.calendar .type2 .cal table td a {display:block; position:relative; color:#555; padding-left:10px; margin-bottom:5px; display: -webkit-box; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden; line-height:20px; max-height:40px; font-weight:500; }
.calendar .type2 .cal table td a::before { content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#0057a9;}/*블릿누가지웠지??*/
.calendar .type2 .cal table td a span {display:inline-block; padding:0 5px; color:#fff; margin-right:3px;}
.calendar .type2 .cal table td a span.gong {background:#0057a9;}
.calendar .type2 .cal table td a span.jun {background:#047309;}
.calendar .type2 .cal table td a span.hang {background:#eb5e02;}

.calendar .btn_cyan {display:none;}

@media all and (max-width:1023px){
  .calendar .cal { width:40%; }
  .calendar .type1 .detail { width:55%; }
}

@media all and (max-width:768px){
  .calendar .cal { width:100%; padding:20px; }
  .calendar .cal::after {height:35px; top:84px; }
  .calendar .cal > p {font-size:20px;}
  .calendar .cal table th {padding:5px 0 12px;}
  .calendar .cal table td span {padding:3px 0;}
  .calendar .type1 .detail { width:100%; }
  .calendar .type1 .detail h4 {margin:30px auto 10px !important;}
  .calendar .type2 .cal table td {height:80px;}
}
@media all and (max-width:700px){
  .calendar .type2 .cal {}
  .calendar .type2 .cal::after {width:700px;}
  .calendar .type2 .cal table {}
}
@media all and (max-width:480px){
  .monthTab div {padding:10px;}
  .monthTab div p {font-size:24px;}
  .monthTab div a {font-size:14px; padding: 0 0 0 15px; left:10px;}
  .monthTab div a.next {padding:0 15px 0 0 ; right:10px;}
  .calendar a.type {top:170px;}
  .calendar .type2 .cal {padding:20px 0;}
  .calendar .type2 .cal table th {padding:5px 0 12px;}
  .calendar .type2 .cal table td {height:50px;}
}
/*축제문화정보-문화·스포츠 행사일정-view*/
.calendar.view .top { overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:40px;}
.calendar.view .top > img { display:none; float:left; width:35%;}
.calendar.view .top dl { float:right; width:100%; }
.calendar.view .top dl dt {font-size:23px; font-weight:500; margin:10px 0;}
.calendar.view .bottom { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.calendar.view .bottom h4 { display:block; width:100px; font-size:18px; border:1px solid #999;  padding:4px 0; text-align:center; border-radius:20px; background:none; }
.btnWrap {margin-top:20px; height:45px;}
.btnWrap a {display:inline-block; border:3px solid #666; background:#666; color:#fff; padding:7px 15px;}
.btnWrap a.list { float:left; border:3px solid #0057a9; color:#0057a9; background:#fff; font-weight:500; }
.btnWrap .btn_boxR {float:right;}
.btnWrap .btn_boxR a {margin-left:5px;}
.calendar.view a.booking span {display:inline-block; position:relative; background:#014099; color:#fff; padding:0 23px 0 10px; }
.calendar.view a.booking span:before {content:''; position:absolute; right:10px;; top:50%; width:4px; height:4px; border-top:2px solid #fff; border-right:2px solid #fff; transform:translateY(-50%) rotate(45deg);}
@media all and (max-width:480px){
  .calendar.view .top > img { width:100%; }
  .calendar.view .top dl { width:100%; }
  .calendar.view .top dl dt { font-size:19px; line-height:1.4; margin:20px 0 10px;}
}



/*게시판-검색*/
.search_box select {height:28px;}
.search_box input {height:25px; margin-left:10px;}
.search_box .btn {background:#333; color:#fff; border:0; padding:2px 10px !important; cursor:pointer; }
.search_box .btn:focus {outline:2px dashed #ff0000;}

/* 테이블 버튼. 게시판버튼 */
.tbl_area button {background:#134e84 !important; color:#fff; border:0; padding:4px 10px; border-radius:3px; cursor:pointer;}
.tbl_area button:focus {outline:2px dashed #ff0000;}
.btnboxC button {background:#333; color:#fff; border:0; padding:4px 15px; border-radius:3px; cursor:pointer;}
.btnboxC button:focus {outline:2px dashed #ff0000;}
.btnboxC .btn_jo {background:#134e84;}
.btnboxC .btn_jo:focus {outline:2px dashed #ff0000;}


/*이메일보내기*/
.emailBox {margin:20px;}
.emailBox h4 {font-family:'notokr', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum', '굴림', 'gulim', 'sans-serif'; font-size:22px; margin:20px 0 20px; line-height:25px; font-weight:500;}
.emailBox input {width:98%;}
.emailBox textarea {margin-top:10px; width:98%; font-family:"notokr", "Noto Sans CJK KR", sans-serif; font-size:15px; padding:5px;}
.emailBox .btnBox {margin-top:10px;}
.emailBox .btnBox input {width:100%;}


/* 조직도 */
.officeWrap {overflow:hidden; margin:20px;}
.office_wrap {overflow:hidden;}
.office_wrap .off {display:none !important;}
.off_profile {overflow:hidden;}
/* .off_profile_img {float:left; width:17%; background-color:#f6f6f6; border:1px solid #e5e5e5; box-sizing:border-box;}
.off_profile_img img {padding:15px 10% 20px 10%; text-align:center; width:80%;}
.off_profile_txt {float:left; width:78%; margin-left:5%;} */
.off_profile_img {background-color:#f6f6f6; border:1px solid #e5e5e5; box-sizing:border-box;}
.off_profile_img img {padding:15px 10% 20px 10%; text-align:center; max-width:100%;}
.office_wrap h4.h5 {color:#00489c; font-size:18px !important; border-top:0 !important; background:none !important;}
.office_wrap .work_list {overflow:hidden; margin-top:20px;}
.office_wrap .first {margin-top:50px;}
.office_wrap .work_list h4.h5 {float:left; margin:0 !important; padding:0 !important;}
.office_wrap .work_list ul {float:left; overflow:hidden; margin-left:50px;}
.office_wrap .work_list ul li {float:left; margin-left:30px; padding-left:30px; background:url('/design/district/img/office_line.gif') no-repeat left center;}
.office_wrap .work_list ul li:first-child {margin-left:0;  padding-left:0; background:none;}
.office_wrap .work_list ul li span.tit {font-weight:bold; margin-right:15px;}
.resident_all h4 {margin:40px 0 20px !important;}
.off_tab {border:1px solid #ddd; background:#eee; overflow:hidden; padding:6px; margin-bottom:30px !important;}
.off_tab ul {overflow:hidden; background:#fff; padding:10px 15px;}
.off_tab li {float:left; box-sizing:border-box; text-align:center; border-right:1px dashed #ccc; margin:5px 0;}
.off_tab li a {padding:8px 20px; font-size:15px; letter-spacing:-0.1em;}
.off_tab li.on a {color:#fff; padding:4px 20px; background:#00489c;}
.office_wrap h5 {margin-top:40px !important;}
.resident_txt {margin:20px 0; background:#f6f6f6; border:1px solid #e5e5e5; padding:10px;}
.resident_txt textarea {width:96%; height:250px;}
.mail {background:url('/design/district/img/email.gif') no-repeat right center; padding-right:20px;}
.office_h5 {background:none !important; font-weight:400; font-size:18px; margin:20px 0 10px; padding-left:0 !important; color:#00489c !important; font-weight:bold; text-align: left;}
.officeWrap.center {text-align:center;}
.officeWrap .closeBtn {font-size:20px; background: #00489c; color:#fff; display: inline-block; padding:7px 30px;}
.officeWrap .closeBtn span {margin-right:5px; font-size: 18px;}


@media all and (max-width:768px){
	/* .off_profile_img {width:100%; background-color:#f6f6f6; border:1px solid #e5e5e5; box-sizing:border-box; text-align:center;}
	.off_profile_img img {width:100px; padding:15px 0;}
	.off_profile_txt {width:100%; margin-left:0;} */
	.office_wrap h4.h5 {padding:0 !important;}
	.office_wrap .first {margin-top:20px;}

}


/* 조직도-테이블 */
.tbl_type2 {border-collapse: separate; border:2px solid #00489c; width:100%; }
.tbl_type2 thead th {background:#e4e9f0; font-size:15px; padding:10px; border-left:1px solid #c4c4c4; text-align:center; }
.tbl_type2 tbody th {background:#fafafa; font-size:15px;}
.tbl_type2 tbody td, .tbl_type2 tfoot td {background:#fff; font-size:14px; }
.tbl_type2 tbody th, .tbl_type2 tbody td, .tbl_type2 tfoot th, .tbl_type2 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10px; word-break:break-all;}
.tbl_area #off {display:none;}

.tbl_type3 {border-collapse: separate; border-top:1px solid #555; margin-left:-1px; width:100%; margin-top:20px; }
.tbl_type3 thead th {background:#f4f4f4; font-size:15px; padding:10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; }
.tbl_type3 tbody th {background:#fafafa; font-size:15px;}
.tbl_type3 tbody td, .tbl_type3 tfoot td {background:#fff; font-size:14px; }
.tbl_type3 tbody th, .tbl_type3 tbody td, .tbl_type2 tfoot th, .tbl_type2 tfoot td { border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10px; word-break:break-all;}


/*페이지 만족도*/
#satisfy {position:relative; width:100%; margin-top:15px; margin-bottom:50px; border:1px solid #ccc; background:#fff; box-sizing:border-box; overflow:hidden;}
#satisfy dl{width:100%; overflow:hidden; background:url('/design/main/img/sub/officer_icon.gif') no-repeat 40px 20px; position:relative; }
#satisfy dt{padding:20px 20px 0 120px; font-weight:bold; overflow:hidden; font-size:16px; line-height:180%;}
#satisfy .value_point {padding-left:120px; overflow:hidden; border-bottom:1px dotted #aaa; padding-bottom:10px;}
#satisfy dd.value_point ul {float:left; padding:0;}
#satisfy dd.value_point ul li{color:#666; float:left; padding:10px 20px 10px 0; font-size:15px;}

#satisfy dd p {position:absolute; top:50px; right:20px; margin-bottom:0}
#satisfy dd .bt_navy {background-color:#333; color:#fff; display:block; padding:5px 20px; float:left; margin-top:5px; }
#satisfy dd ul {overflow:hidden; padding:12px 30px;}
#satisfy dd ul li {float:left; margin-left:30px;}
#satisfy dd ul li:first-child {margin-left:0;}
#satisfy dd ul li .tit_dept {color:#333; line-height:130%; padding-right:20px;font-size:15px;}
#satisfy dd ul li .tit_update {color:#333; line-height:130%; padding-right:7px; margin-left:30px;font-size:15px;}
#satisfy dd ul li .txt_dept {border-left:1px solid #ccc; padding-left:15px; font-size:15px; color:#666; line-height:130%;}

@media all and (max-width:750px){
	#satisfy dd.value_point ul li {padding:0;}
}
@media all and (max-width:640px){
	#satisfy dl{background-size:40px; position:relative; background-position:20px 20px; }
	#satisfy dt{padding:20px 20px 0 80px; font-size:15px; line-height:150%;}
	#satisfy .value_point {padding-left:20px; padding-bottom:5px;}
	#satisfy dd.value_point ul li{font-size:13px;}
	#satisfy dd p {bottom:7px; right:15px;}
	#satisfy dd .bt_navy {display:block; padding:5px 15px; margin-top:0; }
	#satisfy dd.value_point ul li{padding:10px 10px 10px 0;}
	#satisfy dd ul  {padding:12px 2%;}
	#satisfy dd ul li .txt_dept {font-size:13px;}
}
@media all and (max-width:480px){
	#satisfy dl{background:none;}
	#satisfy dt{padding:20px 20px 10px 20px; font-size:14px; line-height:150%;}
	#satisfy .value_point {padding:0 5% 10px 5%;}
	#satisfy dd.value_point ul {padding:5px 5% 15px 5%;}
	#satisfy dd p {position:static; width:89%; text-align:center;}
	#satisfy dd .bt_navy {width:100%; display:block; padding:5px 15px; margin-top:0;}
	#satisfy dd.value_point ul li {width:auto; padding:2px 10px 2px 0}
	#satisfy dd ul  {padding:12px 5%;}
	#satisfy dd ul li {width:100%;}
	#satisfy dd ul li .tit_update {margin-left:0;}
}



/*VR박스*/
.VRbox {background:#d4e7f2; position:relative; height:320px; margin-bottom:50px; text-align:center;}
.VRbox img {position:absolute; bottom:-40px; left:100px;}
.VRbox .info {position:absolute; left:50%; top:80px; width:45%; margin-top:-20px;}
.VRbox .info .tit {font-size:22px; font-weight:500; margin:0;}
.VRbox .info a.btn {display:inline-block; background:#1e5786; color:#fff; text-align:center; padding:15px 50px; margin-top:20px; border-radius:100px;}
.VRbox .info a.btn span {background:url('/design/ch/post1/vr/vr_icon.png')no-repeat left center; padding:10px 0 10px 40px;}

@media all and (max-width:800px){
	.VRbox img {left:5%; width:220px; bottom:15px;}
}
@media all and (max-width:600px){
	.VRbox {height:auto; margin-bottom:0; padding-bottom:20px;}
	.VRbox img {display:none;}
	.VRbox .info {position:static; width:100%;}
	.VRbox .info .tit {font-size:18px;}
	.VRbox .info a.btn {margin-top:0;}
}

/*영상*/
.vod h3{margin-top:2rem;}
.vod_caption {padding:1rem; border:1px solid #ccc;  overflow:auto; margin-top:1rem; height: 20rem;}

/*챗봇*/
.makechat_wg_btn_show {width:100px !important; height:100px !important; background:none !important;}
.makechat_wg_btn_ani_chat {width:100% !important; height:auto !important;}