@charset "utf-8";
/*font*/
@import url(/design/common/css/font/NotoSansKR.css);
.cB {clear: both !important;}

@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: #601942;}
.sns li {background: #ddd; text-align: center;}
.sns li a {color:#131313 !important; display: inline-block !important;}
.sns li.insta a {background:url('/design/hwangak/img/layout/btn_insta.png') no-repeat left center; padding-left:40px;}
.m_sitemap {background: url('/design/hwangak/img/layout/btn_sitemap.png') no-repeat center; text-indent: -9999px;}



/*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;}
}

#ctn .sitemap_wrap > h4 {background:none; padding-left:0;}

/*김천시도시재생지원센터*/
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-color:rgba(0,0,0,0.5)}
header h1 {position:absolute; top:15px; left:2.627%;}
@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:5px; left:10px;}
    header h1 img {width:100%;}
}
@media all and (max-width:768px) {
}
@media all and (max-width:480px) {
}

body.main {background: url('/design/hwangak/img/layout/main_bg.jpg') no-repeat center top;}
@media all and (max-width:768px) {
    body.main {background-size:110% 500px;}
}
body.sub {background: url('/design/hwangak/img/layout/sub_bg.jpg') no-repeat center top;}
@media all and (max-width:1023px) {
    body.sub {background: url('/design/hwangak/img/layout/sub_bg_1023.jpg') no-repeat center top;}
}

/* #header > header > header_top */
header .header_top {overflow:hidden; position:absolute; top:22px; right:2.627%; box-sizing: border-box;}
header .header_top .gnb_right {float:right;}
header .header_top .gnb_right li {float:left;}
header .header_top .gnb_right li a {display:block; line-height:44px; padding-left:20px; color:#fff;}
header .header_top .gnb_right li a::after {content: '|';  padding-left:20px;}
header .header_top .gnb_right li.last a::after {content:''}


/* #header > header >  gnbwrap */
.gnbwrap {height:85px; clear:both;}
.gnbwrap .gnbPC {float:left; width:70%; margin-left:20%;}
.gnbwrap.pc .gnbArea {overflow:hidden; width:100%;}
.gnbwrap.pc .gnbArea > ul {width:100%; float:left;}
.gnbwrap.pc .gnbArea > ul > li {width:18.25%; box-sizing:border-box;}
.gnbwrap.pc .gnbArea > ul > li.first {width:27%; box-sizing:border-box;}
.gnbwrap.pc .gnbArea > ul > li > a {line-height:85px; font-size:20px; width:100%;padding:0; color:#fff !important;}
.gnbwrap.pc .gnbArea > ul > li:last-child {display: none;}
.gnbPC .subGnb .title {width:35%; margin:45px 0 !important;}
.gnbwrap.pc.ver3 .subGnb .title {background:url('/design/hwangak/img/layout/snavi1.png') no-repeat left 0; margin:30px 0 50px; min-height:171px; padding-bottom:0 !important; text-align:right;}
.gnbwrap.pc.ver3 .subGnb .title span {display:block; color:#fff; font-size:18px; margin-bottom: 15px;}
.gnbwrap.pc.ver3 .subGnb .title span.big {color:#fff; font-size:30px; font-weight:600; letter-spacing:-0.05em;}
.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:7%; box-sizing:border-box; margin-top:0; height:90px; line-height:90px;}*/
.gnbwrap .icon_wrap .pc_sitemap {display:inline-block; float:left; width:100%; height:90px; background:#414143 url('/design/hwangak/img/layout/btn_sitemap.png') no-repeat center; text-indent:-9999px;}
.gnbwrap.pc .subGnb {top:85px; background:url('/design/hwangak/img/layout/subGnb_bg.gif') repeat-y; background-position: center top; border-top:none;}
.gnbwrap.pc.ver3 .subGnb .title {background:url('/design/hwangak/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:1200px){
	.gnbwrap.pc .gnbArea > ul {margin-left:0%;}
	.gnbwrap.pc .gnbArea > ul > li > a {padding:0 5%; box-sizing: border-box;}
    .gnbwrap.pc .subGnb {background-position:left top; background-size:cover;}
    header .header_top  {right:0;}
    .gnbwrap .gnbPC {width:60%; margin-left:23%;}
    header .header_top .gnb_right li a {padding-left:5px;}
    .gnbwrap.pc .gnbArea > ul > li > a {font-size:17px; padding:0;}
}
@media all and (max-width:1023px){

	.gnbhead ul {background:#3b68b1;}
	.gnbhead ul li {border-top:1px solid #601942;border-left:1px solid #4b7bc8}
	#serachwrap {top:107px;}
	.gnbwrap.pc .gnbArea {width:100%;}
    .gnbArea.open {background:url('/design/hwangak/img/layout/gnbareaOpen_bg.jpg') no-repeat center top; background-repeat: repeat-y;}
	.gnbwrap .icon_wrap {width:100%;}
	.gnbwrap.pc .gnbArea > ul > li {width:100% !important;}
	.gnbwrap.pc .gnbArea > ul > li > a {line-height:50px; font-size:18px;}
    .gnbMobile .dept1 > li {border-bottom:1px solid rgba(255,255,255,0.1)}
	.header_top {display:none;}
    #serachwrap a.close {right:3%;}
}
@media all and (max-width:1023px){
	.gnbwrap {height:70px;}
	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 {float:right; margin-top:10px !important;}
	#serachwrap {top:70px;}
	.gnbwrap.pc .gnbArea > ul {box-sizing:border-box;}
	.gnbwrap.pc .gnbArea > ul > li > a {box-sizing:border-box; padding-left:5%;}
	.gnbhead > div {padding:0;}
	.gnbhead > div {height:70px;}
	.gnbhead > div a.Mclose {padding-right:15px; padding-top:20px !important;}
	.gnbhead ul li {width:50%;}
}

/* #header > mask */
.mask {display: none; position: fixed; top: 135px;left: 0;z-index: 11;width: 100%;height: 100%;background: #000; content:'';}
@media all and (max-width:1023px){
    .mask {display:none !important}
}

/* #main_container_wrap > .main_visual */
.main_visual {width:100%; height:800px;}
.main_visual .wrap {position: relative;}
.main_visual .wrap .txt {text-align: center; padding-top:205px; box-sizing: border-box;}

@media all and (max-width:1200px){
}
@media all and (max-width:1023px) {
    .main_visual {background-size: 150% 100%; height:550px}
    .main_visual .wrap .txt {padding-top:150px;}
    .main_visual .imgWrap {min-height:300px;}
    .main_visual .imgWrap li.first {display: none;}
    .main_visual .imgWrap li.last {width:45%; margin-right:3%;}
    .main_visual .movieWrap {top:30px; left:2%; width:405px; height:330px; }
    .main_visual .txtWrap .txt {width:100%;}
}
@media all and (max-width:768px) {
    .main_visual {height:100%;}
    .main_visual .wrap {min-height:430px;}
    .main_visual .wrap .txt {padding-top:80px;}
    .main_visual .wrap .txt img {width:85%;}
}
@media all and (max-width:480px) {

}



/* #main_container_wrap > .row01 (팝업, 공지사항)*/
.row01 {overflow:hidden; margin-top:50px; clear: both;}
.row01 .link01 {float:left; width:31.666%; min-height:430px; text-align: center; margin-right:2.5%; background: #4d5d6f url('/design/hwangak/img/main/link01-1.png') no-repeat center 80%; box-sizing: border-box; padding:35px 2.5% 30px;}
.row01 .link01 h2 { color:#fff; font-size:30px; margin-bottom:20px;}
.row01 .link01 ul {overflow: hidden;}
.row01 .link01 ul li {}
.row01 .link01 ul li a {display: block; width:100%; height:45px; line-height:45px; background: #37424f; color:#fff; font-size:18px;}
.row01 .link01 ul li a:hover {border:1px solid #fff; box-sizing: border-box;}

.row01 .link02 {float:left; width:31.666%; min-height:430px; margin-right: 2.5%; background: #a22a5f; box-sizing: border-box; padding:35px 2.5% 30px;}
.row01 .link02 h2 {color:#fff; font-size:30px; margin-bottom:20px; text-align: center;}
.row01 .link02 ul.txt {overflow: hidden;}
.row01 .link02 ul.txt li {color:#fff; overflow: hidden; line-height:22px; margin-bottom:10px; background-position: left top; background-repeat: no-repeat; box-sizing: border-box; padding-left:35px; min-height: 27px;}
.row01 .link02 ul.txt li.first {background-image:url('/design/hwangak/img/main/link02-1.png') !important}
.row01 .link02 ul.txt li.second {background-image:url('/design/hwangak/img/main/link02-2.png') !important}
.row01 .link02 ul.txt li.last {background-image:url('/design/hwangak/img/main/link02-3.png') !important}

.row01 .link02 ul.txt li span {font-size: 1em;display: block; width:67%; float:right; line-height: 1.4; letter-spacing: -0.05em;}
.row01 .link02 ul.txt li span.unit {display: block; width:30%; float:left; padding:0 !important; text-align:left !important;}
.row01 .link02 ul.link {overflow: hidden;}
.row01 .link02 ul.link li {margin-top:5px; text-align: center;}
.row01 .link02 ul.link li a {display: block; width:100%; height:38px; line-height:38px; background: #731e43; color:#fff; font-size:16px;}
.row01 .link02 ul.link li a:hover {border:1px solid #fff; box-sizing: border-box;}




@media all and (max-width:1023px) {
    .row01 .link01 {width:49.5%; margin-right:1%;}
    .row01 .link02 {width:49.5%; margin-right:0;}
}

@media all and (max-width:768px) {
    .row01 {margin-top:20px;}
    .row01 .link01,
    .row01 .link02 {width:100%; margin-right:0;}
    .row01 .link01 h2,
    .row01 .link02 h2 {font-size:28px;}

    .row01 {margin-top:20px;}
    .row01 .link01,
    .row01 .link02 {min-height:160px; padding:20px 2.5% 15px; background-image: none; margin-bottom:20px;}
    .row01 .rightWrap {padding-top:0;}
}
@media all and (max-width:480px) {

}




.row01 .rightWrap {float:right; width:31.666%; }

/* #main_container_wrap > .row01 > .mainArlimWrap  (팝업) */
.mainArlimWrap {width:100%; min-height:227px; box-sizing:border-box; border:1px solid #d5d5d5; position:relative;}
.mainArlim,
.bx-wrapper,
.bx-viewport,
.bx-viewport {width:100% !important; height:227px !important; box-sizing:border-box; }
.mainArlim .popBtn {position: absolute; bottom:0px; right:0px; z-index:10; text-align:center;}
.mainArlim .popBtn li { float: left; }
.mainArlim .popBtn li a {display:block; width:45px; height:45px; line-height:45px; margin-left:1px;}
.mainArlim .popBtn li a img {vertical-align: top;}
.mainArlim .popBtn li a.on {display:block !important;}
.mainArlim .popBtn li.play a {display:none;}
.mainArlim .slider000 { margin:0 auto;width:100%; height:100%;}
.mainArlim .slider000 ul li { width:100%; }
.mainArlim .slider000 ul li a {display:block;}
.mainArlim .slider000 ul li img {width:100%; min-height:227px; vertical-align:top;}
@media only screen and (max-width:1200px) {
    .mainArlimWrap
	#mainCont .mainPart01 {padding-top:150px; padding-bottom:30px;}
	.mainArlimWrap {background:none; width:96%; margin:0 auto; box-sizing:border-box;}
	.mainPart01 p {width:100%; margin-bottom:20px;}
}
@media only screen and (max-width:768px) {
    .mainArlimWrap {}
}
@media only screen and (max-width:480px) {
    .mainArlimWrap {width:100% !important;}
	.mainArlim {width:100%; height: auto; background: none;}
	.mainArlim .slider000 ul li img {height:auto;}
}

.link03 {margin-top:28px; overflow: hidden; text-align: center;}
.link03  a {display: block; width:100%; height:175px; background: url('/design/hwangak/img/main/link03-1.jpg') no-repeat center top; box-sizing: border-box; padding-top:45px;}
.link03  a h2 {color:#fff; font-size:18px !important; font-weight: 400;}
.link03  a span {display: block; font-size:30px !important;}

@media all and (max-width:1023px) {
    .row01 .rightWrap {float:none; width:100%; clear: both; padding-top:10px; overflow:hidden;}
    .mainArlimWrap {float:left; width:49.5%; margin-right:1%;}
    .link03 {float:left; width:49.5%;  margin-top:0; }
    .link03  a {height:228px; background-size: 100% 100% !important;}
}

@media all and (max-width:480px) {
    .row01 .rightWrap {padding-top:0;}
    .link03 {width:100%; margin-top:20px;}
    .link03 a {height:auto; padding:25px 0 25px;}
    .gallery .subject li:nth-of-type(2n) {display: none;}
    .gallery .subject > li {height:290px;}
}





/* #main_container_wrap > .row01 > .main_notice (공지사항 메인텝) */
.board {float:left; position:relative; width:100%; height:60px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.5); margin-top:240px;}
.board h2 {display: inline-block; float:left; color:#fff; font-size:18px; box-sizing: border-box; padding:15px 0 0 40px;}
.board p {display: inline-block; padding:16px 30px; float:left; color:#fff;}
.board p span {display: inline-block; margin-left:50px;}
.board a {position: absolute; display: block; right:0; top:0; color:#fff; text-indent:-9999px; box-sizing: border-box; width:59px; height:59px; border-left:1px solid rgba(255,255,255,0.5); background: url('/design/hwangak/img/main/btn_more_w.png') no-repeat center;}


@media all and (max-width:1200px) {

}
@media all and (max-width:1023px) {
    .board {margin-top:120px;}
    .board .subject li dt {width:100%;}
    .board .subject li dd {display: none;}
}
@media all and (max-width:768px) {
    .main_notice {width:100%; margin-top:30px;}
    .board {margin-top:30px; height:auto;}
    .board h2 {height:59px;}
    .board p {box-sizing: border-box; width:100%; border-top:1px solid #ddd;}
}
@media all and (max-width:480px) {

}

/*전시실안내(190917)*/
.row02 {width:100%; margin-top:40px; background: url('/design/hwangak/img/main/row02_bg.jpg') no-repeat center top;}
.row02 .qmenu1 h2 {font-size:18px; color:#fff; font-weight:400; padding-top:58px; box-sizing: border-box;}
.row02 .qmenu1 {position:relative; min-height:480px; overflow:hidden;}
.row02 .qmenu1 .btn {position:absolute; bottom:0; left:50%; margin-left:-285px; z-index: 9999;}
.qmenu1 .btn a {display: inline-block; float:left; width:35px; height:35px; line-height:35px; text-indent: -9999px; border:1px solid #ccc; background-position: center; background-color: #fff;}
.qmenu1 .btn a.prev {background-image: url('/design/hwangak/img/main/junsi_prev.png');}
.qmenu1 .btn a.next {background-image: url('/design/hwangak/img/main/junsi_next.png'); margin-left:-1px;}
.qmenu1 .btn a.stop {background-image: url('/design/hwangak/img/main/junsi_stop.png'); display: none !important}
.qmenu1 .btn a.play {background-image: url('/design/hwangak/img/main/junsi_play.png'); display: none !important}


.qmenu1_wrap {overflow:hidden; min-height:480px;}
.qmenu1_wrap .qmenu1_ul {position: relative; clear:both; width:200%;}
.qmenu1_wrap .qmenu1_ul li {float:left; position: relative; width:50%;}
.qmenu1_wrap .qmenu1_ul li p.tit {color:#fff; font-size:36px; margin:15px 0 20px;}
.qmenu1_wrap .qmenu1_ul li p.txt {width:30%;color:#fff; font-size:17px;}
.qmenu1_wrap .qmenu1_ul li img {position:absolute; right:0; top:-35px; width:63%; padding:1.2%; background: #f3f3f3;}
.qmenu1_wrap .qmenu1_ul li a {display:inline-block; margin-top:30px; border-radius: 30px; border:2px solid #fff; padding:10px 25px; color:#fff; }
.qmenu1_wrap .qmenu1_ul li a span {font-size:1em; background: url('/design/hwangak/img/layout/more_w.png') no-repeat right center; padding-right:20px;}

@media all and (max-width:1200px) {
    .row02 .qmenu1,
    .qmenu1_wrap {min-height:440px;}
    .row02 {background-size:100% 100%;}
    .row02 .qmenu1 h2 {padding-top:40px;}
    .row02 .qmenu1 .btn {margin-left:0; left:0; bottom:80px;}
}

@media all and (max-width:1023px) {
    .row02 .qmenu1 .btn {bottom:30px;}
}

@media all and (max-width:768px) {
    .row02 {background-size: 100% 100%;}
    .row02 .qmenu1 .btn {width:75px !important; height:37px; top:10px; left:100%; margin-left:-75px;}
    .qmenu1_wrap .qmenu1_ul li p.tit {margin:5px 0 10px; font-size:28px;}
    .qmenu1_wrap .qmenu1_ul li img {position:relative; top:-7%; width:100%; box-sizing: border-box;}
    .row02 .qmenu1 h2 {padding-top:18px;}
    .qmenu1_wrap .qmenu1_ul li p.txt {width:100%; margin-bottom:20px;}
    .qmenu1_wrap .qmenu1_ul li {text-align: center;}
    .qmenu1_wrap .qmenu1_ul li a {margin:20px 0 30px;}
}



/* #main_container_wrap > .row02 (갤러리)*/
.row03 {overflow:hidden; margin-top:50px;}
.gallery {width:100%; min-height:415px; box-sizing:border-box; border:1px solid #ddd; margin-bottom:80px; padding:40px 2.5%; overflow:hidden;}
.gallery .tit {float:left; width:20%;}
.gallery .tit h2 {margin-bottom:30px; font-size:36px;}
.gallery .tit p {font-size:17px;}
.gallery .tit a {display: inline-block; margin-top:80px; border-radius: 30px; border:2px solid #131313; padding:10px 25px;}
.gallery .tit a span {background: url('/design/hwangak/img/layout/more_b.png') no-repeat right center; padding-right:20px;}
.gallery .subject {float:right; width:75%; overflow: hidden; box-sizing: border-box;}
.gallery .subject > li {float:left; width:32%; margin-right:2%; height:320px; overflow:hidden; background:#f3f3f3; box-sizing:border-box; padding:15px;}
.gallery .subject li.last {margin-right:0;}
.gallery .subject a {display:block; float:left; width:100%;}
.gallery .subject a dl {display:inline-block; width:100%; overflow:hidden; }
.gallery .subject a dl dt {position:relative; width:100%; height:153px; margin-bottom:20px;}
.gallery .subject a dl dt span {position: absolute; top:0; left:0; display: block; background:#e9460b; color:#fff; font-size:14px; padding:5px 10px;}
.gallery .subject a dl dt img {width:100%; height:100%; border:1px solid #ddd; padding:7px; background: #fff; box-sizing: border-box;}
.gallery .subject a dl dd {overflow:hidden;}
.gallery .subject a dl dd ul {}
.gallery .subject a dl dd ul li {width:100%; line-height:23px;}
.gallery .subject a dl dd ul li.tit {font-weight:700; margin-bottom:5px; }
.gallery .subject a dl dd ul li.cont {text-align:justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; margin-bottom:10px; word-break: break-all; letter-spacing: -0.07em;}
@media all and (max-width:1200px) {
    .row02 h2 {}
    .gallery > ul {margin-left: 0;}
    .gallery > ul > li > a {font-size:15px;}
}
@media all and (max-width:1023px) {
    .gallery .subject {top:105px;}
    .gallery .tit h2 {font-size:30px;}
    .gallery .subject > li {width:49% !important;}
    .gallery .subject li:nth-of-type(2n) {margin-right:0;}
    .gallery .subject li:nth-of-type(3n) {display: none;}
}
@media all and (max-width:768px) {
    .row02 {margin-top:20px;}
    .row03 {margin-top:20px;}
    .gallery {margin-bottom:40px;}
    .gallery .subject {top:105px;}
    .gallery .tit {float:none; width:100%; margin-bottom:20px; text-align: center;}
    .gallery .tit h2 {font-size:28px; margin-bottom:0;}
    .gallery .tit a {margin-top:10px;}
    .gallery .subject {width:100%;}

}
@media all and (max-width:640px) {
    .main_visual .imgWrap li.last img {width:50%;}
}
@media all and (max-width:480px) {
    .gallery > ul > li {width:100% !important;}
    .gallery .subject {top:200px;}
    .gallery .subject > li {width:100% !important;}
}


/***메인배너 (190819)***/
.mainBanner {clear:both; overflow:hidden; border-top:1px solid #ddd; height:70px; }
.mainBanner .bannerWrap {overflow:hidden;}
.bancontrol {display:inline-block; width:20px; height:20px; text-align:center;}
.bancontrol img {vertical-align:middle;}
.mainBanner .bannerWrap h2 {float:left;  width:70px; display:inline-block; margin-top:13px;}
.mainBanner .bannerWrap h2 span {font-size:17px; font-weight:bold;}
.mainBanner .banBtn {float:left; width:73px; box-sizing:border-box; margin:20px 0 0 20px;}
.mainBanner .banBtn li {float:left;}
.mainBanner .banList {position:relative; float:right; width:1021px;overflow:hidden; margin-top:25px;}
.mainBanner .banList ul {position:relative; width:3000px;}
.mainBanner .banList li {float:left; margin-right:35px;}
.mainBanner .banList li:first-child {padding-left:0;}
.mainBanner .banList li:last-child {}
.mainBanner .banList li img {border:1px solid #d5d5d5;}
.mainBanner .banList li a {display:block; color:#131313; line-height:15px;}
@media all and (max-width :1200px){
    .mainBanner .banList {width:80%;}
	.mainBanner .banBtn {margin-top:23px;}
}
@media all and (max-width :1023px){
    .mainBanner .banList {width:78%;}
    .mainBanner .banBtn {margin-left:0;}
}
@media all and (max-width :768px){
    .mainBanner .banList {width:80%;}
    .mainBanner .bannerWrap h2 {display: none;}
}
@media only screen and (max-width:480px) {
    .bannerWrap h2 {padding-left:0; background:none;}
    .mainBanner .banList {width:70%;}
}

/* #footer > footer */
#footer {background:#444; margin-top:0;}
footer {padding:40px 0; text-align: center;}
.footLink {overflow:hidden; margin:40px 0 0;}
.footLink li {display: inline-block; margin-right:30px; background:url('/design/hwangak/img/layout/footer_link_bg.png') no-repeat right center; padding-right:30px; }
.footLink li.last {background: none;}
.footLink li a {color:#fff;}
.footLink li.first a {color:#fff;}
/* #footer > footer > .f_info, .f_copy */
.f_info {overflow:hidden; margin:5px 0 5px; clear:both; color:#fff;}
.f_info li {display:inline-block; margin-right:20px;}
.f_info li.last {background:none;}
.f_info li span {font-size:1em; padding-right:10px;}
.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;}
}
@media all and (max-width:768px) {
   .linklist > ul > li { width:50%; margin-top:-1px; }
   #footer .linklist > ul > li {width:49.2% !important; margin-bottogam:10px;}
}
@media all and (max-width:480px) {
  .f_info li {margin-right:0;}
  .footLink li {margin-right:10px; padding-right:15px; }
  .footLink li.last {margin-right:0; padding-right:0;}
}


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

/* #sub_container_wrap */
#sub_container {width:98%; padding:0 1%;}
#sub_container_wrap.ver1 #contents {margin-bottom:50px;}
#officer .page_charge a {padding:3px 15px;}

#sub_container_wrap.ver1 #left {width:20%;}
#sub_container_wrap.ver1 #left h2 {padding:0; height:170px; background: #e9460b url('/design/hwangak/img/layout/left_bg.gif') no-repeat 80% 80%; font-size:28px; padding:40px 2% 0; box-sizing:border-box; /*margin-bottom:22px;*/}
#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/hwangak/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: #373737 url('/design/hwangak/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/hwangak/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/hwangak/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/hwangak/img/layout/left_dept3_on.png') no-repeat 15px center; text-decoration:none;}

/*contents*/
#ctn {font-size:15px; line-height:25px; }
@media all and (max-width:1023px){
  #ctn {padding-top:30px;}
}

/*인사말*/
.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;}



/*페이지 만족도*/
#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;}
}