@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.03.19 | 문영신 | 최초 등록
 * 2018.04.16 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.03.19
 *
 * @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. 20180416 ◆◆◆ */

/* S-CoreDream */
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}


/* SBAggro */
@font-face {
    font-family: 'SBAggro';
    src: url('https://cdn.jsdelivr.net/npm/@noonnu/sbaggrol@0.0.1/SBAggroL.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggro';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/*나눔명조
@import url(https://cdn.jsdelivr.net/npm/@fontsource/nanum-myeongjo@4.5.7/400.css);
@import url(https://cdn.jsdelivr.net/npm/@fontsource/nanum-myeongjo@4.5.7/700.css);
@import url(https://cdn.jsdelivr.net/npm/@fontsource/nanum-myeongjo@4.5.7/800.css);
*/
body{
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:1.7em; /* (((16px */
	line-height:1.75; /* ☆ */
	overflow:hidden; /* ★ Avoid horizontal scrolling */
}


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



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


/* 배치.전체 20180327. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; /* ☆ */
	max-width:1400px; /* ☆ 디자인폭(1200)+패딩좌우(20*2) */
	margin:0 20px; /* ☆ */
}
#container{position:relative;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;
		z-index:100;
		position:relative;
		width:100%;
	}
		div.bg2head{}
			div.bg2head>div{}
		#head_s1{position:relative;border-bottom:1px solid #ddd;}
		#head_s2{}
		#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{} /* ((( main.css */
	#foot{clear:both;position:relative;background:#34334a;padding:0 0 50px;}
		#foot .container{margin:0 20px;} 


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


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


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


/* #head */


/* 로고 20180322 */
h1#logo{display:block;
	position:relative;
	margin:35px 60px 20px 20px; /* (80-42)/2+0 (메뉴) (80-42)/2 (메뉴없음) */
	font-size:0;line-height:0;
	text-align:left;
}
h1#logo a{display:block;width:127px;height:52px;background:url(../../img/inc/logo2@2x.png) no-repeat 0 0 / contain }
#gn1{position:absolute;right:20px;top:5px;}
#gn1 ul{float:right;}
#gn1 li{position:relative;float:left;margin-left:10px;padding-left:10px;}
#gn1 li:before{	content:'';	display:block;	position:absolute; left:0;	top: 11px;	bottom: 10px;	border-left: 2px solid #000;}
#gn1 li:first-child:before{display:none}
#gn1 a{color:#000;font-size:14px;}


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


/* #wing */


#gotop1{background:none;}


/* #foot */


#foot_logo{margin:10px 0}
#foot_logo img{height:45px;}


/* 내비 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 a{position:relative;display:block;
	padding:.375em 10px .375em 0;
	color:#f0f5f9;
	font-size:12px;
	white-space:nowrap;
	letter-spacing:0;
	font-weight:400
}
#fn1 a:before{content:'';
	display:inline-block;
	height:12px;
	border-left:1px solid #f0f5f9;
	margin-right:14px;
}
#fn1 li:first-child a:before{display:none;}
#fn1 a b{color:#f0f5f9;font-weight:400}



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


#wing{z-index:1000; position:fixed;right:30px;top:50%;
	transform:translateY(-50%)
}
#wing ul{list-style:none;padding:0;margin:0}
#wing ul li{margin-bottom:15px;}
#wing ul li a{display:block;position:relative;
	text-align:center;
	color:#aaa;
	font-weight:400;
	font-size:15px
}
#wing ul li a:before{content:'';
	display:block;
	width:80px;height:80px;
	border-radius:100%;
	box-shadow:3px 3px 5px 0 rgba(0, 0, 0, .5);
	background:#fff url() no-repeat 50% 50% / 40px 40px;
	margin:0 0 5px
}
#wing ul li:nth-child(1) a:before{background-color:#01807e;background-image:url(../../img/inc/wing1p1.png)}
#wing ul li:nth-child(2) a:before{background-color:#4a71a1;background-image:url(../../img/inc/wing1p2.png)}
#wing ul li:nth-child(3) a:before{background-image:url(../../img/inc/wing1p3.png)}
@media all and (max-width:1259px){
	#wing{display:none}
}


/* ETC */


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


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


/* 주메뉴 20180321. makeActive2ClickHover('#tnb1'); */
	#tnb1{float:left;
		position:absolute;left:0;top:0;width:100%;line-height:1.375;
	}
	#tnb1 .b1.toggle{
		z-index:10;
		position:absolute;right:20px;top:35px; /* 화면확인*/
		box-sizing:border-box; /* ☆ */
		width:40px;height:40px;
		overflow:hidden;
	}
	#tnb1 .b1.toggle:before{content:'';
		display:block;
		position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url(../../img/inc/ic80a1c1bars2@2x.png) no-repeat 0 0 / contain;
	}
	#tnb1c{display:block;visibility:hidden;
		z-index:100;
		position:fixed;left:auto;right:0;top:0;bottom:0;
		width:320px;
		margin:0; /* (0+80) */
		overflow-y:visible; /* ☆ */
	}
	#tnb1c.on{display:block;visibility:visible;
		right:0;
		height:auto !important
	}
	#tnb1c>.bg{
		position:fixed;left:0;right:0;top:0;bottom:0;
		margin:0; /* (0+80) */
		background:rgba(0,0,0,0.5);
	}
	#tnb1c.on>.bg{}
	#tnb1 .b2{
		z-index:10;
		position:
		absolute;right:20px;top:20px; /* 화면확인*/
		box-sizing:
		border-box; /* ☆ */
		width:40px;height:40px;
		overflow:
		hidden;
		background: #373640;
	}
	#tnb1 .b2:before{content:'';
		display:block;
		position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url(../../img/inc/ic80a1c0close1@2x.png) no-repeat 0 0 / contain;
	}

	#tnb1c>div.cont{
		position:relative;
		right:-100%;
		width:320px;
		height:100%;
		overflow:visible;
		overflow-y:auto; /* ☆ */
		overflow-x:visible;
		transition:.2s ease-out
	}
	#tnb1c.on>div.cont{
		right:0;
	}
	/* depth1~depth4 */
	#tnb1 .smain{display:block;}
	/* depth1 */
	#tnb1 div.d1{clear:both;padding-top:80px;position:relative;min-height:calc(100% - 80px);background: #24232a;}
	#tnb1 div.d1>ul{position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,0.2);}
	#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 rgba(255,255,255,0.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: #373640;
	}
	#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 #2d2c34;
		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{}
	#tnb1 div.d3>.bg{display:none;} /* ☆ */
	#tnb1 div.d3>ul{margin:-1px 15px 0;background:rgba(255,255,255,0.05)}
	#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;
		background:url(../../img/inc/tnb1d3bg1.png) no-repeat 40px 50%;
		color:#fff;
		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);
		/* font-weight:600; */
	}
	/* depth4 */
	#tnb1 li>div.d4{
		padding:.5em 0;
		background:#1b1464;
	}
	#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 ◇◆◇◆◇◆◇◆◇◆ */


	h1#logo{margin:20px 60px 20px 20px;}
	h1#logo>a>img{height:46px;}




	#foot_s2 .container{padding-bottom:50px;}

	#fn1{margin-bottom:30px;}
	#fn1 a{font-size:14px;padding:.375em 14px .375em 0;}

	#foot_logo{position:absolute;right:0;top:0;margin:0}
	
	#author1{margin:0 80px 10px 0;}


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

	#snslink1{position:absolute;right:0;top:-60px}


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


	#head{height:120px;border-bottom:1px solid rgba(255,255,255,0.5)}
		
		#head_s1{border-bottom:0}
		#head_s2{}
		#head_s3{}

	#foot .container{margin:0 auto;}


.container{max-width:1200px;margin:0 auto}

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





h1#logo{z-index:100;display:inline-block;font-size:0;margin:50px 0 28px 0;}
h1#logo a{background-image:url(../../img/inc/logo@2x.png)}

#gn1 a{color:#fff;}
#gn1 li:before{border-color:#fff;}


#fn1{margin:50px 0 30px }
#fn1 a{font-size:18px;font-weight:300}
#fn1 a b{font-weight:300}

#author1{font-size:16px;font-weight:300}

#foot_logo{top:-40px}
#foot_logo img{height:60px}



/* 주메뉴 20190927. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니 미디어쿼리별 따로 정의 (분리 사용 가능)
 * 1차 인라인배치. 2차 스택배치. 개별열림.
 */
#tnb1{
	/* z-index:20; ☆쌓임맥락만들지마요! */
/*	position:absolute;top:0;left:250px;right:60px; */
	position:absolute;top:0;left:180px;right:60px;
	margin: 47px 0 0 0;
	width:
	auto;
}
/* 데스크탑 감춤 */
#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 !important; /* ☆ */
}
#tnb1c.over{height:300px !important;}
#tnb1c>.bg{}
#tnb1c.over>.bg{position:absolute;left:-1000px;right:-1000px;top:67px;bottom:0;
	background:#f7f7f7;
}
#tnb1c>div.cont{float:none;
	position:relative;right:auto;
	height:100%;
	margin:auto;
	box-shadow:none;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆[IE8+] */
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	position:relative;
	padding:0;
	transition:.4s ease height;
	box-sizing:border-box;
}
#tnb1 div.d1>.bg{position:absolute;
	top:110px; /* ☆ */
	left:-100%;right:-100%;
	width:auto;height:0;
	transition:all .4s ease;
}
#tnb1 div.d1>ul{	
	text-align:center;
	min-height:0; /* >=1차메뉴전체높이 */
}
#tnb1 div.d1>ul>li{
	position:relative;display:inline-block;vertical-align:top;margin:0 -1.3px;
}
/* 화면확인 (( (개별글수/전체글수) */

/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
#tnb1 div.d1>ul>li.m7 ~ li{display:none;}
/* 20210604 2차메뉴 한줄로보이게 수정요청 - 양미정 */
#tnb1 div.d1>ul>li>a{display:block;
	position:relative;left:auto !important;top:auto !important; /* ☆ */
	width:auto;
	height:28px;
	padding:15px 40px 16px; /* (60-28)/2 (조금 여유 둠) */
	color:#fff;
	font-size:0;
	text-align:center;
	z-index:10;
	letter-spacing:-.05em;
	transition:.2s;
}
#tnb1 div.d1>ul>li:first-child>a{}
#tnb1 div.d1>ul>li>a>.ic1{}
#tnb1 div.d1>ul>li>a>.t1{
	display:
	inline-block;
	position:
	relative;
	width:
	auto;
	font-size: 20px;
	font-weight:400;
	vertical-align:
	middle;
	letter-spacing:-.05em;
}

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

/* ★ 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>a>.t1:after {content:"";
	position:absolute;bottom:-22px;left:0;
	display:block;
	width:0;height:4px;
	background:#ee4023;
	transition:.2s;
}
#tnb1 div.d1>ul>li:hover>a{padding-top:20px;color:#000 !important}
#tnb1 div.d1>ul>li:hover>a>.t1:after{width:100%}


/* depth2~3 (공통만 먼저 정의) */
#tnb1 li>div[class^='d']{
	display:none;visibility:hidden;overflow:visible !important;
	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'] 와 동일 */
	display:block;visibility:hidden;overflow:hidden;
	z-index:10;
	position:absolute;left:0;right:0;top:90px;
	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 전환초) */
		.4s ease opacity .25s;
}
#tnb1 div.d2 .h1{display:none;}
#tnb1 div.d2>ul{text-align:center;}
#tnb1 div.d2>ul>li{}
#tnb1 div.d2>ul>li>a{
	display:
	inline-block;
	position:
	relative;				
	padding:10px 0 5px 0;
	margin:0;
	color:#222;
	font-size: 16px;
	transition:.1s ;
	opacity:0;
}
#tnb1 div.d2>ul>li>a:after{content:'';
	display:block;
	position:absolute;bottom:0;left:0;
	width:0;height:1px;
	background:#ee4023;
	transition:.2s ;
}


/* ★ 오버(포커스) */
#tnb1 .d1 a:focus li>div.d2,
#tnb1 .over li>div.d2{
	visibility:visible;
	height:auto; /* >(.d2 최대 높이) ☆ auto 는 전환 효과 안됨 */
	opacity:1;
}

#tnb1c.over  div.d2>ul>li>a{opacity:1;}
#tnb1 div.d2>ul>li.on>a{font-weight:600}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{color:#ee4023;font-weight:600}
#tnb1 div.d2>ul>li>a:hover:after,
#tnb1 div.d2>ul>li>a:focus:after{width:100%;}


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

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



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


/* 전체메뉴 20180321*/
#anb1{display:block;
	position:absolute;left:0;right:0;top:0;
	height:0;
}
#anb1 .b1.toggle{display:inline-block;
	z-index:30;
	position:absolute;right:0;top:50px; /* 화면확인 */
	box-sizing:border-box;
	width:50px;height:50px;
	margin:0;
	border-radius:9999px;
	background:transparent;
	overflow:hidden;
}
#anb1 .b1.toggle:before{content:'';display:block;
		position:absolute;left:50%;top:50%;
		width:40px;height:40px;margin:-20px;
		background:url(../../img/inc/ic80a1c0bars2@2x.png) no-repeat 0 0 / contain;
}
#anb1 .b1.toggle.on{background:#8499ac;}
#anb1 .b1.toggle.on .ic1{
	width:40px;height:40px;margin:-20px;
	background-image:url(../../img/inc/ic80a1c0close1@2x.png);
}
#anb1 .b2.close{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:60px; /* 화면확인 */
	box-sizing:border-box;
	width:40px;height:40px;
	margin:0 0 0 550px;
	overflow:hidden;
	background:url(../../img/inc/ic80a1c1close1@2x.png) no-repeat 0 0 / contain;
}
/* ☆ */
#anb1c{display:none;
	/* display:block !important; */
	z-index:200;
	position:absolute;left:0;right:0;top:0;
	margin:0 -400px;
	background:#fff;
	color:#666;
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1);
}
#anb1c.on{display:block;visibility:visible;}
/* ☆ */
#anb1 .wrap1{position:relative;
	margin:0 auto;
	padding:35px 0;
	width:1200px;
}
#anb1 .hg1{text-align:center;margin-bottom:40px;}
#anb1 .hg1 img{height:90px}

/* depth1 */
#anb1 div.d1{text-align:center;}
#anb1 div.d1>ul{position:relative;overflow:hidden;}
#anb1 div.d1>ul>li{
	position:
	relative;
	float:
	left;
	width:
	calc(16% - 20px);
	margin:0 10px;
	box-sizing:
	border-box;
}
#anb1 div.d1>ul>li>a{
	border-bottom: 1px solid #000;
	display:
	block;
	font-size: 24px;
	font-weight:400;
	color: #000000;
	/* background: #472f1c; */
	/* border-radius:5px; */
	padding:15px 0 13px
;
	font-family: 'SBAggro';
}
#anb1 div.d1>ul>li.m7 ~ li{display:none;} 
/* depth2 */
#anb1 div.d2{text-align:left;padding:20px 0 20px 10px;}
#anb1 div.d2>ul{}
#anb1 div.d2>ul>li{margin: 12px 0;}
#anb1 div.d2>ul>li>a{position:relative;display:block;color:#000;font-size:17px;padding-left: 16px;}
#anb1 div.d2>ul>li>a:hover,
#anb1 div.d2>ul>li>a:focus{}
#anb1 div.d2>ul>li>a:before{
	content:
	'';
	position:
	absolute;left:0;
	top: 10px;
	width:5px;height:5px;
	margin:-2.5px 0 0;
	background: #d3b470;
}
/* depth3 */
#anb1 div.d3{display:
	block;
	background: #fdfcfc;padding:10px;border-radius:5px;
	margin:5px 0 5px 10px
}
#anb1 div.d3>ul>li>a{display:block;
	position:relative;
	padding:5px 5px 5px 20px;
	color:#333;
	font-size:15px;
}
#anb1 div.d3>ul>li.on>a{color:#ef6e17}
#anb1 div.d3>ul>li>a:hover,
#anb1 div.d3>ul>li>a:focus{text-decoration:underline !important;}
#anb1 div.d3>ul>li>a:before{content:'';
	display:block;
	position:absolute;left:5px;top:13px;
	border-top:1px solid #333;
	width:5px;
}




.in-head #head{background:#fff}
.in-head h1#logo a{background-image:url(../../img/inc/logo2@2x.png)}


.in-head #gn1 a{color:#000}
.in-head #gn1 li:before{border-left-color:#000}

.in-head #tnb1 div.d1>ul>li>a{color:#000}

.in-head #anb1 .b1.toggle:before{background-image:url(../../img/inc/ic80a1c1bars2@2x.png)}


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

.container{max-width:1400px;margin:0 auto;}


} /* /(min-width:1600px) */
@media all and (min-width:1700px){


#head{height:100px;}
#head .container{max-width:1600px}

h1#logo{margin: 28px 0 0 0;}

#gn1{top: 43px;right:55px}

#tnb1{margin: 27px 300px 0 0;}
#tnb1 div.d1>ul{text-align:right;}
#tnb1 div.d1>ul>li>a{padding:15px 49px 16px}
#tnb1 div.d1>ul>li:hover>a{padding-top:30px;}
#tnb1 div.d1>ul>li>a>.t1:after {bottom:-15px;}
#anb1 .b1.toggle{top:30px;right:0}


}

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