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

@media all and (max-width:1200px){
}
@media all and (max-width:1023px) {
}
@media all and (max-width:768px) {
}
@media all and (max-width:480px) {
}

/*정리해야함*/
.member_btn .last.first,
.sns .last.first {width:100%;}
a.search, .m_sitemap {border:none !important;}
.member_btn li {background: #0068a9;}
.sns li {/*background: #ddd;*/ text-align: center;}
.sns li a {color:#131313 !important; display: inline-block !important;}
.sns li.insta a {background:url('/design/industry/img/layout/btn_insta.png') no-repeat left center; padding-left:40px;}
.m_sitemap {background:#414143 url('/design/industry/img/layout/btn_sitemap.png') no-repeat center; text-indent: -9999px;}
#serachwrap #qt {margin-top:0 !important}

/*common.css (+)*/
li span {line-height:1; font-size:1em;}
.gray {color:#394655;}

/*layout.css (+)*/
.wrap {max-width:1200px; margin:0 auto;}
.wrap h2.hidden {position:absolute; left:-99999999px;}
.m_sitemap {display:none;}
@media all and (max-width:1200px){
  .wrap {padding:0 2%;}
}
@media all and (max-width:1023px) {
    .m_sitemap {display:block;}
    .gnbwrap .icon_wrap .pc_sitemap {display: none !important;}
}

/*김천시도시재생지원센터*/
body {font-family:'notokr', 'Noto Sans CJK KR', sans-serif; color:#131313; font-size:15px; line-height:1.6; font-weight:400; letter-spacing: -0.02em;}


/* #header > header */
header {position:relative; background:url('/design/industry/img/layout/header_top_bg.gif') repeat-x center top;}
header h1 {position:absolute; top:60px; left:50%; margin-left:-600px;}
@media all and (max-width:1200px){
    header h1 {left:10px; margin-left:0; ;}
    header h1 img {width:80%;}
}
@media all and (max-width:1023px) {
    header {background: none;}
    header h1 {top:7px; width:200px}
    header h1 img {width:100%;}
}
@media all and (max-width:768px) {
}
@media all and (max-width:480px) {
}


/* #header > header > header_top */
header .header_top {overflow:hidden; height:45px; box-sizing: border-box; }
header .header_top .gnb {overflow: hidden; text-align:center; box-sizing:border-box; border-left:1px solid rgba(255,255,255,0.2);}
header .header_top .gnb li {display:block; float:left; width:20%; height:45px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2);}
header .header_top .gnb li a {display: block; color:#fff; line-height:45px; padding:0 20px;}
header .header_top .gnb li.indust {background:#fff; font-weight:600;}
header .header_top .gnb li.indust a {color:#0089cf; }


/* #header > header >  gnbwrap */
.gnbwrap {height:90px; clear:both; overflow:hidden; border-bottom:1px solid #ebecee}
.gnbwrap .gnbPC {float:left; width:66%; margin-left:22%;}
.gnbwrap.pc .gnbArea {overflow:hidden; width:100%;}
.gnbwrap.pc .gnbArea > ul {width:100%; float:left;}
.gnbwrap.pc .gnbArea > ul > li {box-sizing:border-box; margin:0 10px;}
.gnbwrap.pc .gnbArea > ul > li.first {padding-right:32px; background:url('/design/industry/img/layout/top01_bg.png') no-repeat 100% center;}
.gnbwrap.pc .gnbArea > ul > li.last {display:none;}
/*
.gnbwrap.pc .gnbArea > ul > li:nth-of-type(1) {width:20%;}
.gnbwrap.pc .gnbArea > ul > li:nth-of-type(2) {width:16%;}
.gnbwrap.pc .gnbArea > ul > li:nth-of-type(3) {width:14%;}
.gnbwrap.pc .gnbArea > ul > li:nth-of-type(4) {width:14%;}
.gnbwrap.pc .gnbArea > ul > li:nth-of-type(5) {width:16%;}
.gnbwrap.pc .gnbArea > ul > li:nth-of-type(6) {width:20%}
*/
.gnbwrap.pc .gnbArea > ul > li.first > a {color:#e9410b;}
.gnbwrap.pc .gnbArea > ul > li.last {box-sizing:border-box;}
.gnbwrap.pc .gnbArea > ul > li > a {line-height:90px; font-size:19px; width:100%;padding:0; font-weight:500;}
.gnbwrap.pc .gnbArea > ul > li > a[target="_blank"] span {background:url('/design/common/img/sub/blank.gif') no-repeat 90% center; padding-right:25px;}
.gnbwrap.pc .gnbArea > ul > li > a.on span {font-weight:600;}
.gnbPC .subGnb .title {width:35%; margin:45px 0 !important;}
.gnbwrap.pc.ver3 .subGnb .title {background:url('/design/industry/img/layout/snavi1.png') no-repeat left 0; margin:30px 0 50px; min-height:216px; padding-bottom:0 !important; text-align:right;}
.gnbwrap.pc.ver3 .subGnb .title span {display:block; color:#131313; font-size:18px; margin-bottom: 15px;}
.gnbwrap.pc.ver3 .subGnb .title span.big {color:#0068a9; font-size:26px;}
.ver3 .gnbPC .subGnb .dept2 {float:right; width:60%; padding:20px 0; border-left:none;}
.ver3 .gnbPC .subGnb .dept2 li {margin:0 0 10px 0.7% !important; width:32% !important;}
.gnbwrap .icon_wrap {float:right; width:12%; box-sizing:border-box; margin-top:0; height:90px; line-height:90px;}
.gnbwrap .icon_wrap .search {display:inline-block; float:left; width:50%; height:90px; background:url('/design/industry/img/layout/btn_search.png') no-repeat center; text-indent:-9999px;}
.gnbwrap .icon_wrap .pc_sitemap {display:inline-block; float:left; width:50%; height:90px; background:#414143 url('/design/industry/img/layout/btn_sitemap.png') no-repeat center; text-indent:-9999px;}
.gnbwrap.pc .subGnb {top:135px; background:url('/design/industry/img/layout/subGnb_bg.gif') repeat-y; background-position: center top;}
.gnbwrap.pc.ver3 .subGnb .title {background:url('/design/industry/img/layout/snavi1.png') no-repeat leftt 0; margin-top:40px; margin-bottom:0;}
#serachwrap {top:135px; z-index:9999; border-bottom:none !important;}
#serachwrap a.search_btn {vertical-align:top;}
#serachwrap a.close {top:-10px;}


@media all and (max-width:1440px){
	.gnbwrap .gnbPC {width:calc(100% - 380px); margin-left:230px;}
	.gnbwrap.pc .gnbArea > ul > li > a {font-size:18px;}
}
@media all and (max-width:1200px){
	.gnbwrap .gnbPC {width:calc(100% - 310px); margin-left:170px;}
	.gnbwrap.pc .subGnb {background-position:left top; background-size:cover;}
	.gnbwrap.pc .gnbArea > ul > li.first {background-position:right center;}
	.gnbwrap.pc .gnbArea > ul > li {margin:0 5px; }
		.gnbwrap.pc .gnbArea > ul > li  > a {font-size:16px;}
}
@media all and (max-width:1023px){
	.gnbhead ul {background:#3b68b1;}
	.gnbhead ul li {border-top:1px solid #3b68b1;border-left:1px solid #4b7bc8}
	#serachwrap {top:107px;}
	.gnbwrap.pc .gnbArea {width:100%;}
	.gnbwrap .icon_wrap {width:50%;}
	.gnbwrap.pc .gnbArea > ul > li {width:100% !important;}
	.gnbwrap.pc .gnbArea > ul > li > a {line-height:50px; font-size:18px;}
	.header_top {display:none;}
    #serachwrap a.close {right:3%;}
}
@media all and (max-width:1023px){
	.gnbwrap {height:70px;}
	.gnbwrap .icon_wrap {width:100px; margin-top:12px;}
	a.search,
	.m_sitemap {width:45px !important; height:45px !important; box-sizing:border-box; line-height:40px; text-align:center; margin:0 !important; padding:0 !important; border:1px solid #d5d5d5;}
	.m_sitemap {vertical-align:top; float:right;}
	#serachwrap {top:70px;}
	.gnbwrap.pc .gnbArea > ul {box-sizing:border-box;}
	.gnbwrap.pc .gnbArea > ul > li > a {box-sizing:border-box;}
	.gnbhead > div {padding:0;}
	.gnbhead > div {height:70px;}
	.gnbhead > div a.Mclose {padding-right:15px; padding-top:20px !important;}
	.gnbhead ul li {width:50%;}
    .gnbhead ul li:first-child {/*display:none;*/}
    .gnbwrap.pc .gnbArea > ul > li.first {background-image:none;}
}

/* #header > mask */
.mask {opacity:0; z-index:0;}
.mask.on {opacity:0.5; /*transition-duration: 0.01s;*/ z-index: 11;position: fixed; top:440px;left: 0;width: 100%;height: 100%;background: #000; content:'';}
@media all and (max-width:1023px){
    .mask.on {top:70px;}
}

.left_cont {float:left;}
.right_cont {float:right;}

/*mainCont*/
.part01 {background:url('/design/industry/img/main/part01_bg.jpg') no-repeat center top; background-size:cover;}
.part02 {background:#fff; padding:40px 0 70px;}
.part01 h2 {text-align:center; padding-top:40px;}
.part02 h2 {text-align:center; margin-bottom:30px;}
.part01 .both_cont {overflow:hidden;padding:40px 0 60px;}
.part01 .left_cont {width:52%;}
.part01 .right_cont {width:46%;}
.part01 .right_cont .row01 {overflow:hidden; margin-bottom:20px;}
.part01 .right_cont .row02 {margin-right:3px; clear:both;}
.part01 .left_cont .main_visual_wrap {position:relative; background:#ddd; width:100%; height:540px; box-sizing:border-box; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); /**/overflow:hidden;}
.part01 .right_cont .row01 .qmenu1 {background:#fff; float:left; width:50%; box-sizing:border-box; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); margin-bottom:3px;}
.part01 .right_cont .row01 .explain {float:right; width:46%; box-sizing:border-box; padding-top:30px;}
.part01 .right_cont .row02 .subjectWrap {background:#fff; box-sizing:border-box; box-shadow: 2px 2px 2px rgba(0,0,0,0.2) }
@media only screen and (max-width:1023px) {
    .part01 .left_cont,
    .part01 .right_cont {float:none; width:100%;}
    .part01 .right_cont {margin-top:20px;}
}
@media only screen and (max-width:480px) {
    .part01 .both_cont {padding:20px 0 30px;}
    .part02  {padding:20px 0 30px;}
    .part01 h2 img {width:50%;}
    .part02 h2 img {width:35%;}
    .part01 .right_cont .row01 .qmenu1,
    .part01 .right_cont .row01 .explain {float:none; width:100%;}
}



/*메인비주얼*/
.mainArlim,
.main_visual,
.bx-wrapper,
.bx-viewport,
.bx-viewport {width:100% !important; height:100% !important;}
.main_visual .popBtn {position: absolute; bottom:0; right:0; z-index:10; text-align:center;}
.main_visual .popBtn li { float: left; }
.main_visual .popBtn li a {display:block; width:45px; height:45px; line-height:45px; margin-left:1px;}
.main_visual .popBtn li a.on {display:block !important;}
.main_visual .popBtn li.play a {display:none;}
.main_visual .slider000 { margin:0 auto;width:100%; height:100%;}
.main_visual .slider000 ul li {/*width:100% !important;*/ height:100% !important }
.main_visual .slider000 ul li a {display:block;}
.main_visual .slider000 ul li img {width:100%; height:540px; vertical-align:top;}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1023px) {
    .part01 .left_cont .main_visual_wrap {height:400px;}
    .main_visual .slider000 ul li img {height:400px;}
}
@media only screen and (max-width:768px) {
    .part01 .left_cont .main_visual_wrap {height:300px;}
    .main_visual .slider000 ul li img {height:300px;}
}
@media only screen and (max-width:480px) {
    .part01 .left_cont .main_visual_wrap {height:200px;}
    .main_visual .slider000 ul li img {height:200px;}
}

/*롤링*/
.qmenu1 {position: relative; height:290px; overflow:hidden;}
.qmenu1 .btn {position: absolute; top:50%; margin-top:-22.5px; right:0; z-index:10;display:block; width:100%;}
.qmenu1 .btn a {display: inline-block; float:left; width:45px; height:45px; line-height:45px; text-indent: -9999px;}
.qmenu1 .btn a.prev {background-image: url('/design/industry/img/main/popup_prev.png'); float:left;}
.qmenu1 .btn a.next {background-image: url('/design/industry/img/main/popup_next.png'); float:right;}
.qmenu1_wrap {overflow:hidden; height:241px; margin-top:20px;}
.qmenu1_ul {position:relative; clear:both; width:200%;}
.qmenu1_ul li {float:left; width:50%; margin-right:1%; height:241px; box-sizing: border-box; text-align:center;}
.qmenu1_ul li a {display:block; overflow: hidden;}
.qmenu1_ul li:nth-of-type(1) {background:url('/design/industry/img/main/qmenu1-01.png') no-repeat center 50px;}
.qmenu1_ul li:nth-of-type(2) {}
.qmenu1_ul li:nth-of-type(3) {}
.qmenu1_ul li dt {font-size:20px; font-weight:bold;}
.qmenu1_ul li dd {margin-top:140px; padding:0 5%;}

/*이용안내*/
.explain {background:url('/design/industry/img/main/explain-bg.png') no-repeat center top}
.explain li {}
.explain li dl {width:100%;}
.explain li dl dt {text-align:center; margin-bottom:15px;}
.explain li dl dd {line-height:30px;}
.explain li.load,
.explain li.schedule {margin-top:15px; height:65px; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); margin-right:3px; padding:0 20px 0 80px;}
.explain li.load span,
.explain li.schedule span {line-height:65px; padding-right:20px; display:block; background:url('/design/industry/img/common/arr2.png') no-repeat right center; font-weight:bold;}
.explain li.load {background:#ffdb61 url('/design/industry/img/main/explain-load.png') no-repeat 20px center;}
.explain li.schedule {background:#f2f2f2 url('/design/industry/img/main/explain-schedule.png') no-repeat 20px center;}
@media all and (max-width:1200px) {
    .explain {background:none;}
}
@media only screen and (max-width:480px) {
    .explain li dl dt img {width:17%;}
}

/*공지사항*/
.subjectWrap {overflow:hidden; position: relative; padding:14px 20px; box-sizing:border-box;}
.subjectWrap .subject {}
.subjectWrap .subject li {width:100%; height:65px; padding:10px 0; overflow:hidden; background:#fff;}
.subjectWrap .subject li.first {border-bottom:1px dashed #c3c3c3;}
.subjectWrap .subject a {display:block; float:left; width:100%;}
.subjectWrap .subject a > p {float:left; width:15%;; height:64px; box-sizing:border-box; border:1px solid #ddd; background:#eaeaea; text-align:center; font-weight:500;}
.subjectWrap .subject a > p span {display:block; font-size:15px; padding-top:7px;}
.subjectWrap .subject a > p span.big {font-size:26px;}
.subjectWrap .subject a dl {display:inline-block; width:80%; height:64px; overflow:hidden; float:right; }
.subjectWrap .subject a dl dt p {font-weight:bold; font-size:16px; height: 22px;  margin:5px 0 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word;}
.subjectWrap .subject a dl dd p {line-height: 23px; height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word;}
.subjectWrap .more {position:absolute; right:15px; top:15px; display:inline-block; text-indent:-99999px; background:url('/design/industry/img/main/btn_more.png') no-repeat center; width:27px; height:27px}

@media all and (max-width:1200px) {
    .subjectWrap .subject a > p {width:10%;}
    .subjectWrap .subject a dl {width:85%;}
}
@media all and (max-width:1023px) {
}
@media all and (max-width:768px) {
    .main_notice {width:100%;}
    .subjectWrap .subject a > p {width:15%;}
    .subjectWrap .subject a dl {width:80%;}
}
@media all and (max-width:480px) {
    .subjectWrap > ul > li > a {font-size:17px;}
    .subjectWrap .subject a > p span.big {font-size:20px;}
}

/*프로그램 활동 모습*/
.part02 .wrap { position:relative;}
.gallery {width:100%; overflow:hidden;}
.gallery > li {float:left; width:23%; margin-right:2.666%; border:1px solid #ddd; box-sizing:border-box; padding:15px 1.5%; }
.gallery > li.last {margin-right:0;}
.gallery dl dt {width:100%; height:145px; box-sizing:border-box;border:1px solid #f2f2f2; }
.gallery dl dt img {width:100%; height:100%;}
.gallery dl dd {text-align:left;}
.gallery dl li.tit {margin-top:20px; height:42px; overflow:hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; line-height:20px;}
.gallery dl li.date {margin-top:20px; background:url('/design/industry/img/main/gallery-date.png') no-repeat left center; padding-left:30px;}
.part02 .more {position:absolute; right:0; top:7px; display:inline-block; text-indent:-99999px; background:url('/design/industry/img/main/btn_more.png') no-repeat center; width:27px; height:27px}
@media all and (max-width:768px) {
    .gallery {height:283px; overflow:hidden;}
    .gallery > li {width:49%; margin:0 0.5%; }
    .part02 .more {right:2%;}
}


/* #footer > footer */
#footer {background:#444; margin-top:0;}
footer {padding:40px 0;}
/* #footer > footer > .linklist */
.linklist {min-height:45px;}
.linklist > ul { border-left:1px solid #65676d;}
#footer .linklist ul > li {width:100%; !important;}
#footer .linklist ul > li.sns {display:none;}
#footer .linklist ul > li:nth-of-type(5) {margin-right:0;}
.linklist > ul > li { height:45px !important; line-height:45px; position:relative; border:1px solid #666 !important; background:#333 !important; margin-left:-1px; float:left; width:19.5% !important; margin-right:0.583%; box-sizing:border-box; margin-left:0 !important;}
.linklist > ul > li.last {margin-right:0;}
.linklist ul li a {display:block; padding:0 2% !important}
#footer .linklist .list ul li a {padding-left:2% !important;}
.linklist ul li a span {display:block; background:url('/design/industry/img/layout/footer_blank_off_bg.png') no-repeat center right !important; color:#fff; line-height:45px; margin:0 20px;}
.linklist .listbox {position:absolute; width:100%; z-index:100; bottom:-1px; left:-1px; background:#333; border:1px solid #65676d;}
.linklist .listbox .title a span { display:block; color:#fff; line-height:45px; margin:0 20px; background:url('/design/industry/img/layout/footer_blank_bg.png') no-repeat center right !important; }
.linklist .listbox ul { border-top:1px dashed #3e4148; height:95px; overflow-y:scroll; padding:10px 15px; }
.linklist .listbox ul a {font-size:13px; line-height:25px; color:#fff;}
.linklist .close {background:url('/design/industry/img/layout/footer_close.gif') no-repeat center; width:15px; height:15px; position:absolute; top:15px; right:20px; text-indent:-9999px; display:inline-block; }
/* #footer > footer > .f_info, .f_copy */
.f_info {overflow:hidden; margin:25px 0 5px; clear:both; color:#fff;}
.f_info li {display:inline-block; float:left; margin-right:30px; background:url('/design/industry/img/layout/footer_link_bg.png') no-repeat right center; padding-right:30px;}
.f_info li.last {background:none;}
.f_copy {color:#8f9090;}
@media all and (max-width:1200px) {
    footer {padding:30px 2% !important;}
   .linklist { width:98%; }
}
@media all and (max-width:1023px) {
    .linklist > ul > li  {width:32.5% !important; margin-bottom:5px;}
    #footer .linklist ul > li.sns {display:block}
    #footer .linklist ul > li:nth-of-type(5) {margin-right:0.583%;}
}
@media all and (max-width:768px) {
   .linklist > ul {}
   .linklist > ul > li { width:50%; margin-top:-1px; }
   #footer .linklist > ul > li {width:49.2% !important; margin-bottom:10px;}
}


/***** 서브 ***** /

/* #sub_container_wrap */
#ctn {min-height:300px;}
/*#sub_container {width:98%; padding:0 1%;}*/
#sub_container_wrap.ver1 #contents {margin-bottom:50px; width:77%;}
#officer .page_charge a {padding:3px 15px;}
@media all and (max-width:1023px) {
    #sub_container_wrap.ver1 #contents {width:100%;}
}
#sub_container_wrap.ver1 #left {width:20%;}
#sub_container_wrap.ver1 #left h2 {padding:0; height:160px; background:url('/design/industry/img/layout/left_bg.jpg') no-repeat 80% 80%; font-size:30px; font-weight:300; padding:50px 20px 0; box-sizing:border-box; margin-bottom:22px;}
#sub_container_wrap.ver1 #left .dept2 {border-top:1px solid #ccc; margin-bottom:30px;}
#sub_container_wrap.ver1 #left .dept2 > li {padding:0;}
#sub_container_wrap.ver1 #left .dept2 > li > a {box-sizing: border-box; padding:20px 0 20px 17px; background: url('/design/industry/img/layout/left_dept2.png') no-repeat right center; }
#sub_container_wrap.ver1 #left .dept2 > li.on > a, #sub_container_wrap.ver1 #left .dept2 > li > a:hover {box-sizing: border-box; padding:20px 0 20px 17px; background: #0089cf url('/design/industry/img/layout/left_dept2_on.png') no-repeat right center; color:#fff; font-weight:500; }
#sub_container_wrap.ver1 #left .dept2 > li.on .dept3 {background:#f0f0f0; margin-bottom:0; padding:15px 0;}
#sub_container_wrap.ver1 #left .dept3 > li > a {font-size:15px; background: url('/design/industry/img/layout/left_dept3.png') no-repeat 15px center; box-sizing:border-box; padding-left:40px;}
#sub_container_wrap.ver1 #left .dept3 > li.on > a {background: url('/design/industry/img/layout/left_dept3_on.png') no-repeat 15px center; }
#sub_container_wrap.ver1 #left .dept3 > li.on > a, #sub_container_wrap.ver1 #left .dept3 > li:hover > a {background:url('/design/industry/img/layout/left_dept3_on.png') no-repeat 15px center; text-decoration:none;}

/*path
#sub_container_wrap.ver1 {background: none;}
#sub_container_wrap.ver1 #contents .sub_title {position:relative; text-align: center; background:url('/design/industry/img/layout/sub_title_bg.gif') repeat-x left bottom; box-sizing:border-box; padding:28px 0;}
#sub_container_wrap.ver1 .sub_title h3 {font-size:40px;}
#sub_container_wrap.ver1 .lacal {margin:15px 0 0 !important;}
#sub_container_wrap.ver1 .sub_title .util {position:absolute; right:0; bottom: 40px;}
#sub_container_wrap.ver1 .lacal a {font-size:15px; background:url('/design/industry/img/layout/left_dept3.png') no-repeat left center; padding:0 0px 0 17px;}
#sub_container_wrap.ver1 .lacal a:first-child {background:url('/design/industry/img/layout/local_home.gif') no-repeat left center;}
#sub_container_wrap.ver1 .lacal a.on {font-weight: 500;}
#sub_container_wrap.ver1 .util a.open_info span {background: url('/design/industry/img/layout/left_dept3.png') no-repeat right center;}
@media all and (max-width:1023px) {
    #sub_container_wrap.ver1 #contents .sub_title {padding:0 0 25px !important;}
    #sub_container_wrap.ver1 .sub_title h3 {font-size:24px; margin-top:10px;}
    #sub_container_wrap.ver1 .lacal {margin:10px 0 !important;}
    #sub_container_wrap.ver1 .sub_title .util {position:relative; bottom:0;}
}
*/

/*contents*/
#ctn {font-size:15px; line-height:25px;}

/*인사말*/
.ready {border:7px solid #f0f0f0; text-align:center; padding:100px 0 70px;}
.ready p {font-size:20px; font-weight:500; margin-top:70px; color:#919191;}
.ready p span {display: block; font-size:28px; padding-top:70px; margin-bottom:20px; color:#131313; border-top:1px dashed #ccc;}

/* 사이트맵 */
.sitemap_wrap > h4 {color:#333 !important;}
.sitemap_wrap > .submenu > ul > li {width:31.333%;}


/*페이지 만족도*/
#satisfy {position:relative; width:100%; margin:15px 0 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; bottom:20px; right:20px; margin-bottom:0}
#satisfy dd .bt_navy {background-color:#333; color:#fff; display:block; padding:7px 30px; float:left; margin-top:5px; }
#satisfy dd ul {overflow:hidden; padding:12px 30px;}
#satisfy dd ul li {float:right;}
#satisfy dd ul li:first-child {float:left;}
#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: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:15px; 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;}
}