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

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

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		/* '나눔고딕',NanumGothic,'Nanum Gothic', */
		'Noto Sans','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:
		'Apple SD Gothic Neo',
		'Open Sans',
		'Microsoft JhengHei',
		'Meiryo',
		'Noto Sans','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,sans-serif;
}

/* [IE8]fix) */
.bsContain>div>img,
.bsCover>div>img{ /* [IE8]fix) */
	visibility:inherit !important;
}


/* ◇◆ 공용 ◇◆ */


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


/* 배치.전체 20181016. ☆ z-index 쌓임맥락 안만들고.. 개별 콘텐츠에서 z-index 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{position:relative;
	min-width:280px; /* ☆ */
	margin:0 20px; /* ☆ */
}
#container{position:relative;}
	div.bg2top{}
		div.bg2top>div{}
	div.bg2btm{}
		div.bg2btm>div{}
	#head{clear:both;
		position:relative;
	}
		div.bg2head{}
			div.bg2head>div{}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body{
				z-index:0; /* ☆ 다른 펼쳐지는거 보다 낮춤 */
				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{
			position:relative;
		}
			[id*='foot_']>.container{}
			#foot_s1>.container{padding:20px 0 30px;}


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


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


/* #head */




/* #wing */



/* #foot */



/* ETC */



/* ◇◆ @keyframes [IE10+] ◇◆ */
/* @-webkit-keyframes 는 CSS3 유효성 오류 발생 */


@keyframes kfx1move1vertic1{
	0%{margin-bottom:40px;}
	50%{margin-bottom:60px;}
	100%{margin-bottom:40px;}
}
.kfx1move1vertic1{animation: kfx1move1vertic1 1.6s ease-in-out infinite;}

@keyframes kfx1move1vertic2{
	0%{transform: translateY(0);}
	50%{transform: translateY(2px);}
	100%{transform: translateY(0);}
}
.kfx1move1vertic2{animation:kfx1move1vertic2 .6s ease-in-out infinite;}

@keyframes kf1scale1rotate1{
	/* 50%{transform:scale(1.2) rotate(-6deg);} */
	50%{transform:scale(1.2) rotate(-1deg);}
}
.kf1scale1rotate1{animation: kf1scale1rotate1 12s ease-in-out infinite;}