@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2023.07.07 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2023.07.07
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* base.css )) Overwrite. 20200117 ◆◆◆ */
html {font-size:1em}
body{
	background:#fff;
	color:#444; /* ☆#555 */
	font-weight:400;
	font-size:1em; /* (((16px */
	line-height:1.75; /* ☆ */
	letter-spacing:-.05em; /* (-.5px/16px) */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'S-CoreDream',
		'Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}

/* font */
/* 에스코어드림 */
@font-face {
     font-family: 'S-CoreDream';
     src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight:400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight:500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
 	 src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
	 src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}

/* 완주대둔산체 */
@font-face {
    font-family: 'TTWanjudaedunsanche';
    src: url('//cdn.jsdelivr.net/gh/iacts-uiux/font/Wanjudaedunsanche/TTWanjudaedunsanche.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'TTWanjudaedunsanche';
    src: url('//cdn.jsdelivr.net/gh/iacts-uiux/font/Wanjudaedunsanche/TTWanjudaedunsancheB.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* KBIZ한마음명조체 */
@font-face {
	font-family: 'KBIZHanmaumMyungjo';
	src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
          


h1, h2, h3, h4, h5, h6 {letter-spacing:-.05em}

/* ◇◆ 공용 ◇◆ */
/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */
html,
body,
#container, #wrap, #body {min-height:100%;}
.container {position:relative;
	min-width:280px; /* ☆ */
	margin:auto; /* ☆ */
	max-width:1200px;
}
body[data-layout="main"] .container {max-width:1600px;}
#container {position:relative;overflow-x:hidden;}
	#head {clear:both;width:100%;}
		#head_s1 {border-bottom:1px solid #e0e0e0;}
		#head_s1>.container {max-width:1600px;}
		#head_s2 {position:relative;border-bottom:1px solid #e0e0e0}
		#head_s2>.container {max-width:1600px;}
		#head_s3 {border-bottom:1px solid #ddd}
	#wrap {
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
		z-index:2;
	}
		#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:#343849;border-radius:55px 0 0 0;z-index:101}

/* 배치.유틸 20191220 */
.width1expand1 {margin-left:-20px;margin-right:-20px;}

/* 구글번역 */
.google-trans.notranslate {display:none}
@media screen and (max-width:1619px){
	#head_s1>.container {margin-left:10px;margin-right:10px;}
}
@media screen and (max-width:999px){
	#body>.container {padding-left:20px;padding-right:20px}
	body[data-layout="main"] #body>.container {padding-left:0;padding-right:0}
}






/* 전자정부 안내문구 - 20250923 추가 */
#head_s0{position:relative;height:37px;background: #ebebeb;}
#head_s0 .info{position:relative;display:block;min-width:280px;max-width: 1585px;margin:auto;left: 10px;top: 10px;padding-left:30px;color: #000000;font-size:12px;background:url(../../img/inc/eg_logo.png) no-repeat center left;}
@media screen and (max-width:999px){
#head_s0 .info{left: 18px;}
}


/* 상단 */
#head_s1:after {content:"";display:block;clear:both;}
/* 글로벌메뉴  gn1 gn2 */
#gn1 {float:left;padding:9px 0}
#gn1 .toggle {display:none}
#gn1 #gn1c {display:block !important;}
#gn1 #gn1c ul li {float:left;margin:0 1px;}
#gn1 #gn1c ul li a {position:relative;display:block;font-size:14px;color:#646464;line-height:32px;padding:0 15px;}
#gn1 #gn1c ul li a img {vertical-align:middle;}
#gn1 #gn1c ul li.on a {background-color:#3f3377;color:#fff;font-weight:500;border-radius:15px;}
#gn1 #gn1c ul li a:after {position:absolute;top:50%;right:-3px;margin-top:-2.5px;content:"";display:block;width:3px;height:3px;background:#e0e0e0;border-radius:50%;}
#gn1 #gn1c ul li.on a:after, #gn1 #gn1c ul li:last-child a:after {display:none}
#gn1 #gn1c ul li[data-sitekey="taegugki"] a:before {content:"";display:inline-block;vertical-align:middle;width:20px;height:14px;background:url(../../img/main2023/layout_sprite.png) no-repeat 0 0;margin:-4px 2px 0 0}
#gn2 {float:right;padding:9px 0}
#gn2>ul>li {position:relative;float:left;margin:0 1px}
#gn2>ul>li>a {position:relative;display:block;font-size:14px;color:#646464;line-height:32px;padding:0 18px}
#gn2>ul>li>a:after {position:absolute;top:50%;right:-1px;content:"";display:block;width:1px;height:14px;background:#e8e8e8;margin-top:-7px}
#gn2>ul>li.lang>a {padding-right:30px}
#gn2>ul>li.lang>a:before {content:"";display:inline-block;vertical-align:middle;width:17px;height:17px;background:url(../../img/main2023/layout_sprite.png) no-repeat -22px 0;margin:-4px 7px 0 0}
#gn2>ul>li.lang>a:after {width:9px;height:5px;background:url(../../img/main2023/layout_sprite.png) no-repeat -41px 0;margin-top:-3px}
#gn2>ul>li.lang>a.on:after {transform:rotate(180deg);}
#gn2c {display:none;position:absolute;top:42px;left:0;width:100%;background:#f6f7f8;border-radius:5px;z-index:21;border:1px solid #e0e0e0;border-top:0;border-radius:0 0 20px 20px}
#gn2c.on {display:block}
#gn2c ul {padding:5px 0}
#gn2c ul li a {display:block;text-align:center;font-size:14px;padding:5px 0;color:#666;}
#gn2c .b1.close {display:block}
#gn2c .b1.close:before {content:"CLOSE";display:block;font-size:13px;padding:8px 0;text-align:center;letter-spacing:0;border-top:1px solid #e0e0e0;color:#666;}
@media screen and (max-width:1399px){
	#gn1 #gn1c ul li a {padding:0 10px;}
	#gn2>ul>li>a {padding:0 10px;}
	#gn2>ul>li.lang>a {padding-right:20px}
}
@media screen and (max-width:1259px){
	#head_s1 {height:50px;}
	#gn1 {position:absolute;top:0;left:0;width:100%;padding:0;min-height:50px;}
	#gn1c {position:absolute;top:9px;left:0;width:100%;height:100%;white-space:nowrap;}
	#gn1c ul {display:inline-block;white-space:nowrap;overflow:hidden}
	#gn1 #gn1c ul li {display:inline-block;float:none;}
	#gn2{display:none}
}

/* 모바일용 글로벌 */
.mobile_gn2 {display:none}
@media screen and (max-width:1259px){
	.mobile_gn2 {display:block;}
}


/* 로고 */
h1#logo {position:absolute;top:19px;left:1px;z-index:30}
h1#logo a {display:block;height:54px}
h1#logo a img {width:auto;height:100%}
@media screen and (max-width:1619px){
	h1#logo {left:10px;}
}
@media screen and (max-width:1259px){
	h1#logo {position:relative;top:auto;left:auto;margin:18px 10px 14px;display:inline-block;vertical-align:top;}
	h1#logo a {height:49px;}
}
@media screen and (max-width:999px){
	h1#logo a {height:43px;}
}
@media screen and (max-width:599px){
	h1#logo a {height:38px;}
}

/* #tnb1 ))) desktop 화면 */
@media all and (min-width:1260px){
	/* 주메뉴 20190628. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니, 스타일 분리
	 * 1차 inline배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
	 */
	#tnb1{
		/* z-index:20; ☆쌓임맥락만들지마요! */
		/* float:left; */
		position:relative;
		width:auto;
		height:89px;
		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; */
		transition:all .35s ease !important;
	}
	#tnb1c>.bg{/* display:none; */
		z-index:0; /* ( z 최소값 ) */
		position:absolute;
		left:-200%;
		right:-200%;
		top:95px;height:0;
		background:#fff;
		transition:all .35s ease;
		/* transition:height .25s ease; */
		/* background:#0054a6; */
	}
	#tnb1c.over {}
	#head.is-over #tnb1c.over>.bg {height:calc(100% - 95px);box-shadow:0 16px 16px rgba(0,0,0,.15)}
	#tnb1c>div.cont{
		float:none;
		position:relative;
		right:auto;
		max-width:1600px; /* ☆ */
		min-height:100%;
		margin: auto;
		box-shadow:none;text-align:center;
	}
	#tnb1c.on>div.cont{right:auto;
		box-sizing:border-box; /* ☆ */
	}

	/* depth1~depth4 */
	/* depth1 */
	#tnb1 div.d1{
		position:static;
		width:auto;
		min-height:100%;
		padding:0; /* ☆ */
		background:transparent;
		overflow:visible;
		box-sizing:border-box;
		display:inline-block;
		margin-left:-178px;
	}
	#tnb1 div.d1>ul{
		width:100%;
		min-height:0; /* >=1차메뉴전체높이 */
	}
	#tnb1 div.d1>ul>li{
		display: inline-block;
		/* float:left; */
		position:static; /* ☆ */
		margin:0 -2px;
	}
	/* ☆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:32px 46px 33px;
		line-height:1;
		color: #000;
		font-size:22px;
		font-weight:500;
		text-align:center;
	}
	#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{position:relative;display:inline-block;
		line-height:24px;
		vertical-align:middle;
	}
	#tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;bottom:-3px;left:-3px;content:"";display:block;width:calc(100% + 6px);height:2px;background:#cd4747}

	#tnb1 div.d1>ul>li.hasSub>a{}
	#tnb1 div.d1>ul>li.on>a, #tnb1 div.d1>ul>li.over>a, #tnb1 div.d1>ul>li.on.over>a {color:#c00c0c}

	/* ★ 주메뉴 전체 오버(포커스) */
	#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 {}
	#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before {}

	/* 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;
		transition:all .35s ease .05s;
	}

	/* depth2 */
	#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
		z-index:20;
		position:absolute;left:0;top:89px;
		width:1600px;
		height:0;
		margin:0 -200px;
		padding:0 200px;
		background:#fff;
		border-top:1px solid #e0e0e0;
		border-bottom:1px solid #e74080;
		background:url(../../img/main2023/tnb1bg.gif) center top;
	}
	#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
		display:none;
		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;z-index:1
	}
	#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:1330px; /* ☆ */
		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:17px;text-align:left;
	}

	#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{color:#fff;background:#f9437b;}
	#tnb1 div.d2>ul>li.on.over>a{color:#fff;background:#f9437b;}
	#tnb1 div.d2>ul>li.hasSub.on.over>a{color:#fff;background:#f9437b;}
	#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, #tnb1 div.d2>ul>li.over>a:before, #tnb1 div.d2>ul>li.over>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: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:15px;
	}

	#tnb1 div.d3>ul>li>a.t1{
		  color: #0a3191;
		font-weight: bold;
		font-size: 15px;
	}
	#tnb1 div.d3>ul>li>a:hover, #tnb1 div.d3>ul>li>a:focus {text-decoration:underline;text-underline-position:under}

	#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;
	}
}

@media screen and (max-width:1499px){
	#tnb1 div.d1>ul>li>a {padding-left:30px;padding-right:30px;}
}

/* #tnb1 ))) 미디어쿼리 max-width:1259px 안으로 보냄 모바일화면 */
@media all and (max-width:1259px){
	/* 주메뉴 20191220. makeActive2ClickHover('#tnb1'); */
	#tnb1{
		position:absolute;left:0;right:0;top:0;
		width:100%;
		margin:auto;
		line-height:1.375;
		height:auto;
	}
	#tnb1 .b1.toggle{float:left;
		z-index:10;
		position:absolute;
		right:10px;
		top:21px; /* (화면확인) */
		box-sizing:border-box; /* ☆ */
		width:40px;height:40px;
		border-radius:2px;
		background:none;
		overflow:hidden;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/ic80a1c1bars5@2x.png) no-repeat;
		background-size:contain;
		opacity:1;
	}
	#tnb1 .b1.toggle.on {display:none}
	#tnb1 .b1.toggle.on .ic1 {background-image:url(../../img/inc/ic80a1c1close1@2x.png);}
	#tnb1c{display:block !important; /* ☆ */
		visibility:hidden; /* ☆ */
		z-index:110; /* ☆ */
		position:fixed; /* ☆ */
		left:auto;
		right:-200%;
		top:0;bottom:0;
		width:100%;
		height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */
		overflow-y:visible; /* ☆ */
		transition:.0s;
		/* ★☆ToEdit) 확인용 */
		/* visibility:visible !important;
		right:0 !important; */
	}
	#tnb1c.on{
		display:block;
		visibility:visible;
		right:0;
		transition:.2s .2s;
	}
	#tnb1c>.bg{visibility:hidden;
		position:fixed;left:0;right:0;top:0;bottom:0;
		background:rgba(0,0,0,.7);
		opacity:0;
		transition:.0s;
	}
	#tnb1c.on>.bg {visibility:visible;opacity:1;	transition:.2s;}
	/* ☆ */
	#tnb1c .b2{z-index:110;
		position:absolute;right:15px;top:12px;
		width:30px;height:30px;background:#31373d;border-radius:5px
	}
	#tnb1c .b2:before, #tnb1c .b2:after {position:absolute;top:50%;left:50%;margin:-10px -1px;content:"";display:block;width:2px;height:20px;background:rgba(255,255,255,.7);}
	#tnb1c .b2:before {transform:rotate(45deg)}
	#tnb1c .b2:after {transform:rotate(-45deg)}
	#tnb1c .b2>.ic1 {}
	#tnb1c .b2.close {}
	#tnb1c .b2.close>.ic1{}
	#tnb1c .d1 ~ .b2.close>.ic1 {opacity:0;}
	/* ☆ */
	#tnb1c>div.cont{
		display:none; /* [All]키보드지나감방지 */
		position:relative;
		right:-100%;
		box-sizing:border-box; /* ☆ */
		width:470px;
		height:100%;
		min-width:300px;
		overflow:visible;
		 /*overflow-y:auto; ☆ */
		margin:auto 0 auto auto;
		background:#202328;
		/* ★☆ToEdit) 확인용 */
		/* display:block; */
		/* right:0 !important; */
	}
	#tnb1c.on>div.cont {display:block;right:0;}

	/* depth1~depth4 */
	#tnb1 .smain {display:block;}
	/* depth1 */
	#tnb1 div.d1{
		clear:both;
		position:relative;
		overflow-y:auto;
		overflow-x:hidden;
		padding-top:20px;box-sizing:border-box;
		height:calc(100% - 20px);
		z-index:1
	}
	#tnb1 div.d1>ul {position:relative;;padding:0}
	/* #tnb1 div.d1>ul:after {position:absolute;top:0;left:0;width:calc(100% - 10px);height:100%;content:"";display:block;background:#32373d;border-radius:20px} */
	#tnb1c.over div.d1>ul:after {width:50%}
	#tnb1 div.d1>ul>li{display:inline;}
	#tnb1 div.d1>ul>li>a{display:block;
		z-index:20; /* .d2 보다 높여준다 */
		position:relative;
		box-sizing:border-box; /* ☆ */
		width:100%;
		/* background:#2d97be url() no-repeat 93.5% 50%; */
		color:#fff;
		font-size:19px;padding:0;
		word-break:keep-all;
		word-wrap:break-word;
		border-bottom:1px solid rgba(255,255,255,.05)
	}
	#tnb1 div.d1>ul>li:first-child>a {border-top:0}
	#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
		padding:18px 25px; /* ☆ */
		font-size:inherit;font-weight:400
	}
	#tnb1 div.d1>ul>li>a:hover,
	#tnb1 div.d1>ul>li>a:focus{}

	/* depth1 활성 */
	#tnb1 div.d1>ul>li.on>a{
		color:#f7b3ae;
	}
	#tnb1 div.d1>ul>li.on>a>.t1 {position:relative;font-weight:600;}
	/* #tnb1 div.d1>ul>li.on>a>.t1:before {position:absolute;top:19px;left:25px;content:"";display:block;width:17px;height:11px;background:url(../../img/inc/layout_sprite.png) no-repeat -140px -107px} */
	/* depth2~3 */
	#tnb1 li>div[class^='d']{
		display:none;visibility:hidden;
		height:0;opacity:0;
	}
	#tnb1 li.on>div[class^='d']{
		display:block;visibility:visible;
		height:auto;opacity:1;
		margin-left:0;
	}
	#tnb1 div.d1>ul>li.hasSub>a:after {position:absolute;top:24px;right:20px;content:"";display:block;width:14px;height:14px;background:url(../../img/inc2020/tnb1d1bg1has.png) no-repeat;}
	#tnb1 div.d1>ul>li.hasSub.on>a:after {background-image:url(../../img/inc2020/tnb1d1bg1on.png)}

	/* depth2 */
	#tnb1 li>div.d2 {	background:#333;display:block;padding:0;box-sizing:border-box;}
	#tnb1 div.d1>ul>li.on div.d2 {display:block;height:auto;opacity:1;z-index:10;right:20px;left:auto;border:0;}
	#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 li>div.d2>ul {margin-left:0;width:100%;}
	#tnb1 div.d2>ul>li {position:relative;width:100%;float:none;margin:0;border-bottom:1px solid rgba(255,255,255,.15)}
	#tnb1 div.d2>ul>li:last-child {border-bottom:0}
	#tnb1 div.d2>ul>li>a{display:block;
		z-index:10;
		position:relative;
		padding:15px 5px 15px 40px;
		background:transparent;
		color:#fff;
		font-size:17px;
		transition:.2s;
	}
	#tnb1 div.d2>ul>li.on>a {text-decoration:underline;color:#fff;font-weight:600}
	#tnb1 div.d2>ul>li.on.hasSub>a {text-decoration:none}
	#tnb1 div.d2>ul>li.hasSub>a:before {position:absolute;top:20px;left:20px;content:"";display:block;width:12px;height:12px;background:url(../../img/inc2020/tnb1d2bg1has.png)}
	#tnb1 div.d2>ul>li.hasSub.on>a:before {background-image:url(../../img/inc2020/tnb1d2bg1on.png)}


	/* depth3 */
	#tnb1 li>div.d3 {}
	#tnb1 li.on>div.d3 {border-bottom:0;background:#444;}
	#tnb1 div.d3>.bg{display:none;} /* ☆ */
	#tnb1 div.d3>ul {margin:0;padding:12px 0}
	#tnb1 div.d3>ul>li{position:relative;padding:0 20px}
	#tnb1 div.d3>ul>li>a {position:relative;display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:15px 10px;
		color:rgba(255,255,255,.8);
		font-size:16px;
		border-bottom:1px solid rgba(255,255,255,.05)
	}
	#tnb1 div.d3>ul>li:last-child>a {border-bottom:0}
	#tnb1 div.d3>ul>li>a:before {position:absolute;top:24px;left:0;content:"";display:block;width:3px;height:3px;background:#ccc}
	#tnb1 div.d3>ul>li.on>a:before {background-color:#343b92;border-radius:50%;}
	#tnb1 div.d3>ul>li.hasSub.on>a:after {display:none}
	#tnb1 li.on>div.d3>ul>li.on>a {text-decoration:underline;color:#fff;text-underline-position:under}
	/* depth4 */
	#tnb1 div.d4 {display:none}
	#tnb1 li>div.d4 {	padding:5px 0;background:#555;}
	#tnb1 li.on>div.d4 {display:block;margin:0 -20px;}
	#tnb1 div.d4>.bg{display:none;} /* ☆ */
	#tnb1 div.d4>ul>li{position:relative;padding-left:10px;}
	#tnb1 div.d4>ul>li>a{position:relative;display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:10px 30px;
		border-bottom:1px solid rgba(255,255,255,.05);
		color:#fff;
		font-size:15px;
	}
	#tnb1 div.d4>ul>li:last-child>a {border-bottom:0}
	#tnb1 div.d4>ul>li>a:before {position:absolute;top:18px;left:20px;content:"";display:block;width:3px;height:3px;background:rgba(255,255,255,.5);}
	#tnb1 div.d4>ul>li.hasSub>a {}
	#tnb1 div.d4>ul>li.on>a:before {}
	#tnb1 li.on>div.d4>ul>li.on>a {text-decoration:underline;}

	/* 20191220 새 창 */
	#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:-6px 0 0 7px;
		background:url(../../img/inc2020/ic24a1c0newwindow2.png) no-repeat;background-size:contain;
		vertical-align:middle;
	}
	#anb1 {display:none;}
} /* (max-width:1259px) */
@media screen and (max-width:999px){
	#tnb1 .b1.toggle {top:18px;}
}
@media screen and (max-width:768px){
	#tnb1 .b1.toggle {top:16px;}
}
@media screen and (max-width:599px){
	#tnb1 .b1.toggle {top:16px;}
}
@media screen and (max-width:499px){
	#tnb1c>div.cont {width:auto;margin-left:10px;}
	#tnb1c .b2 {right:10px;}
}

/* 모바일용 검색 */
#msearch1 {display:none}
#msearch1 .b1.toggle {position:absolute;top:21px;right:55px;width:40px;height:40px;background:linear-gradient(160deg, #52459f, #df3f81);border-radius:12px;}
#msearch1 .b1.toggle:before {content:"";display:block;width:100%;height:100%;background:url(../../img/main2023/layout_sprite.png) no-repeat -59px -87px}
#msearch1c {position:absolute;top:76px;left:0;width:100%;display:none;background:#f6f7f8;text-align:center;z-index:10;padding:15px 0}
#msearch1c.on {display:block;}
#msearch1c form fieldset {position:relative;max-width:80%;margin:auto;background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #463175 0%,  #a92769 100%);background-origin:border-box;background-clip:content-box, border-box;box-sizing:border-box;border:3px solid transparent;border-radius:35px;text-align:left;}
#msearch1c form fieldset input.text {margin:0;width:calc(100% - 40px);height:50px;border:0;background:#fff;padding:0 15px;border-radius:35px;}
#msearch1c form fieldset .b1.search {position:absolute;top:5px;right:5px;width:40px;height:40px;border:0;margin:0;background:linear-gradient(160deg, #52459f, #df3f81);text-indent:-9999px;border-radius:50%;}
#msearch1c form fieldset .b1.search:before {position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(../../img/main2023/layout_sprite.png) no-repeat -59px -87px;}
#msearch1c .b1.close {position:absolute;top:-55px;right:55px;width:40px;height:40px;background:linear-gradient(160deg, #52459f, #df3f81);border-radius:12px;}
#msearch1c .b1.close:before, #msearch1c .b1.close:after {position:absolute;top:50%;left:50%;content:"";display:block;width:2px;height:26px;background:#fff;border-radius:4px;margin:-13px -1px;}
#msearch1c .b1.close:before {transform:rotate(45deg)}
#msearch1c .b1.close:after {transform:rotate(-45deg)}

#head_s2 .talktalk {position:absolute;top:21px;right:0;width: 140px;height:46px;line-height:46px;background:#5079da;color:#fff;font-size: 16px;font-weight:600;text-align:center;border-radius:25px 0 20px 20px;z-index:20}
#head_s2 .talktalk:before {content:"";display:inline-block;vertical-align:middle;width:40px;height:45px;background:url(../../img/main2023/layout_sprite.png) no-repeat 0 -92px;margin-top:-4px;margin-right:10px} /* 토더기 */
/* #head_s2 .talktalk:before {content:"";display:inline-block;vertical-align:middle;width:33px;height:45px;background:url(../../img/main2023/layout_sprite.png) no-repeat 0 -19px;margin-top:-4px;margin-right:10px} */

#head_s2 .kakao {position:absolute;top:21px;right: 143px;width: 140px;height:46px;line-height:46px;background: #fae100;color: #3c1e1e;font-size: 16px;font-weight:600;text-align:center;border-radius:25px 0 20px 20px;z-index:20}
#head_s2 .kakao:before {content:"";display:inline-block;vertical-align:middle;width: 30px;height: 30px;background: url(../../img/main2023/layout_sprite.png) no-repeat -104px -93px;margin-top: -4px;margin-right: 1px;} /* 토더기 */
#head_s2 .kakao span br{display:none;}


@media screen and (max-width:1619px){
	#head_s2 .talktalk {right:10px;}

	#head_s2 .kakao {right: 143px;}
}
@media screen and (max-width:1324px){
	#msearch1 {display:block;}
	#head_s2 .talktalk {top:22px;right:105px;width:auto;height:40px;font-size:15px;font-weight:500;padding:0 15px;line-height:40px;}
	#head_s2 .talktalk:before {display:none;}

	#head_s2 .kakao {top:22px;right:195px;width:auto;height:40px;font-size:15px;font-weight:500;padding:0 15px;line-height:20px;}
	#head_s2 .kakao:before {display:none;}
	#head_s2 .kakao span br{display:block;}
}
@media screen and (max-width:999px){
	#msearch1 .b1.toggle {top:18px}
	#msearch1c .b1.close {top:-58px}
	#head_s2 .talktalk {top:20px;font-size:14px;line-height:37px;height:36px;}

	#head_s2 .kakao {top:20px;font-size:13px;height:36px;line-height:18px;}
}
@media screen and (max-width:599px){
	#msearch1 .b1.toggle {top:15px}
	#msearch1c {top:71px;}
	#msearch1c form fieldset {max-width:95%;}
	#msearch1c .b1.close {top:-56px;}
	#head_s2 .talktalk {top:18px;right:98px;font-size:13px;padding:0 5px;}

	#head_s2 .kakao {top:18px;right:157px;border-radius:30px;padding:0 3px;}
	#head_s2 .kakao span{display:none;}
	#head_s2 .kakao:before{display:block;margin-top: 3px;margin-right: 0;padding:0;}
}
/* 모바일용 글로벌 */
@media screen and (max-width:1259px){
	.mobile_gn2 {background:#202328;padding:15px 30px 0;}
	.mobile_gn2 .datalist .item {position:relative;display:inline-block;vertical-align:top;padding-right:10px}
	.mobile_gn2 .datalist .item:before {position:absolute;top:5px;left:-5px;content:"";display:block;width:1px;height:12px;background:rgba(255,255,255,.3)}
	.mobile_gn2 .datalist .item:first-child:before {display:none}
	.mobile_gn2 .datalist .item a {color:rgba(255,255,255,.6);font-size:15px;padding:5px;}
	.mobile_gn2 .datalist .item.lang>a:after {position:absolute;top:10px;right:0;content:"";display:block;width:0;border-style:solid;border-width:5px;border-color:rgba(255,255,255,.3) transparent transparent transparent}
	.mobile_gn2 .datalist .item.lang>a.on:after {transform:rotate(180deg);top:3px}
	.mobile_gn2 .datalist .item #gn3c {display:none;position:absolute;top:30px;left:0;background:rgba(255,255,255,.1);width:100%;border-radius:5px;overflow:hidden;z-index:10}
	.mobile_gn2 .datalist .item #gn3c.on {display:block;}
	.mobile_gn2 .datalist .item #gn3c ul {padding:5px 0;text-align:center;}
	.mobile_gn2 .datalist .item #gn3c ul li a {display:block;padding:5px 0;}
	.mobile_gn2 .datalist .item #gn3c a.b1.close {border-top:1px solid rgba(0,0,0,.8);display:block;text-align:center;padding:8px 0 5px}
	.mobile_gn2 .datalist .item #gn3c a.b1.close:before {content:"CLOSE";display:block;font-size:13px;letter-spacing:0;}
}


/* foot */
#foot .container {max-width:1600px}
#banner1 {position:relative;height:24px;margin:40px 0 36px;}
#banner1 .h1 {position:absolute;top:0;left:0;font-family:"TTWanjudaedunsanche", sans-serif;font-size:24px;line-height:1;color:#fff;font-weight:500}
#banner1 .mControl {position:absolute;top:-4px;left:131px;}
#banner1 .mControl .b1 {display:inline-block;vertical-align:top;width:31px;height:31px;background:url(../../img/main2023/layout_sprite.png) no-repeat;border:0;margin:0 -1px}
#banner1 .mControl .b1.on {display:none}
#banner1 .mControl .b1.stop {background-position:-85px 0}
#banner1 .mControl .b1.play {background-position:-151px 0}
#banner1 .mControl .b1.prev {background-position:-52px 0}
#banner1 .mControl .b1.next {background-position:-118px 0}
#banner1 .mControl .b1.more {background-position:-184px 0}
#banner1 .mView {margin-left:255px;position:relative;height:24px;overflow:hidden}
#banner1 .mView .mCont {position:absolute;top:0;left:0;margin:0;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 16px;color:#fff;font-size:16px;line-height:24px;}
#banner1 .mContC>a:hover .t1, #banner1 .mContC>a:focus .t1 {text-decoration:underline;text-underline-position:under;}
@media screen and (max-width:1619px){
	#foot .container {max-width:1440px}
}
@media screen and (max-width:1459px){
	#foot .container {max-width:1280px}
}
@media screen and (max-width:1299px){
	#foot .container {max-width:1120px}
}
@media screen and (max-width:1259px){
	#foot .container {padding-left:10px;padding-right:10px;box-sizing:border-box}
	#banner1 {height:auto;margin:35px 0 30px}
	#banner1 .h1 {position:relative;top:auto;left:auto;display:inline-block;vertical-align:top;margin-left:20px;}
	#banner1 .mControl {position:relative;top:auto;right:auto;left:auto;display:inline-block;vertical-align:top;margin-top:-4px;margin-left:10px;}
	#banner1 .mView {margin-left:0;margin-top:20px;}
}
@media screen and (max-width:768px){
	#banner1 .h1 {font-size:22px}
	#banner1 .mContC>a .t1 {font-size:15px;padding:0 10px;}
}
@media screen and (max-width:599px){
	#banner1 {margin:30px 0 25px;}
	#banner1 .mView {margin-top:15px;}
}
@media screen and (max-width:499px){
	#banner1 {margin:30px 0 25px;}
	#banner1 .mView {margin-top:15px;}
}

.familysite1 {border-top:1px solid rgba(255,255,255,.2);padding:55px 0;}
.familysite1:after {content:"";display:block;clear:both;}
.familysite1 .familysite1g1 {position:relative;float:left;width:calc(20% - 16px);margin-left:20px;}
.familysite1 .familysite1g1:nth-of-type(1) {margin-left:0}
.familysite1 .familysite1g1>.h1>a {display:block;width:100%;border:1px solid rgba(255,255,255,.4);border-radius:8px;box-sizing:border-box;color:rgba(255,255,255,.4);font-weight:400;padding:13px 20px}
.familysite1 .familysite1g1>.h1>a:after {position:absolute;top:50%;right:19px;content:"";display:block;width:9px;height:5px;background:url(../../img/main2023/layout_sprite.png) no-repeat -41px -7px;margin-top:-2.5px;}
.familysite1 .familysite1g1>.h1>a.on:after {transform:rotate(180deg)}
.familysite1 .familysite1g1c {position:absolute;bottom:50px;left:0;width:100%;display:none;z-index:40;}
.familysite1 #familysite1g1  .familysite1g1c {width:300%;}
.familysite1 .familysite1g1c.on {display:block;}
.familysite1g1box {background:#fff;border:1px solid #444;box-shadow:0 0 5px rgba(0,0,0,.15);overflow:hidden;border-radius:5px 5px 0 0}
.familysite1g1box .h2 {display:block;background:#eee;padding:.5em 10px;font-size:18px}
.familysite1g1box .h3 {display:block;background:#f7f7f7;margin:.5em 0;padding:.5em 10px;font-size:16px;font-weight:500;}
.familysite1g1box .h3>a>.em0 {color:#444}
.familysite1g1box .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;}
.familysite1g1box .cc {float:left;width:33%;padding:0 .5%;box-sizing:border-box;}
.familysite1g1box ul {overflow:hidden;margin:5px 10px;}
.familysite1g1box .column ul {margin:0}
.familysite1g1box li {float:left;width:50%;}
.familysite1g1box li a {position:relative;display:block;color:#666;font-size:14px;padding:.5em 10px;}
.familysite1g1box .even-grid {padding:0 10px}
.familysite1g1box li a:hover, .familysite1g1box li a:focus {text-decoration:underline;text-underline-position:under}
.familysite1g1box li a:before {position:absolute;top:15px;left:0;content:"";display:block;width:3px;height:3px;background:#666;}
.familysite1g1box .wrap1 ul li a {position:relative;display:block;padding:.5em 10px;font-size:14px;color:#444;}
.familysite1g1c .b1.close {position:absolute;bottom:-50px;left:0;text-indent:-9999px;width:100%;height:50px;}
#familysite1g1 .familysite1g1c .b1.close {width:33%}
#familysite1g3c .familysite1g1box ul:after {content:"";display:block;clear:both;}
#familysite1g4c ul li {width:33.33%}
#familysite1g5c {width:200%;left:auto;right:0}
/* #familysite1g4c ul li, #familysite1g5c ul li {width:100%} */
#familysite1g5 .familysite1g1c .b1.close {width:50%;left:auto;right:0}
@media screen and (max-width:1459px){
	.familysite1 .familysite1g1 {width:calc(20% - 8px);margin-left:10px;}
}
@media screen and (max-width:1299px){
	.familysite1 {padding:45px 0 25px}
	.familysite1 .familysite1g1 {width:calc(33.33% - 6.67px);margin-bottom:10px;}
	.familysite1 .familysite1g1:nth-of-type(1) {width:calc(66.66% - 5px);}
	.familysite1 .familysite1g1:nth-of-type(3) {margin-left:0}
	.familysite1 #familysite1g1 .familysite1g1c {width:130%}
}
@media screen and (max-width:999px){
	.familysite1 {padding:40px 0 20px}
	.familysite1 .familysite1g1 {width:calc(50% - 5px);}
	.familysite1 .familysite1g1:nth-of-type(1) {width:100%;}
	.familysite1 .familysite1g1:nth-of-type(3) {margin-left:10px}
	.familysite1 .familysite1g1:nth-of-type(even) {margin-left:0}
	.familysite1 #familysite1g1 .familysite1g1c {width:100%}
	#familysite1g5c .familysite1g1box .even-grid .column {width:100%;padding-top:0;padding-bottom:0}
}
@media screen and (max-width:767px){
	.familysite1 {padding:30px 0 20px}
	.familysite1g1box .cc {width:50%;}
}
@media screen and (max-width:499px){
	.familysite1 .familysite1g1 {width:100%;float:none;margin-left:0}
	.familysite1 .familysite1g1:nth-of-type(3) {margin-left:0}
	.familysite1 .familysite1g1>.h1>a {font-size:15px;padding:10px 15px;}
	.familysite1 .familysite1g1c {bottom:42px}
	.familysite1g1box .cc {width:100%;}
	.familysite1g1box .cc li {width:33%}
	.familysite1g1box .h3 {font-size:15px}
	.familysite1g1box li a {font-size:13px;}
	.familysite1g1box li a:before {top:13px}
	#familysite1g5c {width:100%;}
}
@media screen and (max-width:399px){
	.familysite1g1box .cc li {width:50%}
	#familysite1g5c .familysite1g1box li {width:100%}
}

#fn1 ul {overflow:hidden}
#fn1 ul li {float:left;margin-right:15px;}
#fn1 ul li a {position:relative;display:block;color:#fff;padding:5px 15px 5px 0;font-weight:400}
#fn1 ul li a:after {position:absolute;top:15px;right:-1px;content:"";display:block;width:3px;height:3px;background:#fff;border-radius:50%;}
#fn1 ul li:first-child a {padding-left:0;color:#ff7c07;}
#fn1 ul li:last-child a:after {display:none}
#fn1 ul li:first-child a b {font-weight:400}
#fn1 ul li a:hover, #fn1 ul li a:focus {text-decoration:underline;text-underline-position:under}
#author1 {margin-top:20px;margin-bottom:40px;font-size:15px;color:rgba(255,255,255,.4);font-weight:400;line-height:28px}
#author1 address {display:inline-block;vertical-align:top;margin-right:15px;}
#author1 .tel1info a {color:inherit;}
#fn2 {position:absolute;top:20px;right:0;}
#fn2 img {vertical-align:top;}
#fn2 .pte {display:inline-block;margin-left:30px;margin-top:8px;}
@media screen and (max-width:999px){
	#author1 {margin-bottom:20px;}
	#fn2 {position:relative;top:auto;right:auto;text-align:center;margin-bottom:30px}
}
@media screen and (max-width:768px){
	#author1 address {display:block;margin-right:0}
	#fn1 ul li a {font-size:15px;}
}
@media screen and (max-width:549px){
	#author1 {font-size:14px;}
	#fn1 ul li {margin-right:10px;}
	#fn1 ul li a {font-size:14px;padding-right:10px;}
	#fn1 ul li a:after {top:13px}
	#fn2 .pte {margin-left:15px}
}

#gotop1 {position:absolute;top:-296px;right:0;width:70px;height:70px;background:#fff;border-radius:50%;box-shadow:5px 5px 10px rgba(0,0,0,.5);text-indent:-9999px;z-index:100}
#gotop1:before {position:absolute;top:50%;left:50%;content:"";display:block;width:22px;height:28px;background:url(../../img/main2023/layout_sprite.png) no-repeat -35px -33px;margin:-14px -11px;}
@media screen and (max-width:1259px){
	#gotop1 {display:none}
}

/* 투데이김해 퀵 */
#quick1 {position:absolute;top:0;right:0;bottom:0;z-index:102}
#quick1 .b1.open {position:fixed;top:63%;right:31px;z-index:300;display:block;width:100px;height:100px;background:url(../../img/main2023/layout_sprite.png) no-repeat -238px 0;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:30px;transition:all .45s ease}
#quick1 .b1.open:before {position:absolute;top:-22px;right:0;content:"";display:block;width:40px;height:43px;background:url(../../img/main2023/layout_sprite.png) no-repeat 0 -92px}
#quick1.open .b1.open {opacity:0}
#quick1c1 {display:none;position:absolute;top:430px;right:30px;width:500px;z-index:110;}
#quick1.open #quick1c1 {display:block;z-index:301}
#quick1c1 .wrap1 {position:relative;z-index:10;padding-top:21px}
#quick1c1 .wrap1:after {position:absolute;top:0;right:-22px;content:"";display:block;width:387px;height:240px;background:linear-gradient(120deg, #52459f 20%, #df3f81);z-index:-1;border-radius:70px 30px 30px 30px}
#quick1c1 .wrap1 .h1 {width:172px;height:52px;background:url(../../img/main2023/layout_sprite.png) no-repeat -59px -33px;text-indent:-9999px;margin:0 0 12px 187px;}
#quick1c1 .wrap1 .cont {background:#fff;box-shadow:20px 20px 30px rgba(0,0,0,.25);border-radius:30px;padding:0 40px 50px;}
#quick1c1 .wrap1 .cont .h2 {font-size:16px;text-align:center;font-weight:500;color:#000;line-height:1;padding:29px 0 15px;border-bottom:1px solid #ddd;}
#quick1c1 .wrap1 .cont .h2:before {content:"";display:inline-block;vertical-align:middle;width:23px;height:24px;background:url(../../img/main2023/layout_sprite.png) no-repeat 0 -66px;margin:-4px 8px 0 0}
#quick1c1 .wrap1 .cont .h2 span {font-weight:700}
#quick1c1 .b1.close {position:absolute;top:30px;right:0;width:36px;height:36px;background:url(../../img/main2023/layout_sprite.png) no-repeat -364px -62px;z-index:111;text-indent:-9999px;border:0}
#quick1c1 .cont .datalist .lst {overflow:hidden;margin:40px 0 30px;}
#quick1c1 .cont .datalist .lst .ic1 {float:left;width:110px;height:110px;background:#f6f6f6;text-align:center;border:1px solid #e2e2e2;border-radius:50%;box-sizing:border-box;}
#quick1c1 .cont .datalist .lst .ic1 img {width:100%;height:100%}
#quick1c1 .cont .datalist .lst .temp1 {float:left;margin:10px 15px 0 9px;font-size:14px;color:#000;padding-left:6px}
#quick1c1 .cont .datalist .lst .temp1 li.temp1t1 {font-size:30px;font-weight:800;color:#000;margin-left:-6px;margin-bottom:5px}
#quick1c1 .cont .datalist .lst .etc1 {float:left;margin-top:15px;}
#quick1c1 .cont .datalist .lst .etc1 li {font-size:14px;color:#000;line-height:26px;}
#quick1c1 .cont .datalist .lst .etc1 li .t1 {display:inline-block;vertical-align:top;width:50px;height:22px;line-height:22px;text-align:center;line-height:22px;font-size:12px;color:#fff;border-radius:12px;margin-right:9px;margin-top:2px}
#quick1c1 .cont .datalist .lst .etc1 li .t2 {display:inline-block;vertical-align:top;}
#quick1c1 .cont .datalist .lst .etc1 li .t1[data-status="좋음"] {background-color:#006cff;}
#quick1c1 .cont .datalist .lst .etc1 li .t1[data-status="보통"] {background-color:#01943c;}
#quick1c1 .cont .datalist .lst .etc1 li .t1[data-status="나쁨"] {background-color:#f00808;}
#quick1c1 .cont .datalist .lst .etc1 li .t1[data-status="수신불가"] {background-color:#666;}
#quick1c1 .cont .datalist dl {position:relative;padding-left:128px;padding-top:20px;min-height:110px;box-sizing:border-box}
#quick1c1 .cont .datalist dl:before {position:absolute;top:0;left:0;content:"";display:block;width:110px;height:110px;background:url(../../img/main2023/layout_sprite.png) no-repeat -402px 0}
#quick1c1 .cont .datalist dt.h3 {font-size:18px;font-weight:700;color:#000;}
#quick1c1 .cont .datalist dt.h3 span {font-weight:500;font-size:14px;}
#quick1c1 .cont .datalist dd.t1 {font-size:36px;font-weight:800;color:#e83f7f;line-height:1}
#quick1c1 .cont .datalist dd.t1 em {font-size:20px;color:#000}
#quick1c1 .cont .datalist .box1 {margin:40px 0 25px;background:#f7f8fc;border-radius:20px;padding:30px 25px;}
#quick1c1 .cont .datalist .box1:last-child {margin:25px 0 0}
#quick1c1 .cont .datalist .box1 .h3 {font-size:24px;color:#283b82;font-family:"TTWanjudaedunsanche", sans-serif;font-weight:500;line-height:1;margin-bottom:20px}
#quick1c1 .cont .datalist .box1 ol.lst {margin:0}
#quick1c1 .cont .datalist .box1 ol.lst li {margin-bottom:5px}
#quick1c1 .cont .datalist .box1 ol.lst li a {position:relative;display:block;padding-left:83px;line-height:30px;}
#quick1c1 .cont .datalist .box1 ol.lst li a .t1 {position:absolute;top:0;left:0;width:70px;height:30px;text-align:center;color:#fff;font-size:14px;background:#4545a2;border-radius:15px;}
#quick1c1 .cont .datalist .box1 ol.lst li a .t2 {display:block;color:#555;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#quick1c1 .cont .datalist .box1 ol.lst li a:hover .t2, #quick1c1 .cont .datalist .box1 ol.lst li a:focus .t2, #quick1c1 .cont .datalist .box1 ul.lst li a:hover, #quick1c1 .cont .datalist .box1 ul.lst li a:focus {text-decoration:underline;text-underline-position:under}
#quick1c1 .cont .datalist .box1 ul.lst {margin:-5px}
#quick1c1 .cont .datalist .box1 ul.lst li {line-height:35px;}
#quick1c1 .cont .datalist .box1 ul.lst li a {position:relative;color:#555;display:block;line-height:35px;font-size:15px;padding-left:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#quick1c1 .cont .datalist .box1 ul.lst li a:before {position:absolute;top:15px;left:0;content:"";display:block;width:4px;height:4px;border-radius:50%;background:#171718;}
#gotop2 {position:fixed;top:calc(63% + 250px);right:53px;width:60px;height:60px;background:url(../../img/main2023/layout_sprite.png) no-repeat -340px 0;display:block;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:50%;}
#safetyinspection{position:fixed;top:calc(63% + 125px);right:31px;display:block;width:100px;height:100px;background:url(../../img/main2023/layout_sprite.png) no-repeat -790px 0;box-shadow:5px 5px 10px rgba(0,0,0,.2);border-radius:30px;transition:all .45s ease}
#safetyinspection:before {position:absolute;top:5px;right:0;content:"";display:block;width:53px;height:68px;background:url(../../img/main2023/layout_sprite.png) no-repeat -893px 0}
#quick1.bottom .b1.open {top:30%;margin-top:-50px;}
#quick1.bottom #safetyinspection {top:calc(30% + 100px);}
#quick1.bottom #gotop2 {top:calc(30% + 160px);}

@media screen and (max-width:1259px){
	#quick1 .b1.open {top:20%;right:15px;}
	#safetyinspection{top:calc(20% + 125px);right:15px}
	#gotop2 {top:calc(20% + 250px);right:33px}
}
@media screen and (max-width:768px){
	#quick1 .b1.open {top:45%;right:5px;width:80px;height:80px;background-size:800px auto;background-position:-190px 0}
	#quick1 .b1.open:before {top:-18px;width:32px;height:34px;background-size:800px auto;background-position:0 -74px}
	#safetyinspection{top:calc(45% + 90px);right:5px;width:80px;height:80px;background-size:800px auto;background-position:-455px 0;}
	#safetyinspection:before {top:5px;right:0;width:43px;height:55px;background-size:800px auto;background-position:-411px 0;}
	#gotop2 {top:calc(45% + 180px);right:21px;width:42px;height:42px;background-position:-348px -7px}
	#quick1c1 {width:400px;top:150px}
	#quick1c1 .wrap1 {padding-top:17px;}
	#quick1c1 .wrap1 .h1 {margin-left:150px;width:138px;height:42px;background-size:800px auto;background-position:-47px -26px;}
	#quick1c1 .wrap1:after {width:310px;height:192px;}
	#quick1c1 .wrap1 .cont {padding:0 28px 25px;border-radius:24px}
	#quick1c1 .cont .datalist .lst {margin:30px 0 20px}
	#quick1c1 .cont .datalist .lst .ic1 {width:88px;height:88px;}
	#quick1c1 .cont .datalist .lst .temp1 {margin:10px 0 0;padding:0 0 0 20px;width:calc(100% - 100px);box-sizing:border-box;}
	#quick1c1 .cont .datalist .lst .temp1 li {display:inline-block;vertical-align:top;margin-right:5px;}
	#quick1c1 .cont .datalist .lst .temp1 li.temp1t1 {font-size:24px;display:block;}
	#quick1c1 .cont .datalist .lst .etc1 {width:100%;padding-left:20px;}
	#quick1c1 .cont .datalist dt.h3 {font-size:17px;}
	#quick1c1 .cont .datalist dt.h3 span {font-size:13px}
	#quick1c1 .cont .datalist dl {padding-left:102px;min-height:88px;}
	#quick1c1 .cont .datalist dl:before {width:88px;height:88px;background-size:800px auto;background-position:-322px 0;}
	#quick1c1 .cont .datalist dd.t1 {font-size:29px;}
	#quick1c1 .cont .datalist dd.t1 em {font-size:18px;}
	#quick1c1 .cont .datalist .box1 {margin:25px 0 0;padding:25px 20px;}
	#quick1c1 .cont .datalist .box1 .h3 {font-size:22px;margin-bottom:16px}
	#quick1c1 .b1.close {top:24px;}
}
@media screen and (max-width:499px){
	#quick1c1 {width:300px;right:10px;}
	#quick1c1 .wrap1 .h1 {margin-left:80px}
	#quick1c1 .wrap1 .cont {padding:0 15px 10px}
	#quick1c1 .wrap1 .cont .h2 {font-size:14px;padding-top:25px;}
	#quick1c1 .cont .datalist .lst {margin-top:20px;margin-bottom:20px;}
	#quick1c1 .cont .datalist .lst .ic1 {width:66px;height:66px;}
	#quick1c1 .cont .datalist .lst .temp1 {margin-top:5px;padding-left:15px;width:calc(100% - 70px)}
	#quick1c1 .cont .datalist .lst .temp1 li.temp1t1 {font-size:22px}
	#quick1c1 .cont .datalist dl {padding-left:75px;padding-top:5px;min-height:66px;}
	#quick1c1 .cont .datalist dl:before {width:66px;height:66px;background-size:600px auto;background-position:-241px 0}
	#quick1c1 .cont .datalist dt.h3 {font-size:15px}
	#quick1c1 .cont .datalist dd.t1 {font-size:24px;margin-top:5px}
	#quick1c1 .cont .datalist dd.t1 em {font-size:16px}
	#quick1c1 .cont .datalist .box1 {padding:20px 15px 15px;}
	#quick1c1 .cont .datalist .box1 .h3 {text-align:center;font-size:20px;margin-bottom:13px}
	#quick1c1 .cont .datalist .box1 ol.lst li a {padding-left:0}
	#quick1c1 .cont .datalist .box1 ol.lst li a .t1 {position:relative;display:block;width:56px;height:24px;font-size:12px;line-height:24px}
	#quick1c1 .cont .datalist .box1 ol.lst li a .t2 {font-size:14px;}
	#quick1c1 .cont .datalist .box1 ul.lst li a:before {top:13px;}
	#quick1c1 .cont .datalist .box1 ul.lst li a {font-size:14px;line-height:30px;padding-left:10px;}
}

/* 공지 헤더팝업 추가 - 20230426 */
.dustnotice1{font-family: 'S-CoreDream';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;}
.dustnotice1 .dustnotice1_content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;}
.dustnotice1 .dustnotice1_intro{}
.dustnotice1 .dustnotice1_title{padding-left:0;margin:3px 0 0 0;}
.dustnotice1 .dustnotice1_listbox{margin-left:10px;width:77.8%;text-align:left;margin-right:14px;display:block;background-color:#fff;border-radius:10px;vertical-align:bottom;}
.dustnotice1 .dustnotice1_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;}
.dustnotice1 .dustnotice1_import{color:#f45655;}
.dustnotice1 .dustnotice1_today{position:absolute;bottom:7px;right: 0%;float:right;}
.dustnotice1 .dustnotice1_checkbox{width:12px;height:12px;position:relative;top:8px;}
.dustnotice1 .dustnotice1_label{margin-left:4px;color:#292e42;font-size:13.5px;line-height:35px;top:8px;vertical-align:middle;}
.dustnotice1 .dustnotice1_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) {
	.dustnotice1{padding:0 0 35px 0;}
	.iss_wrap1{width:98%;}
	.dustnotice1 .dustnotice1_listbox{width:100%;margin-left:-5px;margin-top:6px;}
	.dustnotice1 .dustnotice1_title{padding-left:0;margin:11px 0 0 0;}
	.dustnotice1 .dustnotice1_close{margin-right:10px;}
	.dustnotice1 .dustnotice1_content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding-top:0px;}
	.dustnotice1 .dustnotice1_intro{margin-bottom:5px;text-align:center;width:6%;}
	.dustnotice1 .dustnotice1_intro:after{display:none;}
	.dustnotice1 .dustnotice1_today{right:1%;}
}

@media all and (max-width:800px) {
	.dustnotice1:before{height:46px;}
	.dustnotice1 .dustnotice1_intro{margin-top:0;margin-bottom:0;}
	.dustnotice1 .dustnotice1_listbox{margin-top:5px;margin-left:0;}
	.dustnotice1 .dustnotice1_txt{font-size:14px;line-height:20px;}
	.dustnotice1 .dustnotice1_label{font-size:13px;line-height:30px;top:4px;}
}

@media all and (max-width:480px) {
	.dustnotice1 .dustnotice1_title img{height:20px;}
	.dustnotice1 .dustnotice1_txt{font-size:13px;margin-top:4px;margin-bottom:4px;margin-left:12px;}
	.dustnotice1 .dustnotice1_listbox{width:100%;}
	.dustnotice1 .dustnotice1_today{position:absolute;bottom:135px;right:0%;}
}

@media all and (min-width:0px) and (max-width:1230px){/* ◇◆◇◆◇◆◇◆◇◆ */
.dustnotice1 .dustnotice1_intro{width:9%;}
.dustnotice1 .dustnotice1_today{position:absolute;bottom:2px;/*margin-left:180px;*/}
.dustnotice1 .dustnotice1_title p{padding-top:15px;font-size:15px;text-align:left;margin-left:-3%;font-weight:500;margin-bottom:5px;color:#414141;}
.dustnotice1 .dustnotice1_checkbox{width:12px;height:12px;position:relative;top:4px;}
}


/* 상단 공지팝업 추가 - 20250929 */
.disaster .disaster_title {font-size:22px;margin-top:0;margin-bottom: 8px;padding-top:8px;}
.disaster .disaster_title > span {color: #d54396;display: inline-block;border-bottom: 3px solid #d54396;/* margin:15px; */margin-top:5px;margin-bottom:5px;font-size: 22px;line-height:26px;letter-spacing: -0.05em;font-weight: 600;}
.disaster .disaster_title > span:before {content:"";display:block;width: 37px;height: 40px;background: url(/_res/portal/img/inc/ico_disaster.png) no-repeat center center / 37px 40px;position:absolute;top: 39%;margin: 1px 0 0 -43px;/* right: calc(100% + 8em); */transform: translateY(-100%);}
.disaster .disaster_title > span a{color: #d54396;text-decoration-line:none;}
.disaster .disaster_title > span a:hover{color:#7f1451;border-bottom: none;}
.disaster .disaster_txt{display:block;color:#000;margin:15px;margin-top:5px;margin-bottom:5px;font-size: 17px;line-height:26px;letter-spacing: -0.077em;font-weight: 400;}
.disaster .br{display:none;}

@media all and (max-width:1230px) {
	.disaster .disaster_title  > span {font-size: 20px;padding-left:0;margin-top:0;padding-top: 13px;}
	.disaster .disaster_title  > span:before {margin: -9px 0 0 -38px;width: 33px;height: 36px;background: url(/_res/portal/img/inc/ico_disaster.png) no-repeat center center / 33px 36px;}
	.disaster .disaster_txt{font-size:16px;margin-top:8px;margin-bottom:5px;}
}

@media all and (max-width:800px) {
	.disaster .disaster_title {font-size:16px;margin-top:0;padding-top:15px;}
	.disaster .disaster_txt{font-size: 15px;line-height:20px;}
	.disaster .disaster_label{font-size:13px;line-height:30px;top: 5;}
	.disaster .disaster_title  > span :before {margin: 7px 0 0 -38px;}
	.disaster .br{display:block;}
}

@media all and (max-width:480px) {
	.disaster .disaster_title {font-size:16px;margin-top:0;padding-top: 0;padding-left: 16px;padding-right: 16px;}
	.disaster .disaster_title > span {display: inline-block;/* margin:15px; */margin-left: 20px;margin-top:5px;margin-bottom:5px;font-size: 16px;line-height:26px;letter-spacing: -0.05em;font-weight: 600;}
	.disaster .disaster_title > span:before {content:"";display: block;width: 30px;height: 32px;background: url(/_res/portal/img/inc/ico_disaster.png) no-repeat center center / 30px 32px;/* position:absolute; *//* top:50%; */margin: 0 0 0 -34px;/* right: calc(100% + 8em); *//* transform: translateY(-100%); */}
	.disaster .disaster_txt{font-size: 14px;margin-top: 10px;margin-bottom:4px;margin-left:12px;}
	.disaster .br{display:none;}
}

@media all and (min-width:0px) and (max-width:1230px){/* ◇◆◇◆◇◆◇◆◇◆ */
	.disaster .disaster_today{position:absolute;bottom:2px;margin-left: 0;}
}


/* 메뉴검색폼 - 20251112 */
#search1_menu {position: absolute;text-align:center;/* margin: 35px 0 0 0; */right: 287px;top: 20px;z-index: 999999;}
#search1_menu .search1 {margin:auto;max-width: 178px;}
#search1_menu .search1 .wrap1 {position:relative;width:100%;height: 50px;border:3px solid transparent;border-radius:35px;background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #463175 0%,  #a92769 100%);background-origin:border-box;background-clip:content-box, border-box;box-sizing:border-box;}
#search1_menu .search1 .wrap1:before {position:absolute;top:-33px;left:-55px;/* content:""; */display:block;width:95px;height:120px;background:url(../../img/main2023/main_sprite.png) no-repeat -905px -331px;z-index:1}
#search1_menu .search1 .wrap1 form, #search1_menu .search1 .wrap1 form fieldset {width:100%;height:100%}
#search1_menu .search1 .wrap1 input.text {margin:0;width:100%;height:100%;border:0;border-radius:32px;font-size: 13px;padding: 0 10px 0 13px;box-sizing:border-box;}
#search1_menu .search1 .wrap1 input.text::-webkit-input-placeholder {color:#747474} /* WebKit browsers */
#search1_menu .search1 .wrap1 input.text:-moz-placeholder {color:#747474} /* Mozilla Firefox 4 to 18 */
#search1_menu .search1 .wrap1 input.text::-moz-placeholder {color:#747474} /* Mozilla Firefox 19+ */
#search1_menu .search1 .wrap1 input.text:-ms-input-placeholder {color:#747474} /* Internet Explorer 10+ */
#search1_menu .search1 .wrap1 .b1.search {position:absolute;top:50%;right: 4px;width:40px;height:40px;background:url(../../img/main2023/main_sprite.png) no-repeat;border:0;margin:-20px 0 0;text-indent:-9999px}
@media screen and (max-width:1324px){
	#search1_menu {display:none;}
}
@media screen and (max-width:1324px){
	#search1_menu {display:none;}
}