@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 2021.09.03 | 김소화 | 최초 등록
 * </pre>
 * @author 디자인팀 김소화
 * @since 2021.09.03
 *
 * @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. 20200117 ◆◆◆ */


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

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


/* ◇◆ 공용 ◇◆ */


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


/* 배치.전체 20191220. ☆ 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;
		background:#fff;
	}
		div.bg2head{}
			div.bg2head>div{}
		#head_s1{position:relative;}
		#head_s2{position:relative;
			clear:both; /* ☆ */
		}
		#head_s3{	}
			[id*='head_']>.container{
				margin:auto;
			}
			#head_s1>.container{}
			#head_s2>.container{}
			#head_s3>.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;
	}
		#foot_s1{}
			[id*='foot_']>.container{}
			#foot_s1>.container{padding:0 0 40px;}


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


/* ☆ 모바일 감춤 20191220 */


/* only Desktop BG image Preload 20191220 */
/* none */
#anb1{display:none;}
#gn2{display:none;}


/* #head */



/* 로고 20191220 */
h1#logo{
	display:inline-block;
	position:relative;
	margin:0 15px 15px; /* () (우요소) () (좌요소) */
	font-size:0;
	line-height:0;
	text-align:left;
}
h1#logo a{display:block;}
h1#logo img{width:200px;}


#search1{width:100%;}
#search1 .toggle{display:block;position:absolute;right:90px;top:12px;
	width:35px;height:35px;
	background:#eee;
	border-radius:100%;
}
#search1 .toggle:before{content:'';
	position:absolute;left:50%;top:50%;
	margin:-10px;
	width:20px;height:20px;
	background:url(../../img/inc/search1@2x.png) no-repeat 0 0 / contain;
}
#search1s{z-index:100;
	position:absolute;left:0;right:0;top:0;
	padding:10px 15px;
	background:#003649;
}
#search1s form{position:relative;margin-right:45px;}
#search1s .text{display:block;
	width:100%;
	border:0;
	padding:0 40px 0 20px;
	margin:0;
	background:#fff;
	border-radius:20px;
	box-sizing:border-box;
	height:40px;
	font-size:14px;
}
#search1s .submit{
	position:absolute;right:10px;top:50%;
	width:20px;height:20px;border:0;
	margin:-10px 0 0;
	background:#fff url(../../img/inc/search1@2x.png) no-repeat 0 0 / contain;
}
#search1s .close{display:block;position:absolute;right:15px;top:10px;
	width:40px;height:40px;
	border-radius:100%;
	background:#f26522
}
#search1s .close:before{content:'';
	display:block;position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/lib/ic40close1.png) no-repeat 0 0 / contain;
}


/* 글로벌내비. 20191220 */
#gn1{position:absolute;right:55px;top:15px;}
#gn1 ul {}
#gn1>ul>li{display:none;float:left;position:relative;}
#gn1>ul>li a{display:block;width:30px;height:30px;background:url() no-repeat 0 0 / contain;}
#gn1>ul>li:nth-child(1) a{background-image:url(../../img/inc/gn1m1.png)}
#gn1>ul>li:nth-child(2) a{background-image:url(../../img/inc/gn1m2.png)}
#gn1>ul>li:nth-child(3) a{background-image:url(../../img/inc/gn1m3.png)}
#gn1>ul>li:nth-child(3){display:block;}
#gn1>ul>li:nth-child(3) a span.count{position:absolute;right:-5px;top:-5px;
	width:20px;height:20px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	border-radius:100%;
	background:#ed1c24;
}



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


/* #wing */



/* #foot */


#foot_logo{margin:0 0 10px}
#foot_logo img{width:200px;}

/* 내비 20191220 */
#fn1{
	position:relative;
	margin:20px 0 10px;
	overflow:hidden;
}
#fn1 ul{
	position:relative;
	font-size:0;
	text-align:left;
	overflow:hidden;
}
#fn1 li{display:inline-block;
	vertical-align:top;
}
#fn1 li:first-child{background:none;}
#fn1 li>a{position:relative;display:block;
	padding:.375em 14px .375em 0;
	color:#fff;
	font-size:14px;
	white-space:nowrap;
	letter-spacing:0;
}
#fn1 li:last-child a {padding-right:0}
#fn1 li>a:after {position:absolute;top:10px;right:6px;content:"";display:block;width:1px;height:10px;background:#fff;}
#fn1 li:last-child>a:after {display:none;}
#fn1 li>a b{
	color:#fff;
	font-weight:400;
}
#fn1 li>a:hover{
	color:#fff;
}



/* 작성자(연락처/저작권) 20191220 */
#author1{
	clear:both;
	position:relative;
	min-width:280px;
	padding:0;
	color:#fff;
	font-size:14px;
	letter-spacing:-.025em;
	line-height:1.75;
	overflow:hidden;
}
#author1 a{ /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
	color:inherit;
}
#author1 .address{
	margin:0;
}
#author1 .nophishing{
}
#author1 .copyright{display:block;
	margin:0 0 1em;
	line-height:1.5;
	letter-spacing:0;
}


#gotop1{display:block;
	position:relative;
	width:55px;height:55px;
	border-radius:100%;
	text-indent:-9999px;
	background:#fff;
	margin-top:20px;
	opacity:0.5;
	transition:.2s ease-out;
}
#gotop1:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	margin:-12.5px;
	width:25px;height:25px;
	background:url(../../img/inc/ic50a1up.png) no-repeat 0 0 / contain;
}
#gotop1:hover,
#gotop1:focus{opacity:1}


/* ETC */


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


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


/* 주메뉴 20191220. makeActive2ClickHover('#tnb1'); */
#tnb1{
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:auto;
	line-height:1.375;
}
#tnb1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;
	right:15px;
	top:-40px; /* (화면확인) */
	box-sizing:border-box; /* ☆ */
	width:30px;height:30px;
	/* border:1px solid #ddd; */
	border-radius:2px;
	background:none;
	overflow:hidden;text-indent:-9999px;
}
#tnb1 .b1.toggle .ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;margin:-15px;
	background:url(../../img/inc/ic80a1c1bars5@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:320px;
	height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */
	/* margin:100px 0 0; */ /* (#height 높이) */
	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;
	/* margin:100px 0 0; */ /* (#height 높이) */
	background:#000;
	background-color:rgba(0,0,0, .6);
	opacity:0;
	transition:.0s;
}
#tnb1c.on>.bg{visibility:visible;
	opacity:1;
	transition:.2s;
}
/* ☆ */
#tnb1c .b2{display:inline-block;
	z-index:110;
	position:absolute;right:10px;top:0;
	width:40px;height:40px;
}
#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/ic80a1c1close1@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:#f7f7f7;
	overflow-y:auto; /* ☆ */
	/* ★☆ToEdit) 확인용 */
	/* display:block; */
	/* right:0 !important; */
}
#tnb1c.on>div.cont{
	display:block;
	right:0;
}
#tnb1gn1{display:block;margin-top:40px;text-align:center;}
#tnb1gn1 li{display:inline-block;margin:0 5px}
#tnb1gn1 li a{display:block;color:#333;font-size:15px;}
#tnb1gn1 li a:before{content:'';
	display:inline-block;
	width:4px;height:4px;
	background:#555;
	border-radius:100%;
	vertical-align:middle;
	margin-right:7px;
}
#tnb1gn1 li:first-child a:before{display:none;}
/* depth1~depth4 */
#tnb1 .smain{display:block;}
/* depth1 */
#tnb1 div.d1{
	clear:both;
	position:relative;
	/* min-height:100%; ☆ */
	margin:15px;
	border:1px solid rgba(0,0,0, .1);
	background:#fff;
	overflow:hidden;
}
#tnb1 div.d1>ul{position:relative;
	margin:-1px 0 0;
	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-top:1px solid rgba(0,0,0, .1);
	background:url() no-repeat 93.5% 50%;
	color:#000;
	font-size:17px;
	word-break:keep-all;
	word-wrap:break-word;
}
#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
	padding:.75em 18px; /* ☆ */
	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);
	color:#1d5481;
	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:#fff;
}
#tnb1 div.d2>.bg{display:none;} /* ☆ */
#tnb1 div.d2>.hg1{display:none;} /* ☆ */
#tnb1 div.d2>a.smain{display:block; /* 서브메인링크 */
	position:relative;
	padding:.75em 35px .75em 20px;
	border-bottom:1px solid #eee;
	background-color:#f7f7f7;
	color:#333;
	font-size:15px;
}
/*#tnb1 div.d2>a.smain>.ic1{
	position:absolute;right:0;top:50%;
	width:20px;height:20px;
	margin:-10px 10px;
	background:url(../../img/inc/ic40fa1c1home1.png) no-repeat center center;
	background-size:contain;
}*/
#tnb1 div.d2>ul{
	padding:.75em 0;
	border-top:1px solid rgba(0,0,0, .1);
}
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:.3em 28px;
	/* border-top:1px solid rgba(0,0,0, .1); */
	background:url(../../img/inc/tnb1d2bg1.png) no-repeat 93.5% 50%;
	color:#333;
	font-size:15px;
	transition:.2s;
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d2bg1has1.png);
}
#tnb1 li.on>div.d2>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d2bg1on.png);
	color:#000;
	font-weight:600;
}
#tnb1 li.on>div.d2>ul>li.hasSub.on>a{
	margin:.5em 0 0;
	background-color:#1d5481;
	background-image:url(../../img/inc/tnb1d2bg1has1on.png);
	color:#fff;
	font-weight:400;
}
#tnb1 li.on>div.d2>ul>li:first-child.hasSub.on>a{
	margin:-12px 0 0;
}
/* depth3 */
#tnb1 li>div.d3{
	margin:0 0 .5em;
	padding:.625em 0;
	background:#fafafa;
}
#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:.625em 28px;
	/* border-top:1px solid rgba(0,0,0, .1); */
	background:url(../../img/inc/tnb1d3bg1.png) no-repeat 93.5% 50%;
	color:#666;
	font-size:14px;
}
#tnb1 div.d3>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d3bg1has.png);
}
#tnb1 li.on>div.d3>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d3bg1on.png);
	color:#000;
	font-weight:600;
}
/* depth4 */
#tnb1 li>div.d4{
	padding:0 0 .5em;
	/* background:#f4f4f4; */
}
#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:.375em 38px;
	border-top:0 solid #666;
	background:url(../../img/inc/tnb1d4bg1.png) no-repeat 28px 50%;
	color:#666;
	font-size:13px;
}
#tnb1 div.d4>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d4g1has.png); */
}
#tnb1 li.on>div.d4>ul>li.on>a{
	/* background-image:url(../../img/inc/tnb1d4bg1on.png); */
	color:#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;
}


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


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




h1#logo{margin:15px 15px 20px}
h1#logo a img{width:330px;}


#search1{position:absolute;right:100px;top:20px;width:300px;}
#search1 .toggle,
#search1s .close{display:none;}
#search1s{display:block !important;
	position:static;
	background:transparent;
	padding:0;
}
#search1s form{margin:0}
#search1s .text{background:#f7f7f7}


#gn1{right:60px;top:25px;}


#tnb1 .b1.toggle{top:-52px;}


/* #fn1 {margin-top:50px} */
#fn1{margin:40px 0 10px 0;}
#fn1 li>a{padding:.375em 30px .375em 0;font-size:16px;}
#fn1 li>a:after {right:14px;height:13px;}


#foot_logo{position:absolute;right:0;top:40px;}
#foot_logo img{width:330px}

#author1{margin:0;}

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

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




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

@media all and (min-width:1000px){
	#gn1>ul>li{display:block;margin-left:20px;}

	#search1{right:210px;width:340px;}
}
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


.container{
	width:auto; /* ☆ */
	max-width:1200px; /* ☆ */
	margin:auto; /* ☆ */
}
	#head{}
		#head_s1{
			height:75px;
			border-bottom:1px solid #ddd;
		}
		#head_s2{
			border-bottom:1px solid #ddd;
		}


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

h1#logo{margin-left:0;}

#gn1{right:0}

#search1{right:150px;}

#gn2{z-index:50;display:block;position:absolute;right:-50px;top:15px;}
#gn2:before{content:'';
	display:block;
	position:absolute;left:0;top:50%;
	border-left:1px solid #ddd;
	width:0;height:20px;
	margin-top:-10px;
}
#gn2 li{display:inline-block;margin:0 0 0 20px}
#gn2 li a{display:block;
	color:#777;font-size:15px;
}



#gotop1{position:absolute;right:20px;top:80px;}




/* 주메뉴 20191220. makeActive2ClickHover('#tnb1');
 * 1차 inline배치. 하위absolute배치. 2차 inline배치. 3차~없음.
 */
#tnb1{
	/* z-index:20; ☆쌓임맥락만들지마요! */
	position:relative;
	width:auto;
	height:55px; /* ☆ */
	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:30; /* ( z > #bn1 ) */
	position:relative; /* ☆ */
	height:100%;
	margin:0 -1000px 0;
	padding:0 1000px;
	background:none; /* ☆ */
}
#tnb1c:before{content:'';
	display:block;
	visibility:hidden;
	position:absolute;left:0;right:0;top:56px;bottom:0;
	background:#fff; /* ☆ */
	visibility:hidden;
}
#tnb1c>.bg{
	z-index:0; /* ( z 최소값 ) */
	position:absolute;left:0;right:0;top:0;
	height:55px;
	background:transparent;
	opacity:0;
}
/* ☆ .over */
#tnb1c.over{
	display:block;
	visibility:visible;
	/* height:600px; ☆))[JS] */
}
#tnb1c.over:before{
	visibility:visible;
}
#tnb1c.over:after{
	visibility:visible;
}
#tnb1c.over>.bg{
	opacity:1;
}
/* ☆ */
#tnb1c>div.cont{float:none;
	position:relative;
	min-height:100%;
	margin:auto;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆ */
}
#tnb1gn1{display:none;}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	width:100%;
	min-height:100%;
	padding:0; /* ☆ */
	background:transparent;
	overflow:visible;
}
#tnb1 div.d1>ul{width:100%;
	min-height:0;
}
#tnb1 div.d1>ul>li{display:inline;
	float:left;
	position:static; /* ☆ */
	width:auto; /* 전체메뉴폭 고려 (1200-340)/5 ((100/5 */
	margin:0 35px;
}
#tnb1 div.d1>ul>li:first-child{margin-left:110px}

/* ☆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;
	box-sizing:border-box;
	height:55px;
	color:#333;
	font-size:0;
	font-weight:500;
	text-align:center;
}
#tnb1 div.d1>ul>li>a>.ic1{}
#tnb1 div.d1>ul>li>a>.t1{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:100%;
	padding:0;
	font-size:20px;
	line-height:55px;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li>a>.t1:before{content:'';
	display:block;
	z-index:30;
	position:absolute;left:0;bottom:-2px;
	width:0;height:4px;
	transition:.2s;
	margin:0 auto;
	background:#333;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{color:#c50251 !important;}

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

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

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

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	position:absolute;left:0;right:0;
	top:55px;
}
#tnb1 div.d2>ul{
	z-index:20;
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	box-sizing:border-box; /* ☆ */
	width:100%; /* ☆ */
	max-width:1200px;
	margin:auto; /* ☆ */
	padding:40px 0;
	font-size:0; /* ☆ */
	overflow:hidden;
}
#tnb1 div.d2>ul>li{}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:none;
	position:relative;
	box-sizing:border-box; /* ☆ */
	min-height:30px;
	padding:7px 0;
	color:#555;
	font-weight:400;
	font-size:17px;
	line-height:22px;
}
#tnb1 div.d2>ul>li>a:before{}
#tnb1 div.d2>ul>li.hasSub>a{}
#tnb1 div.d2>ul>li.on>a{
	color:#000
}
#tnb1 div.d2>ul>li.on>a:before{}
#tnb1 div.d2>ul>li.hasSub.on>a{}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{
	z-index:30;
}
#tnb1 div.d2>ul>li.over>a{}
#tnb1 div.d2>ul>li.hasSub.over>a{}
#tnb1 div.d2>ul>li.on.over>a{}
#tnb1 div.d2>ul>li.hasSub.on.over>a{}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{color:#000}
#tnb1 div.d2>ul>li.on>a{}
#tnb1 div.d2>ul>li>a:hover:before,
#tnb1 div.d2>ul>li>a:focus:before,
#tnb1 div.d2>ul>li.on>a:before{width:100%;}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

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

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

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

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

#tnb1 div.d1>ul>li.m1 div.d2>ul{margin-left:110px}
#tnb1 div.d1>ul>li.m2 div.d2>ul{margin-left:290px}
#tnb1 div.d1>ul>li.m3 div.d2>ul{margin-left:450px}
#tnb1 div.d1>ul>li.m4 div.d2>ul{margin-left:625px}
#tnb1 div.d1>ul>li.m5 div.d2>ul{margin-left:765px}
#tnb1 div.d1>ul>li.m6 div.d2>ul{margin-left:935px}
#tnb1 div.d1>ul>li.m7 div.d2>ul{margin-left:1095px}
#tnb1 div.d1>ul>li.m10 div.d2>ul{margin-left:935px}



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



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



#anb1{z-index:100;position:absolute;left:0;right:0;top:0;display:block;}
#anb1 .toggle{display:block;
	position:absolute;left:0;top:0;
	width:55px;height:55px;
	background:url(../../img/inc/ic80a1c0bars2@2x.png) no-repeat 0 0 / contain;
	border:solid #ddd;border-width:0 1px;
}
#anb1 .toggle .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;margin:-15px;
	background:url(../../img/inc/ic80a1c1bars5@2x.png) no-repeat 0 0 / contain;
}
#anb1 .close{display:block;
	position:absolute;right:0;top:20px;
	width:50px;height:50px;
	border:1px solid #fff;
}
#anb1 .close .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/inc/ic80a1c0close@2x.png) no-repeat 0 0 / contain;
}
/* ☆ */
#anb1c{display:none;
	z-index:30;
	position:absolute;left:0;right:0;
	top:0;
	margin:0 -360px;
	background:rgba(45,51,74, .93);
}
#anb1c.on{display:block;}
#anb1c>.bg{}
#anb1c>div.cont{position:relative;
	width:1200px;
	margin:auto;
}
#anb1c.on>.bg{}
#anb1c.on>div.cont{}
/* depth1 */
#anb1 div.d1{}
#anb1 div.d1>ul{overflow:hidden;}
#anb1 div.d1>ul>li{float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:20%; /* (100/5) */
	padding:80px 10px 50px;
	text-align:center;

}
#anb1 div.d1>ul>li>a{display:block;
	position:relative;
	padding:20px 0;
	border-bottom:1px solid #fff;
	font-weight:600;
	color:#fff;
	font-size:23px;
	word-break:keep-all;
	word-wrap:break-word;
}
#anb1 div.d1>ul>li>a:hover,
#anb1 div.d1>ul>li>a:focus{}
#anb1 div.d1>ul>li>a>.ic1{}
#anb1 div.d1>ul>li>a>.t1{}
/* depth2 */
#anb1 div.d2{text-align:left;}
#anb1 div.d2>ul{padding:20px;}
#anb1 div.d2>ul>li{display:inline;}
#anb1 div.d2>ul>li>a{display:block;
	padding:.375em 0;
	color:#fff;
	font-size:19px;
}
#anb1 div.d2>ul>li>a:hover,
#anb1 div.d2>ul>li>a:focus{
	color:#28b8ce;
}
/* depth3 */
#anb1 div.d3>ul{
	display:none;
	margin:4px 0;
	padding:6px 12px;
	background:#f9f9f9;
}
#anb1 div.d3>ul>li{display:inline;}
#anb1 div.d3>ul>li>a{display:block;
	padding:.375em 0 .375em 8px;
	background:url(../../img/inc/bu2.png) no-repeat 0 13px;
	color:#666;
	font-weight:normal;
	font-size:13px;
}
#anb1 div.d3>ul>li>a:hover,
#anb1 div.d3>ul>li>a:focus{text-decoration:underline;}

/* 20191220 새 창 */
#anb1 div.d1>ul>li>a[target='_blank']:after,
#anb1 div.d2>ul>li>a[target='_blank']:after,
#anb1 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;
}

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

@media all and (min-width:1400px){

	.container{max-width:1400px;}


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

/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */







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