@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.07.04 | 문영신 | 최초 등록
 * 2018.07.18 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.07.19 | 문영신 | 토글 슬라이딩 효과 추가 (나의맞춤정보, 우리동네정보)
 * 2018.08.13 | 문영신 | 토글 활성 디자인 변경 (나의맞춤정보, 우리동네정보)
 * 2018.09.03 | 김소화 | pc 상단 1차메뉴 on 활성화 시 동그라미 사라짐 에러 처리.
 * 2018.09.18 | 김소화 | 모바일메뉴 좌측에서 나오게 처리.
 * 2018.12.04 | 송현정 | 전체메뉴 블릿나오게 수정 #anb1 div.d2>ul>li>a
 * 2020.01.08 | 송현정 | 퀵메뉴수정
 * 2020.02.17 | 문영신 | (( 운영서버 all.css 복제
 * 2020.02.20 | 문영신 | 디자인개편
 * 2020.07.01 | 김효진 | 김해톡톡추가
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @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. 20180706 ◆◆◆ */

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

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

/* [IE8] *.eot 폰트 지저분하여 맑은 고딕 사용 */
.IE8[lang|='ko'],
.IE8[lang|='ko']>*,
.IE8 [lang|='ko'],
.IE8 [lang|='ko']>*{
	font-family:
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}

/* [IE8]fix) */
.bsContain>div>img,
.bsCover>div>img{ /* [IE8]fix) */
		visibility:inherit !important;
	}


/* ◇◆ 공용 ◇◆ */


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


/* 배치.전체 20200220. ☆ 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{}
		#head_s1{position:relative;
			height:35px;
			background:#f6f6f6;
			border-bottom:1px solid #ddd;
		}
		#head_s2{position:relative;
			/* height:112px; ☆ 펼칠 콘텐츠에 따라 유동적이므로 선언 안함 */
			/* border-bottom:1px solid #000; */
			box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
		}
		#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; /* ☆ 펼친 콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body{
				position:relative;
			}
	#wing{display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot{clear:both;position:relative;
		background:#fff;
	}
		div.bg2foot{}
			div.bg2foot>div{}
		#foot_s1{
			background:#eee;
		}
		#foot_s2{
			border-bottom:1px solid #484b50;
			background:#23262d;
		}
		#foot_s3{
			border-bottom:1px solid #484b50;
			background:#23262d;
		}
			[id*='foot_']>.container{}
			#foot_s1>.container{padding:10px 0;}
			#foot_s2>.container{}
			#foot_s3>.container{padding:0 0 30px;}


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


/* ☆ 모바일 감춤 20180709 */
#anb1{display:none;}
#tn1{display:none;}
/*#quickmenu1{display:none;}*/
#promise1{display:none;}


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


/* 퀵메뉴. 20200220 */
#quickmenu1{display:block;
	z-index:40;
	position:absolute;right:0;top:0;bottom:0;
}
#quickmenu1 .b1.toggle{float:left;
	z-index:10;
	position:fixed;right:0;
	top:375px;
	box-sizing:border-box;
	width:60px;
	height:86px;
	margin:0;
	background:#0d2c91;
	overflow:hidden;text-indent:-9999px;
	transition:.2s;
	background: url(/_res/portal/img/inc2022/quicktitle_2022.png) no-repeat 50% 50%;
}
#quickmenu1 .b1.toggle .ic1{display:block;
	position:absolute;left:50%;top:80%;
	width:0;height:14px;
	margin:-7px 0;
	border-left:1px solid #fff;
	transition:transform .1s; /* ☆ */
}
#quickmenu1 .b1.toggle .ic1:before{content:'';display:block;
	z-index:-1;
	position:absolute;left:50%;top:50%;
	width:0;height:14px;
	margin:-7px 3px;
	border-left:1px solid #fff;
}
#quickmenu1 .b1.toggle .ic1:after{content:'';display:block;
	z-index:-1;
	position:absolute;left:50%;top:50%;
	width:0;height:14px;
	margin:-7px -5px;
	border-left:1px solid #fff;
}
#quickmenu1 .b1.toggle:hover .ic1,
#quickmenu1 .b1.toggle:focus .ic1{transform:rotate(-90deg);}
#quickmenu1 .b1.toggle:hover .ic1:before,
#quickmenu1 .b1.toggle:focus .ic1:before{height:10px;margin-left:-1px;transform:rotate(-45deg);transform-origin:0 0;}
#quickmenu1 .b1.toggle:hover .ic1:after,
#quickmenu1 .b1.toggle:focus .ic1:after{height:10px;margin-left:-1px;transform:rotate(45deg);transform-origin:0 0;}

/* 활성 */
#quickmenu1 .b1.toggle.on,
#quickmenu1 .b1.toggle.on ~ #gotop2{right:252px;}
#quickmenu1 .b1.toggle.on:hover .ic1,
#quickmenu1 .b1.toggle.on:focus .ic1{
	transform:rotate(89.999deg); /* [~IE11]bug) 정확히 90deg 값인데..
		#quickmenu1 .b1.toggle{top:415px;} 이렇게 픽셀값(퍼센트값은 이상무) 넣으니.. 말도안되게 화살표 촉 하나가 사라져서.. 임시변통함. */
}
/* 열기/닫기 */
#quickmenu1 .b1.toggle .sw-on{display:block;}
#quickmenu1 .b1.toggle .sw-off{display:none;}
#quickmenu1 .b1.toggle.on .sw-on{display:none;}
#quickmenu1 .b1.toggle.on .sw-off{display:block;}

/* 위로 */
#gotop2{float:left;
	z-index:10;
	position:fixed;right:0;top:551px; /* 화면확인 */
	box-sizing:border-box;
	width:60px;height:32px;
	/*background:#0d2c91;*/
	overflow:hidden;text-indent:-9999px;
	transition:.2s;
	background: url(/_res/portal/img/inc2022/quicktitle2_2022.png) no-repeat 50% 50%;
}
#gotop2 .ic1{}
#gotop2 .t1{}

/* 김해톡톡 */
#quickmenu1 .talktalk {position:fixed;top:277px;right:0;width:60px;height:96px;background:url(/_res/portal/img/inc/talktalktitle.png) no-repeat 50% 50%;z-index:10;transition:.2s;display:block;background-size:contain;}
#quickmenu1 .talktalk.on {right:252px;}
.b1.b1_s{padding-right: 0;}

/* 수산물 방사능 안전정보 */
#quickmenu1 .bangsa {position:fixed;top:458px;right:0;width:60px;height:96px;background:url(/_res/portal/img/inc/bangsa.png) no-repeat 50% 50%;z-index:10;transition:.2s;display:block;background-size:contain;}
#quickmenu1 .bangsa.on {right:252px;}

/* 콘텐츠 */
#quickmenu1c{display:block !important;visibility:visible;
	position:absolute;right:0;top:0;bottom:0;
	width:0;
	margin:-150px 0 0; /* (#visual높이) (#foot높이 -363px 안함) */
	padding:0;
	border-left:4px solid #e75f83;
	background:#fff;
	/*background-color:rgba(28,59,161, .8);*/
	color:#444;
	font-family:
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		'나눔고딕',NanumGothic,'Nanum Gothic',
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
	transition:.2s;
}
#quickmenu1c:before{content:'';display:block;
	position:absolute;left:-4px;top:0;
	width:4px;
	height:80px;
	background:#f87726;
}
#quickmenu1c:after{content:'';display:block;
	position:absolute;left:-4px;top:80px;
	width:4px;
	height:80px;
	background:#c9161e;
}
#quickmenu1c.on{
	width:252px;
}
#quickmenu1c>.wrap1{
	visibility:hidden;
	padding:22px 10px;
	text-align:center;
}
#quickmenu1c.on>.wrap1{
	visibility:visible;
}
#quickmenu1c>.wrap1>.h1>.t1{display:block;color:#c9161e;font-size:16px; padding:0;margin:0;}
#quickmenu1c>.wrap1>.h1>.t2{display:block;color:#2a2f42;font-size:30px;padding:0;margin:0;line-height:1}
#quickmenu1c>.wrap1>.h1:after{content:'';display:block; width:30px;height:2px;background:#666;margin:18px auto 20px;}

/* 현재 시각 */
#today1time1{position:relative;}
/*#today1time1:before{content:'';display:block;
	width:10px;
	height:10px;
	border-radius:9999px;
	background:#fff;
	margin:18px auto;
}*/
#today1time1 .t1{display:block;
	font-size:14px;
}
#today1time1 .t2{display:block;color:#000;font-size:26px;}

#today1time1 .t1t2{display:block;font-size:13px;}

/* 인구 */
#population1{position:relative;padding:0;}
#population1:before{content:'';display:block;
	margin:12px 20px;
	border-top:1px solid #e7e7e7;
}
#population1 .ic1{
	display:block;
	width:50px;
	height:50px;
	margin: 0 auto;
	background:url(../../../../_res/portal/img/inc2020/ic100a1c2population1@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
}
#population1 .t1{
	position:relative;
	display:block;
	width:70px;
	margin: 15px auto 0 ;
	padding: .3em;
	border-radius: 9999px;
	background:#e83f7f;
	color:#fff;
	font-size: 14px;
	overflow:hidden;
}
#population1 .t2{font-size: 24px;font-weight:600;}

/* 오늘의 날씨 */
#weather1{position:relative;/* float: left; *//padding:0;}
#weather1:before{content:'';display:block;
	margin:12px 20px;
	border-top:1px solid #e7e7e7;
}
#weather1 .ic1{display:block;
	width:60px;height:60px;
	margin:-6px auto;
}
#weather1 .ic1 img{
	max-width:100%;
}
#weather1 .tt1{
	position:relative;
	display:block;
	width:130px;
	margin: 15px auto 0 ;
	padding: .3em;
	border-radius: 9999px;
	background:#e83f7f;
	color:#fff;
	font-size: 14px;
	overflow:hidden;
}
#weather1 .t1{
	display:block;
	font-size: 17px;
}
#weather1 .t1t1{
	vertical-align:middle;
}
#weather1 .t1t2{
	font-size:17px;
	vertical-align:middle;
}
#weather1 .t2{
	display:block;
	font-size: 15px;
}


/* 미세먼지 */
#dust1{position:relative;/* float: left; */}
/*#dust1:before{content:'';display:block;
	width:10px;
	height:10px;
	border-radius:9999px;
	background:#fff;
	margin:18px auto;
}
#dust1 .ic1{display:block; float:left;
	width:60px;height:60px;
	margin:3px auto;
}
#dust1 .ic1 img{
	max-width:100%;
} */

#dust1 .w2{display:block; width:96%;border-radius:10px;background:#f4f5f9;margin:10px auto 20px;}
#dust1 ul{display:block;list-style:none;padding:10px 0;margin:0}
#dust1 li{display:inline-block;
	width:31.333%;
	padding:0;
	background: url(../../../../_res/portal/img/inc2020/gn22s.png) no-repeat 0 50%;
	font-size:12px;
	text-align:center;
}
#dust1 li:first-child{background:none;}
#dust1 li>.tdt1{padding: 2px 4px;display:block;}
#dust1 li>.tdt2{padding: 2px 4px 6px 4px;display:block;}
#dust1 li>.tdt3{display:block;position:relative;display:block;width:46px;margin: 0 auto;padding: .2em;border-radius: 3333px;background:#009491;color:#fff;font-size: 12px;overflow:hidden;}


/* 오늘의 행사 */
#today1event1{position:relative;padding:0}
#today1event1:before{content:'';display:block;
	margin:12px 20px;
	border-top:1px solid #e7e7e7;
}
#today1event1 .h1{
	position:relative;
	display:block;
	width:130px;
	margin: 15px auto 0 ;
	padding: .3em;
	border-radius: 9999px;
	background:#e83f7f;
	color:#fff;
	font-size: 14px;
	overflow:hidden;
}
#today1event1 ul{padding:10px 0 0 0;}
#today1event1 li{margin:9px 0;}
/*#today1event1 li:before{content:'';display:block;
	margin:9px 0;
	border-top:1px solid #1e4c98;
	border-bottom:1px solid #4a7bca;
}*/
#today1event1 li:first-child:before{display:none;}
#today1event1 .a1{display:block;
	padding:0 5px;
	color:inherit;
	overflow:hidden;
}
#today1event1 .a1 .time{float:left;
	margin:0 10px 0 0;
	padding:.2em;
	border-radius:9999px;
	background:#f1f2f4;
	color:inherit;
	font-size:13px;
}
#today1event1 .a1 .t1{display:block;
	display:-webkit-box;
	-webkit-line-clamp:2; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	max-height:32px; /* =16*2 */
	font-size:13px;
	line-height:16px;
	text-align:left;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}

/* 오늘의 소식 */
#today1news1{position:relative;padding:0}
#today1news1:before{content:'';display:block;
	margin:12px 20px;
	border-top:1px solid #e7e7e7;
}
#today1news1 .h1{
	position:relative;
	display:block;
	width:130px;
	margin: 15px auto 0 ;
	padding: .3em;
	border-radius: 9999px;
	background:#e83f7f;
	color:#fff;
	font-size: 14px;
	overflow:hidden;
}
#today1news1 ul{padding:10px 0 0 0;}
#today1news1 li{margin:9px 0;}
/*#today1news1 li:before{content:'';display:block;
	margin:9px 0;
	border-top:1px solid #1e4c98;
	border-bottom:1px solid #4a7bca;
}
#today1news1 li:first-child:before{display:none;}*/
#today1news1 .a1{display:block;
	padding:0 5px;
	color:#666;
	overflow:hidden;
}
#today1news1 .a1 .t1{display:block;
	display:-webkit-box;
	-webkit-line-clamp:2; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	max-height:32px; /* =16*2 */
	padding:0 0 0 10px;
	background:url(../../../../_res/portal/img/inc2020/bu1.png) no-repeat 0 .5em;
	font-size:13px;
	line-height:16px;
	text-align:left;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}


#fn2{margin-top:-1em;}


/* #head */


/* 글로벌내비.펼침. 20200220 */
#gn1{float:left;
	z-index:30;
	position:absolute;left:0;top:0;
	width:100%;
	min-height:35px;
	color:#fff;
}
#gn1 a{display:block;
	position:relative;
	/* min-width:6em; */
	padding:8px 15px;
	background:#f6f6f6;
	color:#767779;
	font-weight:400;
	font-size:14px;
	line-height:19px;
	overflow:hidden;
}
#gn1 *{box-sizing:border-box;} /* ☆ */
#gn1:after{content:'';
	z-index:10;position:absolute;right:0;top:0;bottom:0;
	width:10px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #f6f6f6 100%);
}
#gn1 a.toggle{
	display:none; /* ☆ */
}
#gn1c{display:block !important;
	position:absolute;left:0;top:0;
	width:100%; /* ☆))JS) */
	height:100%;
	margin-left:0; /* Touch Swipe 변이값 */
	color:#666;
	white-space:nowrap;
	text-align:left;
}
#gn1 ul{display:inline-block;
	margin:0 0 -1px -1px;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
}
#gn1 li{display:inline-block;
	margin:0 -.25em 0 0;
}
#gn1 li>a{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
#gn1 li>a:hover,
#gn1 li>a:focus{}
#gn1 li.on>a{
	padding:8px 15px 9px;
	border-bottom:0;
	background:#d03e79;
	color:#fff;
	font-weight:600;
}
#gn1 li.on>a:before{content:'';display:inline-block; /* △ */
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:0 -5px;
	border:0 solid transparent;
	border-bottom-color:#fff;
	border-width:0 5px 5px 5px;
}
#gn1 li img{padding:0.2em 0.1em 0 0;}

#gn1 a:focus{position:relative;border:2px dotted coral;margin:1px;}
#gn1 a:focus:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #fff;}

/* 글로벌내비.분리 20200220 */
#gn2{
	z-index:10;
	position:absolute;left:0;right:0;top:35px;
	border-bottom:1px solid #eee;
	overflow:hidden;
}
#gn2 ul{
	padding:0px 0 4px 4px;
	font-size:0;
	text-align:left;
}
#gn2 li{display:inline-block;
	padding:0 7px 0 0;
}
#gn2 a{display:block;position:relative;
	padding:8px .5em;
	color:#767779;
	font-size:13px;
	line-height:18px;
}
#gn2 a>.t1{}
#gn2 a>.ic1{}

#gn2 > ul > li.co19 a{ padding: 0; background-color: #bb3e9f; color: #fff; padding: 0 12px; height: 26px; font-weight:600;line-height: 26px; margin-top: 5px; border-radius: 5px;}

@media all and (min-width:1260px){
	#gn2 > ul > li.co19 a{padding: 0 6px; height: 36px; line-height: 36px; margin-top: 0; font-size:14px;}
}


/* 글로벌내비.펼침. 20200220 */
#gn3{
	float:left;
	z-index:40;
	position:absolute;right:0;top:35px;
	min-height:35px;
	color:#fff;
}
#gn3 a{display:block;
	min-width:90px;
	padding:7px 10px;
	background:#2a2f42;
	color:#fff;
	font-weight:400;
	font-size:13px;
	line-height:18px;
}
#gn3 a.toggle{display:inline-block;
	width:auto;
	margin:0;
	padding:7px 10px;
	background:none;
	color:#000;
	font-size:0;
	text-align:center;
}
#gn3 a.toggle>.t1{display:inline-block;
	font-size:13px;
	vertical-align:middle;
}
#gn3 a.toggle>.ic1{display:inline-block;
	width:0;height:0;
	margin:-2px 4px;
	border:4px solid transparent;
	border-top-color:#fa467c;
	border-bottom:0;
	overflow:hidden;text-indent:100%;
	vertical-align:middle;
	transition:.2s;
}
#gn3 a.toggle.on>.ic1{
	transform:rotate(180deg);
}
#gn3c{display:none;z-index:30;position:absolute;left:0;right:0;}
#gn3c ul{}
#gn3c li{}
#gn3c li>a{border-bottom:1px solid rgba(255,255,255, .1);}
#gn3c li>a:hover,
#gn3c li>a:focus{
	background:#000;
	color:#fff;
}


/* 로고 20200220 */
h1#logo{display:block;
	position:relative;
	margin:40px 140px 0 70px; /* (화면확인) (우요소) (화면확인) (좌요소) */
	text-align:left;
}
h1#logo>a{position:relative;
	z-index:10;
}
h1#logo>a>img{width:auto;
	height:40px;
}

/* 국제슬로시티 로고. 20200220 */
#slowcity1{display:block;
	position:absolute;left:170px;top:40px;
}
#slowcity1>a{display:block;
	height:40px;
}
#slowcity1>a>img{width:auto;height:100%;}


/* 캐릭터 토더기 - 20231123 추가 */
#toduggi{display:block;
	position:absolute;left:155px;top:40px;
}
#toduggi>a{display:block;
	height:40px;
}
#toduggi>a>img{width:auto;height:100%;}


/* 통합검색 20200220 */
#search1{}
#search1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:98px;
	top:53px;
	box-sizing:border-box; /* ☆ */
	margin:0;
	width:40px;height:40px;
	/* border:1px solid #ccc; */
	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/inc2020/ic80a3c3search1@2x.png) no-repeat;background-size:contain;
}
#search1 .b1.toggle.on{}
#search1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc2020/ic80a1c1close1@2x.png);
}
#search1 .b1.toggle.on:before{content:''; /* △ */
	float:left;position:absolute;left:50%;bottom:0;width:0;height:0;
	margin:-20px -12px;
	border:12px solid transparent;border-bottom-color:#08d;border-top:0;
	overflow:hidden;text-indent:100%;
}
/* ☆ */
#search1c{display:block;
	z-index:20;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:0 44px 0 0;
	border:15px solid #fff;
	border-width:7px 20px;
	background:#fff;
	overflow:hidden;
	border-radius:6px;
}
#search1c.on{display:block;visibility:visible;
	position:relative;
	height:auto;
}
#search1 .select{
	z-index:10;
	position:absolute;left:0;top:0;bottom:0;
	width:100px;
	margin:2px 0;
	height:40px; /* [IE8]fix) 100% 말고 px값 과 padding 조절 */
	padding:.625em 0 .625em 1em;
	border:0;
	background:none;
	color:#e83f7f;
	font-size:14px;
	font-weight: bold;
}
#search1 input.text{float:left;
	box-sizing:border-box;
	width:100%;height:44px;
	margin:0;padding:0 0 0 100px;
	border-radius:6px;
	border:3px solid #e83f7f;
	border-right:0;
	background:#fff;
	color:#555;
	font-size:14px;
	line-height:38px;
}
#search1 input.text:focus{color:#000;}
#search1 .submit{float:right;
				 left:-20px;
	position:relative;
	box-sizing:border-box;
	width:50px;
	height:44px;
	margin:0 -50px 0 0;
	padding:0;
	border:3px solid #e94885;
	border-left:0;
	border-radius:0 4px 4px 0;
	background:#fff;
	color:#fff;
}
#search1 .submit .ic1{float:left;position:absolute;left:50%;top:50%;
	width:44px;height:44px;margin:-22px;
	background:url(../../img/inc2022/ic80a3c0search1@2x.png) no-repeat center center;
	background-size:contain;
}
#search1 .bsContain img{left:0;right:0;top:0;bottom:0;} /* ☆ */

/* 상단 인기검색어 20211109 박다희 */
#lankingword1c{
	width: 140px;
	display:block;
	z-index:20;
	position: absolute;
	box-sizing:border-box; /* ☆ */
border: 15px solid #e83f7f;
	border-width: 0px 0px;
	background: url(../../img/inc2022/icon_lankingword@2x.png) no-repeat;
	overflow:hidden;
	border-radius: 0 0 10px 10px;border-radius:2px;
}
#word3 .t1{font-size: 14px;color:#fff;}
#word3 .ic2{border-radius:2px;
	display:inline-block;
	width:34px;
	height:36px;
	/* background: url(../../img/main2020/icon_lankingword@2x.png) no-repeat;*/
	background-size:20px 20px;
	}
#word3 a.toggle>.ic1{display:inline-block;
	width:0;height:0;
	margin:-22px 4px;
	border:4px solid transparent;
	border-top-color:#fff;
	border-bottom:0;
	overflow:hidden;text-indent:100%;
	vertical-align:middle;
	transition:.2s;
}
#word3 a.toggle.on>.ic1{
	transform:rotate(180deg);
}
#word3{top: -10px;
	margin-left:0px;
	z-index:40;
	position: relative;
	min-height: 30px;
	color:#fff;
}


#word3c{display:none;z-index:40;left:0;right:0;border-radius:5px;
	   background:#e83f7f;}
#word3c ul{margin-left:10px; margin-top:0px;}
#word3c li{padding: 3px 0;border-bottom:1px solid rgba(255,255,255, .1);}
#word3c li:first-child{margin-top:10px;}
#word3c li:last-child{border-bottom:10px;}
#word3c li>a{/* max-width: 155px; */color: #fff;font-size: 14px;}
#word3c li>a:hover,
#word3c li>a:focus{font-weight:bold;}

/* 맞춤정보 20200220 */
#fitinfo1{}
#fitinfo1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:50px;
	top:38px;
	box-sizing:border-box; /* ☆ */
	width:40px;
	height:50px;
	margin:0;
	/* border:1px solid #ccc; */
	background:none;
	overflow:visible;
	/* text-indent:-9999px; */
}
#fitinfo1 .b1.toggle:focus{
	outline:1px dotted #000;
}
#fitinfo1 .b1.toggle .t1{display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#fitinfo1 .b1.toggle .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:50px;height:50px;margin:-25px;
	background:url(../../img/inc2020/ic80a3c3user1circle1@2x.png) no-repeat;
	background-size:contain;
}
#fitinfo1 .b1.toggle:before{content:''; /* △ */
	float:left;position:absolute;left:50%;
	bottom:-5px;
	width:0;height:0;
	margin:0 -12px;
	border:12px solid transparent;border-bottom-color:#f4ffed;border-top:0;
	overflow:hidden;text-indent:100%;
	opacity:0;
	transition:margin .4s;
}
#fitinfo1 .b1.toggle.on{}
#fitinfo1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc2020/ic80a1c1close1@2x.png);
}
#fitinfo1 .b1.toggle.on:before{
	opacity:1;
}
#fitinfo1c{display:none;
	z-index:22; /* ☆ 주메뉴바 보다 낮게 우퀵메뉴보다 높게 */
	position:relative;
	margin-left:-20px;
	margin-right:-20px;
}
#fitinfo1c.on{
	display:block;
}
#fitinfo1c>.width1expand1{ /* ☆ */
	margin:0; /* #fitinfo1c 슬라이드 효과 고도화 위해 좌우 확장해서 */
	padding:30px 20px 10px;
	background:#f4ffed;
}
#fitinfo1 ul{
	font-size:0;
	text-align:center;
}
#fitinfo1 li{display:inline-block;
	width:auto;
	margin:0 6px 20px;
	vertical-align:top;
}
#fitinfo1 li a{display:block;
	color:#121b23;
	overflow:hidden;
}
#fitinfo1 li a .t1{display:block;
	font-size:15px;
}
#fitinfo1 li a .ic1{display:block;
	width:51px;height:51px;
	margin:0 auto 12px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
#fitinfo1 .m1 a .ic1{background-image:url(../../img/inc2020/fitinfo1p01@2x.png);}
#fitinfo1 .m2 a .ic1{background-image:url(../../img/inc2020/fitinfo1p02@2x.png);}
#fitinfo1 .m3 a .ic1{background-image:url(../../img/inc2020/fitinfo1p03@2x.png);}
#fitinfo1 .m4 a .ic1{background-image:url(../../img/inc2020/fitinfo1p04@2x.png);}
#fitinfo1 .m5 a .ic1{background-image:url(../../img/inc2020/fitinfo1p05@2x.png);}
#fitinfo1 .m6 a .ic1{background-image:url(../../img/inc2020/fitinfo1p06@2x.png);}
#fitinfo1 .m7 a .ic1{background-image:url(../../img/inc2020/fitinfo1p07@2x.png);}
#fitinfo1 .m8 a .ic1{background-image:url(../../img/inc2020/fitinfo1p08@2x.png);}
/* [IE8]fix) */
#fitinfo1 li a .ic1 div img{visibility:inherit !important;}


/* 동네정보 20200220 */
#towninfo1{}
#towninfo1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:10px;
	top:38px;
	box-sizing:border-box; /* ☆ */
	width:40px;
	height:50px;
	margin:0;
	/* border:1px solid #ccc; */
	background:none;
	overflow:visible;
	/* text-indent:-9999px; */
}
#towninfo1 .b1.toggle:focus{
	outline:1px dotted #000;
}
#towninfo1 .b1.toggle .t1{display:block;
	overflow:hidden;
	text-indent:-9999px;
}
#towninfo1 .b1.toggle .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:50px;height:50px;margin:-25px;
	background:url(../../img/inc2020/ic80a3c3map1@2x.png) no-repeat;
	background-size:contain;
}
#towninfo1 .b1.toggle:before{content:''; /* △ */
	float:left;position:absolute;left:50%;
	bottom:-5px;
	width:0;height:0;
	margin:0 -12px;
	border:12px solid transparent;border-bottom-color:#4ebdb5;border-top:0;
	overflow:hidden;text-indent:100%;
	opacity:0;
	transition:margin .4s;
}
#towninfo1 .b1.toggle.on{}
#towninfo1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc2020/ic80a1c1close1@2x.png);
}
#towninfo1 .b1.toggle.on:before{
	opacity:1;
}
#towninfo1c{display:none;
	z-index:22; /* ☆ 주메뉴바 보다 낮게 우퀵메뉴보다 높게 */
	position:relative;
	margin-left:-20px;
	margin-right:-20px;
}
#towninfo1c.on{
	display:block;
}
#towninfo1c .b1.close{	display:block;
	position:absolute;right:40px;top:-60px;
	width:40px;height:50px;
	text-indent:-99999px;
}
#towninfo1c>.width1expand1{ /* ☆ */
	margin:0; /* #towninfo1c 슬라이드 효과 고도화 위해 좌우 확장해서 */
	padding:25px 20px;
	background:#4ebdb5 url(../../../search/img/inc/map1_2020/map1bg1.jpg) no-repeat center top;
	background-size:cover;
	overflow:hidden;
}

/* 동네고르다 20200220 */
#take1town1{position:relative;
	margin:0 20px;
}
#take1town1 .wrap1{}
#take1town1 .hg1{
	width:100%;
	max-width:517px;
	margin:0 auto 20px;
	color:#fff;
	overflow:hidden;
}
#take1town1 .hg1 .p1 img{
	width:100%;
	height:auto;
}
#take1town1 .h1,
#take1town1 .hg1t1{
	font-size:0;
	text-indent:-9999px;
}
#take1town1 .w1{display:block;
	margin:0 0 20px;
	text-align:center;
}
#take1town1 ul{
	display:inline-block;
	width:120px;
	margin:0;
	font-size:0;
	text-align:center;
	vertical-align:top;
	overflow:hidden;
}
#take1town1 li{display:inline-block;}
#take1town1 li a{display:block;
	position:relative;
	width:70px;
	margin:3px;
	padding:6px 28px 6px 12px;
	border:1px solid #002445;
	border-color:rgba(0,36,69, .75);
	background:#fff;
	background-color:rgba(255,255,255, .75);
	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:18px;height:18px;
	margin:-9px 7px;
	background:url(../../img/inc2020/ic10a4newwindow2.png) no-repeat center center;
	border-radius:2px;
}
#take1town1 li a:hover,
#take1town1 li a:focus,
#take1town1 li.on a{
	border-color:#002445;
	background-color:#007b68;
	color:#fff;
}
#take1town1 li a:hover .ic1,
#take1town1 li a:focus .ic1,
#take1town1 li.on a .ic1{
	background-color:#fff;
}


/* 지도 20180711 */
#map1{display:block;
	z-index:0;
	position:relative;
	margin:auto;
	overflow:hidden;
	overflow-x:auto;
}
#map1 .wrap1{}
#map1 .w1{display:block;
	position:relative;
	width:488px;
	height:457px; /* (457+여유) */
	margin:0 auto 10px;
}
#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 .t1{display:inline-block;
	z-index:10; /* ☆ */
	position:relative;
	bottom:4px;
	color:#fff;
	font-weight:600;
	font-size:13px;
	line-height:1.125;
}
#map1 .z7~.z .t1{ /* 동 */
	font-size:12px;
}

#map1 .z .ic1{display:inline-block;
	visibility:hidden; /* ☆ */
	z-index:30; /* ☆ */
	position:absolute;left:0;bottom:0;
	width:63px;height:48px;
	margin:4px -16px;
	background:url(../../img/main/map1/map1marker1on@2x.png) no-repeat center center;
	background-size:contain;
	vertical-align:middle;
	text-indent:-9999px;
	overflow:hidden;
}
#map1 .z .f1{display:inline-block;
	visibility:hidden;
	z-index:5; /* ☆ */
	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:-6px;top:-.5em;
	padding:.375em .75em .375em 2.75em;
	border-radius:9999px;
	background:#333;
	color:#fff;
	font-weight:600;
	font-size:14px;
	opacity:0;
	transition:.4s;
}
/* 존(기준위치) */
#map1 .z1{left:50px;top:185px;} /* 진영읍 */
#map1 .z2{left:174px;top:279px;} /* 주촌면 */
#map1 .z3{left:79px;top:281px;} /* 진례면 */
#map1 .z4{left:158px;top:157px;} /* 한림면 */
#map1 .z5{left:228px;top:114px;} /* 생림면 */
#map1 .z6{left:323px;top:143px;} /* 상동면 */
#map1 .z7{left:396px;top:255px;} /* 대동면 */
#map1 .z8{left:288px;top:253px;} /* 동상동 */
#map1 .z9{left:276px;top:290px;} /* 회현동 */
#map1 .z10{left:250px;top:329px;} /* 부원동 */
#map1 .z11{left:234px;top:300px;} /* 내외동 */
#map1 .z12{left:247px;top:225px;} /* 북부동 */
#map1 .z13{left:213px;top:370px;} /* 칠산서부동 */
#map1 .z14{left:312px;top:301px;} /* 활천동 */
#map1 .z15{left:314px;top:237px;} /* 삼안동 */
#map1 .z16{left:359px;top:325px;} /* 불암동 */
#map1 .z17{left:165px;top:367px;} /* 장유 1동 */
#map1 .z18{left:72px;top:382px;} /* 장유 2동 */
#map1 .z19{left:161px;top:413px;} /* 장유 3동 */
/* 존(맵) */
#map1 .z1 .f1{left:-50px;top:-70px;} /* 진영읍 */
#map1 .z2 .f1{left:-43px;top:-58px;} /* 주촌면 */
#map1 .z3 .f1{left:-40px;top:-86px;} /* 진례면 */
#map1 .z4 .f1{left:-74px;top:-98px;} /* 한림면 */
#map1 .z5 .f1{left:-73px;top:-114px;} /* 생림면 */
#map1 .z6 .f1{left:-58px;top:-93px;} /* 상동면 */
#map1 .z7 .f1{left:-52px;top:-105px;} /* 대동면 */
#map1 .z8 .f1{left:-219px;top:-62px;} /* 동상동 */
#map1 .z9 .f1{left:-207px;top:-99px;} /* 회현동 */
#map1 .z10 .f1{left:-181px;top:-138px;} /* 부원동 */
#map1 .z11 .f1{left:-165px;top:-109px;} /* 내외동 */
#map1 .z12 .f1{left:-178px;top:-34px;} /* 북부동 */
#map1 .z13 .f1{left:-144px;top:-179px;} /* 칠산서부동 */
#map1 .z14 .f1{left:-243px;top:-110px;} /* 활천동 */
#map1 .z15 .f1{left:-245px;top:-46px;} /* 삼안동 */
#map1 .z16 .f1{left:-290px;top:-134px;} /* 불암동 */
#map1 .z17 .f1{left:-96px;top:-176px;} /* 장유 1동 */
#map1 .z18 .f1{left:-3px;top:-191px;} /* 장유 2동 */
#map1 .z19 .f1{left:-92px;top:-222px;} /* 장유 3동 */
/* 존(점) */
#map1 .z7~.z .a1:before{ /* 동 */
	content:'';display:inline-block;
	z-index:10; /* ☆ */
	position:absolute;
	width:8px;height:8px;
	border-radius:9999px;
	background:#ca7443;
}
#map1 .z8 .a1:before{left:11px;top:15px;} /* 동상동 */
#map1 .z9 .a1:before{left:10px;top:15px;} /* 회현동 */
#map1 .z10 .a1:before{left:36px;top:4px;} /* 부원동 */
#map1 .z11 .a1:before{left:12px;top:-14px;} /* 내외동 */
#map1 .z12 .a1:before{left:19px;top:13px;} /* 북부동 */
#map1 .z13 .a1:before{left:23px;top:-14px;} /* 칠산서부동 */
#map1 .z14 .a1:before{left:3px;top:16px;} /* 활천동 */
#map1 .z15 .a1:before{left:17px;top:16px;} /* 삼안동 */
#map1 .z16 .a1:before{left:-3px;top:-11px;} /* 불암동 */
#map1 .z17 .a1:before{left:-12px;top:2px;} /* 장유 1동 */
#map1 .z18 .a1:before{left:44px;top:2px;} /* 장유 2동 */
#map1 .z19 .a1:before{left:-13px;top:0px;} /* 장유 3동 */
/* 효과 */
#map1 .z .a1:hover .ic1,
#map1 .z .a1:focus .ic1,
#map1 .z.on .a1 .ic1{
	visibility:visible;
	background:url(../../img/main/map1/map1marker1on@2x.png);
	animation:kfx1move1vertic2 .6s ease-in-out infinite;
}
/* #map1 .z .a1:focus .ic1{outline:1px dotted #000;} */
#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;
}


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


/* #wing */


/* 위로 20180706 */
#gotop1{display:inline-block;
	float:right;
	z-index:50;
	position:relative;
	text-align:center;
}
#gotop1 .ic1{display:inline-block;
	width:32px;height:32px;
	margin:0 0 -6px;
	background:url(../../img/inc2020/ic32a2c0up1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#gotop1 .t1{display:block;
	color:#fff;
	font-weight:400;
	font-size:13px;
	letter-spacing:0;
}


/* #foot */


/* 배너(이미지) 20180706. 글자형. [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:16px;
	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;
	/* overflow:hidden; */ /* ☆[IE8]fix) button 자손 position 위치 결함 있으니 overflow:visible; 유지한다! */
}
#banner1 .mControl .b1.on {display:none}
#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/inc2020/ic20a2c1pause1@2x.png);}
#banner1 .mControl .b1.prev>.ic1{background-image:url(../../img/inc2020/ic20a2c1left1@2x.png);}
#banner1 .mControl .b1.next>.ic1{background-image:url(../../img/inc2020/ic20a2c1right1@2x.png);}
#banner1 .mControl .b1.more>.ic1{background-image:url(../../img/inc2020/ic20a2c1bars1@2x.png);}

#banner1 .mControl a:focus{border:2px solid #000; margin:2px;}
/* ☆ */
#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:#000;
	font-size:14px;
	line-height:24px;
	vertical-align:middle;
}
#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 #000;
}
#banner1 .mContC>a .t1:focus:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:2px dotted #ff0000}


/* 패밀리사이트 20180717 */
#familysite1{position:relative;
	margin:0 -20px;
	/* padding:0 0 1px; */ /* ☆ */
	font-size:14px;
	line-height:1.375;
}
.familysite1g1{position:relative;
	float:left;
	width:50%;
}
.familysite1g1:first-child{width:100%;}
.familysite1g1 .h1{font-weight:400;}
.familysite1g1 a.toggle{display:block;
	position:relative;
	margin:0 0 -1px -1px;
	padding:.875em 40px .875em 20px;
	border:1px solid #484b50;
	background:#23262d;
	color:#bdbec0;
	text-decoration:none;overflow:hidden;
}
.familysite1g1 a.toggle .t1{display:block;
	height:1.375em;
	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:#fff;border-bottom: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);
}
.familysite1g1 a:focus{border:2px dotted coral; margin:1px;}
/* content */
.familysite1g1c{display:none;
	z-index:100;
	position:absolute;left:0;right:0;bottom:100%;
}
.familysite1g1box{min-height:0;
	margin:0 0 -1px;
	padding:14px;
	border-radius:3px 3px 0 0;
	border:1px solid #444;
	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 .h3>a>.em0{color:#000;}
.familysite1g1 .h3>a>.em0:before{content:'';
	display:inline-block;
	width:18px;height:18px;
	background:url(/_res/portal/img/inc2020/location1home02@2x.png) no-repeat;
	background-size:contain;
	vertical-align:top;
	margin:1px 0 0;
}
.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/inc2020/familysite1bu1.png) no-repeat 9px 12px;
	color:#666;
}
.familysite1g1 li a:hover,
.familysite1g1 li a:focus{
	background-color:#f7f7f7;
	color:#000;
}

 
 
.familysite1g1 ul.bo2>li{width:100%;background:#fff;}
 

.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 .familysite1g1box{
	height:600px;
	overflow:hidden;
	overflow-y:auto; /* [CR]bug) 창폭에 따라 우선이 안보이기도함 [IE11]이상무) */
}
#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:25%;}
#familysite1g4 .familysite1g1box li{width:25%;}



/* #foot */

/* 푸터내비 20180711 */
#fn1{
	position:relative;
	margin:20px 0;
	overflow:hidden;
}
#fn1 ul{
	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/inc2020/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;
	opacity:.6;
}
#fn1 li>a b{font-weight:600;color:#58f1ff;}

#fn2{float:left; padding:0 1.5em 0 0;}
#fn2 .pte{padding: .5em 0 3em 0;}
/*웹접근성마크*/

/* 작성자(연락처/저작권) 20180706 */
#author1{
	position:relative;
	min-width:280px;
	font-size:14px;
	line-height:1.5;
	overflow:hidden;
}
#author1 a{ /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
	color:#fff;
}
#author1 .address{
	color:#fff;
	margin:0;
	opacity:.8;
	display:inline-block;vertical-align:top;
}
#author1 .tel1info {display:inline-block;vertical-align:top;color:rgba(255,255,255,.8)}
#author1 .tel1info a {color:inherit;}

#author1 .nophishing{
	margin:0 0 1em;
	color:#fff;
	font-size:13px;
	opacity:.8;
}
#author1 .copyright{display:block;
	margin:0 0 1em;
	color:#fff;
	font-size:13px;
	letter-spacing:0;
	/* text-transform:uppercase; */
	opacity:.8;
}
/* #author1 br{display:none;} */
#author1 .a1{display:inline-block;
	margin:0 .25em 0 0;
}
#author1 .b1{display:inline-block;
	color:#ff991d;
}


/* ETC */


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


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


/* 주메뉴 20180718. 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;
		left:20px;
		top:77px; /* (화면확인) */
		box-sizing:border-box; /* ☆ */
		width:40px;height:40px;
		border:1px solid #ccc;
		border-radius:6px;
		background:none;
		overflow:hidden;text-indent:-9999px;
	}
	#tnb1 .b1.toggle .ic1{float:left;position:absolute;left:50%;top:50%;
		width:20px;height:20px;margin:-10px;
		background:url(../../img/inc2020/ic40a4c1bars1@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/inc2020/ic80a1c1close1@2x.png);
	}
	#tnb1c{display:block !important; /* ☆ */
		visibility:hidden; /* ☆ */
		z-index:100; /* ☆ */
		position:fixed; /* ☆ */
		left:-280px;right:auto;top:0;bottom:0;
		width:280px;
		/* margin:100px 0 0; */ /* (#height 높이) */
		overflow-y:visible; /* ☆ */
		transition:.0s;
	}
	#tnb1c.on{display:block;visibility:visible;
		left:0;
		transition:.2s .2s;
	}
	#tnb1c>.bg{visibility:hidden;
		position:fixed;left:0;right:0;top:0;bottom:0;
		/* margin:100px 0 0; */ /* (#height 높이) */
		background:url(../../img/inc2020/b.000000.opacity.50.png);
		opacity:0;
		transition:.0s;
	}
	#tnb1c.on>.bg{visibility:visible;
		opacity:1;
		transition:.2s;
	}
	#tnb1c .b2{display:inline-block;
		z-index:110;
		position:absolute;
		left:280px;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/inc2020/ic80a1c0close1@2x.png);}
	#tnb1c>div.cont{
		position:relative;
		left:-200%;
		width:280px;
		height:100%;
		background:#222;
		overflow-y:auto; /* ☆ */
	}
	#tnb1c.on>div.cont{
		left:0;
	}
	/* depth1~depth4 */
	#tnb1 .smain{display:block;}
	/* 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/inc2020/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/inc2020/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>a.smain{display:block; /* 서브메인링크 */
		position:relative;
		padding:.75em 35px .75em 20px;
		border-bottom:1px solid #eee;
		background-color:#f7f7f7;
		color:#333;
		font-size:15px;
	}
	/*#tnb1 div.d2>a.smain>.ic1{
		position:absolute;right:0;top:50%;
		width:20px;height:20px;
		margin:-10px 10px;
		background:url(../../img/inc2020/ic40fa1c1home1.png) no-repeat center center;
		background-size:contain;
	}*/
	#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/inc2020/tnb1d2bg1.png) no-repeat 20px 50%;
		color:#fff;
		font-size:16px;
	}
	#tnb1 div.d2>ul>li.hasSub>a{
		background-image:url(../../img/inc2020/tnb1d2bg1has.png);
	}
	#tnb1 li.on>div.d2>ul>li.on>a{
		background-image:url(../../img/inc2020/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 54px;
		border-top:1px solid #555;
		border-color:rgba(255,255,255, .05);
		background:url(../../img/inc2020/tnb1d3bg1.png) no-repeat 42px 50%;
		color:#fff;
		font-size:14px;
	}

	#tnb1 div.d3>ul>li>a.t1 { color: #0a3191;
    font-weight: bold;
    font-size: 15px;}


	#tnb1 div.d3>ul>li.hasSub>a{
		/* background-image:url(../../img/inc2020/tnb1d3g1has.png); */
	}
	#tnb1 li.on>div.d3>ul>li.on>a{
		/* background-image:url(../../img/inc2020/tnb1d3bg1on.png); */
		color:#fff;
		/* font-weight:600; */
	}
	/* depth4 */
	#tnb1 li>div.d4{
		padding:.5em 0;
		background:#555;
	}
	#tnb1 div.d4>.bg{display:none;} /* ☆ */
	#tnb1 div.d4>ul{margin:-1px 0 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 54px;
		border-top:0 solid #666;
		background:url(../../img/inc2020/tnb1d4bg1.png) no-repeat 42px 50%;
		color:#fff;
		font-size:13px;
	}
	#tnb1 div.d4>ul>li.hasSub>a{
		/* background-image:url(../../img/inc2020/tnb1d4g1has.png); */
	}
	#tnb1 li.on>div.d4>ul>li.on>a{
		/* background-image:url(../../img/inc2020/tnb1d4bg1on.png); */
		color:#fff;
		/* font-weight:600; */
	}

#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after,
#tnb1 div.d4>ul>li>a[target='_blank']:after{ /* [IE8+] */
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 4px 4px;
	background:url(../../img/inc2020/ic24a1c0newwindow2.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
}


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


	#head{}
		#head_s1{
			height:43px;
		}
		#head_s2{}
		#head_s3{}
			#head_s1>.container{}
			#head_s2>.container{}
			#head_s3>.container{}


#gn1{height:43px;}
#gn1:after{display:none;}
#gn1 a{padding:12px 4px;}
#gn1 li.on>a{padding:12px 6px 13px;}

#gn2{
	left:auto;top:45px;
	border-bottom:0;
}

#gn3{
	position:absolute;right:0;top:0;
}
#gn3 a.toggle{
	padding:12px 16px 13px;
	border-left:0;
	background:#bcc1ca;
	color:#464c56;
}
#gn3 a.toggle>.ic1{
	border-top-color:#464c56;
}

h1#logo{
	margin:25px 110px 30px 70px;
	text-align:left;
}
h1#logo>a>img{
	width:140px;
	height:70px;
}

#slowcity1{left:200px;top:25px;}
#slowcity1>a{height:50px;}

#toduggi{left:214px;top:34px;}
#toduggi>a{height:60px;}


#search1 .b1.toggle{display:none;}
#search1c{display:block !important;
	visibility:visible;
	position:absolute;
	right:120px;
	top:35px;
	width:340px;
	padding:0 50px 0 0;
	border:0;
}
#search1 .submit{
	width:50px;
	margin-right:-50px;
}

#fitinfo1 .b1.toggle{
	right:70px;
	top:35px;
	width:44px;height:44px;
	border:3px solid #029277;
}
#fitinfo1 .b1.toggle:before{
	margin-bottom:-50px; /* 화면확인 */
}
#fitinfo1 .b1.toggle.on:before{
	margin-bottom:-15px;
}
#fitinfo1c{
	margin:-9px 0 0;
}
#fitinfo1 li a .ic1{
	width:102px;height:102px;
}

#towninfo1 .b1.toggle{
	right:20px;
	top:35px;
	width:44px;height:44px;
	border:3px solid #029277;
}
#towninfo1 .b1.toggle:before{
	margin-bottom:-50px; /* 화면확인 */
}
#towninfo1 .b1.toggle.on:before{
	margin-bottom:-15px;
}
#towninfo1c{
	margin-top:-9px;
}

#take1town1 .hg1{
	margin:25px auto;
}

#tnb1 .b1.toggle{
	top:79px;
}

#familysite1{
	margin:auto;
}
.familysite1g1{width:33.333%;}
.familysite1g1:first-child{width:66.666%;}
#familysite1g1 .familysite1g1box{margin-right:0;}
#familysite1g2 .familysite1g1box{margin-left:-25%;margin-right:0;}
#familysite1g3 .familysite1g1box{margin-left:0;margin-right:-25%;}
#familysite1g4 .familysite1g1box{margin-left:-25%;margin-right:-25%;}
#familysite1g5 .familysite1g1box{margin-left:-130%;}
#familysite1g1 li{width:25%;}
#familysite1g2 li{width:33.333%;}


#fn1 ul{
	/*margin:auto;
	/*text-align:center;*/
}

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

#author1{
	/*text-align:center;*/
}

#quickmenu1{}
#quickmenu1 .b1.toggle{top:359px;width:75px;height:107px}
#gotop2{top:581px;width:75px;height:40px}
#quickmenu1c{margin-top:-152px;}
#quickmenu1 .talktalk {width:75px;height:120px;top:235px}
#quickmenu1 .bangsa {width:75px;height:120px;top:463px;}


} /* /(min-width:768px) */

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


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

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

#gn1 li{width:92px;}


h1#logo{
	margin-left:60px;
}

#search1c{
	width:370px;
}

#fitinfo1c{
	margin-left:-160px;
	margin-right:-160px;
}
#fitinfo1 ul{
	width:100%;
	max-width:940px; /* ☆ */
	margin:auto;
}

#towninfo1c{
	margin-left:-160px;
	margin-right:-160px;
}

#take1town1{
	width:100%;
	max-width:940px; /* ☆ */
	margin:auto;
}

#tnb1{
	max-width:940px;
}
#tnb1 .b1.toggle{
	left:0;
}


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


.container{
	max-width:none; /* ☆ */
	width:1200px; /* ☆ */
	margin:auto;
}
	#head{}
		#head_s1{}
		#head_s2{}
		#head_s3{}
			#head_s1>.container{}
			#head_s2>.container{}
			#head_s3>.container{
				position:relative;
				padding:55px 0 0;
			}


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

#gn1{width:100%;}
#gn1 ul{margin:0;}
#gn1 li{width:99px;}

#gn2{
	z-index:30;
    position:absolute;left:auto;right:-20px;top:4px;
	border:0;
}




/* 상단 인기검색어 pc버전 20211109 박다희 */
#lankingword1c{
	top: 36px;
	width: 140px;
	display:block;
	z-index:50;
	position: absolute;
	box-sizing:border-box; /* ☆ */
	border: 15px solid #e83f7f;
	border-width: 0px 0px;
	background: url(../../img/inc2022/icon_lankingword@2x.png) no-repeat;
	overflow:hidden;
	border-radius: 0;
	right: 165px;
	border-radius:5px;
}
#word3 .t1{font-size: 14px;color:#fff;}
#word3 .ic2{
	display:inline-block;
	width:34px;
	height:38px;
	/* background: url(../../img/main2020/icon_lankingword@2x.png) no-repeat;*/
	background-size:20px 20px;
	}
#word3 a.toggle>.ic1{display:inline-block;
	width:0;height:0;
	margin:-2px 4px;margin-left:0px;
	border:4px solid transparent;
	border-top-color:#fff;
					 
	border-bottom:0;
	overflow:hidden;text-indent:100%;
	vertical-align:middle;
	transition:.2s;
}
#word3 a.toggle.on>.ic1{
	transform:rotate(180deg);
}
#word3{top: -10px;
	margin-left:0px;
	z-index:40;
	position: relative;
	min-height: 30px;
	color:#fff;
}




h1#logo{
	margin-left:6px;
	margin-top:25px;
}

#slowcity1{left:160px;top:35px;}

#toduggi{left:155px;top:34px;}

#search1c{
	right: 290px;
	width:480px;
	top:36px;
}


#fitinfo1 .b1.toggle{
	right: 421px;
	width: 120px;
	top:36px;
}
#fitinfo1 .b1.toggle .t1{
	position:relative;
	padding: 10px 15px 9px 9px;
	color:#555;
	font-weight:400;
	font-size: 14px;
	text-indent:0;
}
#fitinfo1 .b1.toggle .t1:before{
	content:''; /* ▽ */
	float:left;
	position:absolute;
	right: -10px;
	top:50%;
	width:0;
	height:0;
	margin:-3px 18px;
	border:6px solid transparent;
	border-top-color:#07520b;
	border-bottom:0;
	overflow:hidden;
	text-indent:100%;
}
#fitinfo1 .b1.toggle .ic1{
	visibility:hidden;
}
#fitinfo1 .b1.toggle.on .t1{
	padding:10px 15px;
	background:#029277;
	color:#fff;
	text-align:center;
}
#fitinfo1 .b1.toggle.on .t1:before{
	display:none;
}
#fitinfo1c{
	margin-left:-360px;
	margin-right:-360px;
}
#fitinfo1 ul{
	width:100%;
	max-width:1200px; /* ☆ */
	margin:auto;
}
#fitinfo1 li{
	margin:0 19px 20px;
}
#fitinfo1 li.sep:before{content:'';float:left;
	width:2px;
	height:104px;
	background:url(../../img/inc2020/b1line1v1.png);
	margin:14px 38px 0 0;
}

#towninfo1c{
	margin-left:-360px;
	margin-right:-360px;
}

#towninfo1 .b1.toggle{
	right: 297px;
	width: 120px;
	top:36px;
}
#towninfo1 .b1.toggle .t1{
	position:relative;
	padding: 10px 15px 9px 9px;
	color:#555;
	font-weight:400;
	font-size: 14px;
	text-indent:0;
}
#towninfo1 .b1.toggle .t1:before{
	content:''; /* ▽ */
	float:left;
	position:absolute;
	right: -10px;
	top:50%;
	width:0;
	height:0;
	margin:-3px 18px;
	border:6px solid transparent;
	border-top-color:#07520b;
	border-bottom:0;
	overflow:hidden;
	text-indent:100%;
}
#towninfo1 .b1.toggle .ic1{
	visibility:hidden;
}
#towninfo1 .b1.toggle.on .t1{
	padding:10px 15px;
	background:#029277;
	color:#fff;
	text-align:center;
}
#towninfo1 .b1.toggle.on .t1:before{
	display:none;
}
#towninfo1c>.width1expand1{
	padding:25px 0;
	background-size:auto;
	text-align:center;
}

#take1town1{display:inline-block;
	width:520px;
	margin:auto;
	vertical-align:top;
}
#take1town1 .w1{text-align:left;}
#take1town1 ul{
	text-align:left;
}


#map1{display:inline-block;
	width:580px;
	margin:auto;
	vertical-align:top;
}

#promise1{display:block;
	position:absolute;right:0;top:15px;
}
#promise1>a{display:block;
	width:158px;height:90px;
	background:url(../../img/inc2020/promise1_01.png) no-repeat;
}

#promise2{display:block;
	position:absolute;right:0;top:5px;
}
#promise2>a{display:block;
	width:115px;height:87px;
	background:url(../../img/inc2022/promise2_01.png) no-repeat;
}

#quickmenu1c{margin-top:-230px;}

#familysite1{margin:0;}
.familysite1g1{width:20%;}
.familysite1g1:first-child{width:20%;}
#familysite1g1 .familysite1g1box{
	height:auto;
	margin-right:-350%;
	padding:14px 7px;
}
#familysite1g1 .cc{float:left;
	width:32.133%;
	margin:0 .6%;
}
#familysite1g2 .familysite1g1box{margin-left:-25%;margin-right:-25%;}
#familysite1g3 .familysite1g1box{margin-left:-25%;margin-right:-25%;}
#familysite1g4 .familysite1g1box{margin-left:-25%;margin-right:-25%;}
#familysite1g5 .familysite1g1box{margin-left:-130%;}
#familysite1g1 li{width:25%;}
#familysite1g2 li{width:33.333%;}

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

#gotop1{
	position:absolute;right:0;top:10px;
}


/* 주메뉴 20200220. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 복제하여 재정의 (분리 사용 가능)
 * 1차 가로배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;position:absolute;
	left:-1000px;right:-1000px;
	top:0;
	width:auto;
	height:55px;
	background:#ffe9f3;
	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; ☆쌓임맥락만들지마요! ☆위에서 펼친거 보다 낮게 */
	position:relative; /* ☆ */
	width:100%;
	height:50px;
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{
	z-index:25; /* ☆ div.d1>ul>li>a 와 div.d2 사이 */
	position:absolute;left:0;right:0;top:-8px;bottom:-12px;
	height:75px;
	background:url(../../img/inc2022/tnb1bg1.png) no-repeat center top;
}
#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:168px; /* 전체메뉴폭 고려 (1200-360)/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;
	z-index:30;
	position:relative;
	height:25px;
	padding:15px 9px; /* (약간 여유) */
	color:#3b3939;
	font-size:0;
	font-weight:400;
	text-align:center;
}
#tnb1 div.d1>ul>li>a:before{content:'';
	display:inline-block;
	position:absolute;left:0;top:50%;
	width:4px;height:4px;
	margin:-2px;
	border-radius:9999px;
	background:#d1407a;
}
#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:18px;
	line-height:25px;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	color:#000000;
	font-weight:600;
}
body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{ /* 메인페이지만 */
	color:#fff;
	font-weight:400; /* 모바일에서 허전함 달래기 위해 메뉴 활성한거 비활성 모양으로 바꿔준다. */
}


/* ★ 주메뉴 전체 오버(포커스) */
#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:#000000;
	font-weight:600;
}
#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{content:'';display:block;
	position:absolute;left:0;right:0;bottom:0;
	border-bottom:1px solid #000000;
}

/* 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']{ /* ☆감춤 */
	display:block;visibility:hidden;
	height:0;
	opacity:1;
}
#tnb1 li>div.d3, /* ☆3차다보임추가 */
#tnb1 li.on>div.d3,
#tnb1 li.over>div[class^='d']{ /* ☆보임 */
	z-index:20; /* ☆오버한거 맨위로 */
	display:block;visibility:visible;
	height:auto;
	opacity:1;
}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	z-index:20;
	position:absolute;left:0;top:55px;
	width:1200px;
	height:0;
	margin:0 -400px;
	padding:0 400px;
	background:#fff url(../../img/inc2022/tnb1bg2.png) center top;
	border-bottom:1px solid #e74080;
}
#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
	height:12px;
	margin:0 -360px;
	background:url(../../img/inc2022/tnb1bg1.png) center bottom;
}

/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{display:block;float:left;
	position:relative;
	width:250px; /* (270-35) */
	min-height:200px;
	padding:30px 20px 30px 0;
	text-align:left;
}
#tnb1 div.d2>.hg1>.h1{position:relative;
	margin:0;
	border:0;
	color:#0b0a0a;
	font-weight:600;
	font-size:36px;
	letter-spacing:-3px;
}
#tnb1 div.d2>.hg1>.h2{display:block;
	margin:1em 0;
	color:#000;
	font-size:15px;
}
#tnb1 div.d2>.hg1>.ic1{display:block;
	height:200px;
	background:url(../../img/inc2020/tnb1p01.png) no-repeat right bottom;
}
#tnb1 .m1 div.d2>.hg1>.ic1{background-image:url(../../img/inc2020/tnb1p01.png);}
#tnb1 .m2 div.d2>.hg1>.ic1{background-image:url(../../img/inc2020/tnb1p02.png);}
#tnb1 .m3 div.d2>.hg1>.ic1{background-image:url(../../img/inc2020/tnb1p03.png);}
#tnb1 .m4 div.d2>.hg1>.ic1{background-image:url(../../img/inc2020/tnb1p04.png);}
#tnb1 .m5 div.d2>.hg1>.ic1{background-image:url(../../img/inc2020/tnb1p05.png);}
#tnb1 div.d2>a.smain{display:none;} /* ☆ */
#tnb1 div.d2>ul{
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	width:930px; /* ☆ */
	margin:0; /* ☆ */
	padding:24px 0 36px;
	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:200px;
	min-height:22px;
	margin:0 11px 0 0;
	padding:9px 15px;
	color:#000;
	font-weight:600;
	font-size:15.5px;
}
	
#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.hasSub>a{color:#464646;}
#tnb1 div.d2>ul>li.on>a{color:#fff;
	z-index:20; 
	background:#f9437b;
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc2020/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:#e8407e;
}
#tnb1 div.d2>ul>li>a:hover:before,
#tnb1 div.d2>ul>li>a:focus: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:6px 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	overflow:hidden;
}
#tnb1 li.on>div.d3{}
#tnb1 div.d3>ul{
	margin:0 0 0 -1px;
	padding:.125em 0;
}
#tnb1 div.d3>ul>li{float:left;
	padding:0 0 0 1px;
	background:url(../../img/inc2020/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:.25em 14px;
	border:0;
	/* background:url(../../img/inc2020/tnb1d3bg1.png) no-repeat 0 .75em; */
	color:#333;
	font-size:14px;
}

#tnb1 div.d3>ul>li>a.t1{
	  color: #0a3191;
    font-weight: bold;
    font-size: 15px;
}
#tnb1 div.d3>ul>li>a:focus{border:1px dotted coral; margin:-1px;}

#tnb1 div.d3>ul>li.hasSub>a{
	/* background-image:url(../../img/inc2020/tnb1d3bg1has.png); */
}
#tnb1 div.d3>ul>li.on>a{
	color:#000;
	font-weight:600;
}

#tnb1 div.d3>ul>li.on>a.t1{
	  color: #0a3191;
    font-weight: bold;
    font-size: 15px;
}

#tnb1 div.d3>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc2020/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;}

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

/* 작업확인용.★☆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 ◇◆◇◆ */


/* 탑내비 20180711 */
#tn1{display:block;
	position:absolute;right:-25px;top:0;
}
#tn1 ul{
	font-size:0;
	text-align:center;
}
#tn1 li{display:inline-block;
	vertical-align:top;
}
#tn1 a{display:block;
	z-index:30;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:145px;
	height:68px;
	margin:-8px 1px -5px;
	padding:23px 9px 20px; /* (15+8) () (15+5) */
	/* background:rgba(0,0,0, .5); */
	color:#fff;
	font-weight:400;
	font-size:18px;
	line-height:25px;
	text-align:center;
	transform: skew(-37deg);
}
#tn1 a>.t1{display:inline-block;
	transform:skew(37deg); /* 변형 되돌림 */
}


/* 전체메뉴 20180717 */
#anb1{display:block;
	position:absolute;left:0;right:0;top:0;
}
#anb1 .b1{float:left;
	z-index:30;
	position:absolute;right:300px;top:0;
	box-sizing:border-box; /* ☆ */
	width:55px;height:55px;
	overflow:hidden;
	text-indent:-9999px;
}
#anb1 .b1 .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(../../img/inc2022/ic40a1c0menus3.png) no-repeat;background-size:contain;
}
#anb1 .b1.toggle.on{background:#333}
#anb1 .b1.toggle.on .ic1{background-image:url(../../img/inc2020/ic80a1c0close@2x.png);}
#anb1 .b1.close,
#anb1 .b1.close .ic1{
	margin:-56px -1px 0;
	background:none;
}
#anb1 .b1:focus{
	outline:1px dotted #000;
}
/* ☆ */
#anb1c{display:none;
	z-index:30;
	position:absolute;left:0;right:0;top:55px;
}
#anb1c.on{display:block;}
#anb1c>.bg{}
#anb1c>div.cont{position:relative;
	padding:1px;
	border:1px solid #333;
	background:#fff;
	box-shadow:0 0 8px 0 rgba(0,0,0, .1);
}
#anb1c.on>.bg{}
#anb1c.on>div.cont{}
/* depth1 */
#anb1 div.d1{}
#anb1 div.d1>ul{overflow:hidden;}
#anb1 div.d1>ul>li{float:left;position:relative;
	box-sizing:border-box; /* ☆ */
	width:20%; /* =100/5 */
}
#anb1 div.d1>ul>li:before{content:'';float:left;
	position:absolute;left:0;top:0;
	width:0;
	height:9999px;
	border-left:1px solid #eee;
}
#anb1 div.d1>ul>li:first-child:before{display:none;}
/*#anb1 div.d1>ul>li:last-child{display:none;}*/
#anb1 div.d1>ul>li>a{display:block;
	position:relative;
	padding:12px 18px;
	border-bottom:1px solid #eee;
	font-weight:600;
	color:#333;
	font-size:18px;
	text-align:center;
	word-break:keep-all;
	word-wrap:break-word;
}
#anb1 div.d1>ul>li>a>.t1{}
/* depth2 */
#anb1 div.d2{}
#anb1 div.d2>ul{padding:16px 20px;}
#anb1 div.d2>ul>li{display:inline;}
#anb1 div.d2>ul>li>a{display:block;
	padding:.25em 0 .25em 8px;
	color:#555;
	font-size:14px;
	background:url(../../img/inc2020/bu02.png) no-repeat 0 12px;
}
#anb1 div.d2>ul>li>a:hover,
#anb1 div.d2>ul>li>a:focus{text-decoration:underline;}
/* depth3 */
#anb1 div.d3>ul{
	margin:2px 0;
	padding:6px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#fcfcfc;
}
#anb1 div.d3>ul>li{display:inline;}
#anb1 div.d3>ul>li>a{display:block;
	padding:.25em 0 .25em 8px;
	background:url(../../img/inc2020/bu02.png) no-repeat 0 10px;
	color:#666;font-weight:normal;font-size:13px;
}
#anb1 div.d3>ul>li>a:hover,
#anb1 div.d3>ul>li>a:focus{text-decoration:underline;}
 
 

#fn2{margin-top:-1em;}


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


/* ◇◆ @keyframes [IE10+] ◇◆ */
/* @-webkit-keyframes 는 CSS3 유효성 오류 발생 */

/* 구글번역 안내문구 */
.goog-te-banner-frame {display:none !important}
.google-trans {display:none;background:#f8f8f8;border-bottom:1px solid #d7dbe4;padding:12px 10px;
font-size:.813em}
.google-trans p {position:relative;margin:0 auto;letter-spacing:-.025em;line-height:18px;max-width:650px;padding-left:45px;}
.google-trans p:before {position:absolute;top:0;left:0;content:"";display:inline-block;vertical-align:middle;width:33px;height:34px;background:url(../../img/inc2020/ic33a1googletrans.png) no-repeat;}
@media all and (min-width:768px){
	.google-trans {padding-left:0;padding-right:0;font-size:.875em}
}

@keyframes kfx1move1vertic1{
	0%{margin-bottom:40px;}
	50%{margin-bottom:60px;}
	100%{margin-bottom:40px;}
}
.kfx1move1vertic1{animation: kfx1move1vertic1 1.6s ease-in-out infinite;}

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

@keyframes kf1scale1rotate1{
	/* 50%{transform:scale(1.2) rotate(-6deg);} */
	50%{transform:scale(1.2) rotate(-1deg);}
}
.kf1scale1rotate1{animation: kf1scale1rotate1 12s ease-in-out infinite;}

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

#head_pop {display: none;text-align:center;padding:0 0 5px 0;width:100%;background-color:#1b3f74;}
#head_pop .area {position:relative;left:50%;top:0;margin-left:-700px;width:1400px;font-family:"NanumSB";letter-spacing:-0.02em;}
#head_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;}
#head_pop .area .text{line-height:22px;font-size:16px;color:#fff;}
#head_pop .area .text ul{display:inline-block;}
#head_pop .area .more_btn{margin-top:10px;}
#head_pop .area .more_btn a{display:inline-block;padding:12px 15px;font-size:14px;color:#fff;background-color:#0a3761;}
#head_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;}
#head_pop .area .exit > .head_pop_exit {color:#fff;}
#head_pop .area .exit > a {margin-left:10px;}
@media all and (max-width: 1024px){
#head_pop {height:auto;}
#head_pop .area {left:0;margin-left:0;width:100%;}
#head_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;}
#head_pop .area .text{height:auto;line-height:inherit;font-size:15px;}
#head_pop .area .more_btn{margin-top:5px;}
#head_pop .area .more_btn a{display:inline-block;margin-bottom:40px;}
#head_pop .area .exit{display:inline-block;text-align:center;width:100%;top:auto;bottom: -7px;right:0;}
}

#head_pop .area .text .coronaLink{width:41%; height:auto; position:absolute; left:50%;}
#head_pop .area .text .coronaLink.link01{top:69%; margin-left:-45%;}
#head_pop .area .text .coronaLink.link02{top:33%; margin-left:3%;}
#head_pop .area .text .coronaLink.link03{top:53%; margin-left:3%;}
#head_pop .area .text .coronaLink.link04{top:72%; margin-left:3%;}


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

}

/* 공지 헤더팝업 추가 - 20230426 */
.notice1{font-family: 'S-CoreDream';display:none;position:relative;z-index:30;background:#eee5fa;text-align:center;font-size:0;line-height:0;padding:5px 0 7px 0;}

.iss_wrap1{width:1190px;margin:0 auto;}
.notice1 .notice1_content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;}
.notice1 .notice1_intro{}
.notice1 .notice1_title{padding-left:0;margin:3px 0 0 0;}
.notice1 .notice1_listbox{margin-left:10px;width:77.8%;text-align:left;margin-right:14px;display:block;background-color:#fff;border-radius:10px;vertical-align:bottom;}
.notice1 .notice1_txt{display:block;color:#000;margin:15px;margin-top:5px;margin-bottom:5px;font-size:15px;line-height:26px;letter-spacing: -0.077em;font-weight:500;}
.notice1 .notice1_import{color:#f45655;}
.notice1 .notice1_today{position:absolute;bottom:7px;right: 0%;float:right;}
.notice1 .notice1_checkbox{width:12px;height:12px;position:relative;top:8px;}
.notice1 .notice1_label{margin-left:4px;color:#292e42;font-size:13.5px;line-height:35px;top:8px;vertical-align:middle;}
.notice1 .notice1_close{margin-top:12px;border:0;display:inline-block;width:27px;height:27px;margin-left:4px;margin-right:32px;background-image: url('/_res/covid19/img/2022/close.png');font-size: 0;background-repeat:no-repeat;background-color:#eee5fa;}


@media all and (max-width:1230px) {
	.notice1{padding:0 0 35px 0;}
	.iss_wrap1{width:98%;}
	.notice1 .notice1_listbox{width:100%;margin-left:-5px;margin-top:6px;}
	.notice1 .notice1_title{padding-left:0;margin:11px 0 0 0;}
	.notice1 .notice1_close{margin-right:10px;}
	.notice1 .notice1_content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding-top:0px;}
	.notice1 .notice1_intro{margin-bottom:5px;text-align:center;width:6%;}
	.notice1 .notice1_intro:after{display:none;}
	.notice1 .notice1_today{right:1%;}
}

@media all and (max-width:800px) {
	.notice1:before{height:46px;}
	.notice1 .notice1_intro{margin-top:0;margin-bottom:0;}
	.notice1 .notice1_listbox{margin-top:5px;margin-left:0;}
	.notice1 .notice1_txt{font-size:14px;line-height:20px;}
	.notice1 .notice1_label{font-size:13px;line-height:30px;top:4px;}
}

@media all and (max-width:480px) {
	.notice1 .notice1_title img{height:20px;}
	.notice1 .notice1_txt{font-size:13px;margin-top:4px;margin-bottom:4px;margin-left:12px;}
	.notice1 .notice1_listbox{width:100%;}
	.notice1 .notice1_today{position:absolute;bottom:135px;right:0%;}
}

@media all and (min-width:0px) and (max-width:1230px){/* ◇◆◇◆◇◆◇◆◇◆ */
.notice1 .notice1_intro{width:9%;}
.notice1 .notice1_today{position:absolute;bottom:2px;margin-left:180px;}
.notice1 .notice1_title p{padding-top:15px;font-size:15px;text-align:left;margin-left:-3%;font-weight:500;margin-bottom:5px;color:#414141;}
.notice1 .notice1_checkbox{width:12px;height:12px;position:relative;top:4px;}
}