@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2019.04.19 | 문영신 | 최초 등록
 * 2019.06.28 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2019.07.11 | 양미정 | body의 line-height 변경
 * 2019.07.22 | 문영신 | #tnb1 div.d4>ul 모바일 4차메뉴 상하 여백 추가
 * 2019.08.02 | 양미정 |  body 폰트 1em → 0.938em(15px로변경)
 * 2019.08.08 | 양미정 |  familysite1g1 a.toggle .ic1 삼각형방향수정
 * 2019.08.08 | 양미정 |  오늘의 소식 리스트 높이값 1줄로 변경 (#today1news1 .a1 .t1)
 * 2019.12.05 | 양미정 |  pc #tnb1 div.d3>ul>li>a 폰트사이즈 수정(13px→15px) , #banner1 .mContC>a .t1 폰트사이즈 굵기 수정
 * 2021.01.11 | 김효진 | #tnb1 .b1.toggle pc 위치값 수정 (상단팝업유무에 관계없이 위치값 고정) 
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2019.04.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | Base Adjust
 | Layout[main+sub] Mobile First!
 | clearfix
 | #head, ..
 | ETC
 | @media print{} ))) sub.css
 | RWD ◇◆
 | @keyframes ◇◆
 */

/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆ */

/* ☆@import url(base.css); */


/* base.css )) Overwrite. 20190430 ◆◆◆ */


/*코로나 인트로 페이지 20200224*/
        #error_corona {
            background: #27a9e0;
        }

        #error_corona #container {
            max-width: 980px;
            margin: 0 auto;
            padding: 0 10px;
            text-align: center;
            position: relative;
        }

        #error_corona #container>div {
            margin-bottom: 20px;
        }
        #error_corona #container>div:nth-child(1) {
            margin-bottom: 0 !important;
        }
/*          #container>div:nth-child(2) {
            margin-bottom: 0 !important;
        } */
        #error_corona #container>div:last-of-type {
            margin-bottom: 0;
        }

        #error_corona #logo {
            text-align: center;
            padding: 60px 0 30px;
            max-width:960px; 
            margin:0 auto;
            position:relative; 
            margin-bottom: 0 !important;
        }

        #error_corona #logo .home {
            position: absolute;
            right: 10px;
            top: 10px;
            background: #2c6389;
            color: #fff;
            padding: 5px 15px;
            border-radius: 25px;
            font-size: 0.8em;
            text-decoration: none;
        }

        #error_corona img {
            max-width: 100%;
        }

        #error_corona #corona_footer {
            text-align: center;
            padding: 20px 10px;
        }

/*코로나 인트로 페이지 20200224*/



body{
	background:#fff;
	color:#555;
	font-weight:400;
	/*font-size:1em;  (((16px */
	font-size:0.938em;
	line-height:1.5; /* ☆ */
	letter-spacing:-.03125em; /* (-.5px/16px) */
	overflow:hidden; /* ★ */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		/* 'Noto Sans KR','본고딕',NotoSans,'Noto Sans', */
		/* '나눔고딕',NanumGothic,'Nanum Gothic', */
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}


/* ◇◆ 공용 ◇◆ */


/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.전체 20190430. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; /* ☆ */
	margin:0 20px; /* ☆ */
}
#container{position:relative;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;
		position:relative;
	}
		div.bg2head{}
			div.bg2head>div{}

		/* 전자정부 안내문구 - 20241022 추가 */
		#head_s0{position:relative;height: 35px;background: #eeeeee;}
		#head_s0 .info{position:relative;display:block;min-width:300px;margin:0 auto;left:16px;top:8px;padding-left:30px;color: #000000;font-size: 13px;background:url(../../img/inc/eg_logo.png) no-repeat center left;}
		
		#head_s1{position:relative;
			height:42px;
			background:#eee;
		}
		#head_s2{position:relative;}
		#head_s3{
			position:relative;
			/* height:0; */
		}
			[id*='head_']>.container{
				margin:auto;
			}
			#head_s1>.container{}
			#head_s2>.container{}
			#head_s3>.container{
				position:static; /* ☆ 다른거 펼치면 밀리는 콘텐츠 */
			}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
		background:#fff;
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body{
				/* z-index:0; ☆ ( z < 다른 펼치는거) but 본문 모달 창 있으면 z-index 값 선언금지!  */
				position:relative;
			}
	#wing{display:block;position:relative;} /* ((( sub.css */
	#foot{clear:both;position:relative;
		background:#fff;
	}
		div.bg2foot{}
			div.bg2foot>div{}
		#foot_s1{
			position:relative;
			border-top:1px solid #e7e7e7;
			border-bottom:1px solid #e7e7e7;
		}
		#foot_s2{
			background:#444;
			border-bottom:1px solid #666;
		}
		#foot_s3{
			background:#444;
		}
			[id*='foot_']>.container{}
			#foot_s1>.container{padding:10px 0;}
			#foot_s2>.container{}
			#foot_s3>.container{padding:0 0 30px;}


/* 배치.유틸 20190430 */
.width1expand1{
	margin-left:-20px;
	margin-right:-20px;
}


/* ☆ 모바일 감춤 20190430 */
/* #custom1{display:none;} */
/* #town1{display:none;} */

#anb1{display:none;}
#tn1{display:none;}
#today1{display:none;}


/* only Desktop BG image Preload 20190430 */
/* none */


/* #head */




/* 코로나19 헤더팝업 추가 - 20200222 

#cohead_pop {display: none;text-align:center;padding:0 0 5px 0;width:100%;background-color:#cfe9e5;}
#cohead_pop .area {position:relative;left:50%;top:0;margin-left:-700px;width:1400px;font-family:"NanumSB";letter-spacing:-0.02em;}
#cohead_pop .area .title{display:inline-block;height:35px;line-height:35px;padding:0 25px;margin-top:20px;background-color:#d93536;border-radius:20px;font-size:17px;color:#fff;}
#cohead_pop .area .text{line-height:22px;font-size:16px;color:#fff;}
#cohead_pop .area .text ul{display:inline-block;}
#cohead_pop .area .more_btn{margin-top:10px;}
#cohead_pop .area .more_btn a{display:inline-block;padding:12px 15px;font-size:14px;color:#fff;background-color:#0a3761;}
#cohead_pop .area .exit{display:inline-block;position:absolute;width: 200px;height: 2.5em;line-height: 2.5em;background: rgba(0,0,0,0.2);border-radius: 10px;top:150px;right:150px;}
#cohead_pop .area .exit > .head_pop_exit {color:#fff;}
#cohead_pop .area .exit > a {margin-left:10px;}
@media all and (max-width: 1024px){
#cohead_pop {height:auto;}
#cohead_pop .area {left:0;margin-left:0;width:100%;}
#cohead_pop .area .title{height:34px;line-height:34px;padding:0 25px;margin-top:15px;background-color:#d93536;border-radius:20px;font-size:16px;color:#fff;}
#cohead_pop .area .text{height:auto;line-height:inherit;font-size:15px;}
#cohead_pop .area .more_btn{margin-top:5px;}
#cohead_pop .area .more_btn a{display:inline-block;margin-bottom:40px;}
#cohead_pop .area .exit{display:inline-block;text-align:center;width:100%;top:auto;bottom: -7px;right:0;}
}

#cohead_pop .area .text .coronaLink{width:41%; height:auto; position:absolute; left:50%;}
#cohead_pop .area .text .coronaLink.link01{top:40%; margin-left:-41%;}
#cohead_pop .area .text .coronaLink.link02{top:40%; margin-left:3%;}
#cohead_pop .area .text .coronaLink.link03{top:68%; margin-left:3%;}



@media all and (min-width:670px){/* medium ◇◆◇◆◇◆◇◆◇◆ 
#cohead_pop .area .text .coronaLink{width:289px;}
#cohead_pop .area .text .coronaLink.link01{margin-left:-289px;}
#cohead_pop .area .text .coronaLink.link02{margin-left:20px;}
#cohead_pop .area .text .coronaLink.link03{margin-left:20px;}

} 끝 */




/* 글로벌내비.펼침 20190621 */
#gn1{float:left;
	z-index:40;
	position:absolute;top:0;left:0;
	min-width:100px;
	height:42px;
}
#gn1 a{display:block;
	padding:11px 1em 12px;
	font-weight:400;
	font-size:14px;
}
#gn1 a.toggle{display:inline-block;
	height:18px;
	margin:0;
	padding-right:.5em;
	background:#fff;
	font-weight:600;
	color:#000;
}
#gn1 a.toggle>.t1{display:inline-block;
	vertical-align:middle;
}
#gn1 a.toggle>.ic1{display:inline-block;
	width:0;height:0;
	margin:0 .5em;
	border:4px solid transparent;
	border-top-color:#000;
	border-bottom:0;
	overflow:hidden;text-indent:100%;
	vertical-align:middle;
}
#gn1c{display:none;
	z-index:30;
	position:absolute;left:0;right:0;
	background:#eee;
}
#gn1c ul{overflow:hidden;}
#gn1c li{
	float:left;
	width:100%;
	border-bottom:1px solid #d7d7d7;
}
#gn1c li a{
	color:#666;
}


#gn1c a .ic1{display:none;}


#gn1c li a:hover,
#gn1c li a:focus{
	background:#f7f7f7;
	color:#000;
}


/* 글로벌내비.분리 20190430 */
#gn2{
	z-index:10;
	position:absolute;right:0px;top:0;
	overflow:hidden;
}
#gn2 ul{
	font-size:0;
	text-align:center;
}
#gn2 li{display:inline-block;
	padding:0 0 0 1px;
	background:url(../../img/inc/gn2s.png) no-repeat 0 50%;
}
#gn2 li:first-child{
	background:none;
}
#gn2 a{display:block;
	position:relative;
	height:20px;
	padding:11px 14px;
	overflow:hidden;
}
#gn2 a .t1{display:inline-block;
	position:absolute;left:-9999px;
	color:#000;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
}
#gn2 a .ic1{display:inline-block;
	width:20px;height:20px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#gn2 a .ic1.home{background-image:url(../../img/inc/ic40a41c1home1.png);}
#gn2 a .ic1.sitemap{background-image:url(../../img/inc/ic40a4c1dots1@2x.png);}


/* 언어.펼침 20190430 */
#gn3{
	float:left;
	position:absolute;right:10px;top:8px;
	min-height:26px;
	color:#fff;
}
#gn3 a.toggle{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:106px;
	height:26px;
	padding:4px 20px 4px .75em;
	border-radius:10px;
	background:#fff;
}
#gn3 a.toggle .t1{display:block;
	color:#000;
	font-size:12px;
	line-height:18px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#gn3 a.toggle .ic1{}
#gn3 a.toggle:after{content:'';
	display:inline-block;
	position:absolute;right:0;top:50%;
	width:7px;
	height:7px; /* ☆ */
	margin:-3.5px 9px;
	background:url(../../img/inc/ic7a3c1down1.png) no-repeat center center;
}
#gn3c{display:none;
	z-index:40; /* z > (#anb1 .b1) (#anb1c) */
	position:absolute;
	right:0;
}
#gn3c ul{
	border:1px solid #ddd;
	border-radius:10px;
	overflow:hidden;
}
#gn3c li{
	border-top:1px solid #e7e7e7;
}
#gn3c li:first-child{
	border-top:0;
}
#gn3c li a{display:block;
	min-width:84px; /* (106-1*2-10*2) */
	padding:7px 10px;
	background:#f7f7f7;
	color:#000;
	font-weight:400;
	font-size:13px;
	line-height:18px;
	white-space:nowrap;
}
#gn3c li a:hover,
#gn3c li a:focus{
	background:#fff;
}



#sns2{float:left;
	z-index:10;
	position:absolute;
	right:-190px;
	top:36px;}
#sns2 .link{font-size:0;margin-bottom:20px;text-align:right;}
#sns2 .link li{display:inline-block;vertical-align:top;}
#sns2 .link a{display:block;margin:0 0 0 5px;}
#sns2 .link .ic1{display:inline-block;vertical-align:middle;width:30px;height:30px;background:url() no-repeat center center / contain;border-radius:50%}
#sns2 .link .twitter .ic1{background-image:url(../../img/main/sns1twitter@2x.png);}
#sns2 .link .facebook .ic1{background-image:url(../../img/main/sns1facebook@2x.png);}
#sns2 .link .naverblog .ic1{background-image:url(../../img/main/sns1naverblog@2x.png);}
#sns2 .link .naverblog2 .ic1{background-image:url(../../img/main/sns1naverblog2@2x.png);}
#sns2 .link .instagram .ic1{background-image:url(../../img/main/sns1instagram@2x.png);}
#sns2 .link .youtube .ic1{background-image:url(../../img/main/sns1youtube@2x.png);}


@media all and (min-width:0px) and (max-width:768px){/* ◇◆◇◆◇◆◇◆◇◆ */

#sns2{float:center;
	z-index:10;
	position:absolute;
	right:120px;
	top:36px; }
#sns2 .link{font-size:0;margin-bottom:20px;text-align:center;}
#sns2 .link li{display:inline-block;vertical-align:top;}
#sns2 .link a{display:block;margin:0 0 0 5px;}
#sns2 .link .ic1{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url() no-repeat center center / contain;border-radius:50%}
#sns2 .link .twitter .ic1{ background-image:url(../../img/main/sns1twitter@2x.png);}
#sns2 .link .facebook .ic1{background-image:url(../../img/main/sns1facebook@2x.png);}
#sns2 .link .naverblog .ic1{background-image:url(../../img/main/sns1naverblog@2x.png);}
#sns2 .link .naverblog2 .ic1{background-image:url(../../img/main/sns1naverblog2@2x.png);}
#sns2 .link .instagram .ic1{background-image:url(../../img/main/sns1instagram@2x.png);}
#sns2 .link .youtube .ic1{background-image:url(../../img/main/sns1youtube@2x.png);}

}



@media all and (min-width:768px) and (max-width:1258px){/* ◇◆◇◆◇◆◇◆◇◆ */
	
#sns2{float:center;
	z-index:10;
	position:absolute;
	right:90px;
	top:36px; }

#sns2 .link{font-size:0;margin-bottom:20px;text-align:center;}
#sns2 .link li{display:inline-block;vertical-align:top;}
#sns2 .link a{display:block;margin:0 0 0 5px;}
#sns2 .link .ic1{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url() no-repeat center center / contain;border-radius:50%}
#sns2 .link .twitter .ic1{ background-image:url(../../img/main/sns1twitter@2x.png);}
#sns2 .link .facebook .ic1{background-image:url(../../img/main/sns1facebook@2x.png);}
#sns2 .link .naverblog .ic1{background-image:url(../../img/main/sns1naverblog@2x.png);}
#sns2 .link .naverblog2 .ic1{background-image:url(../../img/main/sns1naverblog2@2x.png);}
#sns2 .link .instagram .ic1{background-image:url(../../img/main/sns1instagram@2x.png);}
#sns2 .link .youtube .ic1{background-image:url(../../img/main/sns1youtube@2x.png);}
	
}


@media all and (min-width:1259px) and (max-width:1459px){/* ◇◆◇◆◇◆◇◆◇◆ */
	
#sns2{float:left;
	z-index:10;
	position:absolute;
	left:-500px;
	top:36px; }
}
	
/* 로고 20190430 */
h1#logo{display:block;
	position:relative;
	margin:12px 210px 18px 20px; /* (화면확인) (우요소) (화면확인) (좌요소) */
	font-size:0;
	text-align:left;
}
h1#logo>a{position:relative;
	z-index:10;
}
h1#logo>a>img{
	width:auto;
	max-width:100%;
	height:57px;
}


/* 통합검색 20190430 */
#search1{}
#search1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:110px;
	top:26px;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	border:1px solid #ddd;
	background:none;
	overflow:visible;
	text-indent:-9999px;
}
#search1 .b1.toggle .t1{display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
}
#search1 .b1.toggle .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(../../img/inc/ic80a4c2search1@2x.png) no-repeat;background-size:contain;
}
#search1 .b1.toggle.on{}
#search1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc/ic80a1c1close1@2x.png);
}
#search1 .b1.toggle.on:before{content:''; /* △ */
	float:left;
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:-26px -16px;
	border:16px solid transparent;border-bottom-color:#dfe3e6;border-top:0;
	overflow:hidden;text-indent:100%;
}
/* ☆ */
#search1c{display:block;
	visibility:hidden;
	z-index:20;
	position:absolute;
	box-sizing:border-box;
	padding:0 50px 0 0;
	border:20px solid transparent;
	border-width:16px 20px;
	background:#dfe3e6;
	overflow:hidden;
}
#search1c.on{display:block;
	visibility:visible;
	position:relative;
	height:auto;
}
#search1 input.text{float:left;
	box-sizing:border-box;
	width:100%;
	height:50px;
	margin:0;
	padding:2px;
	border-radius:0;
	border:2px solid #0d5dac;
	border-right:0;
	background:#fff;
	color:#888;
	font-size:15px;
	line-height:38px;
}
#search1 input.text:focus{color:#000;}
#search1 .submit{float:right;
	box-sizing:border-box;
	width:50px;
	height:50px;
	margin:0 -50px 0 0;
	padding:0;
	border-radius:0;
	border:2px solid #0d5dac;
	border-left:0;
	background:#fff;
	color:#fff;
}
#search1 .submit .t1{position:absolute;left:-9999px;}
#search1 .submit .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/inc/ic80a4c2search1@2x.png) no-repeat center center;
	background-size:contain;
}


/* 나의맞춤 20190430 */
#custom1{}
#custom1 .b1.toggle{float:left;
	z-index:10;

	position:absolute;
	right:65px;
	top:26px;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	border:1px solid #ccc;
	background:#fff;
	background:none;
	text-align:center;
}
#custom1 .b1.toggle:focus{
	outline:1px dotted #000;
}
#custom1 .b1.toggle .t1{display:inline-block;
	color:#000;
	font-weight:400;
	font-size:15px;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#custom1 .b1.toggle .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/inc/ic80a5c2share1@2x.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
}
#custom1 .b1.toggle .ic2{ /* ▽ */
	display:inline-block;
	position:absolute;left:-9999px;
	width:0;height:0;
	margin:-6px 10px;
	border:6px solid transparent;border-top-color:#333;border-bottom:0;
	vertical-align:middle;
}
/* chevron ▽ */
#custom1 .b1.toggle:before{content:'';
	display:none;
	position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-9px;
	border:9px solid transparent;
	border-top-color:#007fb1;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
#custom1 .b1.toggle:after{content:'';
	display:none;
	position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-7px;
	border:7px solid transparent;
	border-top-color:#00a4e4;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
/* 활성 */
#custom1 .b1.toggle.on{
	border:1px solid #007fb1;
	background:#00a4e4;
}
#custom1 .b1.toggle.on .t1{
	color:#fff;
}
#custom1 .b1.toggle.on .ic1{}
#custom1 .b1.toggle.on .ic2{
	border-top-color:#fff;
}
#custom1 .b1.toggle.on:before,
#custom1 .b1.toggle.on:after{
	display:inline-block;
}
/* 내용 */
#custom1c{display:none;
	z-index:30; /* z > (#today1 .b1.toggle) */
	position:relative;
}
#custom1c.on{
	display:block;
}
#custom1c>.width1expand1{ /* ☆ */
	padding:40px 20px 20px;
	background:#ebf3fc;
	border-bottom:2px solid #fff;
}
#custom1 ul{
	font-size:0;
	text-align:center;
}
#custom1 li{display:inline-block;
	width:auto;
	margin:0 6px 20px;
	vertical-align:top;
}
#custom1 li a{display:block;
	color:#121b23;
	overflow:hidden;
}
#custom1 li a .t1{display:block;
	font-weight:600;
	font-size:14px;
}
#custom1 li a .ic1{display:block;
	width:68px;height:68px;
	margin:0 auto 8px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
#custom1 .m1 a .ic1{background-image:url(../../img/inc/custom1p01@2x.png);}
#custom1 .m2 a .ic1{background-image:url(../../img/inc/custom1p02@2x.png);}
#custom1 .m3 a .ic1{background-image:url(../../img/inc/custom1p03@2x.png);}
#custom1 .m4 a .ic1{background-image:url(../../img/inc/custom1p04@2x.png);}
#custom1 .m5 a .ic1{background-image:url(../../img/inc/custom1p05@2x.png);}
#custom1 .m6 a .ic1{background-image:url(../../img/inc/custom1p06@2x.png);}
#custom1 .m7 a .ic1{background-image:url(../../img/inc/custom1p07@2x.png);}
#custom1 .m8 a .ic1{background-image:url(../../img/inc/custom1p08@2x.png);}


/* 우리동네 20190430 */
#town1{}
#town1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:20px;
	top:26px;
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	border:1px solid #ccc;
	background:none;
	text-align:center;
}
#town1 .b1.toggle:focus{
	outline:1px dotted #000;
}
#town1 .b1.toggle .t1{display:inline-block;
	color:#000;
	font-weight:400;
	font-size:14px;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#town1 .b1.toggle .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/inc/ic80a5c2map1@2x.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
}
#town1 .b1.toggle .ic2{ /* ▽ */
	display:inline-block;
	position:absolute;left:-9999px;
	width:0;height:0;
	margin:-6px 10px;
	border:6px solid transparent;border-top-color:#333;border-bottom:0;
	vertical-align:middle;
}
/* chevron ▽ */
#town1 .b1.toggle:before{content:'';
	display:none;
	position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-9px;
	border:9px solid transparent;
	border-top-color:#007fb1;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
#town1 .b1.toggle:after{content:'';
	display:none;
	position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-7px;
	border:7px solid transparent;
	border-top-color:#00a4e4;
	border-bottom:0;
	overflow:visible;text-indent:100%;
}
/* 활성 */
#town1 .b1.toggle.on{
	border:1px solid #007fb1;
	background:#00a4e4;
}
#town1 .b1.toggle.on .t1{
	color:#fff;
}
#town1 .b1.toggle.on .ic1{}
#town1 .b1.toggle.on .ic2{
	border-top-color:#fff;
}
#town1 .b1.toggle.on:before,
#town1 .b1.toggle.on:after{
	display:inline-block;
}
/* 내용 */
#town1c{display:none;
	/* display:block !important;☆ */
	z-index:30; /* z > (#today1 .b1.toggle) */
	position:relative;
	margin:0 -20px;
	padding:0 20px;
}
#town1c.on{
	display:block;
}
#town1c>.width1expand1{ /* ☆ */
	padding:40px 20px 25px; /* 디자인확인 ((617-552)/2) */
	background:#175fa5;
	text-align:center;
}

/* 동네고르다 20190430 */
#take1town1{position:relative;
	margin:0 20px;
	text-align:center;
}
#take1town1 .wrap1{}
#take1town1 .hg1{display:inline-block;
	width:93.75%; /* (300/320) */
	max-width:612px;
	color:#fff;
	overflow:hidden;
}
#take1town1 .hg1 .p1 img{
	width:100%;
	height:auto;
}
#take1town1 ul{
	display:inline-block;
	margin:20px auto;
	font-size:0;
	overflow:hidden;
}
#take1town1 li{
	display:inline-block;
}
#take1town1 li a{display:block;
	position:relative;
	width:3em;
	margin:3px;
	padding:6px 28px 6px 12px;
	border:1px solid #024;
	border-radius:9999px;
	background:#fff;
	color:#000;
	font-size:14px;
	text-align:left;
	/* transition:.2s; */
}
#take1town1 li a .t1{}
#take1town1 li a .ic1{display:inline-block;
	position:absolute;right:0;top:50%;
	width:11px;height:11px;
	margin:-7px 12px;
	background:url(../../img/inc/ic11a4c1newwindow1.png) no-repeat center center;
}
#take1town1 li a:hover,
#take1town1 li a:focus,
#take1town1 li.on a{
	font-weight:600;
	background-color:#54aaff;
}
#take1town1 li a:hover .ic1,
#take1town1 li a:focus .ic1,
#take1town1 li.on a .ic1{
	background-image:url(../../img/inc/ic11a4c0newwindow1.png);
}

/* 지도 20190430 */
#map1{display:block;
	z-index:0;
	position:relative;
	margin:auto;
	overflow:hidden;
	overflow-x:auto;
}
#map1 .wrap1{}
#map1 .w1{display:block;
	position:relative;
	width:436px; /* (백지도+여유) */
	height:552px; /* (백지도+여유) */
	margin:0 auto 10px;
	zoom:.8; /* ☆ */
}
#map1 .w1map .w1 img{display:block;
	position:relative;
}
/* 지도요소 */
#map1 .z{display:inline-block;
	position:absolute;
	width:0;height:0;
}
#map1 .z .a1{display:inline-block;
	position:absolute;
	/* background:rgba(0,255,255, .5); */
	line-height:1;
	white-space:nowrap;
}
#map1 .z .t0,
#map1 .z .t1{display:inline-block;
	z-index:10; /* ☆ */
	position:relative;
	bottom:2px;
	color:#1566ab;
	font-weight:600;
	font-size:13px;
	line-height:1; /* ☆ */
}
/* 활성 */
#map1 .z .f1{display:inline-block;
	visibility:hidden;
	/* z-index:5; ☆ */

	z-index:10;
	position:absolute;
	opacity:0;
	/* transition:.4s; */
}
#map1 .z .f1 img{
	max-width:none; /* ☆ */
}
#map1 .z .t2{display:inline-block;
	visibility:hidden;
	z-index:20; /* ☆ */
	position:absolute;left:0;bottom:0;
	padding:.375em .75em .375em 30px;
	border-radius:9999px;
	background:#0f161d;
	color:#fff;
	font-weight:400;
	font-size:14px;
	opacity:0;
	/* transition:.4s; */
}
#map1 .z .ic1{display:inline-block;
	visibility:hidden; /* ☆ */
	z-index:30; /* ☆ */
	position:absolute;left:0;bottom:0;
	width:63px;
	height:48px;
	margin:0 -20px;
	background:url(../../img/inc/map1/map1marker1on@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
/* 존(기준위치) */
#map1 .z1{left:145px;top:255px;} /* 합천읍 */
#map1 .z2{left:60px;top:258px;} /* 봉산면 */
#map1 .z3{left:127px;top:196px;} /* 묘산면 */
#map1 .z4{left:116px;top:86px;} /* 가야면 */
#map1 .z5{left:176px;top:136px;} /* 야로면 */
#map1 .z6{left:214px;top:281px;} /* 율곡면 */
#map1 .z7{left:241px;top:323px;} /* 초계면 */
#map1 .z8{left:260px;top:240px;} /* 쌍책면 */
#map1 .z9{left:311px;top:228px;} /* 덕곡면 */
#map1 .z10{left:319px;top:287px;} /* 청덕면 */
#map1 .z11{left:275px;top:339px;} /* 적중면 */
#map1 .z12{left:191px;top:369px;} /* 대양면 */
#map1 .z13{left:154px;top:426px;} /* 쌍백면 */
#map1 .z14{left:129px;top:486px;} /* 삼가면 */
#map1 .z15{left:53px;top:426px;} /* 가회면 */
#map1 .z16{left:32px;top:349px;} /* 대병면 */
#map1 .z17{left:123px;top:337px;} /* 용주면 */
/* 존(맵) */
#map1 .z1 .f1{left:-31px;top:-52px;} /* 합천읍 */
#map1 .z2 .f1{left:-45px;top:-83px;} /* 봉산면 */
#map1 .z3 .f1{left:-27px;top:-39px;} /* 묘산면 */
#map1 .z4 .f1{left:-40px;top:-84px;} /* 가야면 */
#map1 .z5 .f1{left:-17px;top:-62px;} /* 야로면 */
#map1 .z6 .f1{left:-21px;top:-79px;} /* 율곡면 */
#map1 .z7 .f1{left:-5px;top:-20px;} /* 초계면 */
#map1 .z8 .f1{left:-12px;top:-38px;} /* 쌍책면 */
#map1 .z9 .f1{left:-26px;top:-26px;} /* 덕곡면 */

#map1 .z10 .f1{left:-22px;top:-44px;} /* 청덕면 */
#map1 .z11 .f1{left:-11px;top:-41px;} /* 적중면 */
#map1 .z12 .f1{left:-34px;top:-49px;} /* 대양면 */
#map1 .z13 .f1{left:-45px;top:-33px;} /* 쌍백면 */
#map1 .z14 .f1{left:-40px;top:-68px;} /* 삼가면 */
#map1 .z15 .f1{left:-34px;top:-43px;} /* 가회면 */
#map1 .z16 .f1{left:-31px;top:-44px;} /* 대병면 */
#map1 .z17 .f1{left:-62px;top:-63px;} /* 용주면 */
/* 효과 */
#map1 .z .a1:hover .t1,
#map1 .z .a1:focus .t1,
#map1 .z.on .a1 .t1{
	visibility:hidden;
}
#map1 .z .a1:hover .f1,
#map1 .z .a1:focus .f1,
#map1 .z.on .f1,
#map1 .z .a1:hover .t2,
#map1 .z .a1:focus .t2,
#map1 .z.on .t2{
	visibility:visible;
	opacity:1;
}
#map1 .z .a1:hover .ic1,
#map1 .z .a1:focus .ic1,
#map1 .z.on .a1 .ic1{
	visibility:visible;
	background:url(../../img/inc/map1/map1marker1on@2x.png);
	animation:kf1ty2 .6s ease-in-out infinite;
}


/* #tnb1 ))) 미디어쿼리 max-width:1259px 안으로 보냄 */


/* #wing */


/* 위로 20190611 */
#gotop1{display:inline-block;
	float:right;
	z-index:10;
	position:relative;
	margin:0 0 10px;
	text-align:center;
}
#gotop1 .ic1{display:inline-block;
	width:25px;height:25px;
	background:url(../../img/inc/ic25a1c2up1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#gotop1 .t1{display:block;
	color:#000;
	font-weight:600;
	font-size:16px;
	letter-spacing:0;
}


/* #foot */


/* 배너(이미지) 20190430. 글자형. [JS] jQmTicker1(); */
#banner1{display:block;clear:both;position:relative;
	height:24px;
	margin:8px 0;
}
#banner1 .h1{float:left;
	position:absolute;left:-9999px;
	padding:0 10px 0 0;
	color:#333;
	font-weight:600;
	font-size:17px;
	line-height:24px;
}
#banner1 .mControl{float:left;
	padding:0 10px 0 0;
}
#banner1 .mControl .b1{display:inline-block;
	position:relative;
	width:20px;height:24px;
	box-sizing:border-box; /* for a and button */
	margin:0;padding:0;
	border-radius:50%;
	border:0;
	background:transparent;
	font-size:0;line-height:0;
	vertical-align:middle;
	text-indent:-9999px;
}
#banner1 .mControl .b1>.ic1{float:left;position:absolute;left:50%;top:50%;
	width:10px;height:10px;margin:-5px;
	background:url() no-repeat center center;background-size:contain;
}
#banner1 .mControl .b1.stop>.ic1{background-image:url(../../img/inc/ic10a2c1pause1.png);}
#banner1 .mControl .b1.prev>.ic1{background-image:url(../../img/inc/ic10a2c1left1.png);}
#banner1 .mControl .b1.next>.ic1{background-image:url(../../img/inc/ic10a2c1right1.png);}
#banner1 .mControl .b1.more>.ic1{background-image:url(../../img/inc/ic10a2c1bars1.png);}
/* ☆ */
#banner1 .mView{position:relative;
	height:24px;
	overflow:hidden;
}
#banner1 .mCont{position:absolute;left:0;top:0;
	width:100%;
	margin:0 0 0 -1px;
	overflow:hidden;
	transition:.2s ease-out;
}
#banner1 .mContC{display:table;
	float:left;
}
#banner1 .mContC>a{display:table-cell;
	height:24px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
#banner1 .mContC>a .t1{display:block;
	position:relative;
	padding:0 20px;
	color:#555;
	font-size:15px;
	line-height:24px;
	vertical-align:middle;
	font-weight:600;
}
#banner1 .mContC>a .t1:after{content:'';display:inline-block;
	position:absolute;left:0;top:50%;
	width:0;height:10px;
	margin:-5px 0;
	border-left:1px solid #d7d7d7;
}


#banner1 .mContC a:focus{outline:none;border:2px dotted coral;box-sizing:border-box;}
#banner1 .mContC a[href]{text-decoration:none;cursor:pointer; display:block;}
#banner1 .mContC .c:focus{border:2px dotted coral;}


/* 패밀리사이트 20190430 */
#familysite1{position:relative;
	margin:0 -20px;
	font-size:14px;
	line-height:19px;
}
.familysite1g1{position:relative;
	float:left;
	width:50%;
}
.familysite1g1 .h1{font-weight:400;}
.familysite1g1 a.toggle{display:block;
	position:relative;
	margin:-1px 0 -1px -1px;
	padding:13px 40px 13px 20px;
	border:1px solid #666;
	background:#333;
	color:#ccc;
	text-decoration:none;overflow:hidden;
}
.familysite1g1 a.toggle .t1{display:block;
	height:19px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.familysite1g1 a.toggle .ic1{float:left;
	position:absolute;right:0;top:50%;
	width:0;height:0;
	margin:-2px 20px;
	/*border:5px solid transparent;border-top-color:#888;border-bottom:0;*/
	border:5px solid transparent;border-bottom-color:#888;border-top:0;
	overflow:hidden;text-indent:100%;
	transition:.2s;
}
.familysite1g1 a.toggle.on{
	background:#000;
	color:#fff;
	font-weight:600;
}
.familysite1g1 a.toggle.on .ic1{
	transform: rotate(180deg);
}
/* content */
.familysite1g1c{display:none;
	z-index:10; /* z < (#today1c.on) */
	position:absolute;left:0;right:0;bottom:100%;
}
.familysite1g1box{min-height:0;
	padding:14px;
	border-radius:3px 3px 0 0;
	border:1px solid #666;
	background:#fff;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .15);
}
.familysite1g1box:before,
.familysite1g1box:after{content:'';display:table;clear:both;}
.familysite1g1 .h2{display:block;
	clear:both;
	margin:-14px -14px .5em;
	padding:.5em 24px .5em;
	background:#eee;
	color:#000;
	font-weight:600;
	font-size:15px;
}
.familysite1g1 .h3{display:block;
	clear:both;
	margin:.5em 0;
	padding:.5em 10px .5em;
	background:#f7f7f7;
	color:#000;
	font-weight:600;
}
.familysite1g1 ul{
	font-size:0;
	overflow:hidden;
}
.familysite1g1 li{display:inline-block;
	width:50%;
	font-size:13px;
	vertical-align:top;
}
.familysite1g1 li a{display:block;
	padding:.375em .25em .375em 1.25em;
	background:url(../../img/inc/familysite1bu1.png) no-repeat 9px 12px;
	color:#666;
}
.familysite1g1 li a:hover,
.familysite1g1 li a:focus{
	background-color:#f7f7f7;
	color:#000;
}
.familysite1g1 a.close{float:left;
	z-index:20;
	position:absolute;left:0;right:0;bottom:0;
	height:45px;
	margin:0 0 -45px;
	overflow:hidden;
	text-indent:-9999px;
}
/* 개별 */
/* #familysite1g1{width:100%;}
#familysite1g1 .familysite1g1box{}
#familysite1g2 .familysite1g1box{margin-right:-100%;}
#familysite1g3 .familysite1g1box{margin-left:-100%;}
#familysite1g4 .familysite1g1box{margin-right:-100%;}
#familysite1g5 .familysite1g1box{margin-left:-100%;} */
#familysite1g1 .familysite1g1box li{width:33.333%;}
#familysite1g2 .familysite1g1box li{width:20%;}
#familysite1g3 .familysite1g1box li{width:50%;}
#familysite1g4 .familysite1g1box li{width:50%;}
#familysite1g5 .familysite1g1box li{width:25%;}



/* 푸터내비 20190430 */
#fn1{
	position:relative;
	margin:24px 0 10px;
	text-align:center;
	overflow:hidden;
}
#fn1 ul{display:inline-block;
	position:relative;
	margin:0 0 0 -16px;
	font-size:0;
	text-align:left;
	overflow:hidden;
}
#fn1 li{display:inline-block;
	margin:0 0 0 -1px;
	padding:0 0 1px;
	background:url(../../img/inc/fn1s.png) no-repeat 0 50%;
	vertical-align:top;
}
#fn1 li:first-child{background:none;}
#fn1 li>a{display:block;
	padding:.375em 16px;
	color:#fff;
	font-size:14px;
	white-space:nowrap;
}
#fn1 li>a b{font-weight:600;}
#fn1 li .t1{display:inline-block;
	color:#fff;
	font-size:15px;
	vertical-align:middle;
}
#fn1 li .ic1{display:inline-block;
	width:11px;height:11px;
	margin:0 .25em 0 0;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#fn1 .rss .ic1{background-image:url(../../img/inc/ic11a3c2rss1.png);}


#fn2{float:left; padding:0 1.5em 0 0;}
#fn2 .pte{padding-top:.7em;}

#fn3{float:left; padding:0 1.5em 0 0;}
#fn3 .pte{padding-top:.7em;}

/* 하단로고 20190430 */
#foot_logo{
	float:left;
	margin:6px 20px 0 0;
}
#foot_logo img{
	width:auto;
	height:54px;
	margin:0 0 18px;
}


/* 작성자(연락처/저작권) 20190430 */
#author1{
	position:relative;
	min-width:280px;
	font-size:14px;
	line-height:1.75;
	overflow:hidden;
}
#author1 a{ /* iOS 는 000-000 를 <a href="tel:" /> 로 만드니 주의! */
	color:#ccc;
}
#author1 .address{
	color:#aaa;
	margin:0 0 8px;
}
#author1 .nophishing{
	margin:8px 0;
	color:#aaa;
	font-size:13px;
}
#author1 .copyright{display:block;
	margin:0 0 8px;
	color:#aaa;
	font-size:13px;
	letter-spacing:0;
	/* text-transform:uppercase; */
}
/* #author1 br{display:none;} */


/* ETC */


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (max-width:1259px){/* small medium large ◇◆◇◆◇◆◇◆◇◆ */


/* 주메뉴 20190430. makeActive2ClickHover('#tnb1'); */
	#tnb1{
		position:absolute;left:0;right:0;top:0;
		width:100%;
		margin:auto;
		line-height:1.375;
	}
	#tnb1 .b1.toggle{float:left;
		z-index:10;
		position:absolute;
		right:155px;
		top:-168px;
		box-sizing:border-box; /* ☆ */
		width:40px;height:40px;
		border:1px solid #ddd;
		background:none;
		overflow:visible;
		text-indent:-9999px;
	}
	#tnb1 .b1.toggle .ic1{float:left;position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url(../../img/inc/ic80a1c1bars2@2x.png) no-repeat;background-size:contain;
	}
	#tnb1 .b1.toggle.on{}
	#tnb1 .b1.toggle.on .ic1{
		width:40px;height:40px;margin:-20px;
		background-image:url(../../img/inc/ic80a1c1close1@2x.png);
	}
	#tnb1c{display:block !important; /* ☆ */
		visibility:hidden; /* ☆ */
		z-index:100; /* ☆ */
		position:fixed; /* ☆ */
		left:auto;right:-280px;top:0;bottom:0;
		width:280px;
		/* margin:100px 0 0; */ /* (#height 높이) */
		overflow-y:visible; /* ☆ */
		transition:.0s;
	}
	#tnb1c.on{display:block;visibility:visible;
		right:0;
		transition:.4s .0s;
	}
	#tnb1c>.bg{visibility:hidden;
		position:fixed;left:0;right:0;top:0;bottom:0;
		/* margin:100px 0 0; */ /* (#height 높이) */
		background:url(../../img/inc/b.000000.opacity.50.png);
		opacity:0;
		transition:.0s;
	}
	#tnb1c.on>.bg{visibility:visible;
		opacity:1;
		transition:.4s;
	}
	#tnb1c .b2{display:inline-block;
		z-index:110;
		position:absolute;
		left:-50px;top:0;
		width:40px;height:40px;
		margin:10px;
	}
	#tnb1c .b2>.ic1{float:left;position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url() no-repeat;background-size:contain;
	}
	#tnb1c .b2.close{}
	#tnb1c .b2.close>.ic1{background-image:url(../../img/inc/ic80a1c0close1@2x.png);}
	#tnb1c>div.cont{
		position:relative;
		right:-200%;
		width:280px;
		height:100%;
		background:#222;
		overflow-y:auto; /* ☆ */
	}
	#tnb1c.on>div.cont{
		right:0;
	}
	/* depth1~depth4 */
	/* depth1 */
	#tnb1 div.d1{clear:both;position:relative;min-height:100%;}
	#tnb1 div.d1>ul{position:relative;overflow:hidden;}
	#tnb1 div.d1>ul>li{display:inline;position:relative;} /* ☆ */
	#tnb1 div.d1>ul>li>a{display:table;
		table-layout:fixed; /* ☆ */
		z-index:20; /* .d2 보다 높여준다 */
		position:relative;
		box-sizing:border-box; /* ☆ */
		width:100%;
		border-bottom:1px solid #333;
		border-color:rgba(255,255,255, .05);
		background:url() no-repeat 95% 50%;
		color:#fff;
		font-size:18px;
		word-break:keep-all;
		word-wrap:break-word;
	}
	#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
		padding:.833em 20px; /* ☆ */
		vertical-align:middle;
	}
	#tnb1 div.d1>ul>li.hasSub>a{
		background-image:url(../../img/inc/tnb1d1bg1has.png);
	}
	#tnb1 div.d1>ul>li>a:hover,
	#tnb1 div.d1>ul>li>a:focus{}
	/* depth1 활성 */
	#tnb1 div.d1>ul>li.on>a{
		background-image:url(../../img/inc/tnb1d1bg1on.png);
		/* font-weight:600; */
	}
	/* depth2~3 */
	#tnb1 li>div[class^='d']{
		display:none;visibility:hidden;
		height:0;opacity:0;
		/* transition:.2s; */
	}
	#tnb1 li.on>div[class^='d']{
		display:block;visibility:visible;
		height:auto;opacity:1;
	}
	/* depth2 */
	#tnb1 li>div.d2{
		background:#333;
	}
	#tnb1 div.d2>.bg{display:none;} /* ☆ */
	#tnb1 div.d2>.hg1{display:none;} /* ☆ */
	#tnb1 div.d2>ul{margin:-1px 0 0;}
	#tnb1 div.d2>ul>li{position:relative;}
	#tnb1 div.d2>ul>li>a{display:block;
		z-index:10;
		position:relative;
		padding:.583em 42px;
		border-top:1px solid #444;
		border-color:rgba(255,255,255, .05);
		background:url(../../img/inc/tnb1d2bg1.png) no-repeat 20px 50%;
		color:#fff;
		font-size:16px;
	}
	#tnb1 div.d2>ul>li.hasSub>a{
		background-image:url(../../img/inc/tnb1d2bg1has.png);
	}
	#tnb1 li.on>div.d2>ul>li.on>a{
		background-image:url(../../img/inc/tnb1d2bg1on.png);
		color:#fff;
		/* font-weight:600; */
	}
	/* depth3 */
	#tnb1 li>div.d3{
		background:#444;
	}
	#tnb1 div.d3>.bg{display:none;} /* ☆ */
	#tnb1 div.d3>ul{margin:-1px 0 0;}
	#tnb1 div.d3>ul>li{position:relative;}
	#tnb1 div.d3>ul>li>a{display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:.583em 42px;
		border-top:1px solid #555;
		border-color:rgba(255,255,255, .05);
		background:url(../../img/inc/tnb1d3bg1.png) no-repeat 30px 50%;
		color:#fff;
		font-size:14px;
	}
	#tnb1 div.d3>ul>li.hasSub>a{
		/* background-image:url(../../img/inc/tnb1d3g1has.png); */
	}
	#tnb1 li.on>div.d3>ul>li.on>a{
		/* background-image:url(../../img/inc/tnb1d3bg1on.png); */
		color:#fff;
		/* font-weight:600; */
	}
	/* depth4 */
	#tnb1 li>div.d4{
		background:#555;
	}
	#tnb1 div.d4>.bg{display:none;} /* ☆ */
	#tnb1 div.d4>ul{margin:-1px 0 0;
		padding:10px 0;
	}
	#tnb1 div.d4>ul>li{position:relative;}
	#tnb1 div.d4>ul>li>a{display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:.333em 42px;
		border-top:0 solid #666;
		background:url(../../img/inc/tnb1d4bg1.png) no-repeat 30px 50%;
		color:#fff;
		font-size:13px;
	}
	#tnb1 div.d4>ul>li.hasSub>a{
		/* background-image:url(../../img/inc/tnb1d4g1has.png); */
	}
	#tnb1 li.on>div.d4>ul>li.on>a{
		/* background-image:url(../../img/inc/tnb1d4bg1on.png); */
		color:#fff;
		/* font-weight:600; */
	}
	/* 서브메인링크 */
	#tnb1 a.smain{display:block;
		position:relative;
		padding:.75em 42px;
		background-color:#f7f7f7;
		color:#333;
		font-size:13px;
	}
	#tnb1 a.smain>.ic1{
		position:absolute;left:0;top:50%;
		width:20px;height:20px;
		margin:-10px 16px;
		background:url(../../img/inc/ic40fa1c1home1.png) no-repeat center center;
		background-size:contain;
	}


} /* /(max-width:1259px) */
@media all and (min-width:445px){
	#tnb1 .b1.toggle {top:-146px}
}
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


	#head{}
		#head_s1{}
		#head_s2{}
		#head_s3{}
			#head_s1>.container{max-width:none;}
			#head_s2>.container{}
			#head_s3>.container{}


h1#logo{
	margin-top:21px;
	margin-bottom:20px;
}


#search1 .b1.toggle{display:none;}
#search1c{
	display:block !important;
	visibility:visible;
	position:absolute;
	left:300px;
	right:200px;
	top:24px;
	border:0;
}

#custom1 .b1.toggle{
	right:140px;
	top:24px;
	width:50px;height:50px;
}

#town1 .b1.toggle{
	right:80px;
	top:24px;
	width:50px;height:50px;
}

#map1 .w1{
	zoom:1; /* ☆ */
}

#tnb1 .b1.toggle{
	right:20px;
	top:-157px; 
	width:50px;height:50px;
}

#familysite1{
	margin:auto;
	font-size:15px;
}
.familysite1g1,
#familysite1g1{
	width:20%;
}
.familysite1g1 a.toggle{
	margin-top:0;
	border-top:0;
}
/* #familysite1g1 .familysite1g1box{margin-right:-125%;}
#familysite1g2 .familysite1g1box{margin-left:-25%;margin-right:-25%;}
#familysite1g3 .familysite1g1box{margin-left:-75%;margin-right:-75%;}
#familysite1g4 .familysite1g1box{margin-left:-50%;margin-right:-50%;}
#familysite1g5 .familysite1g1box{margin-left:-125%;} */
#familysite1g2 .familysite1g1box li{width:33.333%;}

#fn1 ul{
	margin:auto;
}
#fn1 li>a{
	font-size:15px;
}

#fn2{float:right; margin-top:-0em;}
#fn3{float:right; margin-top:-0em;}

#foot_logo{
	margin:8px 34px 0 16px;
}

#author1{
	font-size:15px;
}
#author1 .nophishing{
	font-size:14px;
}
#author1 .copyright{
	font-size:14px;
}

.familysite1g1c {left:50%;}
#familysite1g1c {width:390px;left:0}
#familysite1g2c, #familysite1g4c {width:290px;margin-left:-145px}
#familysite1g3c {width:390px;margin-left:-195px}
#familysite1g5c {width:320px;left:auto;right:0}

/* 패밀리 사이트 클릭스 나타나는 outline ie10이하에서 삭제 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.familysite1g1c:focus-visible {outline:0}
}


} /* /(min-width:768px) */
@media all and (min-width:1000px) and (max-width:1259px){/* large ◇◆◇◆◇◆◇◆◇◆ */


.container{position:relative;
	max-width:920px; /* ☆ */
	margin:auto; /* ☆ */
}

#head_s0{height: 35px;}
#head_s0 .info{left: 16px;}


	
.width1expand1{
	margin-left:-160px; /* (1260-940)/2 */
	margin-right:-160px;
}


#gn1{
	width:auto;
}
#gn1 a.toggle{display:none;}
#gn1c{display:block !important;
	position:relative;
}
#gn1c li{
	float:left;
	width:auto;
	border:0;
	border-right:1px solid #d7d7d7;
	text-align:center;
}
#gn1c li:first-child{
	border-left:1px solid #d7d7d7;
}
#gn1c li.on a{
	margin:0 -1px;
	background:#fff url(../../img/inc/obline.png) repeat;
	color:#000;
	border:1px solid #ccc;border-bottom:0;box-sizing:border-box;
}

#gn2 a .t1{
	position:static;
}
#gn2 a .ic1{
	display:none;
}

#gn1c a .ic1{display:inline-block;
	width:20px;height:20px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
#gn1c a .ic1.taegu{background-image:url(../../img/inc/taegu.png);}



/*코로나*/
#gn1c a .ic1.corona{background-image:url(../../img/inc/ico_co19.png);}
#gn1c .corona{background-color: #0283d9; }
#gn1c .corona a{color:#fff;}
#gn1c .corona a .t1_color{color: #ffe949;}

#gn1c .corona a:hover,
#gn1c .corona a:focus{
	background:#0054a6;
	color:#fff;
}


#gn3{
	right:0;
}

h1#logo{
	margin-left:0;
}

#search1c{
	width:410px;
}

#custom1c{
	margin-left:-160px;
	margin-right:-160px;
}
#custom1 ul{
	width:100%;
	max-width:920px; /* ☆ */
	margin:auto;
}
#custom1 li{
	width:12.5%; /* (100/8) */
	margin:0 0 20px;
	vertical-align:top;
}
#custom1 li a .ic1{
	width:102px;height:102px;
}
#custom1 li a .t1{
	font-weight:600;
	font-size:15px;
}

#town1c{
	margin-left:-160px;
	margin-right:-160px;
}
#take1town1{
	width:100%;
	max-width:920px; /* ☆ */
	margin:auto;
}

#tnb1{
	max-width:920px;
}
#tnb1 .b1.toggle{
	right:0;
}

/*#familysite1g1 .familysite1g1box{margin-right:-70%;}*/
#familysite1g1 .familysite1g1box{margin-right:-100%;}
#familysite1g2 .familysite1g1box{margin-left:-10%;margin-right:-10%;}
#familysite1g3 .familysite1g1box{margin-left:-50%;margin-right:-50%;}
#familysite1g4 .familysite1g1box{margin-left:-25%;margin-right:-25%;}
#familysite1g5 .familysite1g1box{margin-left:-75%;}


} /* /(min-width:1000px) and (max-width:1259px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


.container{
	width:1200px; /* ☆ */
	max-width:none; /* ☆ */
	margin:auto;
}
	#head{}
		#head_s0 .info{width:1200px;max-width:none;margin:auto;font-size: 14px;color: #000;}				
		#head_s1{}
		#head_s2{}
		#head_s3{}
			#head_s1>.container{}
			#head_s2>.container{}
			#head_s3>.container{
				position:relative;
				padding:60px 0 0;
			}


.width1expand1{
	margin-left:-360px; /* (1200-1920)/2 */
	margin-right:-360px;
}


#gn1{
	width:auto;
}
#gn1 a{
	display:block;
	padding:10px 0em 11px;
}
#gn1 a.toggle{display:none;}
#gn1c{display:block !important;
	position:relative;
}
#gn1c li{
	float:left;
	width:115px;
	border:0;
	border-right:1px solid #d7d7d7;
	text-align:center;
}
#gn1c li:first-child{
	border-left:1px solid #d7d7d7;
}
#gn1c li.on a{
	margin:0 -1px;
	background:#fff url(../../img/inc/obline.png) repeat;
	color:#000;
	border:1px solid #ccc;border-bottom:0;box-sizing:border-box;
}

#gn2 a .t1{
	position:static;
}
#gn2 a .ic1{
	display:none;
}

h1#logo{
	margin-left:0;
}

#search1c{
	width:410px;
}

#custom1 .b1.toggle{
	right:185px;
	width:175px;
}
#custom1 .b1.toggle .t1{
	text-indent:0;
}
#custom1 .b1.toggle .ic1{
	position:static;
	margin:4px 0;
}
#custom1 .b1.toggle .ic2{
	position:static;
}
#custom1c{
	margin:0 -360px;
}
#custom1 ul{
	width:100%;
	max-width:1200px; /* ☆ */
	margin:auto;
}
#custom1 li{
	width:12.5%; /* (100/8) */
	margin:0 0 20px;
}
#custom1 li a .ic1{
	width:102px;height:102px;
}
#custom1 li a .t1{
	font-weight:600;
	font-size:15px;
}

#town1 .b1.toggle{
	right:0;
	width:175px;
}
#town1 .b1.toggle .t1{
	text-indent:0;
}
#town1 .b1.toggle .ic1{
	position:static;

	margin:4px 0;
}
#town1 .b1.toggle .ic2{
	position:static;
}
#town1c{
	height:617px;
	margin:0 -360px;
}
#town1c>.width1expand1{
	background:#175fa5 url(../../img/inc/map1/map1bg1.png) no-repeat center center;
	background-size:contain;
}

#take1town1{display:inline-block;
	width:760px;
	margin:60px auto 0;
	text-align:left;
	vertical-align:top;
}
#take1town1 .hg1{
	width:100%;
	margin:0 0 0 27px;
}
#take1town1 ul{
	margin:10px 160px 20px 65px;
}
#take1town1 li a{
	width:6em;
	padding:9px 28px 9px 12px;
}
#take1town1 li a .ic1{
	margin-right:12px;
}

#map1{display:inline-block;
	width:436px;
	vertical-align:top;
	overflow:visible;
}
#map1 .w1{
	margin:0;
}

#banner1 .h1{float:left;
	position:relative;left:auto;
}

/*#familysite1g1 .familysite1g1box{margin-right:-40%;}*/
/* #familysite1g1 .familysite1g1box{margin-right:-50%;}
#familysite1g2 .familysite1g1box{margin-left:-10%;margin-right:-10%;}
#familysite1g3 .familysite1g1box{margin-left:-30%;margin-right:-30%;}
#familysite1g4 .familysite1g1box{margin-left:-10%;margin-right:-10%;}
#familysite1g5 .familysite1g1box{margin-left:-30%;} */

#fn1{
	float:left;
	text-align:left;
}

#gotop1{
	position:fixed;
	right:10px;
	top: 617px;
}


/* 주메뉴 20190628. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 분리
 * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;position:absolute;
	left:-1000px;right:-1000px;
	top:0;
	width:auto;
	height:60px;
	line-height:1.375;
}
/* 데스크탑 감춤 */
#tnb1 .b1.toggle,
#tnb1c .b2,
#tnb1logo,
#tnb1head_s1,
#tnb1head_s2,
#tnb1c>div.cont>.bg,
#tnb1c>div.cont:before{display:none;}
#tnb1c{
	display:block !important; /* ☆ */
	z-index:20; /* ( z < #gn3 ) */
	position:relative; /* ☆ */
	width:100%;
	height:100%;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{
	z-index:0; /* ( z 최소값 ) */
	position:absolute;left:0;right:0;top:0;
	height:60px;
	background:#0054a6;
}
#tnb1c.on>.bg{}
#tnb1c>div.cont{float:none;
	position:relative;right:auto;
	width:1200px; /* ☆ */
	min-height:100%;
	margin:0 auto;
	box-shadow:none;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆ */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	width:100%;
	min-height:100%;
	padding:0; /* ☆ */
	background:transparent;
	overflow:visible;
}
#tnb1 div.d1>ul{width:100%;
	min-height:0; /* >=1차메뉴전체높이 */
	/* border-right:1px solid #eee; */
	/* overflow:hidden; */
}
#tnb1 div.d1>ul>li{display:inline;
	float:left;
	position:static; /* ☆ */
	width:150px; /* 전체메뉴폭 고려 (1200-450)/5) */
/*	width:170px; /* 전체메뉴폭 고려 (1200-350)/5) */
/*	width:172px; /* 전체메뉴폭 고려 (1200-340)/5 ((100/5 */
}
/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
/* #tnb1 div.d1>ul>li.m6 ~ li{display:none;} */

#tnb1 div.d1>ul>li>a{display:block;
	position:relative;
	height:24px;
	/*padding:18px 30px; */ /* (약간 여유) */
	padding:18px 10px;
	border-right:1px solid #407fbc;
	color:#fff;
	font-size:0;
	font-weight:600;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{
	border-left:1px solid #407fbc;
}
#tnb1 div.d1>ul>li>a:before{}
#tnb1 div.d1>ul>li:first-child>a:before{
	display:none;
}
#tnb1 div.d1>ul>li>a>.ic1{display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li>a>.t1{display:inline-block;
	/* position:relative; */
	font-size:19px;
	line-height:24px;
	vertical-align:middle;
}
[lang|='en'] #tnb1 div.d1>ul>li.m2>a{padding:10px 10px !important;height:40px;}
[lang|='en'] #tnb1 div.d1>ul>li>a>.t1{font-size:17px !important;line-height:16px !important;}

#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	/* color:#04a; */
}

/* ★ 주메뉴 전체 오버(포커스) */
#tnb1 div.d1.over{}
#tnb1 div.d1.over>.bg{}

/* ★ 1차 메뉴별 오버(포커스) */
/* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */
#tnb1 div.d1>ul>li.over[class][class]>a{
	/* color:#04a; */
}
#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{}

#tnb1 div.d1>ul>li>a:hover{background:#002c56;color:#fff;} /* 20251202 수정 */
/* #tnb1 div.d1>ul>li>a:hover{background:#002c56;} */

/* depth2~3 (활성 동작만 먼저 정의) */
#tnb1 li>div[class^='d']{
	display:block;visibility:hidden;
	height:0;
	opacity:0;
	overflow:hidden;
}
#tnb1 li>div[class^='d']:after{content:'';display:table;clear:both;}
#tnb1 li.on>div[class^='d']{}
#tnb1 li>div.d3, /* ☆3차다보임추가 */
#tnb1 li.on>div.d3,
#tnb1 li.over>div[class^='d']{
	visibility:visible;
	height:auto;
	opacity:1;
}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	z-index:20;
	position:absolute;left:0;top:0;
	width:1200px;
	height:0;
	margin:60px -360px 0;
	padding:0 360px;
	background:#fff url(../../img/inc/tnb1bg2.png) center bottom;
	/* box-shadow:0 1px 0 0 rgba(0, 0, 0, .5); */
	box-shadow:inset 0 4px 4px 0 rgba(0, 0, 0, .1);
}
#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
	height:0;
	margin:0 -360px;
	/* border-top:1px solid #f00; */
}
/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{display:block;
	float:left;
	position:absolute;left:360px;top:0;bottom:0;
	box-sizing:border-box; /* ☆ */
	width:266px;
	padding:30px 12px;
	text-align:left;
}
#tnb1 div.d2>.hg1>.h1{display:block;
	z-index:10;
	position:relative;
	color:#004486;
	font-weight:600;
	font-size:36px;
	letter-spacing:-3px;
}
#tnb1 div.d2>.hg1>.h2{display:block;
	z-index:10;
	position:relative;
	margin:10px 0 290px;
	color:#264464;
	font-size:15px;
}
#tnb1 div.d2>.hg1>.ic1{display:block;
	position:absolute;right:0;bottom:0;
	width:414px;
	height:325px;
	background:url() no-repeat right bottom;
}
#tnb1 .m1 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p01.png);}
#tnb1 .m2 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p02.png);}
#tnb1 .m3 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p03.png);}
#tnb1 .m4 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p04.png);}
#tnb1 .m5 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p05.png);}
#tnb1 .m6 div.d2>.hg1>.ic1{background-image:url(../../img/inc/tnb1p06.png);}
#tnb1 div.d2>ul{
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	width:934px; /* ☆ */
	min-height:333px; /* ( .hg1>.ic1{height} + box-shadow) */
	margin:0 0 0 266px; /* ☆ */
	padding:4px 0;
	overflow:hidden;
}
#tnb1 div.d2>ul>li{
	clear:both; /* ☆ */
	position:relative;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:left;
	z-index:10;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:195px;
	min-height:22px;
	margin:0 10px 0 0;
	padding:12px 20px 11px;
	border-top:1px solid rgba(255,255,255, .2);
	color:#fff;
	font-weight:600;
	font-size:15px;
}
#tnb1 div.d2>ul>li:first-child>a{
	border-top-color:transparent;
}
#tnb1 div.d2>ul>li>a:before{content:''; /* ◁ */
	display:none; /* ☆ */
	position:absolute;right:0;top:50%;width:0;height:0;
	margin:-5px 10px;
	border:5px solid transparent;border-right-color:#fff;border-left:0;
	overflow:hidden;text-indent:100%;
}

#tnb1 div.d2>ul>li>a:hover{background:#002c56;}

#tnb1 div.d2>ul>li.hasSub>a{}
#tnb1 div.d2>ul>li.on>a{
	z-index:20;
	font-weight:600;
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d2bg1hason.png); */
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{
	z-index:30;
}
#tnb1 div.d2>ul>li.over>a{}
#tnb1 div.d2>ul>li.hasSub.over>a{}
#tnb1 div.d2>ul>li.on.over>a{}
#tnb1 div.d2>ul>li.hasSub.on.over>a{}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{
	/* background:#00478e; */
}
#tnb1 div.d2>ul>li>a:hover:before,
#tnb1 div.d2>ul>li>a:focus:before,
#tnb1 div.d2>ul>li.on>a:before{
	display:inline-block;
}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

/* depth3 */
#tnb1 li>div.d3{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	position:relative;
	margin:0 0 -1px;
	padding:8px 0 10px; /* px값(소수점 오차 방지) */
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
}
#tnb1 li:first-child>div.d3{
	border-top-color:transparent;
}
#tnb1 li:last-child>div.d3{
	border-bottom-color:transparent;
}
#tnb1 li.on>div.d3{}
#tnb1 div.d3>ul{
	margin:0 0 0 -1px;
}
#tnb1 div.d3>ul>li{float:left;
	padding:0 0 0 1px;
	background:url(../../img/inc/tnb1d3sep1.png) no-repeat 0 50%;
}
#tnb1 div.d3>ul>li>a{display:block;
	z-index:10;
	position:relative;
	min-height:0;
	margin:0;
	padding:.375em 14px;
	border:0;
	/* background:url(../../img/inc/tnb1d3bg1.png) no-repeat 0 .75em; */
	color:#333;
	font-size:15px;
}
#tnb1 div.d3>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d3bg1has.png); */
}
#tnb1 div.d3>ul>li.on>a{
	color:#000;
	font-weight:600;
}
#tnb1 div.d3>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d3bg1hason.png); */
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d3{}
#tnb1 div.d3>ul>li.over>a{}
#tnb1 div.d3>ul>li.hasSub.over>a{}
#tnb1 div.d3>ul>li.on.over>a{}
#tnb1 div.d3>ul>li.hasSub.on.over>a{}
#tnb1 div.d3>ul>li>a:hover,
#tnb1 div.d3>ul>li>a:focus{
	color:#000;
	text-decoration:underline !important;
}

/* depth4 */
#tnb1 div.d4{display:none !important;}

/* 서브메인링크 */
#tnb1 a.smain{display:none;} /* ☆ */

/* 20190522 새 창 */
#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after{
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 1px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}

/* 작업확인용.★☆ToEdit) */
/* #tnb1 li.m6>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */
/* ☆#tnb1 div.d1>ul>li.on>div.d2{
	display:block;
	visibility:visible;height:auto;opacity:1;
} */


/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */


/* 탑내비 20190430 */
#tn1{display:block;
	z-index:20; /* ( z >= #tnb1c ) */
	position:absolute;
	right:0;
	top:0;
}
#tn1 ul{
	font-size:0;
}
#tn1 li{display:inline-block;
	width:150px;
/*	width:115px; */
/*	width:170px;	 */
	vertical-align:top;
}
/* #tn1 li:nth-child(2){width:120px;} */
#tn1 a{display:block;
	position:relative;
	height:24px;
/*	padding:18px 30px; */padding:18px 6px;
	color:#fff;
	font-weight:600;
	font-size:19px;/* font-size:17px; */
	line-height:24px;
	text-align:center;
}
#tn1 li:nth-child(1) a{background:#f15c22;}
#tn1 li:nth-child(2) a{background:#624bb6;}
#tn1 li:nth-child(3) a{/* background:#09b; */background:#0090a0;}
#tn1 li:nth-child(1) a:focus-visible,
#tn1 li:nth-child(2) a:focus-visible,
#tn1 li:nth-child(3) a:focus-visible{outline:3px dotted #000;outline-offset:-3px} /* focus 링 웹접근성 - 20250328 추가 */
#tn1 a:hover,
#tn1 a:focus{}
#tn1 a>.t1{display:inline-block;}

#tn1 li:nth-child(1) a:hover{background:#831700;}
#tn1 li:nth-child(2) a:hover{background:#3a2c6a;}
#tn1 li:nth-child(3) a:hover{background:#002b38;}

[lang|='en'] #tn1 a{	padding:18px 10px !important;`font-size:17px !important;line-height:17px !important;}

/* 시설예약 20231023 */
#w_yeyak{display:block;	position:absolute;right:0;top:0;bottom:0;z-index:999;}
#w_yeyak .b1{
	float:left;
	z-index:10; /* (#body) < z < (#tnb1c) */
	position:fixed;
	right:0;
	top: 223px;
	width:65px;
	height:146px;
}
#w_yeyak .b1 .ic1{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background: url(../../img/inc/yeyak1b1open1.png) no-repeat right center;
}


/* 주정차단속알림 20250609 */
#parking_control{display:block;	position:absolute;right:0;top:0;bottom:0;z-index:999;}
#parking_control .b1{
	float:left;
	z-index:10; /* (#body) < z < (#tnb1c) */
	position:fixed;
	right:0;
	top: 349px;
	width:65px;
	height:146px;
}
#parking_control .b1 .ic1{
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background: url(../../img/inc/parking_control.png) no-repeat right center;
}

	

/* 투데이 20190502 */
#today1{display:block;
	position:absolute;right:0;top:0;bottom:0;
}
#today1 .b1.toggle{
	float:left;
	z-index:10; /* (#body) < z < (#tnb1c) */
	position:fixed;
	right:0;
	top: 480px;
	width:65px;
	height:146px;
	overflow:hidden;
	text-indent:-9999px;
	transition:.4s;
}
#today1 .b1.toggle .ic1{display:block;
	position:absolute;right:0;bottom:0;
	width:100%;height:100%;
	background:url(../../img/inc/today1b1open1.png) no-repeat right center;
}
#today1 .b1.toggle .t1{}
/* 활성 */
#today1 .b1.toggle.on{
	z-index:100; /* z > (#custom1c) (#bn1) (.familysite1g1c) */
	right:626px;
}
#today1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc/today1b1close1.png);
}
/* 콘텐츠 */
#today1c{
	display:block !important;
	z-index:100; /* z = (#today1 .b1.toggle.on) */
	visibility:visible;
	position:fixed;
	right:0;
	top:230px;
	width:0;
	overflow:hidden;
	transition:.4s; /* ☆ */
}
#today1c.on{
	width:626px;
}
#today1c>.wrap1{
	visibility:hidden;
	box-sizing:border-box; /* ☆ */
	width:626px;
	padding:30px 24px;
	border:2px solid #2b75d8;
	border-right:0;
	border-radius:26px 0 0 26px;
	background:#f6f8fb;
	color:#000;
	text-align:center;
	transition:0s .4s; /* ☆ */
}
#today1c.on>.wrap1{
	visibility:visible;
	font-size:0; /* ☆ */
	transition:0s 0s; /* ☆ */
}
#today1c .today1h1{display:block;
	width:100%;
	height:80px;
	background:url(../../img/inc/today1h1.png) no-repeat center center;
	overflow:hidden;
	text-indent:-9999px;
}
#today1c .today1h1 .h1t1{}
#today1c .today1h1 .h1t2{}


/* 현재 시각 20190430 */
#today1time1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:270px;
	margin:14px auto 20px;
	padding:6px 30px;
	background:#155bb8;
	border-radius:9999px;
	color:#fff;
	font-size:0;
	letter-spacing:0;
	white-space:nowrap;
	text-align:center;
	overflow:hidden;
}
#today1time1 *{display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
#today1time1 .ic1{
	width:25px;height:25px;
	margin:0 6px 0 0;
	background:url(../../img/inc/ic25a2c0clock1.png) no-repeat center center;
	background-size:contain;
}
#today1time1 .t1{}
#today1time1 .t2{}
#today1time1 .t3{}
#today1time1 .t4{}


/* 날씨 20190430 */
#today1weather1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:270px;
	height:220px;
	margin:10px 8px;
	padding:19px;
	border:1px solid #e7eaed;
	border-radius:14px;
	background:#fff;
	text-align:center;
	overflow:hidden;
}

#today1weather1 .h1{
	text-align: left;
	display:block;
	margin: 6px 0 0px;
	font-weight:400;
	font-size:18px;
}

#today1weather1 a{color:#000;}
#today1weather1>.wrap1{}
#today1weather1 .w1{display:block;
	overflow:hidden;
}
#today1weather1 .w1w1{
	float:left;
	margin:-13px 10px 0 0;
}
#today1weather1 .w1w2{display:block;
	text-align:left;
	overflow:hidden;
}
#today1weather1 .w2{display:block;
	overflow:hidden; margin-top:-10px;
}
#today1weather1 .w2w1,
#today1weather1 .w2w2{
	position:relative;
	float:left;
	width:50%;
}
#today1weather1 .w2w2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:0;
	width:0;
	height:14px;
	margin:14px 0;
	border-left:1px solid #777;
}
#today1weather1 .t1{display:block;
	margin:3px 0 -8px;
	font-size:14px;
}
#today1weather1 .t2{display:block;
	font-size:40px; margin-top:-10px;
}
#today1weather1 .t2t1{}
#today1weather1 .t2t2{
	font-size:36px;
}
#today1weather1 .t3{display:block;
	font-size:15px;
}
#today1weather1 .t3t1{display:block;}
#today1weather1 .t3t2{display:block;}
#today1weather1 .t3t3{
	display:inline-block;
	width:4em;
	margin:8px 0 0;
	padding:.125em .75em;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-weight:400;
}
#today1weather1 .t3t3.s1{background:#09f;}
#today1weather1 .t3t3.s2{background:#4a0;}
#today1weather1 .t3t3.s3{background:#c80;}
#today1weather1 .t3t3.s4{background:#ff4735;}


/* 트렌드 20190430 */
#today1trend1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:270px;
	height:220px;
	margin:10px 8px;
	padding:19px;
	border:1px solid #e7eaed;
	border-radius:14px;
	background:#fff;
	text-align:left;
	overflow:hidden;
}
#today1trend1>.wrap1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	padding:19px;
	overflow:hidden;
	overflow-y:auto;
}
#today1trend1 .h1{display:block;
	margin:6px 0 16px;
	font-weight:400;
	font-size:18px;
}
#today1trend1 ul{margin:-4px;}
#today1trend1 li{display:inline;}
#today1trend1 .a1{display:inline-block;
	margin:4px;
	padding:.25em .75em;
	border:1px solid #ccc;
	border-radius:16px;
	color:#3f4549;
	font-size:15px;
	vertical-align:top;
}
#today1trend1 .a1:hover{
	text-decoration:none;
}
#today1trend1 .a1 .t1{}
#today1trend1 .more{display:inline-block;
	position:absolute;right:19px;top:19px;
	width:38px;height:38px;
	border-radius:9999px;
	background:#666;
}
#today1trend1 .more .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:15px;height:15px;
	margin:-7.5px;
	background:url(../../img/inc/ic15a4c0newwindow1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#today1trend1 .more:hover,
#today1trend1 .more:focus{
	background:#444;
}


/* 오늘의 행사 20190430 */
#today1event1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:270px;
	height:220px;
	margin:10px 8px;
	padding:19px;
	border:1px solid #e7eaed;
	border-radius:14px;
	background:#fff;
	text-align:left;
	overflow:hidden;
}
#today1event1>.wrap1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	padding:19px;
	overflow:hidden;
	overflow-y:auto;
}
#today1event1 .h1{display:block;
	margin:6px 0 16px;
	font-weight:400;
	font-size:18px;
}
#today1event1 ul{}
#today1event1 li{}
#today1event1 .a1{display:block;
	margin:8px 0;
	padding:0 0 0 10px;
	background:url(../../img/inc/bu1.png) no-repeat 0 .5em;
	color:#000;
	font-size:15px;
}
#today1event1 .a1:hover{
	text-decoration:underline;
}
#today1event1 .a1 .new{
	float:left;
	width:20px;height:20px;
	margin:1px .375em 1px -10px;
	background:url(../../img/inc/ic20a5c4new1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#today1event1 .a1 .time{float:left;}
#today1event1 .a1 .t1{
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	clear:both; /* ☆ */
	max-height:40px; /* =20*2 */
	line-height:20px;
	text-align:left;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
#today1event1 .more{display:inline-block;
	position:absolute;right:19px;top:19px;
	width:38px;height:38px;
	border-radius:9999px;
	background:#ccc;
}
#today1event1 .more .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:15px;height:15px;
	margin:-7.5px;
	background:url(../../img/inc/ic15a4c0newwindow1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#today1event1 .more:hover,
#today1event1 .more:focus{
	background:#888;
}


/* 오늘의 뉴스 20190430 */
#today1news1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:270px;
	height:220px;
	margin:10px 8px;
	padding:19px;
	border:1px solid #e7eaed;
	border-radius:14px;
	background:#fff;
	text-align:left;
	overflow:hidden;
}
#today1news1>.wrap1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	padding:19px;
	overflow:hidden;
	overflow-y:auto;
}
#today1news1 .h1{display:block;
	margin:6px 0 16px;
	font-weight:400;
	font-size:18px;
}
#today1news1 ul{}
#today1news1 li{}
#today1news1 .a1{display:block;
	margin:8px 0;
	padding:0 0 0 10px;
	background:url(../../img/inc/bu1.png) no-repeat 0 .5em;
	color:#000;
	font-size:15px;
}
#today1news1 .a1:hover{
	text-decoration:underline;
}
#today1news1 .a1 .new{float:left;
	width:20px;height:20px;
	margin:1px .375em 1px -10px;
	background:url(../../img/inc/ic20a5c4new1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#today1news1 .a1 .time{float:left;}
#today1news1 .a1 .t1{
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	/* clear:both; ☆ */
	max-height:20px;
	/*max-height:40px; */ /* =20*2 */
	line-height:20px;
	text-align:left;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
#today1news1 .more{display:inline-block;
	position:absolute;right:19px;top:19px;
	width:38px;height:38px;
	border-radius:9999px;
	background:#ccc;
}
#today1news1 .more .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:15px;height:15px;
	margin:-7.5px;
	background:url(../../img/inc/ic15a4c0newwindow1.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#today1news1 .more:hover,
#today1news1 .more:focus{
	background:#888;
}

#gn1c a .ic1{display:inline-block;
	width:28px;height:19px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	margin-right:3px;
}
#gn1c a .ic1.taegu{background-image:url(../../img/inc/mois.png);}


#gn1c a .ic1.corona{background-image:url(../../img/inc/ico_co19.png);}
#gn1c .corona{background-color: #0283d9; width:180px;}
#gn1c .corona a{color:#fff;}
#gn1c .corona a .t1_color{color: #ffe949;}
#gn1c .corona :hover {background-color: #0283d9;}
#gn1c .corona a:hover,
#gn1c .corona a:focus{
	background:#0054a6;
	color:#fff;
}



} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */


/* ◇◆ @keyframes [IE10+] ◇◆ */
/* @-webkit-keyframes kfx1{} [CSS3]invalid)
 */

@keyframes kf1ty2{
	50%{transform: translateY(-2px);}
}
.kf1ty2{animation:kf1ty2 .6s ease-in-out infinite;}


/* 레이어팝업 - 20221102 추가 */
.layer_pop{display:block;position:absolute;left:1%;top:0;width:auto;z-index:9999;visibility:hidden;} /* visibility:hidden 처음은 안보이고 정해진 날짜에 보임, 오늘 안보이기 */
.layer_pop.type2{}
.layer_pop.type3{left:auto;right:0;}
.layer_pop.type4{left:auto;right:0;top:100px;}
.layer_pop .cont{display:block;}
.layer_pop .cont img{border:0;}
.layer_pop .close{position:relative;color:#fff;font-size:14px;padding:5px 20px;;background:#000;}
.layer_pop .close .txt{color:#fff;}
.layer_pop .close .btn{position:absolute;right:18px;height:20px;line-height:20px;padding:0 10px;font-size:14px;color:#000;border:0;background:#ddd;}

@media screen and (max-width:640px) {
	.layer_pop{left:4%;width:92%;}
	.layer_pop.type2,
	.layer_pop.type3{left:4%;right:auto;width:auto;} 
	.layer_pop.type4{top:0;left:4%;right:auto;width:auto;}
	.layer_pop .cont img{width:100%;}
	.layer_pop.type2 .cont img{width:auto;}
}
@media screen and (max-width:480px) {
	.layer_pop,
	.layer_pop.type2,
	.layer_pop.type3,
	.layer_pop.type4{left:2%;width:96%;}
}