@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2017.12.20 | 문영신 | 최초 등록
 * 2017.12.29 | 문영신 | 요구반영. 결함개선. 고도화.
 * 2018.01.05 | 문영신 | 주메뉴 고도화.
 * 2018.03.16 | 문영신 | 변경 요구반영.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2017.12.20
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | Base Adjust
 | Layout[main+sub] Mobile First!
 | clearfix
 | #head, ..
 | ETC
 | @media print{}
 | RWD ◇◆
 */

/* ◇◆ Base Adjust ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

/* ☆@import url(base.css); */

/* base.css )) Overwrite. 20171221 ◆◆◆ */

body {
	background:#fff;
	color:#555;
	font-weight:400;
	font-size:140%; /* 14px */
	line-height:1.666;
	letter-spacing:0; /* ☆ NotoSans */
	/* letter-spacing:-1px; ☆ 맑은고딕-1, 나눔고딕0, 외국어0 */
	overflow:hidden; /* ★ Avoid horizontal scrolling */
}

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

/* ☆공용. 제목. 한둥근체-제목 */
.ffwtit{
	font-family:'WONtitle',
		'Apple SD Gothic Neo','Microsoft JhengHei',
		'Open Sans',Helvetica,

		'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,
		Arial,sans-serif;
}


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


/* 배치.전체 20180313. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; /* ☆ */
	max-width:1240px; /* ☆ 디자인폭(1200)+패딩좌우(20*2) */
	margin:0 20px; /* ☆ */
}
#container{position:relative;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;position:relative;
		z-index:10;
		background:#fff;
	}
		div.bg2head{}
			div.bg2head>div{}
		#head_s1{position:relative;height:30px;border-bottom:1px solid #ddd;}
		#head_s2{position:relative;height:70px;border-bottom:1px solid transparent;}
		#head_s3{position:relative;}
			[id*='head_']>.container{margin:0 auto;}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 콘텐츠 펼침 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
	#wing{display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot{clear:both;position:relative;}
		div.bg2foot{}
			div.bg2foot>div{}
		#foot_s1{background:#eee;}
		#foot_s2{background:#373737;border-bottom:1px solid #4b4b4b;}
		#foot_s3{padding:0 0 1.5em;background:#373737;}
			[id*='foot_']>.container{}
			#foot_s1>.container{}
			#foot_s2>.container{}
			#foot_s3>.container{padding:20px 0 30px;}


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


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


/* ★☆ 웹사이트 페이지 구분 제거 ☆ 201801313 */
/* .only1m1{display:inline-block;}
.only1m2{display:none;} */


/* #head */


/* 로고 20180313 */
h1#logo{display:block;
	z-index:10;
	position:relative;
	margin:46px 50px 16px 50px; /* (70-38)/2+30 () (70-38)/2 () */
	font-size:0;line-height:0;
	text-align:center;
}
h1#logo>a{}
h1#logo>a>img{width:auto;height:38px;}


/* gn1 20180313 */
#gn1{z-index:20;display:block;
	position:absolute;right:0;top:0;
	height:30px;
	font-size:12px;
	overflow:hidden;
}
#gn1 ul{}
#gn1 li{float:left;padding:0 0 0 1px;
	position:relative;
}
#gn1 li:before{content:'';float:left;
	position:absolute;left:0;top:50%;
	width:1px;height:14px;
	margin:-7px 0;
	background:#ddd;
}
#gn1 li:first-child:before{display:none;}
#gn1 li a{padding:0 .9em;
	color:#333;
	line-height:30px;
	text-decoration:none;
}


/* 통합검색 20180313 */
#search1{position:absolute;left:0;right:0;top:0;
	height:0;
}
#search1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;left:10px;top:46px; /* 화면확인 */
	box-sizing:border-box;
	width:40px;height:40px;
	border-radius:6px;
	border:1px solid #ccc;
	background:none;
}
#search1 .b1.toggle .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(../../img/inc/ic80a1c1search1@2x.png) no-repeat center center;
	background-size:contain;
}
#search1 .b1.toggle.on{}
#search1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc/ic80a1c1close@2x.png);
}
/* ☆ */
#search1c{display:none;
	z-index:50;
	position:absolute;left:0;right:0;top:0;
	margin:101px 0 0; /* (31+70) */
	padding:20px;
	border-top:1px solid #ddd;
	background:#f7f7f7;
	color:#666;
	/* overflow:hidden; */
	box-shadow:0 5px 10px 0 rgba(0, 0, 0, .1);
}
#search1c.on{display:block;visibility:visible;}
#search1c .wrap1{
	position:relative;
	border:2px solid #000;
}
#search1c fieldset{position:relative;margin:0;padding:0;}
#search1c legend{}
/* ☆ */
#search1 input[type='text']{
	width:100%;
	height:40px;
	padding:10px 2px;
	margin:0;
	border:0;
	background:#fff;
	color:#333;
	line-height:20px;
}
#search1 .submit{
	position:absolute;right:0;top:0;
	width:40px;
	height:40px;
	margin:0;
	border:0;
	background:#fff;
}
#search1 .submit .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:26px;height:26px;
	margin:-13px;
	background:url(../../img/inc/ic26a1c1search1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}


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


/* #wing */


/* 위로 20171222. #wing #gotop1, #foot #gotop2 */
[id^='gotop']{display:inline-block;
	float:right;
	z-index:50;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:50px;height:50px;
	margin:0 0 10px ;
	padding:8px 0 0;
	border-radius:9999px;
	background:#000;
	text-align:center;
	opacity:.42;
}
[id^='gotop'] .ic1{display:block;
	width:32px;height:18px;
	margin:0 auto -2px;
	background:url(../../img/inc/icw32a1c0up1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
[id^='gotop'] .t1{display:block;
	color:#fff;
	font-size:13px;
	letter-spacing:0;
}


/* #foot */


/* 배너(이미지) 20171222 [JS] $('#banner1').jQmTicker1(); */
#banner1{display:block;position:relative;margin:1em 0;
	overflow:hidden;
}
#banner1 .h1{display:inline-block;
	margin:.333em 0;
	color:#000;
	font-size:18px;
	vertical-align:middle;
}
#banner1 .mControl{display:inline-block;
	vertical-align:middle;
}
#banner1 .mControl .b1{display:inline-block;
	position:relative;
	width:20px;height:20px;
	padding:0;border:0;overflow:hidden;text-indent:-9999px;
	vertical-align:middle;
}
#banner1 .mControl .b1 .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
	vertical-align:middle;
}
#banner1 .mControl .b1.more .ic1{
	background-image:url(../../img/inc/ic12a2c1plus1.png);
}
#banner1 .mControl .b1.prev{
	position:absolute;right:0;bottom:21px;
	width:13px;height:21px;
	border-radius:9999px 9999px 0 0;
	border:1px solid #ccc;
	border-bottom:0;
}
#banner1 .mControl .b1.next{
	position:absolute;right:0;bottom:0;
	width:13px;height:21px;
	border-radius:0 0 9999px 9999px;
	border:1px solid #ccc;
	border-top:0;
}
#banner1 .mControl .b1.prev .ic1{
	width:7px;height:7px;margin:-3.5px;
	background-image:url(../../img/inc/ic7a1c1up1.png);
}
#banner1 .mControl .b1.next .ic1{
	width:7px;height:7px;margin:-3.5px;
	background-image:url(../../img/inc/ic7a1c1down1.png);
}

#banner1 .mControl .b1.stop{
	position:absolute;
	right: 17px;
	bottom: 10px;
	width: 21px;
	height: 21px;
	border-radius: 90px;
	border:1px solid #ccc;
	z-index: 99999999;
}

#banner1 .mControl .b1.stop .ic1{
	width:7px;height:7px;margin:-3.5px;
	background-image:url(../../img/inc/ic10a2c1pause1.png);
}

#banner1 .mControl .b1.play{
	position:absolute;
	right: 17px;
	bottom: 10px;
	width: 21px;
	height: 21px;
	border-radius: 90px;
	border:1px solid #ccc;
	z-index: 99999999;
}

#banner1 .mControl .b1.play .ic1{
	width:7px;height:7px;margin:-3.5px;
	background-image:url(../../img/inc/ic10a2c1play1.png);
}

/* 뷰콘텐츠 */
#banner1 .mView{position:relative;
	height:42px;
	margin:0 14px 0 0;
	overflow:hidden;
}
#banner1 .mCont{
	position:absolute;left:0;top:0;width:100%;overflow:hidden;
	transition:.2s;
}
#banner1 .mContC{display:table;float:left;
	height:42px;
	margin:0 18px 0 0;
	overflow:hidden;
}
#banner1 .mContC>a{display:table-cell;
	max-width:144px; /* <=(360-(20*2)-14-18)/2 */
	height:42px;
	text-align:center;
	vertical-align:middle;
}
#banner1 .mContC>a>img{display:block;
	max-width:100%;
	height:auto;
}


/* 푸터내비 20171222 */
#fn1{clear:both;
	z-index:10;
	position:relative;
	padding:11px 0;
	font-size:14px;line-height:1.333;
	overflow:hidden;
}
#fn1 ul{float:left;position:relative;
	margin:0 0 0 -1em;
	text-align:left;overflow:hidden;
}
#fn1 li{display:inline-block;
	margin:0 0 0 -1px;
	padding:0 0 1px;
	background:url(../../img/inc/fn1s.png) no-repeat 0 50%;
}
#fn1 li:first-child{background:transparent;}
#fn1 li>a{display:block;padding:.333em 1em;
	color:#bbb;
	white-space:nowrap;
}
#fn1 li>a b{}


/* 작성자(연락처/저작권) 20171222 */
#author1{clear:both;
	float:left;
	position:relative;
	margin:0 0 10px;
	color:#bbb;
	font-size:13px;
	line-height:1.5;
}
#author1 a{color:#666;} /* iOS 는 000-000 를 자동으로 <a href="tel:" /> 로 마크업되니 주의! */
#author1 .address{margin:0 0 .333em;}
#author1 .nophishing{font-size:13px;}
#author1 .copyright{display:block;
	margin:1em 0;
	font-size:13px;letter-spacing:0;
	/* text-transform:uppercase; */
}
/* #author1 br{display:none;} */


/* 푸터로고 20171222 */
#foot_logo{float:right;}


/* ETC */


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


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


/* 주메뉴 20171226. makeActive2ClickHover('#tnb1'); */
	#tnb1{float:left;
		z-index:100; /* ☆ */
		position:absolute;right:0;top:0;width:100%;line-height:1.333;
	}
	#tnb1 .b1.toggle{float:left;
		z-index:10;
		position:absolute;right:10px;top:16px; /* 화면확인*/
		width:40px;height:40px;
		border-radius:6px;
		border:1px solid #ccc;
		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;
	}
	#tnb1 .b1.toggle.on{}
	#tnb1 .b1.toggle.on .ic1{
		width:40px;height:40px;margin:-20px;
		background-image:url(../../img/inc/ic80a1c1close@2x.png);
	}
	#tnb1c{display:block;visibility:hidden;
		z-index:10;
		position:fixed;left:auto;right:0;top:0;bottom:0;
		width:320px;
		margin:101px 0 0; /* (31+70) */
		overflow-y:visible; /* ☆ */
	}
	#tnb1c.on{display:block;visibility:visible;
		right:0;
	}
	#tnb1c>.bg{
		position:fixed;left:0;right:0;top:0;bottom:0;
		margin:101px 0 0; /* (31+70) */
		background:url(../../img/inc/b.000000.opacity.50.png);
	}
	#tnb1c.on>.bg{}
	#tnb1c .b2{display:none;
		z-index:110;float:left;position:absolute;left:0;top:0;
		width:40px;height:40px;
		margin:10px;
	}
	#tnb1c .b2>.ic1{float:left;position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url() no-repeat;background-size:contain;
	}
	#tnb1c .b2.close{}
	#tnb1c .b2.close>.ic1{background-image:url(../../img/inc/ic80a1c0close@2x.png);}
	#tnb1c>div.cont{
		position:relative;
		right:-100%;
		width:320px;
		height:100%;
		background:#222;
		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;
		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:#333;
	}
	#tnb1 div.d2>.bg{display:none;} /* ☆ */
	#tnb1 div.d2>.hg1{display:none;} /* ☆ */
	#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;
		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:#444;
	}
	#tnb1 div.d3>.bg{display:none;} /* ☆ */
	#tnb1 div.d3>ul{margin:-1px 0 0;}
	#tnb1 div.d3>ul>li{position:relative;}
	#tnb1 div.d3>ul>li>a{display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:.583em 54px;
		border-top:1px solid #555;
		background:url(../../img/inc/tnb1d3bg1.png) no-repeat 42px 50%;
		color:#fff;
		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:#fff;
		/* font-weight:600; */
	}
	/* depth4 */
	#tnb1 li>div.d4{
		padding:.5em 0;
		background:#555;
	}
	#tnb1 div.d4>.bg{display:none;} /* ☆ */
	#tnb1 div.d4>ul{margin:-1px 0 0;}
	#tnb1 div.d4>ul>li{position:relative;}
	#tnb1 div.d4>ul>li>a{display:block;
		z-index:10;
		position:relative;min-height:0;
		padding:.333em 54px;
		border-top:0 solid #666;
		background:url(../../img/inc/tnb1d4bg1.png) no-repeat 42px 50%;
		color:#fff;
		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:#fff;
		/* font-weight:600; */
	}


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


#banner1 .h1{float:left;
	margin:9px 0; /* (42-24)/2 */
	line-height:24px;
}
#banner1 .mControl{float:left;
	margin:11px 5% 11px 4px; /* ((42-20)/2) (60/1200) */
}

#author1{
	margin:0 130px 10px 0;
}

#foot_logo{margin:0 0 0 -130px;}


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


.container{max-width:1200px;margin:0 auto;}
	#head_s1{z-index:30;
		height:100px;
	}
	#head_s2{z-index:20;
		height:60px;
	}
	#head_s3{}


h1#logo{
	margin:31px 0; /* (100-38)/2 () */
	text-align:left;
}

#gn1{
	margin:35px 35px 0; /* (100-30)/2 (화면확인) */
	font-size:14px;
}
#gn1 li:first-child{background:none;}


#search1{position:absolute;left:413px;right:387px;top:28px;}
#search1 .b1.toggle,
#search1 .b2.close{display:none;}
#search1c{display:block !important;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}


#banner1 .mContC{
	margin:0 48px 0 0;
}
#banner1 .mContC>a{
	max-width:none;
}


/* 주메뉴 20180105. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니 미디어쿼리별 따로 정의 (분리 사용 가능)
 * 1차 가로배치. 하위absolute배치. 2차 block배치. 3차 inline배치.
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;position:absolute;
	left:-1000px;right:-1000px;
	top:0;
	width:auto;
	height:60px;
	line-height:1.333;
	}
/* 데스크탑 감춤 */
#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; /* #gn3 과 #search1 보다 낮게 */
	position:relative; /* ☆ */
	right:auto;top:auto;
	width:100%;height:60px;
	overflow:visible; /* ☆ */
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{}
#tnb1c.on>.bg{}
#tnb1c>div.cont{float:none;
	position:relative;right:auto;
	width:1200px;
	min-height:100%;
	margin:0 auto;
	box-shadow:none;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆[IE8+] */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	height:100%;
	margin:0;
	padding:0; /* ☆ */
	background:transparent;
	line-height:1.333;
	overflow:visible; /* ☆ >.bg 넘친거 보임 */
}
#tnb1 div.d1>ul{width:100%;
	min-height:0; /* >=1차메뉴전체높이 */
	overflow:hidden; /* ☆ 하위 넘친거 감춤 */
}
#tnb1 div.d1>ul>li{
	display:inline;
	float:left;
	position:static; /* ☆ */
	/* width:14.285%; */ /* 전체메뉴폭 고려 ((100/7 */
	width: 150px;
}
/* ☆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;left:auto !important;top:auto !important; /* ☆ */
	width:auto;
	height:28px;
	padding:16px 9px 17px; /* 조금 여유 둠 ((( 16px 10px 16px 9px */
	border:0;
	color:#000;
	font-weight:600;
	font-size:16px;
	text-align:center;
}
#tnb1 div.d1>ul>li>a:before{content:'';display:block;
	position:absolute;left:0;top:50%;
	width:0;height:16px;
	margin:-8px 0;
	border-left:1px solid #ddd;
}
/* ☆ */
#tnb1 div.d1>ul>li.m1>a:before{display:none;}
#tnb1 div.d1>ul>li.m6,
#tnb1 div.d1>ul>li.m7{
	width: 140px; /* (1200-(160*5))/2 */
}
#tnb1 div.d1>ul>li.m1>a{border-left:1px solid #ddd;}
#tnb1 div.d1>ul>li.m7>a{
	margin-left:-1px;
/*	border-right:1px solid #ddd;*/
}


#tnb1 div.d1>ul>li.m6>a:after,
#tnb1 div.d1>ul>li.m7>a:after{
	/* content:''; */
	display:inline-block;
	position:absolute;
	right:24px;
	top:50%;
	width:10px;
	height:10px;
	margin:-5px 0;
	background:url(../../img/inc/ic10a3c1down1.png) no-repeat;
}
#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;
	width:auto !important; /* ☆ 각개폭지정제거 */
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	background:none;
	/* color:#048; */
	font-weight:600;
}
body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{ /* 메인페이지만 */
	/* color:#000; */
	font-weight:600; /* 모바일에서 허전함 달래기 위해 메뉴 활성한거 비활성 모양으로 바꿔준다. */
}
/* #tnb1 div.d1>ul>li.on>a:before{display:none;} */ /* ☆ */

/* ★ 주메뉴 전체 오버(포커스) */
#tnb1 div.d1.over{height:auto;}
#tnb1 div.d1.over>.bg{
	position:absolute;left:0;right:0;top:60px;bottom:0;
	margin:0 -400px -1px; /* (좌우확장) (하단 라인 가림 방지) */
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
	box-shadow:0 3px 5px 0 rgba(0, 0, 0, .05);
}
#tnb1 div.d1.over div.d2{
	display:block;
	visibility:visible;
	height:auto;
	opacity:1;
}

/* ★ 1차 메뉴별 오버(포커스) + 온추가? */
/* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */
#tnb1 div.d1>ul>li.on[class][class]>a,
#tnb1 div.d1>ul>li.over[class][class]>a{
	padding:16px 9px 14px;
	border-bottom:3px solid #ed1c24;
	color:#ed1c24;
	font-weight:600;
}

	

#tnb1 div.d1>ul>li.on[class][class]>a:after,
#tnb1 div.d1>ul>li.over[class][class]>a:after{
	background-image:url(../../img/inc/ic10a3c0down1.png);
}
#tnb1 div.d1>ul>li.over[class][class]>a + div.d2>.bg{display:block;
	position:absolute;left:0;right:0;
	height:1000px;
	background:#f7f7f7;
}

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

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	z-index:10;
	position:relative;left:0;top:0;
	width:auto;
	height:0; /* ☆ */
	margin:0; /* ☆ */
	padding:0; /* ☆ */
	background:#fff;
}
#tnb1 div.d2>.bg{}

/* 데스크탑 only 좌 1차제목.. */
#tnb1 div.d2>.hg1{display:none;}

#tnb1 div.d2>ul{
	float:none;
	position:relative; /* ☆ 하위메뉴의 기준위치 */
	width:auto; /* ☆ */
	margin:0; /* ☆ */
	padding:20px 0;
}
#tnb1 div.d2>ul:after{content:''; /* 분리선 */
	display:block;
	position:absolute;
	right:0;top:0;bottom:0;
	width:0;
	height:1000px;
	border-left:1px solid #ddd;
}
#tnb1 li:first-child>div.d2>ul:before{content:''; /* 분리선 */
	display:block;
	position:absolute;
	left:0;top:0;bottom:0;
	width:0;
	height:1000px;
	border-left:1px solid #ddd;
}
#tnb1 div.d2>ul>li{
	clear:both; /* ☆ */
	position:relative;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	float:none;
	z-index:10;
	position:relative;
	width:auto;
	min-height:22px;
	margin:0;
	padding:5px 1em;
	border:0;
	background:url() no-repeat 95% 50%;
	color:#555;
	font-weight:400;
	font-size:14px;
	text-align:center;
	transition:.2s;
}
#tnb1 div.d2>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d2bg1has.png); */
}
#tnb1 div.d2>ul>li.on>a{
	color:#ed1c24;
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d2bg1hason.png); */
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{z-index:20;
	height:auto;
}
#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:#ed1c24;
}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}
#tnb1 div.d2>ul>li>a:hover .t1,
#tnb1 div.d2>ul>li>a:focus .t1{
	color:#ed1c24;
}

/* ☆ */
#tnb1 div.d2>ul>li>a .t1{display:inline-block;
	position:relative;
	padding:3px 0;
}
#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 #ed1c24;
	transition:.1s;
}
#tnb1 div.d2>ul>li>a:hover .t1:after,
#tnb1 div.d2>ul>li>a:focus .t1:after,
#tnb1 div.d2>ul>li.on>a .t1:after{
	width:100%;
	margin-left:-50%;
}


/* depth3 */
#tnb1 li>div.d3{display:none !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:0 0 4px 4px;
	background:url(../../img/inc/ic12a1c0newwindow1.png) no-repeat;
	vertical-align:middle;
}

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


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


/* 전체메뉴 20171228. 20180313 */
#anb1{display:block;
	position:absolute;left:0;right:0;top:0;
	height:0;
}
#anb1 .b1.toggle{float:left;
	z-index:10;
	position:absolute;right:-5px;top:35px; /* 화면확인 */
	box-sizing:border-box;
	width:30px;height:30px;
	border-radius:6px;
	border:0;
	background:none;
	overflow:hidden;text-indent:-9999px;
}
#anb1 .b1.toggle .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;margin:-10px;
	background:url(../../img/inc/ic20a3c1menus1.png) no-repeat center center;
}
#anb1 .b1.toggle.on{}
#anb1 .b1.toggle.on .ic1{
	background-image:url(../../img/inc/b1x1.png);
	background-size:auto;
}
#anb1c{display:none;
	z-index:60;
	position:absolute;left:0;right:0;top:80px;
}
#anb1c.on{display:block;}
#anb1c>.bg{}
#anb1c>div.cont{position:relative;
	height:100%;
	padding:1.5em 1em;
	border:1px solid #ddd;
	background:#fff;
	box-shadow:0 3px 5px 0 rgba(0,0,0, .1);
}
#anb1c.on>.bg{right:0;opacity:1;}
#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:14.285%; /* =100/7 */
	padding:0 1.5em .833em;
}
#anb1 div.d1>ul>li:before{content:'';float:left;position:absolute;left:0;top:0;
	width:0;height:600px;
	border-left:1px solid #eee;
}
#anb1 div.d1>ul>li:first-child:before{display:none;}
#anb1 div.d1>ul>li>a{display:block;
	margin:0 0 .666em;
	color:#444;
	font-weight:600;
	font-size:16px;
}
/* depth2 */
#anb1 div.d2{}
#anb1 div.d2>ul{}
#anb1 div.d2>ul>li{display:block;
	border-bottom:1px solid #eee;
}
#anb1 div.d2>ul>li>a{display:block;
	padding:.416em 0 .416em 8px;
	background:url(../../img/inc/bu1.png) no-repeat 0 11px;
	color:#333;
	font-weight:normal;
}
#anb1 div.d2>ul>li>a:hover,
#anb1 div.d2>ul>li>a:focus{text-decoration:underline !important;}
/* 맨끝 */
#anb1 div.d1>ul>li.m8{display:none;}
#anb1 div.d1>ul>li.m7 ~ li{clear:both;
	float:none;width:auto;
	padding-top:1.1425%;
	border:0;
	border-top:1px solid #eee;
}
#anb1 div.d1>ul>li.m7 ~ li:before{display:none;}
#anb1 div.d1>ul>li.m7 ~ li>a{float:left;padding:0 2% 0 0;}
#anb1 div.d1>ul>li.m7 ~ li>div.d2>ul{margin:0 0 0 2%;padding:0 0 0 1.3%;border-left:1px dotted #ccc;overflow:hidden;}
#anb1 div.d1>ul>li.m7 ~ li>div.d2>ul>li{float:left;position:relative;padding:0 .5em;background:#fff;}
#anb1 div.d1>ul>li.m7 ~ li>div.d2>ul>li>a{}
/* depth3 */
#anb1 div.d3>ul{margin:.166em 0;
	padding:0 0 .5em .333em;
}
#anb1 div.d3>ul>li{display:inline;}
#anb1 div.d3>ul>li>a{display:block;padding:.25em 0 .25em 8px;
	background:url(../../img/inc/bu2.png) no-repeat 0 10px;
	color:#666;font-weight:normal;font-size:12px;
}
#anb1 div.d3>ul>li>a:hover,
#anb1 div.d3>ul>li>a:focus{text-decoration:underline !important;}



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

h1#logo>a{}
h1#logo>a>img{width:auto;height:68px;}
@media all and (max-width:1259px){
h1#logo>a>img{width:auto;height:40px;}
.mControl2{display:none;}
}
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
h1#logo{
margin:15px 0; /* (100-38)/2 () */
text-align:left;}
}

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