@charset "utf-8";
/**
 * @File Name : all.css
 * @Description : Base Adjust + Layout[main+sub] Mobile First!
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2021.05.03 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2021.05.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',
		/*'맑은 고딕','Malgun Gothic',*/
		/* '나눔고딕',NanumGothic,'Nanum Gothic', */
		'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;} 
#head{height:60px;background:#fff;}

	#wrap{
		clear:both;
		position:relative;
		min-height:120px; /* ☆ 펼친 콘텐츠 높이 고려. */
		z-index:2
	}
		#wrap>.container{margin:0} /* ))) sub.css, main.css */
			#body{
				position:relative;
			}
	#wing{display:block;z-index:10;position:relative;} /* ((( sub.css */
	#foot{clear:both;position:relative;
		background:#555;
	}
	#foot>.container{margin:30px 15px;}




/* ☆ 모바일 감춤 20191220 */


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

/* #head */

h1#logo{display:block;
	font-size:0;
	line-height:0;
	margin:15px 0;
}
h1#logo a{display:block;}
h1#logo img{width:auto;height:25px;}



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


/* #wing */



/* #foot */


#foot_logo{margin:0 0 10px}

/* 작성자(연락처/저작권) 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 .copyright{display:block;
	margin:0 0 1em;
	line-height:1.5;
	letter-spacing:0;
	color:#888
}


#foot_sns1{margin:20px 0;}
#foot_sns1 a{display:inline-block;
	position:relative;
	width:30px;height:30px;
	background:#6e6e6e;
	border-radius:100%;
	overflow:hidden;
}
#foot_sns1 a:before{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	width:25px;height:25px;
	margin:-12.5px;
	background:url() no-repeat 0 0 / contain;
}
#foot_sns1 a.facebook:before{background-image:url(../../img/inc/bn1facebook@2x.png)}
#foot_sns1 a.twitter:before{background-image:url(../../img/inc/bn1twitter@2x.png)}
#foot_sns1 a.blog:before{background-image:url(../../img/inc/bn1blog@2x.png)}

#gotop1{display:block;
	position:relative;
	border:1px solid #fff;
	width:70px;height:70px;
	opacity:.5;
	background:#3c3c3c;
	text-align:center;
	color:#fff;
	transition:.2s ease-out;
	box-sizing:border-box;
}
#gotop1:before{content:'';
	display:block;
	width:20px;height:20px;
	background:url(../../img/lib/ic40a2right2.png) no-repeat 0 0 / contain;
	transform:rotate(-90deg);
	margin:10px auto 0;
}
#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:0;
	top:6px; /* (화면확인) */
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	background:url(../../img/inc/ic80a1c1bars5@2x.png) no-repeat 0 0 / contain;
	overflow:hidden;text-indent:-9999px;
}
#tnb1 .b1.toggle.on{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;
	background:url(../../img/inc/ic80a1c1close1@2x.png) no-repeat 0 0 / contain;
}
/* ☆ */
#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;
}
/* depth1~depth4 */
#tnb1 .smain{display:block;}
/* depth1 */
#tnb1 div.d1{
	clear:both;
	position:relative;
	/* min-height:100%; ☆ */
	margin:40px 15px 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:.75em 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{}





#foot_logo{position:absolute;left:0;top:20px;}

#author1{display:inline-block;vertical-align:top;margin:10px 30px 0 150px;}

#foot_sns1{display:inline-block;vertical-align:top;margin-top:10px;}


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




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


.container{
	width:auto; /* ☆ */
	max-width:1200px; /* ☆ */
	margin:auto; /* ☆ */
}

	#head{z-index:100;position:fixed;left:0;right:0;top:0;height:80px;}

	
	#foot>.container{margin:30px auto;}




h1#logo{margin-top:24px;}


#gotop1{position:absolute;right:0;top:10px;}


/* 주메뉴 20191220. makeActive2ClickHover('#tnb1');
 * 1차 inline배치. 하위absolute배치. 2차 inline배치. 3차~없음.
 */
#tnb1{
	position:absolute;
	right:0;top:25px;
	width:auto;
	height:40px; /* ☆ */
	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%;
	background:none; /* ☆ */
}

#tnb1c>.bg{}
/* ☆ .over */
#tnb1c.over{}
/* ☆ */
#tnb1c>div.cont{float:none;
	position:relative;
	min-height:100%;
	margin:auto;
}
#tnb1c.on>div.cont{right:auto;
	box-sizing:border-box; /* ☆ */
}

/* 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 0 0 80px;
}
#tnb1 div.d1>ul>li:first-child{margin:0}

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

#tnb1 div.d1>ul>li>a{display:block;
	position:relative;
	height:40px;
	padding:0; /* (약간 여유) */
	border-right:0;
	color:#333;
	font-size:0;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	font-size:17px;
}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{color:#000}
#tnb1 div.d1>ul>li.on>a{color:#00ad50}


@media all and (min-width:1600px){
	.container{max-width:1400px;}	
}





/* 작업확인용.★☆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 ◇◆◇◆ */




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



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