@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2022.09.19 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2022.09.19
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* base.css )) Overwrite. 20200117 ◆◆◆ */
body{
	background:#fff;
	color:#444; /* ☆#555 */
	/* font-weight:500; */font-weight:400;
	font-size:1em; /* (((16px */
	line-height:1.75; /* ☆ */
	letter-spacing:-.025em;  /* (-.5px/16px) */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'S-CoreDream',
		'Malgun Gothic', '맑은고딕',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}

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:1600px;
}
#container {position:relative;overflow:hidden;}
	#head {clear:both;width:100%;}
		#head_s1 {background:#f9f9fc;border-bottom:1px solid #ddd}
		#head_s2 {position:relative;border-bottom:1px solid #ddd;
			clear:both; /* ☆ */
		}
 		#head_s2>.container {} 
	#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:#222; 
	}

/* 배치.유틸 20191220 */
.width1expand1 {margin-left:-20px;margin-right:-20px;}
@media screen and (max-width:1619px){
	#head_s1>.container, #head_s2>.container {margin:auto 10px;}
}
@media screen and (max-width:1259px){
	#head_s1 {height:auto;padding:0 15px;}
}
@media screen and (max-width:999px){
	#head_s1 {padding:0 10px}
	#head_s1>.container {margin:auto}
}
@media screen and (max-width:599px){
	#head_s1>.container {text-align:center}
}



/* 글로벌 */
/* sns */
#sns1 {float:left;}
#sns1:after {content:"";display:block;clear:both;}
#sns1 li {float:left;padding:8px 2px 9px 3px;}
#sns1 li:first-child {padding-left:0}
#sns1 li a {display:block;text-indent:-9999px;width:32px;height:32px;background:url(../../img/inc/layout_sprite.png) no-repeat}
#sns1 li.fb a {background-position:0 0}
#sns1 li.twitter a {background-position:-34px 0}
#sns1 li.ch a {background-position:-68px 0}
#sns1 li.blog a {background-position:-102px 0}
#sns1 li.youtb a {background-position:-136px 0}
#sns1 li.insta a {background-position:-170px 0}
@media screen and (max-width:599px){
	#sns1 {float:none;display:inline-block;vertical-align:top;}
	#sns1 li {padding:5px 1px 4px}
}

#glink1 {float:left;}
#glink1 .toggle {display:none;font-size:13px;color:#666;padding:13px 15px 10px 10px}
.glink1>li {float:left;font-size:14px;}
.glink1>li>a {position:relative;display:block;color:#666;padding:16px 10px;letter-spacing:-.05em}
.glink1>li>a:after {position:absolute;top:calc(50% - 1.5px);right:-2px;content:"";display:block;width:3px;height:3px;background:#ddd;border-radius:50%;}
.glink1>li:last-child a:after {display:none}
.glink1>li>a:hover {color:#0982D6;text-decoration:underline}
.glink1>li:first-child>a:hover {color:#05449A}
	#glink1 #glink1list .close {display:none}
@media screen and (min-width:600px){
	#glink1list {display:block !important}
}
@media screen and (max-width:599px){
	#glink1 {position:absolute;top:0;right:0;display:block;}
	#glink1 .toggle {position:relative;display:block;}
	#glink1 .toggle:after {position:absolute;top:18px;right:0;content:"";display:block;width:0;border-style:solid;border-width:5px;border-color:#666 transparent transparent transparent}
	#glink1 .toggle.on:after {display:none}
	#glink1list {position:absolute;top:41px;right:-5px;width:140%;background:#f9f9fc;z-index:99999;padding:7px 10px;border:1px solid #ddd}
	.glink1>li {float:none;}
	.glink1>li>a {font-size:12px;padding:3px 10px;}
	.glink1>li>a:after {display:none}
	#glink1 .close {position:absolute;top:-41px;right:0;width:100%;height:40px;background:transparent;display:none}
	#glink1 .close:after {position:absolute;top:13px;right:5px;content:"";display:block;width:0;border-style:solid;border-width:5px;border-color:transparent transparent #666 transparent;}
	#glink1 #glink1list.on .close {display:block;}
}

#gn1 {position:relative;z-index:21;float:right;}
#gn1 ul li {float:left;padding-top:8px;}
#gn1 ul li a {position:relative;display:block;color:#666;font-size:14px;padding:8px 12px 6px}
#gn1 ul li a:hover, #gn1 ul li a:focus {text-decoration:underline;}
#gn1 ul li a:before {position:absolute;top:calc(50% - 1.5px);left:0;content:"";display:block;width:3px;height:3px;background:#ddd;border-radius:50%;}
#gn1 ul li:first-child a:before {display:none}
#gn1 ul li.name {position:relative;font-size:14px;margin-top:16px;color:#666;font-weight:600;padding-top:0;padding-right:12px;}
#gn1 ul li.name:after {position:absolute;top:calc(50% - 6px);right:-2px;content:"";display:block;width:1px;height:12px;background:#ccc;}
#gn1 ul li.name + li>a:before {display:none}
@media screen and (max-width:599px){
	#gn1 {float:none;text-align:center;}
	#gn1 ul li {float:none;display:inline-block;vertical-align:top;padding-top:0}
	#gn1 ul li.name {margin-top:-2px;padding:8px}
	#gn1 ul li a {font-size:13px;padding-left:8px;padding-right:8px;}
	#gn1 ul li a:before {left:-2px;}
}


/* 로고 */
h1#logo {position:absolute;top:0;left:0;font-size:1em;display:inline-block;vertical-align:top;z-index:31;}
h1#logo a {display:inline-block;vertical-align:top;padding:34px 0}
h1#logo img {height:52px;display:inline-block;vertical-align:top;}
@media screen and (max-width:1259px){
	h1#logo {position:relative;top:auto;left:auto;margin-left:15px;}
	h1#logo a {padding:20px 0}
	h1#logo img {height:48px;}
}
@media screen and (max-width:999px){
	h1#logo a {padding:18px 0}
	h1#logo img {height:42px;}	
}
@media screen and (max-width:599px){
	h1#logo a {padding:15px 0}
	h1#logo img {height:36px;}	
}
@media screen and (max-width:499px){
	h1#logo {margin-left:0}
	h1#logo img {height:31px;}	
}


/* #tnb1 ))) desktop 화면 */
@media all and (min-width:1260px){
	/* 주메뉴 20190927. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니 미디어쿼리별 따로 정의 (분리 사용 가능)
	 * 1차 인라인배치. 2차 스택배치. 개별열림.
	 */
	#tnb1{
		/* z-index:20; ☆쌓임맥락만들지마요! */
		/* float:left; */
		position:relative;
		width:auto;
		height:120px;
		line-height:1.375;
		box-sizing:border-box
	}
	/* 데스크탑 감춤 */
	#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:0;height:100%;
		background:#fff;
	}
	#tnb1c.over {}
	#head.is-over #tnb1c.over>.bg {height:100%;}
 	#head.is-over #tnb1c.over>.bg:before {position:absolute;top:120px;left:0;content:"";display:block;width:100%;height:1px;background:#e7e7e7;z-index:31}
	#head:after {position:fixed;top:171px;left:0;content:"";display:block;width:100%;height:0;background:transparent;z-index:10;transition:background .4s ease}
	#head.is-over:after {height:100%;background:rgba(0,0,0,0.6);}

	#tnb1c>div.cont{
		float:none;
		position:relative;
		right:auto;
		max-width: 1600px; /* ☆ */
		min-height:100%;
		margin: auto;
		box-shadow:none;
		text-align:right;
	}
	#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; /* ☆ */
		margin-right:120px;
		background:transparent;
		overflow:visible;
		box-sizing:border-box;
		display:inline-block;
	}
	#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.m7 ~ li{display:none;} 

	#tnb1 div.d1>ul>li>a{
		display:block;
		position:relative;
		height:24px;
		padding:50px 40px 46px;
		color: #222;
		font-size:0;
		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;
		font-size:20px;
		line-height:24px;
		vertical-align:middle;letter-spacing:-.05em;
	}
	#tnb1 div.d1>ul>li.on>a>.t1:after {position:absolute;bottom:-22px;left:-3px;content:"";display:block;width:calc(100% + 6px);height:3px;background:#00246b}

	#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:#00246b;font-weight:600}

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

	/* #tnb1 div.d1>ul>li.m7 ~ li {display:none} */

	/* ★ 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:50%;top:120px;
		width:1600px;
		height:0;
		margin:0 -50%;
		padding:0;transition:all .45s ease;
	}
	#tnb1 li>div.d2:after {position:absolute;top:1px;left:-50%;right:-50%;content:"";display:block;width:200%;height:calc(100% - 1px);background:#fff;}
	#tnb1 div.d2>.bg{ /* ☆ 겹치는 배경 추가 */
		height:0;
		margin:0 -360px;
	}
	/* 데스크탑 only 좌 1차제목.. */
	#tnb1 div.d2>.hg1 {position:absolute;top:0;left:0;display:block;text-align:right;padding:40px 70px 0 0;margin:0;width:440px;height:100%;box-sizing:border-box;z-index:1;}
	#tnb1 div.d2>.hg1:after {position:absolute;top:1px;right:0;content:"";display:block;width:200%;height:calc(100% - 1px);background:#e5eff6;border-right:1px solid #ececec;box-sizing:border-box;z-index:-1}
	#tnb1 div.d2>.hg1>.h1{display:block;
		z-index:10;
		position:relative;
		color:#00246b;
		font-weight:500;
		font-size:30px;
	}
	#tnb1 div.d2>.hg1>.h1:before {content:"";display:block;width:135px;height:108px;background-repeat:no-repeat;margin:0 -10px 10px auto}
	#tnb1 li.m1 div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h101.png)}
	#tnb1 li.m2  div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h102.png)}
	#tnb1 li.m3 div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h103.png)}
	#tnb1 li.m4 div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h104.png)}
	#tnb1 li.m5 div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h105.png)}
	#tnb1 li.m6 div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h106.png)}
	#tnb1 li.m7 div.d2>.hg1>.h1:before {background-image:url(../../img/inc/ic135a1hg1h107.png)}


	#tnb1 div.d2>.hg1>.t1 {font-size:14px;color:#959595;line-height:20px;}
	#tnb1 div.d2>.hg1>.h2{display:block;
		z-index:10;
		position:relative;
		margin:10px 0;
		color:#fff;
		font-size:16px;
		line-height:24px;
	}
	#tnb1 div.d2>.hg1>.ic1{display:block;
		position:absolute;right:0;bottom:0;
		width:414px;
		height:325px;
		background:url() no-repeat right bottom;
	}
	#tnb1 div.d2>ul{
		position:relative; /* ☆ 하위메뉴의 기준위치 */
		width:calc(100% - 470px); /* ☆ */
		min-height:230px; /* ( .hg1>.ic1{height} + box-shadow) */
		margin:0; /* ☆ */
		overflow:hidden;text-align:left;
		margin-left:470px;box-sizing:border-box;padding-top:50px;padding-bottom:50px;
	}
	#tnb1 div.d2>ul>li{
		clear:both; /* ☆ */
		position:relative;display:inline-block;vertical-align:top;width:calc(19% - 5px);
		margin:0 4px 12px;
	}
	#tnb1 div.d2>ul>li>a{
		display:block;
	/* 	float:left; */
		z-index:10;
		position:relative;
		box-sizing:border-box; /* ☆ */
		/* min-width:221px; */
		min-height:22px;
		margin:0;
		padding:14px 20px 12px;
		color:#363940;
		font-size:16px;font-weight:400;
		border:1px solid #d7d7d7;
		text-align:left;letter-spacing:-.05em;
		background:#fff;border-radius:3px;transition:all .35s ease
	}
	#tnb1 div.d2>ul>li.hasSub>a{}
	#tnb1 div.d2>ul>li.on>a {
		z-index:20;
		background:#0053a7;color:#fff;border-color:#0053a7;
	}
	#tnb1 div.d2>ul>li.hasSub.on>a {}
	#tnb1 div.d2>ul>li>a>.ic1 {position:absolute;top:20px;right:17px;width:5px;height:9px;background:url(../../img/inc/layout_sprite.png) no-repeat -211px 0;}
	#tnb1 div.d2>ul>li.on>a>.ic1, #tnb1 div.d2>ul>li>a:hover>.ic1, #tnb1 div.d2>ul>li>a:focus>.ic1 {background-position:-204px 0}

	/* ★ 오버(포커스) */
	#tnb1 li.over>div.d2 {z-index:20;overflow:visible;display:block;}
	#tnb1 div.d2>ul>li.over>a {background:#0053a7;color:#fff;border-color:#0053a7}
	#tnb1 div.d2>ul>li.hasSub.over>a {background:#0053a7;color:#fff;border-color:#0053a7}
	#tnb1 div.d2>ul>li.on.over>a {background:#0053a7;color:#fff;border-color:#03435d}
	#tnb1 div.d2>ul>li.hasSub.on.over>a {background:#0053a7;color:#fff;border-color:#0053a7}
	#tnb1 div.d2>ul>li>a:hover,
	#tnb1 div.d2>ul>li>a:focus {background:#0053a7;color:#fff;border-color:#0053a7}
	#tnb1 div.d2>ul>li>a:hover:before,
	#tnb1 div.d2>ul>li>a:focus:before,
	#tnb1 div.d2>ul>li.on>a:before {display:inline-block;}
	#tnb1 div.d2>ul>li.on>a:hover,
	#tnb1 div.d2>ul>li.on>a:focus {}

	/*평생학습박람회 - 20251013*/
	#tnb1 div.d2>ul>li.over>a.m_fair{background:#e54a5f;color:#ffffff;border-color:#e54a5f}
	#tnb1 div.d2>ul>li>a.m_fair{color:#e54a5f;border-color:#e54a5f}
	#tnb1 div.d2>ul>li.on>a.m_fair{background:#e54a5f;color: #fff;}
	#tnb1 div.d2>ul>li.on>a.m_fair:hover{background:#e54a5f;border-color:#e54a5f;color:#ffffff;}
	#tnb1 div.d2>ul>li>.m_fair:before{content:'';display:inline-block;width:14px;height:18px;background:url(../../img/inc/fair_ico2.png) no-repeat;vertical-align:middle;bottom: 3px;position:relative;}


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

	/* 20190522 새 창 */
	#tnb1 div.d2>ul>li>a[target='_blank']:after,
	#tnb1 div.d3>ul>li>a[target='_blank']:after{
		content:'';
		display:inline-block;
		width:15px;height:14px;
		margin:-6px 0 0 7px;
		background:url(../../img/inc/ic15newwindow.png) no-repeat;
		vertical-align:middle;
	}
	#tnb1 div.d2>ul>li>a[target='_blank']:hover:after, #tnb1 div.d2>ul>li>a[target='_blank']:focus:after, #tnb1 div.d3>ul>li>a[target='_blank']:hover:after, #tnb1 div.d3>ul>li>a[target='_blank']:focus:after {background-image:url(../../img/inc/ic15newwindow_on.png)}
}
@media all and (max-width:1599px){
	#tnb1 div.d1 {margin-right:100px;}	
}
@media all and (max-width:1499px){
	#tnb1 div.d1>ul>li>a {padding-left:30px;padding-right:30px;}
}
@media all and (max-width:1399px){
	#tnb1 div.d1>ul>li>a {padding-left:20px;padding-right:20px;}
}
@media all and (max-width:1299px){
	#tnb1 div.d1 {margin-right:90px}
}

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


@media all and (max-width:1259px){
	/* 주메뉴 20191220. makeActive2ClickHover('#tnb1'); */
	#tnb1{
		position:absolute;left:auto;right:0;top:0;
		width:100%;
		margin:auto;
		line-height:1.375;z-index:9999
	}
	#tnb1 .b1.toggle{float:left;
		z-index:10;
		position:absolute;
		right:10px;
		top:25px; /* (화면확인) */
		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/ic80a1c1bars2@2x.png) no-repeat;
		background-size:contain;
		opacity:1;
	}
	#tnb1 .b1.toggle.on {}
	#tnb1 .b1.toggle.on .ic1 {background-image:url(../../img/inc/ic80a1c1close1@2x.png);}
	#tnb1c{display:block !important; /* ☆ */
		visibility:hidden; /* ☆ */
		z-index:100; /* ☆ */
		position:fixed; /* ☆ */
		left:auto;
		right:-320px;
		top:0;bottom:0;
		width:300px;
		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,.5);
		opacity:0;
		transition:.0s;
	}
	#tnb1c.on>.bg {visibility:visible;opacity:1;	transition:.2s;}
	/* ☆ */
	#tnb1c .b2{z-index:110;
		position:absolute;right:5px;top:0;
		width:70px;height:70px;
	}
	#tnb1c .b2>.ic1{float:left;
		position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url() no-repeat 50% 50%;
		background-size:contain;
	}
	#tnb1c .b2.close {}
	#tnb1c .b2.close>.ic1{
		background-image:url(../../img/inc/ic80a1c0close@2x.png);
	}
	#tnb1c .d1 ~ .b2.close>.ic1 {opacity:0;}
	/* ☆ */
	#tnb1c>div.cont{
		display:none; /* [All]키보드지나감방지 */
		position:relative;
		right:-200%;
		box-sizing:border-box; /* ☆ */
		width:100%;
		height:100%;		
		background:linear-gradient(140deg, #014081 20%, #297dd2);
		overflow-y:auto; /* ☆ */
		/* ★☆ToEdit) 확인용 */
		/* display:block; */
		/* right:0 !important; */
	}
	#tnb1c.on>div.cont {display:block;right:0;}
	#tnb1c>div.cont:before {position:absolute;top:0;left:0;content:"전체메뉴";display:block;width:100%;height:70px;line-height:70px;color:#fff;font-size:20px;font-weight:500;padding:0 25px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.15);}

	/* depth1~depth4 */
	#tnb1 .smain {display:block;}
	/* depth1 */
	#tnb1 div.d1{
		clear:both;
		position:relative;
		/* background:#012c61; */
		overflow:hidden;
		margin:70px 15px 0;
	}
	#tnb1 div.d1>ul {position:relative;overflow:hidden;padding-top:15px}
	#tnb1 div.d1>ul>li{display:inline;position:relative;} /* ☆ */
	#tnb1 div.d1>ul>li>a{display:block;
		z-index:20; /* .d2 보다 높여준다 */
		position:relative;
		box-sizing:border-box; /* ☆ */
		width:100%;
		background:url() no-repeat 93.5% 50%;
		color:#fff;
		font-size:17px;
		word-break:keep-all;
		word-wrap:break-word;
		border-bottom:1px dashed rgba(255,255,255,.1);
		padding-left:0;padding-right:0;
	}
	#tnb1 div.d1>ul>li:first-child>a {border-top:0}
	#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
		padding:15px 12px; /* ☆ */
	}
	#tnb1 div.d1>ul>li>a:hover,
	#tnb1 div.d1>ul>li>a:focus{}
	#tnb1 .hasSub>a>.ic1 {position:absolute;top:15px;right:15px;width:20px;height:20px;opacity:.7}
	#tnb1 .hasSub>a>.ic1:before, #tnb1 .hasSub>a>.ic1:after {position:absolute;content:"";display:block;}
	#tnb1 .hasSub .ic1:before, #tnb1 .hasSub .ic1:after {position:absolute;top:50%;left:calc(50% - 6px);width:12px;height:1px;background:#fff;}
	#tnb1 div.d1 .hasSub .ic1:after {transform:rotate(-90deg)}
	#tnb1 div.d1 .hasSub.on>a>.ic1:after {display:none}
	#tnb1 div.d2 .hasSub>a>.ic1 {top:9px}
	#tnb1 div.d3>ul>li.hasSub>a:before {position:absolute;top:22px;right:19px;width:0;border-style:solid;border-width:5px;border-color:#444 transparent transparent transparent}
	#tnb1 div.d3>ul>li.hasSub.on>a:before {top:21px;border:0;width:10px;height:2px;background:#444;}

	/* depth1 활성 */
	#tnb1 div.d1>ul>li.on>a{
		color:#fff;
	}
	/* 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;border-bottom:1px solid rgba(255,255,255,.1)
	}
	/* depth2 */
	#tnb1 li>div.d2 {	padding:20px 0 20px}
	#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>ul>li {position:relative;}
	#tnb1 div.d2>ul>li>a{display:block;
		z-index:10;
		position:relative;
		padding:10px 28px;
		background:transparent;
		/* background-color:#1d4da7; */
		color:#fff;
		font-size:16px;
		transition:.2s;		
	}
	#tnb1 div.d2>ul>li>a:before {position:absolute;top:20px;left:15px;content:"";display:block;width:2px;height:2px;background:rgba(255,255,255,.5);}
	#tnb1 div.d2>ul>li.hasSub>a {}
	#tnb1 div.d2>ul>li.on>a {text-decoration:underline;}
	#tnb1 li.on>div.d2>ul>li.on>a:before {width:5px;left:13px;background:#fff;}
	#tnb1 li.on>div.d2>ul>li.hasSub.on>a{text-decoration:none;}

	/*평생학습박람회 모바일 - 20251013*/
	#tnb1 div.d2>ul>li>a.m_fair {color:#fcff3b;}
	#tnb1 div.d2>ul>li>.m_fair:after{content:'';display:inline-block;width:14px;height:18px;background:url(../../img/inc/fair_ico2.png) no-repeat;vertical-align:middle;bottom: 1px;left: 1px;position:relative;}

	/* depth3 */
	#tnb1 li>div.d3{
		
	}
	#tnb1 li.on>div.d3 {border-bottom:0;margin:10px 0}
	#tnb1 div.d3>.bg{display:none;} /* ☆ */
	#tnb1 div.d3>ul {margin:0 10px;background:rgba(255,255,255,.1);padding:15px 10px}
	#tnb1 div.d3>ul>li{position:relative;}
	#tnb1 div.d3>ul>li>a{display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:7px 10px;
		color:#fff;
		font-size:14px;
	}
	#tnb1 li.on>div.d3>ul>li.on>a{
		color:#fff;text-decoration:underline;
	}
	#tnb1 li.on>div.d3>ul>li.on>a:before {position:absolute;top:16px;left:0;content:"";display:block;width:5px;height:2px;background:#fff;}
	/* depth4 */
	#tnb1 li>div.d4 {	padding:.5em 10px .5em;background:#e0e0e0}
	#tnb1 div.d4>.bg{display:none;} /* ☆ */
	#tnb1 div.d4>ul>li{position:relative;padding-left:17px;}
	#tnb1 div.d4>ul>li>a{position:relative;display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:.375em 10px;
		border-top:0 solid #666;
		color:#666;
		font-size:15px;
	}
	#tnb1 div.d4>ul>li>a:before {position:absolute;top:15px;left:2px;content:"";display:block;width:3px;height:3px;background:#666;}
	#tnb1 div.d4>ul>li.hasSub>a {}
	#tnb1 div.d4>ul>li.on>a:before {background:#000}
	#tnb1 li.on>div.d4>ul>li.on>a {color:#000;font-weight:600;}


	/* 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:0 0 4px 4px;
		background:url(../../img/inc/ic11newwindow.png) no-repeat;
		vertical-align:middle;
	}

	#head_s2 .sitemap {display:none}

} /* (max-width:1259px) */
@media screen and (max-width:999px){
	#tnb1 .b1.toggle {top:20px}
}
@media screen and (max-width:599px){
	#tnb1 .b1.toggle {top:15px}
}
@media screen and (max-width:499px){
	#tnb1 .b1.toggle {top:10px;right:0}
}


/* 검색/사이트맵 */
#search1 .b1.toggle {position:absolute;top:50px;right:50px;width:21px;height:21px;background:url(../../img/inc/ic21a1search.png) no-repeat;z-index:21;text-indent:-9999px}
#search1c1 {display:none;position:absolute;top:120px;right:-200%;left:-200%;z-index:20;width:auto;background:#00246b;text-align:center;padding:20px 0}
#search1c1 .wrap {display:inline-block;vertical-align:top;background:#fff;border-radius:4px;padding:0 15px;}
#search1c1 .wrap select {border:0;width:100px;margin-right:10px}
#search1c1 .wrap input.text {border:0;margin:0;width:500px;height:52px;line-height:52px;box-sizing:border-box;}
#search1c1 .wrap .b1.search {width:21px;height:21px;background:url(../../img/inc/ic21a1search.png) no-repeat;border:0;text-indent:-9999px;}
#search1c1 .b1.close {position:relative;width:52px;height:52px;display:inline-block;vertical-align:top;text-indent:-9999px;margin-left:5px;background-color:rgba(0,0,0,.4);border-radius:4px}
#search1c1 .b1.close:before, #search1c1 .b1.close:after {position:absolute;top:calc(50% - 15px);left:calc(50% - 1px);content:"";display:block;width:2px;height:30px;background:#fff;}
#search1c1 .b1.close:before {transform:rotate(-45deg)}
#search1c1 .b1.close:after {transform:rotate(45deg)}
#head_s2 .sitemap {position:absolute;top:50px;right:0;width:22px;height:22px;background:url(../../img/inc/ic22a1allmenu.png) no-repeat;z-index:21;text-indent:-9999px}	
@media screen and (max-width:1259px){
	#search1c1 {top:89px}
	#search1 .b1.toggle {top:35px;right:60px;display:block}
	#search1 .b1.toggle.on {display:none}
}
@media screen and (max-width:999px){
	#search1c1 {top:79px}
	#search1 .b1.toggle {top:30px;}
}
@media screen and (max-width:768px){
	#search1c1 {left:-10px;right:-10px;padding:20px;box-sizing:border-box;}
	#search1c1 .wrap {display:block;width:calc(100% - 82px)}
	#search1c1 .wrap input.text {width:calc(100% - 150px);}
	#search1c1 .b1.close {position:absolute;top:20px;right:10px;}
}
@media screen and (max-width:599px){
	#search1c1 {top:67px;padding:15px 20px;}
	#search1c1 .wrap input.text {height:46px;line-height:46px}
	#search1c1 .b1.close {top:14px;width:46px;height:46px}
	#search1 .b1.toggle {top:25px;}
}
@media screen and (max-width:499px){
	#search1c1 {top:62px;}
	#search1c1 .wrap select {width:100%;height:42px;border-bottom:1px solid #ddd;font-size:15px}
	#search1c1 .wrap input.text {width:calc(100% - 30px);font-size:15px;height:42px;line-height:42px}
	#search1 .b1.toggle {top:20px;right:50px}
}


/* foot */
#banner1 {background:#fff;padding:32px 0;border-top:1px solid #e6e6e6}
#banner1 .h1 {float:left;margin-right:40px;font-size:24px;font-weight:800;color:#222;letter-spacing:-.05em;line-height:45px}
#banner1 .datalist {float:left;margin-left:-10px;width:calc(100% - 320px);overflow:hidden}
#banner1 .datalist:after {position:absolute;top:0;right:0;content:"";display:block;width:100px;height:100%;background:linear-gradient(to left, #fff, transparent)}
#banner1 .datalist .item {padding:0 10px;box-sizing:border-box;}
#banner1 .datalist .item a {display:block;font-size:15px;color:#222;padding:12px 20px;border:1px solid #ddd;border-radius:25px;height:45px;box-sizing:border-box;}
#banner1 .mControl {position:absolute;top:0;right:0;width:170px}
#banner1 .mControl .m {width:50px;height:50px;border:0;text-indent:-9999px;background:url(../../img/inc/layout_sprite.png) no-repeat}
#banner1 .mControl .prev {background-position:0 -78px}
#banner1 .mControl .next {background-position:-52px -78px}
#banner1 .mControl .stop {background-position:-104px -78px}
#banner1 .mControl .play {background-position:-156px -78px}
@media screen and (max-width:1259px){
	#banner1 {padding:28px 10px;}
	#banner1 .h1 {font-size:22px;margin-right:30px;line-height:40px}
	#banner1 .datalist .item {padding:0 4px}
	#banner1 .datalist .item a {font-size:14px;padding:10px 15px;height:40px}
}
@media screen and (max-width:999px){
	#banner1 {padding:20px 10px;}
	#banner1 .h1 {font-size:20px;margin-right:25px;line-height:35px}
	#banner1 .datalist {width:calc(100% - 210px)}
	#banner1 .datalist .item {padding:0 4px}
	#banner1 .datalist .item a {font-size:14px;padding:10px 15px;height:35px;padding-top:8px;padding-bottom:8px}
	#banner1 .mControl {width:auto;}
	#banner1 .mControl .m {width:35px;height:35px;background-size:172px auto;}
	#banner1 .mControl .prev {background-position:0 -55px}
	#banner1 .mControl .next {background-position:-36px -55px}
	#banner1 .mControl .stop {background-position:-73px -55px}
	#banner1 .mControl .play {background-position:-109px -55px}
}
@media screen and (max-width:768px){
	#banner1 .h1 {float:none;margin-bottom:10px}
	#banner1 .datalist {float:none;width:100%;}
}


#foot_s1 {padding:35px 0 35px;overflow:hidden}
#foot_s1:before {content:"";display:block;float:left;width:246px;height:42px;background:url(../../img/inc/layout_sprite1.png) no-repeat 0 -34px;margin-right:20px}

#fn1 {float:left;width:calc(100% - 305px);}
#fn1:after {content:"";display:block;clear:both;}
#fn1 li {float:left;margin:0 10px;}  
#fn1 li a {display:block;padding:10px;color:#888}
#fn1 li:first-child a {color:#cc4a3d}

#foot_s2 {font-size:14px;color:#888;padding-bottom:60px}
#author1 address {float:left;margin-bottom:8px;letter-spacing:-.05em;}
#author1 .telinfo {float:left;}
#author1 .telinfo li {position:relative;display:inline-block;margin-left:20px;letter-spacing:-.05em}
#author1 .telinfo li:before {position:absolute;top:5px;left:-10px;content:"";display:block;width:1px;height:10px;background:#333;}
#author1 .copyright {clear:both;font-size:13px;letter-spacing:0}

#family1site {position:absolute;top:50px;right:0;z-index:40}
#family1site .familysite1g1 {position:relative;text-align:left;}
#family1site .familysite1g1 .h1 a {display:block;background:#444;color:#fff;font-weight:400;letter-spacing:-.05em;width:280px;height:50px;line-height:50px;border-radius:25px;padding:0 30px;box-sizing:border-box;font-size:14px;}
#family1site .familysite1g1 .h1 a:after {position:absolute;top:18px;right:30px;content:"";display:block;width:0;border-width:5px;border-style:solid;border-color:transparent transparent #fff  transparent}
#family1site .familysite1g1 .h1 a.on:after {transform:rotate(180deg);top:23px;}
#family1site .familysite1g1 {margin-bottom:10px;}
#family1site .familysite1g1c {position:absolute;bottom:52px;left:0;background:#444;width:100%;border-radius:25px}
#family1site .familysite1g1c ul {padding:25px 30px;}
#family1site .familysite1g1c ul li {margin:2px 0}
#family1site .familysite1g1c ul li a {display:inline-block;vertical-align:top;color:#fff;font-size:14px;padding:2px 0;}
#family1site .familysite1g1c .close {position:absolute;bottom:20px;right:20px;width:22px;height:22px;text-indent:-9999px}
#family1site .familysite1g1c .close:before, #family1site .familysite1g1c .close:after {position:absolute;top:calc(50% - 9px);left:50%;content:"";display:block;width:1px;height:18px;background:#fff;}
#family1site .familysite1g1c .close:before {transform:rotate(45deg)}
#family1site .familysite1g1c .close:after {transform:rotate(-45deg)}
@media screen and (max-width:1399px){
	#family1site .familysite1g1 .h1 a {width:250px;}
}
@media screen and (max-width:1259px){
	#foot_s1 {padding:30px 0 20px}
	#foot_s1:before {float:none;margin:auto auto 10px;}
	#fn1 {float:none;width:100%;text-align:center}
	#fn1 li {float:none;display:inline-block;}
	#foot_s2 {text-align:center;}
	#author1 address, #author1 .telinfo, #author1 .telinfo li {float:none;display:inline-block;}
	#family1site {position:relative;top:auto;right:auto;margin-top:20px;}
	#family1site .familysite1g1 {display:inline-block;vertical-align:top;margin:0 2px;}
}
@media screen and (max-width:999px){
	#fn1 li {margin:0 5px;}
	#fn1 li a {padding:5px}
}
@media screen and (max-width:768px){
	#fn1 li a {font-size:15px}
	#author1 address, #author1 .telinfo, #author1 .telinfo li {font-size:14px;}
}
@media screen and (max-width:599px){
	#fn1 li {margin:0 2px}
	#fn1 li a {font-size:13px}
	#author1 address, #author1 .telinfo, #author1 .telinfo li {font-size:13px;}
	#author1 .telinfo li {margin:0 3px}
	#author1 .telinfo li:before {display:none}
	#author1 .copyright {margin-top:5px;}
	#family1site .familysite1g1 {margin:2px}
	#family1site .familysite1g1 .h1 a {width:230px;height:45px;line-height:45px;}
	#family1site .familysite1g1c ul {padding:20px 25px;}
	#family1site .familysite1g1c .close {bottom:10px;right:10px;}
}

#gotop1 {position:fixed;bottom:-250px;right:50px;z-index:50;width:60px;height:60px;background:#111;border-radius:50%;transition:all .35s ease}
#gotop1.on {bottom:50px;}
#gotop1:before {position:absolute;top:50%;left:50%;margin:-6px -8px;content:"";display:block;width:16px;height:16px;border:4px solid #fff;transform:rotate(45deg);box-sizing:border-box;border-right:0;	border-bottom:0}
@media screen and (max-width:768px){
	#gotop1 {width:48px;height:48px;right:10px;}
	#gotop1.on {bottom:10px}
}