@charset "UTF-8";

a:active,a:hover,a:link,a:visited{color:#444; text-decoration:none}
a:focus{text-decoration:underline}

/* 레이아웃 공통 */
#wrapper{position:relative; width:100%; overflow:hidden; min-width:1430px}

/* 퀵메뉴(코로나) */
#wrapper .quick {position:absolute; right:0; top:278px; z-index:100;}
/* 퀵메뉴(코로나) 끝 */

@media all and (max-width:1400px){
	#wrapper .quick { display:none;}
	}


@media all and (max-width:640px){
    body{font-size:14px; line-height:22px}
}
.wrap{position:relative; width:1240px; margin-right:auto; margin-left:auto}
@media all and (max-width:1430px){
    #wrapper{min-width:1200px}
    .wrap{width:1200px}
}
@media all and (max-width:1200px){
    #wrapper{min-width:1000px}
    .wrap{width:1000px}
}
@media all and (max-width:1000px){
    #wrapper{min-width:0}
    .wrap{width:auto; margin-right:0; margin-left:0; padding-right:3%; padding-left:3%}
}


#container{position:relative; z-index:10; width:100%;}
#footer{position:relative; z-index:20; width:100%;}
#screen{visibility:hidden; position:absolute; width:100px; overflow:scroll; height:100px}



/*유틸메뉴*/
#lnb_hmWrap {width:100%; background:#f2f2f2;}
.util_hm {
	overflow:hidden; min-height:20px;	
	width: 100%;
	max-width:1240px;
	margin: 0 auto;
	display:flex; align-items:center; justify-content:flex-start;
}
.util_hm .menu01, .util_hm .menu01 ul, .util_hm .menu01 li {display:flex; align-items:center; justify-content:flex-start;}


/*  .util_hm .menu01 li:last-child {justify-content:flex-end;} */
 
 
.util_hm .menu01  {margin-right:auto}
.util_hm .menu01 ul {font-size:15px;}
.util_hm .menu01 li {border-right:1px solid #d2d2d2;}
.util_hm .menu01 li:first-child {border-right:0;}
.util_hm .menu01 li:first-child a {color:#db2950; background: #FFF;}
.util_hm .menu01 li a, .util_hm .util li a {display:block; padding:10px 15px; color:#333;}
.util_hm .menu01 li a:hover, .util_hm .util li a:hover {color:#db2950;}


.util_hm .util {display:flex; align-items:center;}
.util_hm .util li {border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}


.util_hm .util_sns  {display:flex; margin:0 15px 0 0;}
.util_hm .util_sns li {margin:0 5px;}

@media (max-width:1000px){
.util_hm .util_sns {display:none;}
}


ul.expndSermng {
	position: absolute; top: 34px; z-index: 1000000;
	padding:10px 10px 3px 10px;
	background: #fff url("https://www.daedeok.go.kr/images/dpt_2019/bg_expndsv_01.jpg") no-repeat center top;
	width:180px;
	border:1px solid #d9d9d9;
	box-sizing: border-box;
	margin-left:-110px;
}

ul.expndSermng > li {
	padding: 3px 0;
	float: none;
	width: 100%;
	border: none !important;
}
ul.expndSermng > li > a {
	padding:0 0 0 20px;
	background: #fff url("https://www.daedeok.go.kr/images/dpt_2019/blit_type_01.png") no-repeat 0 50%;
	border: none !important;
	border-bottom: none !important;
}
ul.expndSermng > li > a:first-child {
	clear: both;
	padding:0 0 0 20px;
	background: #fff url("https://www.daedeok.go.kr/images/dpt_2019/blit_type_01.png") no-repeat 0 50% !important;
	border-left: none !important;
	border-bottom: none !important;
}

ul.expndSermng > li > a > span {
	display:block;
	font-size:13px;
	color: #404040;
}
ul.expndSermng > li > a:hover  > span {
	color: #1273d6;
}

ul.expndSermng > li > a.close {
	margin:0 0 0 0;
	padding:0 0 0 0 !important;
	background: #8f8f8f !important;
	border-radius:3px;
}
ul.expndSermng > li > a.close  > span {
	color: #fff; text-align: center !important;
	height: 20px; line-height: 20px;
}
/*유틸메뉴*/



/* header */
#header{position:relative; z-index:30; width:100%; background-color:#fff; }
#header > .wrap{z-index:21; height:140px;}
#header > .wrap:before{display:block; position:absolute; top:0; left:50%; bottom:0; width:100vw; background-color:rgb(255, 255, 255); transform:translateX(-50%);}
@media (max-width:1000px){
    #header > .wrap{height:90px; padding-left:3%;}
    #header > .wrap:before{border-bottom:1px solid #e0e0e0;}
}
@media (max-width:640px){
    #header > .wrap{height:68px;}
}

		
#header .logo  {
	position:absolute; left:0; top:50%; transform: translate(0%, -50%);
	display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; z-index:10;
	}
.flag {margin-left:25px;}

@media (max-width:1000px){
    #header .logo{left:3%;}
}



/* 검색 */
#header .wrap .search_box {position:absolute; left:50%; top:50%; z-index:9; width:100%; transform:translate(-50%,-50%); margin-top:3px; padding:0 350px;}
#header .wrap .search_box .align_box {position:relative; }
#header .wrap .search_box .align_box input {
	width:100%; height:59px; padding: 0 45px 0 25px; border:3px solid #db2950; border-radius:5px; background: #fff; font-size: 16px;
	}
#header .wrap .search_box .align_box .btn_submit {position:absolute; top:0; right:0; width:59px; height:59px; border-radius:5%; background:#db2950 url('https://www.djjunggu.go.kr/images/kr/main/ico_search.svg') center no-repeat; text-indent: -10000px; }


#keyword{display:block;position:relative;overflow: hidden; min-width: 320px;padding: 0 75px 0 85px;margin-top: 10px;text-align: center;}
#keyword .grap{overflow:hidden; position:relative; height:24px; width:100%; padding-left:5px;}

#keyword > em{position:absolute; left:10px; color:#db2950; font-weight:600; font-size:15px; z-index:10;}
#keyword .grap .obj .slick-list{height:100%;}
#keyword .grap .obj{position:relative;margin:0;width:100%;overflow:hidden;}
#keyword .grap .obj .item{display:block;float:left;position:relative}
#keyword .grap .obj .item:before{position:absolute;left:0;top:50%;width:1px;height:14px; background:#333; transform:translateY(-50%);content:'';display:block;opacity:0.3}
#keyword .grap .obj .item a{display:block;padding: 0 15px;font-size: 15px;}
#keyword .grap .obj .item a:hover,
#keyword .grap .obj .item a:focus{text-decoration:underline}

#keyword .control{position:absolute; right:10px; top:2px;}
#keyword .control button[data-control="next"],
#keyword .control button[data-control="prev"],
#keyword .control button[data-control="stop"],
#keyword .control button[data-control="play"]{float: left;position:relative;width: 20px;height: 20px;margin: 0;margin-left: -1px;font-size:0;background: #fff;border: 1px solid #ababab;}
#keyword .control button[data-control="next"]:before,
#keyword .control button[data-control="prev"]:before{content:'';position:absolute;top:7px;left:8px;right:15px;display:block;width: 4px;height: 4px;border: 1px solid #838383;border-width: 2px 2px 0 0;}
#keyword .control button[data-control="next"]:before{left: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#keyword .control button[data-control="prev"]:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
#keyword .control button[data-control="stop"]:before{content:'';position:absolute;top:5px;left: 8px;right: 0;display:block;width: 2px;height: 7px;box-shadow: -2px 0 #838383, 2px 0 #838383;}
#keyword .control button[data-control="play"]:before{content:'';position:absolute;top:5px;left:8px;right:20px;display:block;width: 0;height: 0;border-width: 4px 0 4px 5px;border-style: solid;border-color: transparent transparent transparent #838383;}



.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}
.slick-slider .slick-list,
.slick-slider .slick-track{
	-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
	}
.slick-track{
	position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto
	}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:inline-block}
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-slide img {display:inline-block; width:100%; height:230px;}


/* 날씨 및 미세먼지 */
.weather_area{position: absolute;top: 0;right:0;text-align: left; max-width:270px; z-index:10;}
.weather_area:after{content: '';display: block;clear: both;}
.weather_box {display: table-cell;height: 140px;vertical-align: middle;}
.weather_area ul{float: right;}
.weather_area ul:after{content: '';display: block;clear: both;}
.weather_area ul li{float: left;position: relative;vertical-align: top;margin-left: 10px;}
.weather_area ul li a{display: inline-block;}
.weather_area ul li a span{font-size: 15px;color:#333;display: block;}
.weather_area ul li a span.more{position: absolute;top: 5px;right: 0;width: 13px;height: 13px;display: inline-block;background: url(../../images/dpt_2022/weather/weather_btn.png) no-repeat;overflow: hidden;text-indent: -9999px;white-space: nowrap;}
.weather_area ul li a span.date{padding-right: 18px;text-align: right;}
.weather_area ul li a span.temp{display: block;font-size: 15px;padding-left: 36px;}
.weather_area ul li a span.temp em{font-size: 15px;}
.weather_area ul li a span.temp em.tempnum {font-size:18px; margin:0 3px 0 5px;}
.weather_area ul li a span.thumb{position: absolute;left: 0;top: 23px;}
.weather_area #airStatusPopup{padding-left: 15px;}
.weather_area .finedust{padding-right: 18px;text-align: right;}
.weather_area .figure{display: block; font-size: 15px;}
.weather_area .figure.good {color:#456abf}
.weather_area .figure.normal {color:#00c73c}
.weather_area .figure.bad {color:#fc8230}
.weather_area .figure.vbad {color:#ff5959}
.weather_area .figure > img{margin-right: 3px;vertical-align: -10px;}
.weatherWarning{float: right;width: 100%;text-align: right;}
.weatherWarning p{display: block !important;height: auto !important;line-height: 18px;margin-top: 3px;font-size: 15px;color:#666;}
.weatherWarning span{position: relative;display: block;}
.weatherWarning .weatherWarningSpan{content: '';display: inline-block;width: 1px;height: 14px; vertical-align:-2px; margin-left: 1px;margin-right: 1px;background-color: #888;}


@media screen and ( max-width:768px ) {
	.weather_area {display:none;}
}
/* 날씨 및 미세먼지 끝 */


@media screen and ( max-width: 1023px ) {
	#keyword{padding-left:0}
	#keyword > em{display:none;}
}
@media screen and ( max-width: 640px ) {
	#keyword{display:none;}
}
/* 검색 끝 */




/* slick */
.slick-slider{position:relative}
.slick-list{overflow:hidden; position:relative}
.slick-track{position:relative; top:0; left:0; margin-right:auto; margin-left:auto}
.slick-track:after,.slick-track:before{display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left}
.slick-slide.slick-loading img{display:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block}

/* 본문바로가기  */
.accessibility{position:absolute; top:0; left:0; z-index:3000; overflow:hidden; width:100%}
.accessibility a{display:block; z-index:3000; width:1px; height:1px; margin:0 -1px -1px 0; overflow:hidden; font-size:0; text-align:center; line-height:0}
#accessibility a:active,#accessibility a:hover,.accessibility a:focus{width:auto; height:30px; margin:0; padding:8px 0; background-color:#333; color:#fff; font-size:14px; line-height:16px}


/* 메뉴 */
.menu.init,.menu.init .depth,.menu.init .depth:after,.menu.init .depth:before,.menu.init .depth_item,.menu.init .depth_item:after,.menu.init .depth_item:before,.menu.init .depth_list,.menu.init .depth_list:after,.menu.init .depth_list:before,.menu.init .depth_text,.menu.init .depth_text:after,.menu.init .depth_text:before,.menu.init .depth_title,.menu.init .depth_title:after,.menu.init .depth_title:before,.menu.init:after,.menu.init:before{transition-property:all; transition-duration:0.4s; transition-timing-function:ease-in-out;
}
.menu,.menu .depth,.menu .depth_item,.menu .depth_list,.menu .depth_text{position:relative}
.menu{font-size:0; line-height:0} 
.menu .depth:not(.depth1){opacity:0; visibility:hidden; overflow:hidden}
.menu .depth1{z-index:30}
.menu .depth_list{z-index:10}
.menu .depth_text{display:inline-block}
.menu.after:after,.menu.before:before{display:block; position:absolute}
.menu.before:before{z-index:10}
.menu.after:after{z-index:20}
.menu .depth_title{position:absolute; overflow:hidden; z-index:20}
.menu .depth1.clearfix .depth1_list{float:right}
.menu .depth_list.clearfix>.depth_item{float:left}
.menu .depth_list.cut>.depth_item{display:inline-block; vertical-align:top}
.menu.pulldown .depth1{height:inherit}
.menu.pulldown .depth1_item,.menu.pulldown .depth1_list{height:inherit}
.menu.pulldown .depth2{position:absolute; left:0; bottom:0; width:100%}
.menu.eachdown .depth1{height:inherit}
.menu.eachdown .depth1_item,.menu.eachdown .depth1_list{position:static; height:inherit}
.menu.eachdown .depth2{position:absolute; left:0; bottom:0; width:100%}
.menu.dropdown .depth2{position:absolute; top:100%; left:0; width:100%; transform-origin:center top; transform:scaleY(0)}

/* lnb */
.lnb{font-size:0; line-height:0}
.lnb_open .lnb:before,
.search_open .lnb:before{opacity:1; visibility:visible;}
.search_open .lnb:before{z-index:-1;}
.lnb .search{position:absolute; top:calc(100% - 1px); left:0; right:0; z-index:20; width:100%; max-width:1240px; height:0; margin-right:auto; margin-left:auto; font-size:0; line-height:0;}
.lnb .search:before{display:block; opacity:0; visibility:hidden; position:absolute; top:0; left:50%; width:100vw; height:245px; border-top:1px solid #e0e0e0; background-color:#fff; transition-property:opacity, visibility; transition-duration:.25s; transition-timing-function:ease-in-out; transform:translateX(-50%);}
.lnb .search.active:before{opacity:1; visibility:inherit;}
.lnb .search button{position:absolute; top:-49px; right:0;}
.lnb .search button .search_button{width:26px; height:26px;}
.lnb .search button:before{display:block; width:26px; height:26px; background-image:url(https://www.sancheong.go.kr/site/www/images/sprite/search_sprite.png); background-position:left top;}
.lnb .search .search_show button:before{background-position:left top;}
.lnb .search .search_hide button{display:none;}
.lnb .search.active .search_hide button{display:block;}
.lnb .search .search_hide button:before{background-position:left 100%; background-color:#fff;}
.lnb .search .search_panel{display:block; opacity:0; visibility:hidden; position:absolute; top:0; left:10px; right:10px; max-width:783px; margin-top:50px; margin-right:auto; margin-left:auto; text-align:center; transition-property:opacity, visibility; transition-duration:.25s; transition-timing-function:ease-in-out;}
.lnb .search.active .search_panel{opacity:1; visibility:inherit;}
.lnb .search .search_form{border:1px solid #0082ca; border-radius:16px; box-shadow:0 5px 20px rgba(0,51,183,0.06);}
.lnb .search .search_fieldset .search_input{width:100%; height:60px; padding-right:50px; padding-left:35px; border:0; border-radius:16px; background-color:transparent; font-size:16px; font-weight:200; font-family:'GmarketSans', sans-serif;}
.lnb .search .search_fieldset .search_submit{position:absolute; top:-1px; right:-1px; width:52px; height:64px; font-size:0; text-align:center;}
.lnb .search .search_fieldset .search_submit:before{margin-right:auto;}
.lnb .search .search_word{display:inline-block; position:relative; margin-top:40px; margin-right:auto; margin-left:auto; padding-left:150px; font-size:0; line-height:0;}
.lnb .search .search_word .word_title{position:absolute; top:1px; left:0; padding-left:30px; color:#010101; font-size:16px; font-weight:600; line-height:26px;}
.lnb .search .search_word .word_title:before{display:block; position:absolute; top:2px; left:0; width:26px; height:26px; background-image:url(https://www.sancheong.go.kr/site/www/images/sprite/search_sprite.png); background-position:left 50%;}
.lnb .search .search_word .word_list{width:100%; height:30px; text-align:left;}
.lnb .search .search_word .word_list li{display:inline-block; line-height:26px; vertical-align:top; word-break:keep-all;}
.lnb .search .search_word .word_list li:before{top:5px;}
.lnb .search .search_word .word_list li + li{margin-left:45px;}
.lnb .search .search_word .word_list li a{color:#2d2d2d; font-size:15px;}


@media all and (min-width:1001px){
    .lnb .menu_hide,.lnb .menu_show, .lnb .search{display:none}
    .lnb.length3 .menu .depth1_item{width:33.33%}
    .lnb.length4 .menu .depth1_item{width:25%}
    .lnb.length5 .menu .depth1_item{width:20%}
    .lnb.length6 .menu .depth1_item{width:16.66%}
    .lnb.length7 .menu .depth1_item{width:14.28%}
    .lnb.length8 .menu .depth1_item{width:12.5%}
    .lnb.length9 .menu .depth1_item{width:11.11%}
	
	 .lnb{position:relative; width:100%; height:66px; border-top:1px solid rgb(229, 229, 229);}
    .lnb .menu{position:absolute; top:0; left:0; z-index:20; width:100%; height:66px; overflow:hidden; background-color:rgb(255, 255, 255); transition-property:height;}
    .lnb:before{display:block; opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); transition-property:visibility, opacity; transition-duration:0.25s; transition-timing-function:linear;}
    .lnb .menu:before{display:block; position:absolute; top:65px; left:0; right:0; z-index:99; height:1px; background-color:rgb(229, 229, 229);}
    .lnb_open .lnb .menu:before{background-color:#db2950;}
    .lnb .menu .depth2, .lnb .menu.after:after{height:calc(100% - 84px);}
    .lnb_open .lnb .menu.after:after{opacity:1; visibility:visible;}
    .lnb .menu_header{display:none;}
    .lnb .menu_title{display:none;}
    .lnb .menu .depth1_list{text-align:center;}
    .lnb .menu .depth1_item{width:16.66%; padding-top:22px; padding-bottom:25px;}
    .lnb .menu .depth1_text{
		display:inline-block; position:relative; color:rgb(0, 0, 0); font-size:20px; font-weight:400; text-decoration:none; text-align:center; line-height:21px; letter-spacing:-0.025em; transition-property:color;}
 
    .lnb .menu .depth1_text:before{
		display:inline-block; opacity:0; visibility:hidden; position:absolute; left:50%; bottom:-22px; width:0; height:3px; 
		background-color:#db2950; transform:translateX(-50%); transition-property:visibility, opacity, width;
		}
		
    .lnb .menu .depth1_text[target="_blank"]:after{
		display:inline-block; width:15px; height:15px; margin-top:2px; margin-left:5px; background-color:rgb(0, 0, 0); vertical-align:top;
		}
	
    .lnb_open .lnb .menu .depth1_item.active .depth1_text{color:#db2950; text-decoration:none;}
    .lnb_open .lnb .menu .depth1_item.active .depth1_text:before{opacity:1; visibility:visible; width:37px;}
    .lnb .menu .depth2{overflow:visible; box-sizing:border-box; transition-property:visibility, opacity;}
    .lnb .menu .depth2_content{position:relative; min-height:350px; padding-left:260px;}
    .lnb .menu .depth2_title{position:absolute; top:1px; left:0; width:200px; height:100%; overflow:visible;}
    .lnb .menu .depth2_info{width:inherit; height:inherit; padding-top:65px; color:rgb(0, 0, 0); font-weight:300; text-align:left;}
    .lnb .menu .depth2_info:before{
     display:block; position:absolute; top:220px; left:-34px; width:223px; height:200px; 
     }
    .lnb .menu .depth2_info:after{
    display:block; position:absolute; top:220px; left:55px; width:160px; height:228px; 
    background-image:url("../../images/dpt_2022/common/ir_img01.png");
    }
   
    .lnb .menu .depth1_item:nth-child(1) .depth2_info:after{background-position:0 -1067px; top:280px !important;}
    .lnb .menu .depth1_item:nth-child(2) .depth2_info:after{background-position:left -554px; top:280px !important;}
    .lnb .menu .depth1_item:nth-child(3) .depth2_info:after{background-position:0 -794px; top:250px !important;}
    .lnb .menu .depth1_item:nth-child(4){top:120px;}
    .lnb .menu .depth1_item:nth-child(4) .depth2_info:before{top:250px; z-index:-1;}
    .lnb .menu .depth1_item:nth-child(4) .depth2_info:after{top:300px; background-position:0 -1301px;}
    .lnb .menu .depth1_item:nth-child(5) .depth2_info:after{background-position:0 -293px;}
	.lnb .menu .depth1_item:nth-child(6) .depth2_info:after{background-position:0 -1483px; top:280px !important;}
	
    .lnb .menu .depth2_subject{position:relative; padding-right:35px; color:#db2950; font-size:30px; font-weight:600; font-family:'GmarketSans', sans-serif; line-height:34px; word-break:keep-all;}
    .lnb .menu .depth2_subject:before{display:block; position:absolute; right:0; bottom:10px; z-index:-1; width:59px; height:57px; background-image:url("../../images/dpt_2022/common/ir_img01.png"); background-position:left top;}
    .lnb .menu .depth2_slogan{display:block; margin-top:20px; color:rgb(102, 102, 102); font-size:15px; line-height:22px;}
   
   
    
    .lnb .menu .depth1_item.active .depth2{opacity:1; visibility:visible; z-index:10;}
    .lnb .menu .depth2_list{margin-left:-30px; padding-bottom:35px; text-align:left;}
    .lnb .menu .depth2_item{display:inline-block; position:relative; width:25%; padding-top:35px; padding-left:30px;}
    .lnb .menu .depth2_item.wide{width:50%;}
    .lnb .menu .depth2_text{
		display:block; overflow:hidden; position:relative; height:47px; padding-left:5px; padding-right:5px; 
		border:1px solid #e9b6cd; background-color:#fff1f8; border-radius:7px;
		color:#000; font-size:17px; text-decoration:none; text-align:center; line-height:17px; letter-spacing:-0.025em;word-break:break-all; 
		transition-property:color, background-color, border-color, box-shadow;
		}
		
    .lnb .menu .depth2_text:hover{border-color:#db2950; background-color:#db2950; box-shadow:rgba(0, 51, 192, 0.2) 0 5px 20px; color:rgb(255, 255, 255);}
    .lnb .menu .depth2_text:before{display:block; opacity:0; visibility:hidden; position:absolute; background-image:url("../../images/dpt_2022/common/ir_img01.png"); background-position:left 92.76%; transition-property:opacity, visibility;}
    .lnb .menu .depth2_text:hover:before{opacity:1; visibility:inherit;}
    .lnb .menu .depth2_item.wide .depth2_text:before{background-size:480px 1844px;}
    .lnb .menu .depth2_text:after{display:inline-block; height:100%; vertical-align:middle;}
    .lnb .menu .depth2_text span{display:inline-block; position:relative; vertical-align:middle;}
   
    .lnb .menu .depth2_text[target="_blank"] span{padding-right:28px;}
    .lnb .menu .depth2_text[target="_blank"] span:after{display:block; position:absolute; top:0; right:0; bottom:0; width:17px; height:17px; margin-top:auto; margin-bottom:auto; 
	/* background-image:url("../../images/dpt_2022/common/ir_img01.png"); background-position:left 50%; transition:background-position 0s ease 0.06s;*/}
    
	.lnb .menu .depth2_text[target="_blank"]:hover span:after{background-position:left 100%;}
    .lnb .menu .depth1_item.active .depth3{opacity:1; visibility:visible; z-index:10;}
    .lnb .menu .depth3_list{margin-top:17px; margin-left:8px;}
    .lnb .menu .depth3_item{margin-top:7px;}
    .lnb .menu .depth2_item.wide .depth3_item{display:inline-block; width:50%; vertical-align:top;}
    .lnb .menu .depth2_item.wide .depth3_item:nth-child(2){margin-top:0;}
    .lnb .menu .depth3_item:first-child{margin-top:0;}
    .lnb .menu .depth3_text{display:inline-block; position:relative; z-index:20; padding-left:15px; color:rgb(91, 91, 91); font-size:15px; line-height:22px; letter-spacing:-0.03em;word-break:keep-all; transition-property:none;}
    .lnb .menu .depth3_text:before{display:block; position:absolute; top:10px; left:3px; width:3px; height:3px; border:2px solid rgb(148, 148, 148); border-radius:50%; box-sizing:border-box; transition-property:none;}
    .lnb .menu .depth3_text:hover{color:#db2950; font-weight:600; }
    .lnb .menu .depth3_text:hover:before{border-color:#db2950; width:8px; height:1px; border-radius:0; left:0;}
    
	.lnb .menu .depth3_text[target="_blank"]:after{
		display:inline-block; width:17px; height:17px; margin-top:2px; margin-left:5px; background-image:url("/images/dpt_2022/common/blank_icon.png"); background-position:left top; vertical-align:top; transition:background-position 0s ease 0.06s;
		}
		
		
		
	/* .lnb .menu .depth3_text[target="_blank"]:after{
		display:inline-block; width:17px; height:17px; margin-top:2px; margin-left:5px; background-image:url("/images/dpt_2022/common/ir_img01.png"); background-position:left top; vertical-align:top; transition:background-position 0s ease 0.06s;
		} */
	
	
	
	
    .lnb .menu .depth3_text[target="_blank"]:hover:after{background-image:url("/images/dpt_2022/common/blank_icon.png"); background-position:left top;}
	
	
	
    .lnb .menu .depth3_text span{position:relative;}
    .lnb .menu .depth3_text:hover span:before{
		display:block; position:absolute; left:0; right:0; bottom:-2px; height:7px; z-index:-1; 
		background-color:#ffe6f2; 
		transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
    .lnb .menu .depth4{display:none;}
	
}


@media (max-width:1430px) and (min-width:1001px){
    .lnb .menu .depth1_text{font-size:20px;}
    .lnb .menu .depth1_item:last-child .depth2_content{min-height:220px;}
    .lnb .menu .depth1_item:last-child .depth2_list{margin-left:-10px;}
    .lnb .menu .depth1_item:last-child .depth2_item{width:111px !important; margin-left:10px;}
    .lnb .menu .depth1_item:last-child .depth2_item:before{width:111px; height:111px;}
    .lnb .menu .depth1_item:last-child .depth2_text{padding-top:120px;}
    .lnb .menu .depth1_item:last-child .depth2_text > span > span{font-size:15px;}
    .lnb .menu .depth1_item:last-child .depth2_text:before{width:111px; height:111px;}
    .lnb .menu .depth1_item:last-child .depth2_text:after{margin-top:24px;}
    .lnb .menu .depth1_item:nth-child(2) .depth2_item.wide{width:60%;}
    .lnb .search{max-width:1200px;}
}
@media (max-width:1200px) and (min-width:1001px){
    .lnb .menu .depth2_item{width:25%;}
    .lnb .menu .depth1_item:last-child .depth2_content{min-height:200px;}
    .lnb .menu .depth1_item:last-child .depth2_list{margin-left:-10px;}
    .lnb .menu .depth1_item:last-child .depth2_item{width:91px !important;}
    .lnb .menu .depth1_item:last-child .depth2_item:before{width:91px; height:91px;}
    .lnb .menu .depth1_item:last-child .depth2_text{padding-top:100px;}
    .lnb .menu .depth1_item:last-child .depth2_text:before{width:91px; height:91px;}
    .lnb .menu .depth1_item:last-child .depth2_text:after{width:50px; height:50px; margin-top:22px;}
    .lnb .menu .depth2_item.wide{width:50%;}
    .lnb .menu .depth1_item:nth-child(2) .depth2_item.wide{width:75%;}
    .lnb .search{max-width:1000px;}
}



@media all and (max-width:1000px){
    .menu.after:after,.menu.before:before{display:none}
    .menu .depth_title{display:none}
    .menu .depth1.clearfix .depth1_list{float:none}
    .menu .depth_list.clearfix>.depth_item{float:none}
    .menu .depth_list.cut>.depth_item{display:block}
    .menu.pulldown .depth1,.menu.pulldown .depth1_item,.menu.pulldown .depth1_list{height:auto}
    .menu.pulldown .depth2{position:relative; bottom:auto; left:auto}
    .menu.eachdown .depth1{height:auto}
    .menu.eachdown .depth1_item,.menu.eachdown .depth1_list{position:relative; height:auto}
    .menu.eachdown .depth2{position:relative; bottom:auto; left:auto}
    .menu.dropdown .depth2{position:relative; top:auto; left:auto; transform:scaleY(1)}
    .lnb:before{display:block; opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:40; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition-property:visibility,opacity; transition-duration:0.25s; transition-timing-function:linear}
    .lnb .menu{visibility:hidden; position:fixed; top:0; right:-302px; z-index:50; width:302px; height:100%; overflow-x:hidden; overflow-y:auto; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:linear}
    .lnb .wrap{padding-right:0; padding-left:0}
    .lnb_show,.lnb_show body{overflow:hidden}
    .lnb_show .lnb .menu{visibility:visible; right:0}
    .lnb_show .lnb:before{visibility:visible; opacity:1}
    .lnb .menu .depth1{z-index:10}
    .lnb .menu_show{position:absolute; z-index:30}
    .lnb .menu_hide{position:absolute; z-index:30}
	
	 .lnb .menu{visibility:hidden; position:fixed; right:-100%; z-index:40; width:100%; max-width:580px; height:100%; padding-top:60px; background-color:#fff; overflow-x:hidden; overflow-y:auto; transition-property:visibility,right; transition-duration:0.25s; transition-timing-function:linear;}
    .lnb .wrap{height:inherit;}
    .lnb .menu_show{position:absolute; top:70px; right:3%; z-index:30; width:24px; height:24px;}
    .all_mn_open .lnb .menu_show{z-index:0;}
    .lnb .menu_btn{position:relative; width:inherit; height:inherit; text-indent:-9999px;}
    .lnb .menu_btn:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:22px; height:22px; margin:auto; background-image:url(https://www.sancheong.go.kr/site/public/images/sprite/m_mn_sprite.png);}
    .lnb .menu_show .menu_btn:before{background-position:left top;}
    .lnb .menu_hide{top:19px; right:calc(3% + 5px); width:22px; height:22px;}
    .lnb .menu_hide .menu_btn{display:block;}
    .lnb .menu_hide .menu_btn:before{background-position:left 25%;}
    .lnb .menu_header{display:block; position:absolute; top:0; left:0; z-index:20; width:100%; height:60px; background-color:#0082ca; background:linear-gradient(to right, #0082ca 0,#4688e3 100%); font-size:0; line-height:0;}
    .lnb .link{margin-top:19px; padding-left:15px; font-size:0; line-height:0;}
    .lnb .link_item{display:inline-block; position:relative; vertical-align:top;}
    .lnb .link_item > a, .lnb .link_item button{position:relative; height:22px; color:#fff; font-size:14px; line-height:20px;}
    .lnb .link_item + .link_item{margin-left:12px; padding-left:8px;}
    .lnb .link_item + .link_item:before{display:block; position:absolute; top:4px; left:0; width:1px; height:14px; background-color:rgba(255,255,255,0.2);}
    .lnb .link_item + .link_item > a,
    .lnb .link_item + .link_item button{padding-left:22px;}
    .lnb .link_item + .link_item > a:before,
    .lnb .link_item + .link_item button:before{display:block; position:absolute; top:0; left:0; width:22px; height:22px; background-image:url(https://www.sancheong.go.kr/site/public/images/sprite/m_mn_sprite.png);}
    .lnb .link_item.login a:before{background-position:left 50%;}
    .lnb .link_item.logout a:before{background-position:left 75%;}
    .lnb .link_item.language button{border:0;}
    .lnb .link_item.language button:before{background-position:left 100%;}
    .lnb .link_item.language .language_panel{opacity:0; visibility:hidden; position:absolute; top:40px; left:calc(50% - 51px); width:110px; overflow:hidden; border:1px solid #4688e3; border-radius:8px; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); transition-property:opacity, visibility, top; transition-duration:.25s; transition-timing-function:ease-in-out;}
    .lnb .link_item.language.active .language_panel{opacity:1; visibility:inherit; top:calc(100% + 5px);}
    .lnb .link_item.language .language_item + .language_item{border-top:1px solid #e1e1e1;}
    .lnb .link_item.language .language_anchor{display:block; color:#2d2c2c; font-size:15px; text-align:center; line-height:38px;}
    .lnb .link_item.language .language_anchor:hover{background-color:#f8f9fb; color:#3a6fb4; font-weight:600;}
    .lnb .menu .depth_text[target='_blank']:after{background-image:url(https://www.sancheong.go.kr/site/public/images/sprite/blank_sprite.png);}
    .lnb .menu .depth1{height:inherit; z-index:10}
    .lnb .menu .depth1_list{position:relative; min-height:100%; background-color:#f8f9fb;}
    .lnb .menu .depth1_text{display:block; position:relative; padding:26px 5px; color:#121212; font-size:16px; font-weight:500; text-decoration:none; text-align:center; line-height:18px; transition-property:font-weight;word-break:keep-all;}
    .lnb .menu .depth1_text:after{display:block; position:absolute; top:0; left:12px; right:12px; height:1px; background:url(https://www.sancheong.go.kr/site/public/images/common/dot.png) repeat-x;}
    .lnb .menu .depth1_item:first-child .depth1_text:after,
    .lnb .menu .depth1_item.active .depth1_text:after,
    .lnb .menu .depth1_item.active + .depth1_item .depth1_text:after{display:none;}
    .lnb .menu .depth1_text span{position:relative; z-index:40}
    .lnb .menu .depth1_item.active .depth1_text{background-color:#0b3d6e; color:#fff; font-weight:500;}
    .lnb .menu .depth2{transition-property:visibility,opacity}
    .lnb .menu .depth2_list{transition-property:padding-top,padding-bottom,border-top-width;border:0 solid #000}
    .lnb .menu .depth2_item{border-bottom:1px solid #dadada; transition-property:border-bottom-color;}
    .lnb .menu .depth2_text{display:block; position:relative; padding-top:13px; padding-right:40px; padding-bottom:13px; color:#111; font-size:15px; font-weight:500; text-decoration:none; line-height:24px; letter-spacing:-0.025em;box-sizing:border-box; transition-property:color;}
    .lnb .menu .depth2_text:after{display:block; opacity:0; visibility:hidden; position:absolute; top:0; right:10px; bottom:0; margin-top:auto; margin-bottom:auto; transition:none}
    .lnb .menu .depth2_text[target='_blank']:after{width:0; height:0;}
    .lnb .menu .depth2_item.has .depth2_text:after{width:17px; height:17px; background-image:url(https://www.sancheong.go.kr/site/public/images/sprite/side_sprite.png); background-position:left top; transition-property:height, background-position; transition-duration:.25s; transition-timing-function:ease-in-out;}
    .lnb .menu .depth2_item.has.active .depth2_text:after{height:2px; background-position:left -7px;}
    .lnb_show .lnb .menu .depth1_item.active .depth2{visibility:visible; opacity:1}
    .lnb .menu .depth1_item.active .depth2{right:0; z-index:20}
    .lnb .menu .depth1_item.active .depth2_list{padding-bottom:26px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth2_text{color:#347ad0; font-weight:600;}
    .lnb .menu .depth1_item.active .depth2_text:after{visibility:visible; opacity:1}
    .lnb .menu .depth1_item.active .depth2_text[target='_blank']:after{width:17px; height:17px; background-position:left 50%;}
    .lnb .menu .depth1_item.has .depth2_item.has.active .depth2_text:after{width:17px; height:17px; background-position:left 66.66%;}
    .lnb .menu .depth3{transition-property:visibility,opacity,padding-top,padding-bottom}
    .lnb .menu .depth3_list{border:0 solid #4688e3; transition-property:padding-top,padding-bottom;}
    .lnb .menu .depth3_text{display:block; position:relative; padding-right:25px; padding-left:10px; color:#000; text-decoration:none; letter-spacing:-0.03em; transition-property:color,font-weight;}
    .lnb .menu .depth3_text:before{display:block; opacity:0; visibility:hidden; position:absolute; top:10px; left:0; border-radius:50%; background-color:#949494;}
    .lnb .menu .depth3_text:after{display:block; opacity:0; visibility:hidden; position:absolute; top:0; right:0; bottom:0; margin-top:auto; margin-bottom:auto; transition:none}
    .lnb .menu .depth3_text[target='_blank']:after{top:0; right:0; width:0; height:0;}
    .lnb_show .lnb .menu .depth1_item.active .depth2_item.active .depth3{visibility:visible; opacity:1}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_list{padding:14px; border-width:1px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item{margin-top:6px}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item:first-child{margin-top:0}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item:before{top:10px; width:3px; height:3px}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_text{color:#272727; font-size:14px; line-height:20px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_text:before{opacity:1; visibility:visible; width:3px; height:3px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth3_text:before{background-color:#0082ca;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_text:after{visibility:visible; opacity:1}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_text[target='_blank']:after{display:inline-block; position:relative; top:auto; right:auto; bottom:auto; width:17px; height:17px; margin-left:6px; background-position:left top; transform:translateY(2px);}
    .lnb .menu .depth1_item.has .depth2_item.has .depth3_item.has.active .depth3_text{color:#0082ca;}
    .lnb .menu .depth1_item.has .depth2_item.has .depth3_item.has.active .depth3_text:after{width:10px; height:6px; background-size:300% 3983.33333%; background-position:left 50.64378%}
    .lnb .menu .depth4{transition-property:visibility,opacity}
    .lnb .menu .depth4_list{padding-right:9px; padding-left:9px; transition-property:padding-top;}
    .lnb .menu .depth4_item{padding-left:10px;}
    .lnb .menu .depth4_item:before{display:block; position:absolute; top:0; left:0; width:0; height:0; background-color:#909090; transition:none;}
    .lnb .menu .depth4_text{display:block; color:#696969; transition:none;}
    .lnb .menu .depth4_text:after{display:block; opacity:0; visibility:hidden; position:absolute; top:0; right:0; bottom:0; margin-top:auto; margin-bottom:auto; transition:none}
    .lnb .menu .depth4_text[target='_blank']:after{top:0; right:0; width:0; height:0;}
    .lnb_show .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.has.active .depth4{opacity:1; visibility:visible; padding-bottom:4px}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.has.active .depth4_list{margin-top:8px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item{margin-top:4px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item:first-child{margin-top:0}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item:before{top:11px; width:3px; height:2px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active:before{background-color:#000;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_text{font-size:14px; line-height:20px;}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_text:after{visibility:visible; opacity:1}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_text[target='_blank']:after{display:inline-block; position:relative; top:auto; right:auto; bottom:auto; width:17px; height:17px; margin-left:6px; background-position:left top; transform:translateY(2px);}
    .lnb .menu .depth1_item.active .depth2_item.active .depth3_item.active .depth4_item.active .depth4_text{color:#313131;}
    .lnb .menu .depth5{display:none}
    .lnb_show .lnb .menu.multiple .depth1_list{padding-right:calc(100% - 118px);}
    .lnb .menu.multiple .depth1_item{position:static}
    .lnb .menu.multiple .depth2{position:absolute; top:0; right:0; width:calc(100% - 118px); height:100%; background-color:#fff; overflow-x:hidden; overflow-y:auto;}
    .lnb .menu.multiple .depth2_list{margin-left:15px; padding-right:15px;}
    .lnb .search{z-index:30;}
    .all_mn_open .lnb .search{z-index:0;}
    .lnb .search.active:before{height:147px;}
    .lnb .search button{top:-52px; right:calc(3% + 50px);}
    .lnb .search button .search_button{width:26px; height:26px;}
    .lnb .search button:before{width:22px; height:22px; margin-left:auto; background-image:url(https://www.sancheong.go.kr/site/public/images/sprite/m_search_sprite.png);}
    .lnb .search .search_panel{/* max-width:640px;*/ width:100%; margin-top:22px;}
    .lnb .search .search_form{border-radius:16px; font-size:0; line-height:0; box-shadow:0 5px 20px rgba(0,51,183,0.06);}
    .lnb .search .search_fieldset .search_input{height:50px; padding-left:20px; border-radius:16px; font-size:14px;}
    .lnb .search .search_fieldset .search_submit{width:54px; height:54px;}
    .lnb .search .search_word{margin-top:20px; padding-left:115px;}
    .lnb .search .search_word .word_title{top:1px; left:0; padding-left:30px; font-size:15px; line-height:26px;}
    .lnb .search .search_word .word_title:before{top:2px; width:26px; height:26px;}
    .lnb .search .search_word .word_list li:before{}
    .lnb .search .search_word .word_list li + li{margin-left:14px;}
    .lnb .search .search_word .word_list li a{font-size:14px;}
	
	#header .wrap .search_box, #header .weather, .util_hm .util {display:none;}
	.util_hm .menu01 li a, .util_hm .util li a {padding:5px; }
    .util_hm .menu01 ul {font-size:12px;}
	.flag { display:none}
	
}


@media all and (max-width:640px){
    .lnb .menu{width:100%; max-width:360px}
    .lnb .menu_show{top:22px;}
    .lnb .menu .depth2_text{font-size:15px;}
    .lnb .search button{top:-44px; right:calc(3% + 40px);}
    .lnb .search .search_panel{max-width:320px;}
    .lnb .search .search_word .word_list li:last-child{display:none;}
	#header .logo img { width:90%;}
}

/* 패밀리사이트 */
html.family_open{overflow:hidden;}
.family .family_panel{display:block !important; opacity:0; visibility:hidden; position:fixed; top:0; left:0; right:0; bottom:0; z-index:999; margin-right:auto; margin-left:auto; padding-bottom:110px; background-color:rgba(0,0,0,0.8); text-align:center; transition-property:opacity, visibility; transition-duration:.25s; transition-timing-function:ease-in-out; overflow-x:hidden; overflow-y:auto;}
.family .family_panel:before{position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1; background-color:rgba(0,0,0,0.8);}
.family.active .family_panel{opacity:1; visibility:inherit;}
.family .family_panel .family_title{padding-top:31px; padding-bottom:31px; background:url(../images/layout/family_bg.png) #3179cf no-repeat left top / auto 100%; color:#fff; font-size:18px; line-height:42px;}
.family .family_panel .family_title span{display:block; font-size:30px; font-weight:600; font-family:'GmarketSans', sans-serif; word-break:keep-all;}
.family .family_panel .family_box{position:absolute; top:110px; left:0; right:0; max-width:1600px; margin-right:auto; margin-left:auto; overflow:hidden; border-radius:18px; background-color:#fff;}
.family .family_panel .family_box:before{display:block; opacity:0.1; position:absolute; right:84px; bottom:-17px; width:248px; height:154px; background:url(../images/layout/logo.png) no-repeat;}
.family .family_panel .family_list{padding:36px 85px; font-size:0; line-height:0; overflow-x:hidden; overflow-y:auto;}
.family .family_panel .family_item{display:inline-block; width:15%; vertical-align:top;}
.family .family_panel .family_item span{display:block; height:50px; border:1px solid #29a0e1; border-radius:10px; box-shadow:0 0 15px rgba(79,143,231,0.15); color:#0071b0; font-size:17px; line-height:48px;}
.family .family_panel .family_item > ul{margin-top:12px; text-align:left;}
.family .family_panel .family_item > ul > li a{position:relative; padding-left:16px; color:#5b5b5b; font-size:15px; line-height:29px; word-break:keep-all;}
.family .family_panel .family_item > ul > li a:hover{color:#000; text-decoration:underline;}
.family .family_panel .family_item > ul > li a:before{display:block; position:absolute; top:10px; left:2px; width:8px; height:8px; border:2px solid #949494; border-radius:5px; box-sizing:border-box;}
.family .family_panel .family_item > ul > li a:after{display:inline-block; opacity:0.6; width:17px; height:17px; margin-top:6px; margin-left:5px; background-image:url(/site/public/images/sprite/blank_sprite.png); vertical-align:top;}
.family .family_panel .family_hide{position:absolute; top:52px; right:85px; width:49px; height:49px; border:1px solid rgba(255,255,255,0.2); border-radius:50%;}
.family .family_panel .family_hide:before{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:18px; height:18px; margin:auto; background:url(/site/public/images/common/allmn_close.png) no-repeat; background-size:18px 18px;}
@media all and (max-width:1600px){
    .family .family_panel .family_box{left:3%; right:3%;}
    .family .family_panel .family_list{padding-right:36px; padding-left:36px;}
    .family .family_panel .family_hide{right:3%;}
}
@media all and (min-width:1301px){
    .family .family_panel .family_item + .family_item{margin-left:2%;}
}
@media all and (max-width:1300px){
    .family .family_panel .family_item{width:32%; margin-right:2%; margin-bottom:30px;}
    .family .family_panel .family_item:nth-child(3n){margin-right:0;}
}
@media all and (max-width:1000px){
    .family_open .lnb .menu_show,
    .family_open .lnb .search{z-index:0;}
    .family .family_panel .family_box{top:30px;}
    .family .family_panel .family_box:before{right:20px; bottom:-10px; width:143px; height:89px; background-size:143px 89px;}
    .family .family_panel .family_title{padding-top:19px; padding-bottom:19px; background-position:left -210px top; font-size:0; line-height:0;}
    .family .family_panel .family_title span{max-width:220px; margin-right:auto; margin-left:auto; font-size:20px; line-height:24px;}
    .family .family_panel .family_list{padding:20px 3% 50px 3%;}
    .family .family_panel .family_item{width:100%; margin-right:0; margin-bottom:15px;}
    .family .family_panel .family_item span{height:42px; border-radius:7px; font-size:16px; line-height:40px;}
    .family .family_panel .family_item > ul{margin-top:10px;}
    .family .family_panel .family_item > ul > li{display:inline-block; width:50%; vertical-align:top;}
    .family .family_panel .family_item > ul > li a{padding-left:15px; font-size:14px; line-height:24px; letter-spacing:-0.05em;}
    .family .family_panel .family_item > ul > li a:before{width:6px; height:6px;}
    .family .family_panel .family_item > ul > li a:after{margin-top:4px;}
    .family .family_panel .family_hide{top:27px; width:33px; height:33px;}
    .family .family_panel .family_hide:before{width:13px; height:13px; background-size:13px 13px;}
}


/* 하단 */
#footer{padding-bottom:30px; border-top:1px solid #e5e5e5; background-color:#ebecf1;}

/* 하단 바로가기 */
#footer .link{margin-bottom:20px;}
#footer .link_list{font-size:0; line-height:0;}
#footer .link_item{display:inline-block; vertical-align:top;}
#footer .link_item + .link_item{position:relative; margin-left:20px; padding-left:20px;}
#footer .link_item + .link_item:before{display:block; position:absolute; top:10px; left:-1px; width:3px; height:3px; border-radius:50%; background-color:#959595;}
#footer .link_item a{color:#2a2a2a; font-size:16px; line-height:23px;}
#footer .link_item:first-child a{color:#145ba2;}
@media all and (max-width:640px){
    #footer .link_list{max-width:300px; margin-right:auto; margin-left:auto;}
    #footer .link_item + .link_item{margin-left:15px; padding-left:15px;}
    #footer .link_item + .link_item:before{width:2px; height:2px;}
    #footer .link_item:nth-child(3){margin-left:0; padding-left:0;}
    #footer .link_item + .link_item:nth-child(3):before{display:none;}
    #footer .link_item a{font-size:14px;}
}

/* 하단 정보 */
#footer .info{color:#3e3e3e; font-size:15px; line-height:28px;}
#footer .info_call,
#footer .info_fax{display:inline-block; margin-left:20px;}
#footer .info_call span,
#footer .info_fax span{font-weight:600;}
#footer .info_copyright{word-break:keep-all;}
@media all and (max-width:640px){
    #footer .info{font-size:14px; line-height:24px;}
    #footer .info_address{display:block;}
}

/* 하단 마크 */
#footer .wa{position:absolute; right:0; bottom:0;}
#footer .wa .wa_image{height:83px;}
@media all and (max-width:1000px){
    #footer .wa{display:none;}
}


/* 하단 배너모움 */
#footer .banner{position:relative; border-bottom:1px solid #e5e5e5; font-size:0; line-height:0; background-color:#fff;}
#footer .banner_title{position:absolute; top:30px; left:0; color:#000; font-size:18px; font-weight:600; line-height:32px;}
#footer .banner_list{padding:30px 0 30px 250px;}
#footer .banner_item{display:inline-block; position:relative; padding-top:2px; padding-bottom:2px;}
#footer .banner_item + .banner_item{margin-left:25px; padding-left:25px;}
#footer .banner_item + .banner_item:before{display:block; position:absolute; top:0; left:0; bottom:0; width:1px; height:9px; margin-top:auto; margin-bottom:auto; border-left:1px dotted #848484;}
#footer .banner_anchor{position:relative; color:#555; font-size:15px; line-height:32px;}
#footer .banner_anchor{width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#footer .banner_control{position:absolute; top:0; left:84px; bottom:0; height:32px; margin-top:auto; margin-bottom:auto;}
#footer .slick-arrow,
#footer .banner_more{display:inline-block; position:relative; width:32px; height:32px; border:1px solid #ebebeb; border-radius:12px; vertical-align:middle;}
#footer .banner_auto{margin-right:4px; margin-left:4px;}
#footer .banner_more{margin-left:4px;}
#footer .slick-arrow:before,
#footer .banner_more:before{
   display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:30px; height:30px; margin:auto; 
   background-image:url(https://www.sancheong.go.kr/site/public/images/sprite/banner_sprite.png); background-repeat:no-repeat;
   }
#footer .banner_prev:before{background-position:left top;}
#footer .banner_next:before{background-position:left 75%;}
#footer .banner_auto.slick-play:before{background-position:left 25%;}
#footer .banner_auto.slick-pause:before{background-position:left 50%;}
#footer .banner_more:before{background-position:left 100%;}
@media all and (max-width:1000px){
    #footer .banner_title{left:3%;}
}
@media all and (max-width:640px){
    #footer .banner{display:none;}
}

/* 하단 관련사이트 */
#footer .site{margin-top:25px; margin-bottom:40px; font-size:0; line-height:0;}
#footer .site_item{display:inline-block; position:relative; width:24%;}
#footer .site_item + .site_item{margin-left:1%;}
#footer .site_show{display:block; position:relative; width:100%; padding-top:16px; padding-bottom:17px; padding-left:20px; border-radius:10px; background-color:#fff; color:#2b2b2b; font-size:15px; text-align:left; line-height:17px; letter-spacing:-0.025em; transition-property:background-color; transition-duration:0.25s; transition-timing-function:linear;
}
#footer .site_show:after{display:block; position:absolute; top:0; right:20px; bottom:0; width:13px; height:8px; margin-top:auto; margin-bottom:auto; background-image:url(../../images/dpt_2022/common/site_sprite.png); background-position:left top; font-size:0; content:'닫힘';}
#footer .site_panel{display:block; opacity:0; visibility:hidden; position:absolute; left:0; bottom:100%; width:100%; margin-bottom:10px; padding:15px 5px 15px 15px; border:1px solid #dedede; border-radius:8px; background-color:#fff; box-shadow:0 0 20px 0 rgba(0,0,0,0.07); text-align:left; transform:translateY(10px); transition-property:visibility,opacity,transform; transition-duration:0.25s; transition-timing-function:ease-in-out;}
#footer .site_panel_box{max-height:430px; overflow-x:hidden; overflow-y:auto;}
#footer .site_title{display:block; width:calc(100% - 15px); margin-bottom:8px; color:#000; font-size:18px; line-height:28px;}
#footer .site_ul + .site_title{margin-top:18px; padding-top:18px; border-top:1px dotted #7f7f7f;}
#footer .site_li a{position:relative; padding-left:10px; color:#464646; font-size:14px; line-height:24px;}
#footer .site_li a:before{display:block; position:absolute; top:12px; left:0; width:4px; height:2px; background-color:#82b1d6;}
#footer .site_item.active .site_show:after{background-position:left 100%; content:'열림';}
#footer .site_item.active .site_panel{opacity:1; visibility:visible; transform:none}
@media (min-width:1431px){
    #footer .site_item.n1 .site_li,
    #footer .site_item.n5 .site_li{display:inline-block;}
    #footer .site_item.n1 .site_li{width:100%;}
    #footer .site_item.n5 .site_li{width:100%;}
    #footer .site_item.n5 .site_li:nth-child(2n){width:53%;}
}
@media (min-width:1201px){
    #footer .site_item.n1 .site_ul:last-child .site_li,
    #footer .site_item.n4 .site_li{display:inline-block; width:100%;}
}
@media (max-width:1000px){
    #footer .banner_title{left:3%;}
    #footer .banner_control{left:calc(3% + 84px);}
    #footer .site{margin-bottom:20px;}
    #footer .site_item{width:49%; margin-bottom:15px;}
    #footer .site_item + .site_item{margin-left:0;}
    #footer .site_item:nth-child(2n){margin-left:2%;}
}
@media all and (max-width:640px){
    #footer{padding-top:25px; padding-bottom:35px; text-align:center;}
	 #footer .site_item{width:100%; margin-bottom:15px;}
	 #footer .site_item:nth-child(2n){margin-left:0;}
}