@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2020.07.07 | 김효진 | 최초 등록
 * 2020.07.07 | 김효진 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 디자인팀 김효진
 * @since 2020.07.07
 *
 * @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. 20190927 ◆◆◆ */

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

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Noto Sans CJK KR','Noto Sans KR','Noto Sans','본고딕',NotoSans,
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		'맑은 고딕','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:
		'Noto Sans', 'Noto Sans KR', '본고딕', NotoSans,
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}


/* ◇◆ 공용 ◇◆ */


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


/* 배치.전체 20190927. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; /* ☆ */
	margin:0 15px; /* ☆ */
}
#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;
			display:block;
		}
		#head_s2{position:relative;
			clear:both; /* ☆ */
		}
		#head_s3{
			position:relative;
			/* height:0; */
		}
			[id*='head_']>.container{
				margin:auto 15px;
			}
			#head_s1>.container{display:flex;flex-wrap:wrap-reverse;}
			#head_s2>.container{}
			#head_s3>.container{}
	#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:#1e2027;
			padding-left:15px;padding-right:15px;
			padding-bottom:30px
		}
			[id*='foot_']>.container{}
			#foot_s1>.container{width:auto;max-width:1600px;margin:auto;}


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


/* ☆ 모바일 감춤 20190927 */
#anb1{display:none;}


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


/* #head */


/* 글로벌내비.분리 20190927 */
#gn1{
	z-index:30;
	position:relative;
	overflow:hidden;
	width:calc(100% + 30px);
	border-bottom:1px solid #eee;
	margin:0 -15px;
	box-sizing:border-box;padding:0 15px
}
#gn1 ul{
	padding:0;
	font-size:0;
	text-align:left;
}
#gn1 li{display:inline-block;
	padding:0 1px 0 1px;
}
#gn1 a{display:block;position:relative;
	padding:13px 10px;
	color:#666;
	font-size:14px;
	line-height:18px;
}
#gn1 a:before {position:absolute;top:calc(50% - 5px);left:0;content:"";display:block;width:1px;height:10px;background:#d1d1d1;}
#gn1 li:first-child a:before {display:none;}




/* 로고 20190927 */
h1#logo{position:relative;
	margin:0; /* (화면확인) (우요소) (화면확인) (좌요소) */
	font-size:0;line-height:0;
	text-align:left;
	z-index:30
}
h1#logo>a{display:inline-block;
	z-index:30; /* z > #tnb1c */
	position:relative;
}
h1#logo>a>img{display:block;
	width:auto;
	max-width:100%;
	height:30px;
	padding:15px 0; /* (주메뉴 덮는다) */
}


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


/* #wing */



/* #foot */
#gotop1 {position:fixed;bottom:95px;right:-45px;z-index:30;width:30px;height:30px;background:rgba(0,0,0,.5);transition:all .3s ease;}
#gotop1.on {right:15px;}
#gotop1:before {position:absolute;top:calc(50% - 3px);left:calc(50% - 4px);content:"";display:block;width:8px;height:8px;border:2px solid #fff;box-sizing:border-box;transform:rotate(-45deg);border-left:0;border-bottom:0}



/* 푸터내비 20190927 */
#fn1{
	position:relative;
	padding:10px 0;
	border-bottom:1px solid rgba(255,255,255,.1);
	overflow:hidden;
}
#fn1 ul{
	position:relative;
	text-align:left;
	overflow:hidden;
	max-width:1600px;margin:auto
}
#fn1 li{display:inline-block;
	margin:0 0 0 -1px;
	padding:0 0 1px;
	vertical-align:top;
}
#fn1 li>a{position:relative;display:block;
	padding:5px 5px 6px;
	color:rgba(255,255,255,.7);
	font-size:14px;
	white-space:nowrap;
}
#fn1 li:first-child>a {padding-left:0}
#fn1 li>a[target=_blank]:after {content:"";display:inline-block;vertical-align:middle;width:12px;height:12px;background:url(../../img/inc/ic11newwindow.png) no-repeat;margin-left:4px;margin-top:-2px;}
#fn1 li>a b{
	font-weight:500;
	color: #ff991d;
}



/* 작성자(연락처/저작권) 20190927 */
#author1{
	position:relative;
	min-width:280px;
	color:rgba(255,255,255,.4);
	font-size:13px;
	line-height:1.5;
	letter-spacing:-.025em;
	overflow:hidden;
	padding:20px 0;
	max-width:1600px;
	margin:auto;
}
#author1 a{ /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
	color:inherit;
}
#author1 .address{
	margin:0;display:block;vertical-align:top;
}
#author1 .telinfo, #author1 .telinfo li {display:inline-block;vertical-align:top;}
#author1 .telinfo li:before {content:"/";display:inline-block;margin:0 7px;}
#author1 .telinfo li:first-child:before {display:none;}
#author1 .nophishing{
	margin:1em 0 0;
}
#author1 .copyright {letter-spacing:0;}

/* ETC */


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


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

/* 주메뉴 20190927. makeActive2ClickHover('#tnb1'); */
	#tnb1{
		position:absolute;left:0;right:0;top:0;
		width:100%;
		margin:auto;
		line-height:1.375;
		z-index:31
	}
	#tnb1 .b1.toggle{
		z-index:10;
		position:absolute;
		right:-10px;
		top:55px; /* (화면확인) */
		box-sizing:border-box; /* ☆ */
		width:40px;height:40px;
		border-radius:50%;
		background:transparent;
		overflow:hidden;text-indent:-9999px;
	}
	#tnb1 .b1.toggle .ic1 {width:40px;height:40px;display:block;margin:auto;}
	#tnb1 .b1.toggle:before, #tnb1 .b1.toggle .ic1:before, #tnb1 .b1.toggle .ic1:after {position:absolute;left:calc(50% - 12px);content:"";display:block;width:24px;height:3px;background:#000;}
	#tnb1 .b1.toggle:before {top:11px}
	#tnb1 .b1.toggle .ic1:before {top:calc(50% - 1.5px);}
	#tnb1 .b1.toggle .ic1:after {bottom:10px}

	#tnb1c{display:block !important; /* ☆ */
		visibility:hidden; /* ☆ */
		z-index:100; /* ☆ */
		position:fixed; /* ☆ */
		left:auto;right:-270px;top:0;bottom:0;
		width:270px;
		/* margin:100px 0 0; */ /* (#height 높이) */
		overflow-y:visible; /* ☆ */
		transition:.0s;
	}
	#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;
		/* margin:100px 0 0; */ /* (#height 높이) */
		background:#000;
		background-color:rgba(0,0,0, .5);
		opacity:0;
		transition:.0s;
	}
	#tnb1c.on>.bg{visibility:visible;
		opacity:1;
		transition:.2s;
	}
	#tnb1c .b2{display:inline-block;
		z-index:110;
		position:absolute;
		right:270px;top:0;
		width:50px;height:50px;		
		background:#03459c;
	}
	#tnb1c .b2:before, #tnb1c .b2:after {position:absolute;top:calc(50% - 11px);left:50%;content:"";display:block;width:1px;height:22px;background:#fff;}
	#tnb1c .b2:before {transform:rotate(-45deg);}
	#tnb1c .b2:after {transform:rotate(45deg);}
	#tnb1c>div.cont{
		position:relative;
		right:-200%;
		width:270px;
		height:100%;
		background:#0183D9;
		overflow-y:auto; /* ☆ */
	}
	#tnb1c.on>div.cont{
		right: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, .2);
		background:url() no-repeat 95% 50%;
		color:#fff;
		font-size:18px;
		word-break:keep-all;
		word-wrap:break-word;
	}
	#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
		padding:.833em 20px; /* ☆ */
		vertical-align:middle;
	}
	#tnb1 div.d1>ul>li.hasSub>a{
		background-image:url(../../img/inc/tnb1d1bg1has.png);
	}
	#tnb1 div.d1>ul>li>a:hover,
	#tnb1 div.d1>ul>li>a:focus{}
	/* depth1 활성 */
	#tnb1 div.d1>ul>li.on>a{
		background-image:url(../../img/inc/tnb1d1bg1on.png);
		/* font-weight:600; */
	}
	/* depth2~3 */
	#tnb1 li>div[class^='d']{
		display:none;visibility:hidden;
		height:0;opacity:0;
		/* transition:.2s; */
	}
	#tnb1 li.on>div[class^='d']{
		display:block;visibility:visible;
		height:auto;opacity:1;
	}
	/* depth2 */
	#tnb1 li>div.d2{
		background:#03459c;
	}
	#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{margin:-1px 0 0;}
	#tnb1 div.d2>ul>li{position:relative;}
	#tnb1 div.d2>ul>li>a{display:block;
		z-index:10;
		position:relative;
		padding:.583em 42px;
		border-top:1px solid #444;
		border-color:rgba(255,255,255, .05);
		background:url(../../img/inc/tnb1d2bg1.png) no-repeat 20px 50%;
		color:#fff;
		font-size:16px;
	}
	#tnb1 div.d2>ul>li.hasSub>a{
		background-image:url(../../img/inc/tnb1d2bg1has.png);
	}
	#tnb1 li.on>div.d2>ul>li.on>a{
		background-image:url(../../img/inc/tnb1d2bg1on.png);
		color:#fff;
		/* font-weight:600; */
	}
	/* depth3 */
	#tnb1 li>div.d3{
		background:#fff;
	}
	#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 #eee;
		background:url(../../img/inc/tnb1d3bg1.png) no-repeat 32px 50%;
		color:#333;
		font-size:14px;
	}
	#tnb1 div.d3>ul>li.hasSub>a{
		/* background-image:url(../../img/inc/tnb1d3g1has.png); */
	}
	#tnb1 li.on>div.d3>ul>li.on>a{
		background-image:url(../../img/inc/tnb1d3bg1on.png);
		color:#222;
		background-position:27px 50%;
		/* 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/inc/tnb1d4bg1.png) no-repeat 42px 50%;
		color:#fff;
		font-size:13px;
	}
	#tnb1 div.d4>ul>li.hasSub>a{
	}
	#tnb1 li.on>div.d4>ul>li.on>a{
		color:#fff;
	}

#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/ic24a1c0newwindow2.png) no-repeat;
	background-size:contain;
	vertical-align:middle;
}


} /* /(max-width:1259px) */
@media all and (min-width:400px){
	h1#logo>a>img	 {height:34px;}
	#gotop1 {bottom:120px}
	#foot_logo li {width:auto;}
	#foot_logo li img {width:auto;height:auto;}
}
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


	#head{}
		#head_s1{}
		#head_s2{}
		#head_s3{}
			#head_s1>.container{}
			#head_s2>.container{}
			#head_s3>.container{}


#gn1 ul{
	padding:0;
}
#gn1 a{
	padding:13px 10px;
}
#gn1 li:last-child a {padding-right:0}
#gotop1 {bottom:145px}
#fn1{
	padding:20px 0 15px;
}
#fn1 li>a {font-size:16px;padding-left:15px;padding-right:15px;}

#author1 {padding:25px 0;font-size:14px}
#author1:after {position:absolute;top:33px;right:0;content:"";display:none;width:101px;height:41px;background:url(../../img/sub/sub_sprite.png) no-repeat -309px 0}
#author1 .address {display:inline-block;}
#author1 .telinfo li:first-child:before {display:inline-block;}



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

@media all and (min-width:1000px){
	[id*='head_']>.container {margin:auto;}
	#head_s3>.container {margin:auto;}
	h1#logo {margin-left:15px}
	h1#logo>a>img {height:43px;padding:15px 0 20px}
	#gn1 a:hover, #gn1 a:focus, #fn1 li>a:hover, #fn1 li>a:focus {text-decoration:underline}
	#author1 {font-size:15px}
	#gotop1 {width:50px;height:50px;bottom:135px;right:-65px}

}

@media all and (min-width:1000px) and (max-width:1259px){/* large ◇◆◇◆◇◆◇◆◇◆ */
	.container{position:relative;
		max-width:none; /* ☆ */
		margin:auto; /* ☆ */
	}

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

	#tnb1 .b1.toggle{
		top:64px;
		right:10px;
	}

} /* /(min-width:1000px) and (max-width:1259px) */

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

[id*='head_']>.container {margin:auto;}
.container{
/* 	max-width:none; ☆ */
	max-width:1600px; /* ☆ */
	margin:auto;
}
	#head{}
		#head_s1{
			height:100px;		
			box-sizing:border-box;
		}
		#head_s2{}
			#head_s1>.container{display:block;}
			#head_s2>.container{}
			#head_s3>.container{}


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


h1#logo{position:absolute;top:0;left:0;}
h1#logo>a>img{
	padding:20px 0 38px;height:42px;
}

#gn1 {float:right;width:auto;margin:29px 60px 0 0;border-bottom:0;padding:0}

/* 주메뉴 20190927. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니 미디어쿼리별 따로 정의 (분리 사용 가능)
 * 1차 인라인배치. 2차 스택배치. 개별열림.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	position:absolute;
	left:0;right:0;top:0;
	height:82px; /* ☆ */
	margin:18px 0 0;
}
/* 데스크탑 감춤 */
#tnb1 .b1.toggle,
#tnb1c .b2,
#tnb1logo,
#tnb1head_s1,
#tnb1head_s2,
#tnb1c>div.cont>.bg,
#tnb1c>div.cont:before{display:none;}

#tnb1c{
	display:block !important; /* ☆ */
	visibility:visible; /* ☆ */
	z-index:20; /* z > #location1 */
	position:relative; /* ☆ */
	overflow:visible; /* ☆ */
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{}
#tnb1c.on>.bg{}
#tnb1c>div.cont{
	float:none;
	position:relative;
	right:auto;
	height:100%;
	margin: auto 230px auto 325px;
	box-shadow:none;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆[IE8+] */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	height:80px; /* ☆ */
	padding:0;
	overflow:hidden; /* ☆ visible; 하면 >.bg 좌우 넘친거 보임 */
	transition:.4s ease height, 0s .4s ease padding;
}
#tnb1 div.d1>.bg{position:absolute;
	left:-100%;right:-100%;
	top:81px; /* ☆ */
	bottom:0;
	border-top:1px solid #e1e3e6;
	/* height:0; ↔ height:auto; 하면 transition 효과 안되니 주의 */
	/* border-top:1px solid #e7e7e7; */
	/* border-bottom 은 div.d1.over 에 만들자! */
	/* background:#fff;  */
	overflow:hidden;
}
#tnb1 div.d1>ul{	
	text-align:center;
	min-height:0; /* >=1차메뉴전체높이 */
	/* overflow:hidden; ☆ 하위 넘친거 감춤 */
}
#tnb1 div.d1>ul>li{
	display:inline-block;vertical-align:top;
	position:relative; /* ☆ */
	min-width:133px;
}
#tnb1 div.d1>ul>li:last-child {padding-right:0}
/* 화면확인 (( (개별글수/전체글수) */

/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
#tnb1 div.d1>ul>li.m5 ~ li{display:none;}

#tnb1 div.d1>ul>li>a{display:block;
	position:relative;left:auto !important;top:auto !important; /* ☆ */
	width:auto;
	height:28px;
	padding:18px 0 30px; /* (60-28)/2 (조금 여유 둠) */
	color:#44465c;
	font-weight:500;
	font-size:0;
	text-align:center;
}
#tnb1 div.d1>ul>li:first-child>a{
}
#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;
	width:auto;
	font-size:22px;
	vertical-align:middle;
	letter-spacing:-.05em;
	font-weight:600;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	background:none;
}
#tnb1 div.d1>ul>li.over>a>.t1 {color:#44465c;}


/* ★ 주메뉴 전체 오버(포커스) */
#tnb1 div.d1.over{
	height:250px; /* >(1차메뉴높이+ .d2 최대 높이) ☆ auto 는 전환 효과 안됨 */
	overflow:visible;
}
#tnb1 div.d1:before {position:absolute;top:113px;left:-309px;content:"";display:block;width:265px;height:0;background:url(../../img/inc/tnb1d1_bg.jpg) no-repeat;z-index:2;opacity:0;transition:all .4s ease}
#tnb1 div.d1.over:before {opacity:1;height:219px;}
#tnb1 div.d1.over>.bg{background:#fff;height:100%;box-shadow:0 6px 6px rgba(0,0,0,.15)}
#tnb1 div.d1.over div.d2{}

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

/* 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;}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	/* height:auto; opacity:1; 하면 모두열림 */
	display:block;visibility:visible;
	z-index:10;
	position:absolute;left:0;right:0;top:82px;
	height:0; /* ☆ auto */
	padding:0; /* ☆ */
	opacity:0; /* ☆ 비활성 시 전환효과 : 0=즉시안보임 | 1=다른값효과보임 */
	transition:.2s;
	transition:.4s ease height, /* 0.002 * ( .over>div.d2 height값 ) */
		.02s ease padding, /* ((10/200)*.4) = ( padding상하값 / .over>div.d2 height값 ) * ( height 전환초) */
		.0s ease opacity;
}
#tnb1 li.m1>div.d2, #tnb1 li.m5>div.d2 {margin-left:-5px;margin-right:-5px}
#tnb1 div.d2>.bg{}
/* 데스크탑 only 1차제목.. */
#tnb1 div.d2>.hg1{display:none;}
#tnb1 div.d2>ul{
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	width:auto; /* ☆ */
	height:100%;
	margin:0 auto 0; /* (그림자 높이) */
	padding:30px 0; /* ☆ */
}
#tnb1 li.over div.d2>ul {} 
#tnb1 div.d2>ul>li{
	clear:both; /* ☆ */
	position:relative;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	position:relative;
	width:auto;
	padding:5px 10px;
	border:0;
	color:#000;
	font-weight:400;
	font-size:15px;
	text-align:center;
	transition:.2s;
}

#tnb1 div.d2>ul>li.hasSub>a{
}
#tnb1 div.d2>ul>li.on>a{
}
#tnb1 div.d2>ul>li.hasSub.on>a{
}

/* ★ 오버(포커스) */
#tnb1 .d1.over div.d2, #tnb1 li.over>div.d2{
	height:250px; /* >(.d2 최대 높이) ☆ auto 는 전환 효과 안됨 */
	opacity:1;
	/* overflow:visible; */
}
#tnb1 li.over>div.d2:before{content:''; /* △ */
	display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:0;width:0;height:0;
	margin:-6px;
	border:6px solid transparent;border-bottom-color:#fff;border-top:0;
	overflow:hidden;text-indent:100%;
}
#tnb1 li.on.d2>ul, #tnb1 li.over>div.d2>ul{
	background:#f6f6f6}
#tnb1 li.over>div.d2>ul>li>a{}
#tnb1 div.d2>ul>li.over>a, #tnb1 div.d2>ul>li.on>a{
	color:#000;
	font-weight:600;
	text-decoration:underline;
}
#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.hasSub.on.over>a>.ic1 {}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

/* ☆ */
#tnb1 div.d2>ul>li>a>.t1{
	/* display:inline-block; 이면 부모 a 요소 underline 안됨 */
	display:inline-block;
	position:relative;
	line-height:1.4
}
#tnb1 div.d2>ul>li>a>.t1:after{content:'';
	display:block;
	position:absolute;left:50%;bottom:0;
	width:0;
	margin:0;
	border-bottom:1px solid #000;
	transition:.1s;
}
#tnb1 div.d2>ul>li.on>a>.t1:after, #tnb1 div.d2>ul>li.over>a>.t1:after{
	width:100%;
	margin-left:-50%;
}
#tnb1 div.d2>ul>li>a:hover>.t1:after,
#tnb1 div.d2>ul>li>a:focus>.t1:after{
}

/* depth3 */
#tnb1 li>div.d3{display:none !important;}

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

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



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


/* 전체메뉴 20190927 */
#anb1{display:block;
	position:absolute;left:0;right:0;top:0;z-index:100;
}
#anb1 .b1{
	z-index:30;
	position:absolute;right:15px;top:39px;
	box-sizing:border-box; /* ☆ */
	width:28px;height:22px;
	overflow:hidden;
	text-indent:-9999px;
}
#anb1 .b1:before, #anb1 .b1 .ic1:before, #anb1 .b1 .ic1:after {position:absolute;left:0;content:"";display:block;width:100%;height:2px;background:#1a1a1a;transition:width .3s ease}
#anb1 .b1:before {top:0;}
#anb1 .b1 .ic1:before {top:calc(50% - 1px);left:auto;right:0;}
#anb1 .b1 .ic1:after {bottom:0;}
#anb1 .b1:hover .ic1:before {width:70%;}

#anb1 .b1.toggle.on {}
#anb1 .b1.toggle.on .ic1:before {width:70%}
#anb1 .b1.close{
	top:-60px;right:-1px;background-color:#03459c;
	width:60px;height:60px;
}
#anb1 .b1:focus{
	outline:1px dotted #000;
}
#anb1 .b1.close:before {display:none;}
#anb1 .b1.close .ic1:before, #anb1 .b1.close .ic1:after {top:calc(50% - 1px);left:calc(50% - 12px);width:24px;height:2px;background:#fff;}
#anb1 .b1.close .ic1:before {transform:rotate(45deg);}
#anb1 .b1.close .ic1:after {transform:rotate(-45deg);}
/* ☆ */
#anb1c{display:none;
	z-index:30;
	position:fixed;left:0;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);
}
#anb1c.on{display:block;}
#anb1c>.bg{}
#anb1c>div.cont{position:relative;
	background:#fff;
	box-shadow:0 0 8px 0 rgba(0,0,0, .1);
	max-width:1200px;margin:100px auto 0;
}
#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:25%; /* (100/4) */
}
#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>a{display:block;
	position:relative;
	padding:16px 18px;	
	font-weight:600;
	color:#fff;
	font-size:22px;
	text-align:center;
	word-break:keep-all;
	word-wrap:break-word;
	background:#24a789;
	border-left:1px solid rgba(255,255,255,.3)
}
#anb1 div.d1>ul>li:first-child>a {border-left:0}
#anb1 div.d1>ul>li>a>.t1{}
#anb1 div.d1>ul>li.m4 ~ li {display:none}
/* depth2 */
#anb1 div.d2{}
#anb1 div.d2>ul{padding:16px 20px 30px;}
#anb1 div.d2>ul>li{display:inline;}
#anb1 div.d2>ul>li>a{position:relative;display:block;
	padding:.25em 0 .25em 8px;
	color:#333;
	font-size:16px;
}
#anb1 div.d2>ul>li>a>.ic1 {position:absolute;top:13px;left:-4px;width:4px;height:4px;background:#444;border-radius:50%}
#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;
}
#anb1 div.d3>ul>li{display:inline;}
#anb1 div.d3>ul>li>a{display:block;
	padding:.25em 0 .25em 8px;
	background:url(../../img/inc/bu02.png) no-repeat 0 10px;
	color:#666;
	font-weight:normal;
	font-size:15px;
}
#anb1 div.d3>ul>li>a:hover,
#anb1 div.d3>ul>li>a:focus{text-decoration:underline;}

#wrap>.container {max-width:1200px;margin:auto;}
#foot_s1 {padding-left:0;padding-right:0}
#fn1 li>a {font-size:17px}
#author1 {font-size:16px}
#author1:after {display:block;}

} /* /(min-width:1260px) */
@media all and (min-width:1470px){
	#tnb1c>div.cont {margin: auto 325px;}
	#tnb1 div.d1>ul>li {min-width: 151px;}
	#tnb1 div.d1>ul>li>a {padding-left:20px;padding-right:20px}
	#gn1 {margin-right:105px}
}
@media all and (min-width:1630px){
	h1#logo {left:0;margin-left:0}
	#anb1 .b1 {right:0}
}
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

/* 구글번역 */
.google-trans.notranslate {display:none}