/* 군기/군가 */
.brand-box .dashed-box {height:100%;}
.brand-box .dashed-box > img {float:left;padding-right:25px;border-right:1px solid #ccc;margin-right:25px;}
.brand-box > li {height:180px;}
.brand-box dl {float:left;width:55%;}
.brand-box dt {display:inline-block;background-color:#6475a2;border-radius:3px;padding:5px 15px;color:#fff;margin-bottom:5px;}
.brand-box dd {background:url('/2018/images/01.potal/common/bullet_li02.png') no-repeat;background-position:0 8px;padding-left:15px;}
.brand-box dd strong {font-weight:bold;color:#000;}

	@media only screen and (max-width: 500px){
		.brand-box .dashed-box > img{width:40%; margin-right:0; padding-right:10px; box-sizing:border-box;}
		.brand-box dl{float:right;}
	}

.song {width:100%;min-height:952px;padding:0 30px;background:#f3f7fa url('/2018/images/01.potal/contents/01/0203_song-bg.gif') no-repeat;}
.song h5 {padding:10px 0 10px;text-align:center;}
.song > div ul {overflow:hidden;}
.song > div ul li {float:left;}
.song .song-txt {width:250px;height:752px;background-color:#fff;padding:10px;}
.song .song-txt strong {display:inline-block;background-color:#6475a2;border-radius:3px;padding:5px 10px;color:#fff;margin:10px 0;}
.song .song-txt p {font-size:0.95em;}

	@media only screen and (max-width: 900px){
		.song{padding:0 10px 10px 10px; min-height:auto;}
		.song > div ul li{float:none;}
		.song > div ul li.song-img{text-align:center;}
		.song .song-txt{width:100%; margin-top:15px; height:auto; padding:10px; text-align:center;}
		.song .song-txt strong{margin:0 0 10px 0}
		.song-txt p br{display:none}
	}

/* 마이산의 노래 */
.mai-san {width:100%;min-height:717px;padding:60px;background:url('/2018/images/01.potal/contents/01/0204_song-bg.gif') no-repeat;}
.song-ats {float:left;width:50%;}
.song-ats ul li {color:#376b22;font-weight:bold;padding:2px 0;}
.song-txt {float:left;}
.song-txt p {padding:0 0 20px 0;color:#376b22;font-weight:bold;text-align:center;}
	
	@media only screen and (max-width: 900px){
		.mai-san{padding:25px}
		.song-ats{float:none; width:100%}
		.song-ats h5{width:50%; margin:0 auto;}
		.song-txt{float:none; padding-top:10px}
	}

/* 군민헌장 */
.charter {text-align:center;}
.charter h5 {display:inline-block;background:url('/2018/images/01.potal/contents/01/0205_ico.gif') no-repeat 50% 0;padding-top:150px;font-size:1.8em;font-weight:bold;border-bottom:2px solid #ccc;}
.charter p {padding:30px 0;}
.charter p strong {font-weight:bold;color:#000;}
.charter ol {width:80%;margin:0 auto;background-color:#f5f7f9;padding:30px;}
.charter ol li {text-align:left;}

	@media only screen and (max-width: 900px){		.charter ol{width:100%}	}

/* 조직도 */
.org-lev {background-color:#f8f8f8;border:2px solid #f4f4f4;padding:50px 0; overflow:hidden; position:relative;}

.org-lev .lev00{position: relative;width: 220px;margin: 0 auto 28px;padding: 10px 0;text-align:center;background: #0a2574;box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);border-radius: 4px;color: #fff;}
.org-lev .lev00:before{content:'';position: absolute;right: 0;left: 0;bottom: -28px;display:block;width:1px;height: 28px;margin: 0 auto;background:#dadada;}
.org-lev .lev00 span{display: inline-block;padding: 0 10px;box-shadow: none;font-size: 24px;font-weight: 600;}
.org-lev .lev00 em{display:inline-block;font-size: 13px;}

.org-lev span {box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);}
.org-lev .lev01 {width:100%;background:url('/2018/images/01.potal/contents/01/0301_org-line-h.gif') repeat-y 50% 50%;padding-bottom:90px;text-align:center;}
.org-lev .lev01 span {display:inline-block;width:116px;height:115px;margin:0 auto;line-height:115px;background:url('/2018/images/01.potal/contents/01/0301_org-1.png') no-repeat;text-align:center;color:#fff;font-size:1.4em;box-shadow:none;}
.org-lev .lev01_1 {padding:30px 0 70px 0; background:url('/2018/images/01.potal/contents/01/0301_org-line-h.gif') repeat-y 50% 50%;text-align:center; position: relative;}
.org-lev .lev01_1 span {display:inline-block;width:140px;padding:10px 0;background-color:#3357ac;font-size:1.1em;color:#fff; }
.org-lev .lev01_1 ul .lev03-1{position: absolute; top:30px; right:200px;}
.org-lev .lev01_1 ul .lev03-1 .lev-tit{position: relative;;}
.org-lev .lev01_1 ul .lev03-1 .lev-tit:before{content:""; height: 1px; width: 71px; background: url('/2018/images/01.potal/contents/01/0301_org-line-w.gif'); display: inline-block; vertical-align: middle;}
.org-lev .lev02 {width:25%;text-align:left;background:url('/2018/images/01.potal/contents/01/0301_org-line-w.gif') repeat-x 0 50%;margin:-85px 0 0 230px;}
.org-lev .lev02 span {display:inline-block;width:140px;padding:10px 0;background-color:#fff;border:1px solid #f4f4f4;text-align:center;}
.org-lev .lev02_1 {width:25%;text-align:right;background:url('/2018/images/01.potal/contents/01/0301_org-line-w.gif') repeat-x 0 50%; margin: 0 0 0 455px }
.org-lev .lev02_1 span {display:inline-block;width:140px;padding:10px 0;background-color:#fff;border:1px solid #f4f4f4;text-align:center;}
.org-lev .lev03 {background:url('/2018/images/01.potal/contents/01/0301_org-line-w.gif') no-repeat;background-size:57.2% 1px; background-position:50% 0px;}
.org-lev .lev03 > ul:after{display:block; content:''; clear:both;}
.org-lev .lev03 > ul > li {float:left;width:14.285%;padding:30px 0 0 0;margin-bottom:10px;background:url('/2018/images/01.potal/contents/01/0301_org-line-h.gif') repeat-y;background-size:1px 30px;background-position:50% 0;}
.org-lev .lev03 > ul > li.lev03-1{background:none; position:relative; padding:92px 0 0 0;}
.org-lev .lev03 > ul > li.lev03-1:before{display:block; content:''; height:1px; width:390px; background:#dadada; position:absolute; top:-36px; left:65px }
.org-lev .lev03 > ul > li.lev03-1:after{display:block; content:''; height:129px; width:1px; background:#dadada; position:absolute; top:-36px; left:63px }
.org-lev .lev03 > ul > li.lev03-1 .lev-tit span{background-color:#fff;border:1px solid #f4f4f4;box-shadow:0px 2px 4px rgba(0,0,0,0.3);text-align:center; color:#000}
.org-lev .lev03 > ul > li.lev03-4{width:28.57%; background-size:1px 15px}
.org-lev .lev03 > ul > li.lev03-4 .lev-box{position:relative; padding-top:10px}
.org-lev .lev03 > ul > li.lev03-4 .lev-box:before{display:block; content:''; background:#dadada; width:130px; height:1px;  position:absolute; top:10px; left:50%; margin-left:-65px;}
.org-lev .lev03 > ul > li.lev03-4 .lev-tit span{background:#624587}
.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul {background-color:#f8f8f8; overflow:hidden;padding-bottom:10px;}
.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul > li{width:49.5%; float:left; padding-top:10px; background:url('/2018/images/01.potal/contents/01/0301_org-line-h.gif') repeat-y;background-size:1px 10px;background-position:50% 0;}
.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul > li > span{background: #dbe2f3}
.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul > li:first-child > span{background:#fff}
.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul > li > ul {padding-top:5px;}
.org-lev .lev03 > ul > li.lev03-5 .lev-tit span{background:#19819B}
.org-lev .lev03 > ul > li.lev03-6{background: none;}
.org-lev .lev03 > ul > li.lev03-6 .lev-tit span{background:#448251}
.org-lev .lev03 > ul > li.lev03-6 .lev-box{background:url('/2018/images/01.potal/contents/01/0301_org-line-h.gif') repeat-y 50% 0}

.tb-block{display: none;}
.pc-block{display: block;}

.org-lev .lev-tit {text-align:center;}
.org-lev .lev-tit span {display:inline-block;width:115px;padding:10px 0;background-color:#6475a2;color:#fff;}
.org-lev .lev-box{padding-top:16px;}
.org-lev .lev-box li {padding:4px 0;text-align:center;}
.org-lev .lev-box li:last-child{padding-bottom:1px}
.org-lev .lev-box li span {display:inline-block;width:115px;padding:10px 0;background-color:#fff;border:1px solid #f4f4f4;box-shadow:0px 2px 4px rgba(0,0,0,0.3);text-align:center;}
.org-lev .lev04 {text-align:center; margin-top:50px;}
.org-lev .lev04 .lev-box li {float:left;width:16.666%; padding:15px 0 0 0;}

	@media only screen and (max-width: 900px){
		.org-lev .lev-box{padding-top:0}
		.org-lev .lev02{margin-left:0; width:50%}
		.org-lev .lev02_1{float:right; width:50%; margin-left:0; margin-top:-30px}
		.org-lev .lev03{background:none;}
		.org-lev .lev03 > ul > li{width:50%; background:none;  padding:0 0 15px 0}
		.org-lev .lev03 > ul > li.lev03-1{width:100%}
		.org-lev .lev03 > ul > li.lev03-1:before{background:none;}
		.org-lev .lev03 > ul > li.lev03-1:after{background:none;}
		.org-lev .lev03 > ul > li.lev03-1 .lev-tit span{width:95%}
		.org-lev .lev03 > ul > li.lev03-4{width:100%}
		.org-lev .lev03 > ul > li.lev03-4 .lev-tit span{width:95%}
		.org-lev .lev03 > ul > li.lev03-4 .lev-box{padding-top:5px}
		.org-lev .lev03 > ul > li.lev03-4 .lev-box:before{display:none;}
		.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul > li{padding-top:0; background:none;}
		.org-lev .lev03 > ul > li.lev03-6 .lev-box{background:none;}
		.org-lev .lev-tit span{width:90%}
		.org-lev .lev-box li span{width:90%}
		.org-lev .lev04 .lev-box li{width:33.333%;}
		.org-lev .lev04 .lev-tit span{width:33.333%;}
		.org-lev .lev03 > ul > li.lev03-1{padding:0px 0 0 0;}
	}

	@media only screen and (max-width: 500px){

		.org-lev .lev03{background:none;}
		.org-lev .lev03 > ul > li{width:100% !important;  background:none;}
		.org-lev .lev03 > ul > li.lev03-1 .lev-tit span{width:90%}
		.org-lev .lev03 > ul > li.lev03-4 .lev-tit span{width:90%}
		.org-lev .lev03 > ul > li.lev03-4 .lev-box > ul{width:96%; margin:0 auto;}
	}

/* 청사안내 */
.floor h4 {display:block;width:45px;height:45px;border-radius:100%;background-color:#3357ac;color:#fff;text-align:center;line-height:45px;font-size:1.4em;}
.floor span {display:block;text-align:center;}

/* 찾아오시는길 */
.tabs-ico 		{overflow:hidden;padding:10px 0;}
.tabs-ico li 	{float:left;width:33.3%;border:1px solid #ccc;text-align:center;}
.tabs-ico li a 	{display:block;height:140px;padding-top:100px;}
.tabs-ico li.current a {border-top:4px solid #3357ac;font-weight:bold;color:#3357ac;background-color:#e4ebfb;}
.tabs-ico .tab-1 {background:url('/2018/images/01.potal/contents/01/0304_ico-1.png') no-repeat 50% 25%;}
.tabs-ico .tab-2 {background:url('/2018/images/01.potal/contents/01/0304_ico-2.png') no-repeat 50% 25%;}
.tabs-ico .tab-3 {background:url('/2018/images/01.potal/contents/01/0304_ico-3.png') no-repeat 50% 25%;}
.tab-con h6 {padding:10px 0 10px 15px;}

	@media only screen and (max-width: 900px){		.root_daum_roughmap .wrap_map{height:250px !important}	}

/* 생활민원 */
.act-group {overflow:hidden;}
.act-group span 	{width:25%;float:left;}
.act-group dl 	{width:75%;float:left;padding-left:15px;}
.act-group dt 	{display:inline-block;border-radius:3px;padding:5px 15px;color:#fff;margin-bottom:10px;}
.act-group dt.style-1 {background-color:#6475a2;}
.act-group dt.style-2 {background-color:#19819b;}

	@media only screen and (max-width: 700px){
		.act-group span{display:block; width:100%; float:none; text-align:center; margin-bottom:5px;}
		.act-group dl {width:100%; float:none; padding-left:0}
	}

/* 정부24(민원24) */
.service-box {overflow:hidden;margin:20px 0;}
.service-box li {width:16.6%;float:left;padding:10px 0;}
.service-box li span {display:block;width:95px; margin:0 auto; text-align:center;padding-top:100px;background:url('/2018/images/01.potal/contents/02/0201_ico.png') no-repeat;}
.service-box .ico-1 {background-position:0 0;}
.service-box .ico-2 {background-position:-130px 0;}
.service-box .ico-3 {background-position:-259px 0;}
.service-box .ico-4 {background-position:-390px 0;}
.service-box .ico-5 {background-position:-520px 0;}
.service-box .ico-6 {background-position:-650px 0;}
.service-box .ico-7 {background-position:0 -160px;}
.service-box .ico-8 {background-position:-130px -160px;}
.service-box .ico-9 {background-position:-259px -160px;}
.service-box .ico-10 {background-position:-390px -160px;}
.service-box .ico-11 {background-position:-520px -160px;}
.service-box .ico-12 {background-position:-650px -160px;}

	@media only screen and (max-width: 900px){		.service-box li{width:25%}		}
	@media only screen and (max-width: 500px){		.service-box li{width:33.333%}	}

/* 정보공개안내 */
.i-open > div {min-height:140px;border-top:4px solid #3357ac;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 20px 20px 180px;margin-bottom:20px;}
.i-open .open-1 {background:url('/2018/images/01.potal/contents/03/0101_ico-1.gif') no-repeat 30px 20px;}
.i-open .open-2 {background:url('/2018/images/01.potal/contents/03/0101_ico-2.gif') no-repeat 30px 20px;}
.i-open .open-3 {background:url('/2018/images/01.potal/contents/03/0101_ico-3.gif') no-repeat 30px 20px;}
.i-open dt {font-weight:bold;font-size:1.3em;padding-bottom:5px;}

	@media only screen and (max-width: 900px){
		.i-open > div{min-height:auto; padding:135px 20px 20px 20px; background-position:50% 17px !important}
		.i-open > div .button-type01{width:100%; text-align:left;}
	}

/* 유용한 사이트 정보 */
.i-site {overflow:hidden;}
.i-site > div {width:32%;height:140px;float:left;margin-left:15px;padding:30px 0 0 120px;}
.i-site > div:first-child {margin-left:0;}
.i-site .site-1 {background:url('/2018/images/01.potal/contents/03/0102_ico-1.gif') no-repeat 20px 50%;}
.i-site .site-2 {background:url('/2018/images/01.potal/contents/03/0102_ico-2.gif') no-repeat 20px 50%;}
.i-site .site-3 {background:url('/2018/images/01.potal/contents/03/0102_ico-3.gif') no-repeat 20px 50%;}
.i-site strong {display:block;font-weight:bold;font-size:1.2em;padding-bottom:10px;}

	@media only screen and (max-width: 900px){
		.i-site > div{width:100%; margin-left:0; float:none}
	}

.i-site2 {overflow:hidden;}
.i-site2 > div {width: 49%;height:140px;float:left;margin-right: 1%;padding:30px 0 0 250px;background: url('/2018/images/01.potal/contents/04/05_logo-11.gif') no-repeat 20px 50%;}
.i-site2 > div:nth-of-type(2n){margin-right: 0;}
.i-site2 strong {display:block;font-weight:bold;font-size:1.2em;padding-bottom:10px;}
.i-site2 .logo-12{background:url('/2018/images/01.potal/contents/04/05_logo-12.gif') no-repeat 20px 50%;} 

	@media only screen and (max-width: 900px){
		.i-site2 > div{width:100%; margin-left:0; float:none}
	}	

/* ì‹ ê³ ì„¼í„° */
.i-site > div:nth-child(3n-2) {margin-left:0;}
.i-site .site-4 {background:url('/2018/images/01.potal/contents/04/05_ico-1.gif') no-repeat 20px 50%;}
.i-site .site-5 {background:url('/2018/images/01.potal/contents/04/05_ico-2.gif') no-repeat 20px 50%;}
.i-site .site-6 {background:url('/2018/images/01.potal/contents/04/05_ico-3.gif') no-repeat 20px 50%;}
.i-site .site-7 {background:url('/2018/images/01.potal/contents/04/05_ico-4.gif') no-repeat 20px 50%;}
.i-site .site-8 {background:url('/2018/images/01.potal/contents/04/05_ico-5.gif') no-repeat 20px 50%;}
.i-site .site-9 {background:url('/2018/images/01.potal/contents/04/05_ico-6.gif') no-repeat 20px 50%;}
.i-site .site-10 {background:url('/2018/images/01.potal/contents/04/05_ico-7.gif') no-repeat 20px 50%;} 


.i-site .logo-1{background:url('/2018/images/01.potal/contents/04/05_logo-1.gif') no-repeat 20px 50%;} 
.i-site .logo-2{background:url('/2018/images/01.potal/contents/04/05_logo-2.gif') no-repeat 20px 50%;} 
.i-site .logo-3{background:url('/2018/images/01.potal/contents/04/05_logo-3.gif') no-repeat 20px 50%;} 
.i-site .logo-4{background:url('/2018/images/01.potal/contents/04/05_logo-4.gif') no-repeat 20px 50%;} 
.i-site .logo-5{background:url('/2018/images/01.potal/contents/04/05_logo-5.gif') no-repeat 20px 50%;} 
.i-site .logo-6{background:url('/2018/images/01.potal/contents/04/05_logo-6.gif') no-repeat 20px 50%;} 

.i-site2 .logo-1{background:url('/2018/images/01.potal/contents/04/05_logo-12.gif') no-repeat 20px 50%;} 
.i-site2 .logo-3{background:url('/2018/images/01.potal/contents/04/05_logo-3.gif') no-repeat 20px 50%;} 
.i-site2 .logo-6{background:url('/2018/images/01.potal/contents/04/05_logo-6.gif') no-repeat 20px 50%;} 

/* 재정공시자료 > 공통/특수공시 */
.pbl-wrap {overflow:hidden;padding-top:5px;margin-top:10px;}
.pbl-wrap li {height:55px;float:left;border-bottom:1px dashed #ccc;}
.pbl-wrap h5 {float:left;}
.pbl-wrap .btn-down {float:right;margin-top:10px;}
.pbl-v1 li {width:48.5%;margin-left:25px;}
.pbl-v1 li:nth-child(2n-1) {margin-left:0;}
.pbl-v2 li {width:100%;}

	@media only screen and (max-width: 900px){
		.pbl-wrap li{width:100%; margin-left:0; float:none; overflow:hidden !important; min-height:55px; height:auto;}
		.pbl-wrap{padding:10px}
		.pbl-wrap h5{font-size:1em; letter-spacing:-0.08em}
	}

/* 그린빌리지 > 사업방향 */
.green-vill div {height:140px;padding:20px 20px 20px 140px;}
.green-vill .vill-1 {background:url('/2018/images/01.potal/contents/04/020501_ico-1.gif') no-repeat 30px 50%;}
.green-vill .vill-2 {background:url('/2018/images/01.potal/contents/04/020501_ico-2.gif') no-repeat 30px 50%;}
.green-vill .vill-3 {background:url('/2018/images/01.potal/contents/04/020501_ico-3.gif') no-repeat 30px 50%;}
.green-vill .vill-4 {background:url('/2018/images/01.potal/contents/04/020501_ico-4.gif') no-repeat 30px 50%;}

.green-vill-v2 li {background-image:none !important;padding-left:0 !important;}
.green-vill-v2 div {height:140px;padding:45px 20px 20px 140px;}
.green-vill-v2 .vill-1 {background:url('/2018/images/01.potal/contents/04/020502_ico-1.gif') no-repeat 30px 50%;}
.green-vill-v2 .vill-2 {background:url('/2018/images/01.potal/contents/04/020502_ico-2.gif') no-repeat 30px 50%;}
.green-vill-v2 .vill-3 {background:url('/2018/images/01.potal/contents/04/020502_ico-3.gif') no-repeat 30px 50%;}
.green-vill-v2 .vill-4 {background:url('/2018/images/01.potal/contents/04/020502_ico-4.gif') no-repeat 30px 50%;}

/*주요등산로*/
.climbing-box{width:100%; overflow: hidden; border:solid 1px #d7d7d7; border-top:solid 3px #278398;}
.climbing-con-list{width:100%; overflow: hidden;}
.climbing-con-list li{ padding: 20px;}
.climbing-con-list li:first-child{width:30%; float: left; background: url("/2018/images/01.potal/contents/06/060306-img01.png") 100% 90% no-repeat #ddeaed; }
.climbing-con-list li.climbing-ht-st-ft{padding:20px 20px 296px 20px;}
.climbing-con-list li.climbing-ht-st{height: 220px;}
.climbing-con-list li:nth-child(2){width:70%; float: left; background: #fff;}
.climbing-con-list li .climbing-tit{font-size:24px; font-weight: bolder; color:#333333;}
.climbing-con-list li .climbing-tit-sub{font-size:16px; display: block;}
.climbing-con-list li .ul-list-type1 > li{width:100%; height:auto; background: url(/2018/images/01.potal/common/bullet_li01.png)no-repeat; background-position: 0 8px; padding: 2px 0 2px 15px; clear: both;}
.climbing-btn-wrap{width:241px; margin: 0 auto;}

@media only screen and (max-width: 640px){
	.climbing-con-list li:first-child{width:100%;}
	.climbing-con-list li.climbing-ht-st-ft{padding: 20px;}
	.climbing-con-list li.climbing-ht-st{height: auto;}
}

/* 여성관련자료실 */
.bnr-site:after {display:block;content:'';clear:both;}
.bnr-site li {float:left;padding:10px;}

	@media only screen and (max-width: 700px){
		.bnr-site li{width:33.333%; padding:2px}
		.bnr-site li img{width:100%}
	}

/* 여성일자리지원센터 */
.w-employ {overflow:hidden;}
.w-employ > div {float:left;width:50%;}
.w-employ > span {float:left;width:50%;}

	@media only screen and (max-width: 700px){
		.w-employ > div{width:100%; float:none}
		.w-employ > span{width:100%; float:none}
	}

/* 장학재단 소개 */
.enc-intro {background:#e8f3f6 url('/2018/images/01.potal/contents/06/010401_bg-1.gif') no-repeat 100% 0;padding:60px 50px 50px;}
.enc-intro h5 {font-weight:bold;font-size:1.8em;color:#133177;letter-spacing:-0.02em;}
.enc-intro .text {padding-top:30px;line-height:1.6em;}
.enc-intro .text p {padding-bottom:30px;}
.enc-intro .text strong {color:#000;}

.enc-box:after {display:block;content:'';clear:both;}
.enc-box li {float:left;width:32%;margin-left:2%;}
.enc-box li:first-child {margin-left:0;}
.enc-box dl {text-align:center;}
.enc-box dt {position:relative;width:80%;height:160px;margin:0 auto -60px;padding:110px 30px 30px;color:#fff;z-index:100;background-color:#4f699a;background-repeat:no-repeat;}
.enc-box .ico-1 {background-image:url('/2018/images/01.potal/contents/06/010401_ico-1.png');background-position:50% 18%;padding:100px 30px 30px;}
.enc-box .ico-2 {background-image:url('/2018/images/01.potal/contents/06/010401_ico-2.png');background-position:55% 15%;}
.enc-box .ico-3 {background-image:url('/2018/images/01.potal/contents/06/010401_ico-3.png');background-position:55% 20%;}
.enc-box dd {width:100%;height:200px;border:1px solid #ddd;padding:90px 20px 30px;z-index:10;}

	@media only screen and (max-width: 700px){
		.enc-intro		{padding:20px; background:#e8f3f6}
		.enc-intro h5	{font-size:1.4em}
		.enc-box li		{width:100%; position:relative; margin-left:0; padding-left:115px; margin-bottom:10px;}
		.enc-box dt	{width:115px; height:150px; position:absolute; top:0; left:0; margin:0; background-size: auto 50px; padding:75px 10px 10px 10px !important }
		.enc-box dt br	{display:none}
		.enc-box dd	{height:150px; padding:20px; text-align:left;}
	}

/* 연혁 및 정관 */
.enc-history strong {color:#3357ac !important;}
.enc-history > ol {margin-top:10px;}
.enc-history > ol > li {font-weight:bold;padding:2px 0 2px 15px;background:url('/2018/images/01.potal/common/bullet_li01.png') no-repeat 0 8px;}
.enc-history > ol > li > ol {margin:5px 0 5px -15px;}
.enc-history > ol > li > ol > li {padding-left:15px;}
.enc-history > ol > li > ol > li > ol {margin:5px 0;padding-left:20px;}

/* 후원안내 */
.enc-spon {background:#f4f4f4 url('/2018/images/01.potal/contents/06/010404_bg-1.png') no-repeat 90% 90%;padding:50px;}
.enc-spon h4 {font-size:1.8em;color:#555;}
.enc-spon h4 strong {display:inline-block;font-size:1.2em;border-bottom:3px solid #d5d5d5;padding-bottom:40px;}
.enc-spon h4 .txt-c1 {color:#e25546}
.enc-spon h4 .txt-c2 {color:#0181dc}
.enc-spon .text {padding-top:20px;line-height:1.6em;}
.enc-spon .text p {padding-bottom:40px;}
.enc-spon .text p:last-child {padding-bottom:0;}
.enc-spon .text strong {color:#000;}
.enc-spon .text .tel {padding:4px;background-color:#fff;}

	@media only screen and (max-width: 700px){
		.enc-spon{padding:15px 15px 235px 15px; background-position:95% 95% !important}
		.enc-spon h4{font-size:1.2em}
		.enc-spon h4 strong{padding-bottom:20px}
		.enc-spon .text p{padding-bottom:20px}
	}

@font-face {
	font-family:'SCDream'; font-style:normal; font-weight:700;
	src: url('/2018/images/01.potal/common/SCDream7.woff') format('woff'), url('/2018/images/01.potal/common/SCDream7.otf') format('opentype');
}

/* 진안군 코로나현황 */
.jinan_covid {background:#f4f4f4 url('/2018/images/01.potal/contents/06/covid_jinan_img01.png') no-repeat 90% 90%;padding:30px 30px;}
.jinan_covid h4 {font-family: 'SCDream' !important;font-weight:700;font-size:1.8em;color:#555;}
.jinan_covid h4 strong {display:inline-block;font-size:1.2em;}
.jinan_covid h4 .txt-c1 {color:#e25546}
.jinan_covid h4 .txt-c2 {color:#0181dc}

	@media only screen and (max-width: 700px){
		.jinan_covid{padding:10px 10px 165px 10px; text-align:center; background-position:95% 95% !important}
		.jinan_covid h4{font-size:1.2em}
		.jinan_covid h4 strong{padding-bottom:20px}
	}

/* 농공단지 */
.ids-map {position:relative;}
.ids-map span {display:block;text-align:center;}
.ids-map h4 {display:inline-block;background-color:#5a779c;color:#fff;padding:12px 20px;}
.ids-map .title-1 {position:absolute;left:30px;bottom:30px;}
.ids-map .title-2 {position:absolute;right:30px;bottom:30px;}
.ids-map .title-3 {position:absolute;right:30px;top:30px;}
	
	@media only screen and (max-width: 900px){
		.ids-map{padding-bottom:60px}
		.ids-map h4{padding:5px 10px}
		.ids-map .title-1 {left:15px;bottom:15px;}
		.ids-map .title-2{right:15px; bottom:15px}
		.ids-map .title-3{right:15px;top:80%;}
	}

/* 청년취업지원 */
.flow-box {padding:10px;overflow:hidden;}
.flow-box > li {float:left;padding-left:50px;background:url('/2018/images/01.potal/contents/06/arrow-flow-box.png') no-repeat 0 50%;}
.flow-box > li:first-child {margin-left:-20px;background:none;}
.flow-box > li > strong {display:block;background-color:#6475a2;color:#fff;text-align:center;padding:12px 20px;}
.flow-box > li > div {padding:10px;border:1px solid #6475a2;}
.flow-box > li > div li {background: url('/2018/images/01.potal/common/bullet_li02.png') no-repeat;background-position: 0 8px;padding-left:15px;font-size:0.95em;}
.flow-box.v1 > li {width:33.3%;}
.flow-box.v1 > li > div {height:90px;}

	@media only screen and (max-width: 900px){
		.flow-box{padding:0}
		.flow-box.v1 > li{width:100%; margin-left:0; padding:0 0 50px 0; background:url('/2018/images/01.potal/contents/06/0501-arrow2.png') no-repeat 50% 90%; }
		.flow-box.v1 > li:last-child{padding-bottom:0; background:none}
	}

/* 홍삼가공품 품질인증 */
.flow-box.v2 > li {width:25%;}
.flow-box.v2 > li:nth-child(4n-3) {background:none !important;}
.flow-box.v2 > li > div {height:80px;padding:20px 0;border:0;background-color:#6475a2;color:#fff;text-align:center;font-size:0.92em;box-shadow:8px 8px 0px #f4f4f4;}
.flow-box.v2.v2-1 > li {background-image:url('/2018/images/01.potal/contents/06/arrow-flow-box2.png');}
.flow-box.v2.v2-1 > li > div {height:120px;padding:35px 0;background-color:#19819b;}
.flow-box.v2.v2-1 > li:last-child > div {padding:20px 0;}

	@media only screen and (max-width: 900px){
		.flow-box.v2 {width:48%; float:left;}
		.flow-box.v2-1{float:right;}
		.flow-box.v2 > li{width:100%; float:none; padding-left:0; padding-bottom:50px; background:url('/2018/images/01.potal/contents/06/0501-arrow2.png') no-repeat 50% 90%; }
		.flow-box.v2 > li:first-child{margin-left:0; background:url('/2018/images/01.potal/contents/06/0501-arrow2.png') no-repeat 50% 90% !important; }
		.flow-box.v2 > li:last-child{padding-bottom:0}
		.flow-box.v2 > li > div{}
		.flow-box.v2.v2-1 > li{background:url('/2018/images/01.potal/contents/06/0501-arrow2.png') no-repeat 50% 90%; }
		.flow-box.v2.v2-1 > li > div{height:80px; padding:20px 0}
		.flow-box.v2.v2-1 > li:first-child > div{padding:15px 0}
		.flow-box.v2.v2-1 > li:last-child > div{padding:3px 0}
	}

/* 진안임삼의 유래 */
.ginbox .box {overflow:hidden;}
.ginbox ul {width:70%;float:left;margin-right:30px;}
.ginbox span.img {float:left;}

	@media only screen and (max-width: 900px)	{	.ginbox ul{width:60%}		}
	@media only screen and (max-width: 700px)	{
		.ginbox ul{width:100%; float:none;}
		.ginbox span.img{float:none; display:block; text-align:center; margin-top:10px;}
	}

/* 인삼의 종류 */
.gin-type {position:relative; padding-left:270px; min-height:215px}
.gin-type > span {position:absolute; top:30px; left:30px;}
.gin-type strong {font-size:1.3em;display:block;padding-top:10px;}

	@media only screen and (max-width: 500px){
		.gin-type{padding-left:20px}
		.gin-type > span{position:static; margin-bottom:10px; display:block; text-align:center;}
	}

/* 인삼의 특성 */
.ginbox-v2{}
.ginbox-v2 .box 	{position:relative; overflow:hidden; padding-right:250px}
.ginbox-v2 p 	{display:block;padding:30px;}
.ginbox-v2 span {position:absolute; top:30px; right:30px;}

	
	@media only screen and (max-width: 700px){
		.ginbox-v2 .box{padding-right:15px; padding-top:215px;}
		.ginbox-v2 p{padding:0}
		.ginbox-v2 span{width:100%; top:15px; right:15px; text-align:center;}
	}


/* 인삼의 재배 */
.ginbox-v3 .box {overflow:hidden;}
.ginbox-v3 .box > span {float:left;}
.ginbox-v3 .box > ol {float:left;width:60%;padding:30px 0 0 30px;}
.ginbox-v3 .box > ol li {float:left;width:33.3%;}

	@media only screen and (max-width: 900px){
		.ginbox-v3 .box > span{float:none; display:block; text-align:center; margin-bottom:10px;}
		.ginbox-v3 .box > ol {float:none; width:100%; padding:0; font-size:0.9em}
	}
	@media only screen and (max-width: 500px){
		.ginbox-v3 .box{padding:10px}
		.ginbox-v3 .box > ol li {width:50%;}
		.ginbox-v3 .box > ol.ol-num span{margin-right:5px;}
	}

.ginwrap h5 {margin:40px 0 10px;}
.ginwrap h6 {margin:20px 0 10px;}
.ginwrap ol ul > li {padding:2px 0 2px 15px;background:url('/2018/images/01.potal/common/bullet_li02.png') no-repeat 0 8px;}
.ginwrap ol ul > li > ul > li {background:none;}
.ginwrap .gin-con {overflow:hidden;} 
.ginwrap .gin-con > p {float:left;width:70%;}
.ginwrap .gin-con > span {float:right;}
	@media only screen and (max-width: 700px){
		.ginwrap .gin-con > p{width:100%; float:none;}
		.ginwrap .gin-con > span{float:none; display:block; text-align:center; margin-top:10px}
	}

/* 인삼주 */
.gin-liquor {overflow:hidden;}
.gin-liquor > span {float:left;}
.gin-liquor .text {float:left;width:70%;margin:10px 0 0 30px;}
	@media only screen and (max-width: 700px){
		.gin-liquor > span{float:none; display:block; text-align:center; margin-bottom:10px}
		.gin-liquor .text{float:none; width:100%; margin:0}
	}

/* 사이트맵 아이콘 */
.sitemap dl dt.icon1{background-image:url('/2018/images/01.potal/program/07/icon-sitemap1.png')}
.sitemap dl dt.icon2{background-image:url('/2018/images/01.potal/program/07/icon-sitemap2.png')}
.sitemap dl dt.icon3{background-image:url('/2018/images/01.potal/program/07/icon-sitemap3.png')}
.sitemap dl dt.icon4{background-image:url('/2018/images/01.potal/program/07/icon-sitemap4.png')}
.sitemap dl dt.icon5{background-image:url('/2018/images/01.potal/program/07/icon-sitemap5.png')}
.sitemap dl dt.icon6{background-image:url('/2018/images/01.potal/program/07/icon-sitemap6.png')}

/*납세자권리헌장*/
.payment{background:#f8f8f8; border:2px solid #f4f4f4; padding:30px;}
.payment > ol{background:#fff; padding:25px; border-radius:20px;}
.payment > ol > li {border-bottom:1px dashed #ddd; position:relative; padding:13px 0 13px 40px; line-height:25px; min-height:50px } 
.payment > ol > li span{position:absolute; top:12px; left:0}
.payment  > p{text-align:center; font-size:1.5em; font-weight:bold; padding:25px 0 10px 0}

	@media only screen and (max-width: 900px){
		.payment{padding:15px}
		.payment > ol{padding:15px; }
		.payment > ol > li{line-height:20px}
	}
                                                                                                             
.mw-site {overflow:hidden;}
.mw-site > div {width:32%;height:140px;float:left;margin-left:15px;padding:30px 0 0 120px;}
.mw-site > div:first-child {margin-left:0;}
.mw-site .logo-1 {background:url('/2018/images/01.potal/contents/04/mw_link1.gif') no-repeat 20px 50%;}
.mw-site strong {display:block;font-weight:bold;font-size:1.2em;padding-bottom:10px;}

	@media only screen and (max-width: 900px){
		.mw-site > div{width:100%; margin-left:0; float:none}
	}    

.boxing div{overflow-x:hidden;background:none;padding:0}
.boxing div table{width:100% !important}
.boxing p{text-align:center;margin:0 0 0 0}
@media only screen and (min-width: 768px){
.boxing{overflow:hidden}
.boxing div{float:left;width:60%; margin:0 0 0 20px;}
.boxing p{text-align:right; float:right;width:35%;} 
}         

/******계약정보공개******/
.contract_menu{}
.contract_menu a{display:block;text-align:center;}

.contract_menu .cont_box{border:solid 1px #ccc;margin:0 0 20px 0}
.contract_menu .cont_box.last{}
.contract_menu .cont_box h2{font-size:18px;font-weight:600;}
.contract_menu .cont_box.box1 h2{background:#3b4f93;}
.contract_menu .cont_box.box2 h2{background:#009344;}
.contract_menu .cont_box.box3 h2{background:#3b4f93;}
.contract_menu .cont_box.box4 h2{background:#009344;}
.contract_menu .cont_box h2 a{color:#fff;padding:20px 0;border-bottom:solid 1px #ccc;}

.contract_menu .cont_box .cont_sub{overflow:hidden;}
.contract_menu .cont_box .cont_sub li{float:left;width:33.3333%;border-left:solid 1px #ccc;}
.contract_menu .cont_box .cont_sub li:first-child{border:none;}
.contract_menu .cont_box .cont_sub.col2 li{width:50%;}
.contract_menu .cont_box .cont_sub li a{padding:10px 0;}

/* Tablet */
@media all and (min-width:768px) {
.contract_menu{overflow:hidden;}
.contract_menu .cont_box{float:left;width:50%;}
.contract_menu .cont_box.box2,
.contract_menu .cont_box.box4{border-left:none;}
.contract_menu .cont_box.box1 h2,
.contract_menu .cont_box.box2 h2,
.contract_menu .cont_box.box3 h2,
.contract_menu .cont_box.box4 h2{background:none;}
.contract_menu .cont_box h2 a{padding:100px 0 30px 0;color:#000;}
.contract_menu .cont_box.box1 h2 a{background:url("/2018/images/01.potal/contents/03/contr_ico1.png") no-repeat center 40px;}
.contract_menu .cont_box.box2 h2 a{background:url("/2018/images/01.potal/contents/03/contr_ico2.png") no-repeat center 40px;}
.contract_menu .cont_box.box3 h2 a{background:url("/2018/images/01.potal/contents/03/contr_ico3.png") no-repeat center 40px;}
.contract_menu .cont_box.box4 h2 a{background:url("/2018/images/01.potal/contents/03/contr_ico4.png") no-repeat center 40px;}
}

/* PC */
@media all and (min-width:1023px) {

.contract_menu .cont_box{float:left;width:25%;}
.contract_menu .cont_box.box3{border-left:none;}
.contract_menu .cont_box.box1 h2,
.contract_menu .cont_box.box3 h2{background:#efefef;}
}            

/*부서별 전화번호 위 조직도*/
.sub_org{margin:0 0 10px;padding: 20px 16px;border-radius:5px;text-align: center;position: relative;}
.sub_org h4{position:relative;padding-bottom: 20px;}
.sub_org h4:before{content:'';position:absolute;bottom:0;right:0;left:0;width:1px;height: 20px;margin:0 auto;background:#999;}
.sub_org h4 span{display:inline-block;padding: 12px 26px;/* border-radius:5px; */color:#fff;background: #3357ac;font-weight:600;font-size: 18px;}
.sub_org ul {padding: 12px 16px;overflow:hidden;background: #f4f4f4;}
.sub_org ul li{margin: 0 0 3px;}
.sub_org ul li a{display: block;padding:10px 0;background-color:#fff;border: 1px solid #2c7fe5;box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);text-align:center;font-size: 14px;}
.sub_org ul ul{margin:6px 0 0;background:#fff;padding:10px;}
.sub_org ul li li a{border-color: #dfdfdf;box-shadow:none;}
.sub_org p{position:absolute;right: -11px;top: 79px;}
.sub_org p a{position:relative;display:block;padding: 8px 14px;border: 1px solid #98999c;background: #fff;cursor: pointer;}

@media all and (min-width: 768px){
.sub_org ul{display:inline-block;width: auto;}
.sub_org ul li{float: left;width: 209px;margin: 10px 6px;vertical-align: top;box-sizing: border-box;}
.sub_org ul li:nth-of-type(4),.sub_org ul li:nth-of-type(7){clear:both;}
.sub_org ul li a{padding: 10px;}
.sub_org ul ul{display:block;}
.sub_org ul li li{float: none;width: auto;margin: 0 0 6px;}
.sub_org p{right: 170px;top: 79px;}
}                                                                            

@media (min-width: 1023px){
.sub_org ul ul{padding: 6px 6px  0;}
.sub_org ul li{width: 129px;}
.sub_org ul li:nth-of-type(4){clear:none;}
.sub_org ul li a{padding: 8px 4px;}
.sub_org p{right: 271px;}
.sub_org p a:before{content:'';position:absolute;bottom: 18px;left: -85px;width: 85px;height:1px;margin:0 auto;background:#999;z-index: -1;}
.plus h4{padding-bottom: 60px;}
.plus h4:before{height: 60px;}
}

table.covid{border-radius:20px;border: none !important;}
table.covid tbody th{background: #5782f1 !important;color: #fff !important;border-right: 1px #e0e9fd solid !important;border-bottom: none !important;padding: 14px 10px !important;}
table.covid tbody th:last-child{border-right:none !important;}
table.covid tbody tr:first-child{border:none !important;}
table.covid tbody tr:nth-child(2) th:nth-child(1),
table.covid tbody tr:nth-child(3) th:nth-child(1),
table.covid tbody tr:nth-child(4) th:nth-child(1),

table.covid tbody tr:nth-child(7) th:nth-child(1),
table.covid tbody tr:nth-child(7) th:nth-child(2),
table.covid tbody tr:nth-child(7) th:nth-child(3),
table.covid tbody tr:nth-child(7) th:nth-child(4),
table.covid tbody tr:nth-child(7) th:nth-child(5),

table.covid tbody tr:nth-child(10) th:nth-child(2),
table.covid tbody tr:nth-child(10) th:nth-child(3),
table.covid tbody tr:nth-child(10) th:nth-child(4),
table.covid tbody tr:nth-child(10) th:nth-child(5)
{background:#eff3fd !important;border-bottom: 1px #e5edff solid !important;color: #3357ac !important;}

table.covid tbody td:last-child{border-right:none !important;}
table.covid tbody td{border-bottom: 1px #e0e9fd solid !important;border-right: 1px #e0e9fd solid !important;padding: 14px 10px !important;}


/*재택치료*/
.plan{margin-top:20px;}
.plan dl.p01{margin: 0 10px 20px;text-align: center;}
.plan dl.p01 dt{width:100%;margin-bottom: 4px;padding: 6px 0;background: #3357ac;color: #fff;border-radius: 5px;font-size: 20px;}
.plan dl.p01 dd{width:100%;padding: 6px 0;background:#f4f4f4;border-radius: 5px;}
.plan dl.p01 dd strong{display:block;}
.plan dl.p01 dd span{display:block;}

.plan dl.p02{margin: 0 10px 20px;text-align: center;}
.plan dl.p02 dt{width:100%;margin-bottom: 4px;padding: 6px 0;background: #3357ac;color: #fff;border-radius: 5px;}
.plan dl.p02 dd{width:100%;}
.plan dl.p02 dd p.txt{margin-bottom: 12px;padding: 10px 0;background: #dde9f2;border-radius: 5px;font-weight: 500;}
.plan dl.p02 dd ul li{margin-bottom:10px;padding: 20px 30px;border: 1px #3357ac solid;border-radius: 5px;}
.plan dl.p02 dd ul li strong{display:block;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px #c1c1c1  dashed;color: #3357ac;}
.plan dl.p02 dd ul li span{display:block;margin-bottom: 10px;padding: 10px;background: #f4f4f4;border-radius: 5px;}

@media all and (min-width:768px){

.plan dl.p01{overflow:hidden;}
.plan dl.p01 dt{float:left;box-sizing: border-box;width: 15%;height: 80px;padding: 25px 0;margin-bottom: 0;font-size: 18px;}
.plan dl.p01 dd{float:right;box-sizing: border-box;width: 83%;height: 80px;padding: 14px 0;font-size: 16px;}

.plan dl.p02{overflow:hidden;}
.plan dl.p02 dt{float:left;box-sizing: border-box;width: 15%;height: 364px;padding: 162px 0;font-size: 18px;}
.plan dl.p02 dd{float:right;box-sizing: border-box;width: 83%;height: auto;font-size: 16px;}
.plan dl.p02 dd ul{font-size: 0;text-align: center;}
.plan dl.p02 dd ul li{position: relative;display: inline-block;width: 32.33%;height: 253px;margin: 0 1% 0 0;font-size:15px;vertical-align: top;}
.plan dl.p02 dd ul li:before{content:'';position: absolute;top: -14px;left: 0;right: 0;display:block;width:1px;height: 14px;margin: 0 auto;background:#c1c1c1;}
.plan dl.p02 dd ul li:last-of-type{margin:0;}
.plan dl.p02 dd ul li strong{box-sizing:border-box;height: 56px;}
.plan dl.p02 dd ul li:nth-of-type(1) strong{padding: 16px 0;}
}

@media all and (min-width:1200px){
.plan dl.p01,
.plan dl.p02{width: 910px;margin:20px auto;} 
.plan dl.p01 dt,
.plan dl.p02 dt{width: 10%;}
.plan dl.p01 dd,
.plan dl.p02 dd{width: 89%;}  
    
.plan dl.p02 dd ul li{width: 32.33%;height: 250px;padding: 24px 20px;box-sizing: border-box;}
.plan dl.p02 dd ul li strong{height:auto;font-size: 16px;padding-bottom: 20px;}
.plan dl.p02 dd ul li:nth-of-type(1) strong{padding: 0 0 20px;}
}

.info_box {background: #fcf8ef;padding: 15px 20px;margin-bottom: 20px;border: dashed 1px #f3e1ce;}
.info_box p {padding-left: 25px;display: inline-block;position: relative;}
.info_box p:before{content:'!';display: block;width: 20px;height: 20px;background: #d8723c;text-align: center;border-radius: 50%;margin-right: 5px;color: #fff;position: absolute;left: 0;top: 0px;}