@charset "utf-8";
/**
 * all.css
 * Base Adjust + Layout[main+sub] Mobile First!
 * 20210616 | @m | 최초 등록
 * 20210625 | @m | 요구반영. 결함개선. 고도화.
 * 20210629 | @m | 전체화면 어울리게
 */

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

/* Base ◆◆◆ 20210618 */


body{
	background:#fff;
	color:#555; /* ☆ */
	/* font-weight:400; */ /* ☆ */
	font-size:1em; /* (((16px */
	line-height:1.5; /* (((☆ */
	/* letter-spacing:-.03125em; *//* (-.5px/16px) */
}

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

/* ☆ */
[href]{
	color:inherit;
}


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


/* 배치.전체 20210625. ☆ z-index 쌓임맥락은 개별 콘텐츠에서 지정 권장! */
html,
body,
#container, #wrap{
	height:100%;
}
html{
	overflow:hidden; /* 범람 방지 */
}
.container{ /* ★ )) 개별 선언 */
	position:relative;
	/* (☆min-width:280px;) */ /* ☆ */
	margin:auto;
}
#container{
	position:relative;
	width:100vw;
	/* height:100vh; */
	background:#fff; /* (#999) */
	overflow-x:hidden; /* ★ Mobile 가로범람 방지 */
}
	#head{}
		#head>.container{}
	#wrap{
		display:flex; /* ☆ */
		/* justify-content:center; */ /* [IE11]fix) #wrap>.container 단독 중앙정렬위해 주석처리 */
		align-items:center;
		clear:both;
		position:absolute;left:0;right:0;top:0;bottom:0;
	}
		#wrap>.container{
			z-index:0;
			position:relative;
			width:100%;
			max-width:1024px;
			font-size:1.5625vw; /* (16/1024)*100 */
			margin:auto;
		}
			#body{
				padding:0 0 75%;
			}
				#body>.container{
					position:absolute;left:0;right:0;top:0;bottom:0;
					/* overflow:hidden; */
				}
	#foot{}
		#foot>.container{}


/* ◇◆ 공통 조정 ◇◆ */
/* none  */


/* ☆ 공용 20210618 */
/* none */
.init img{max-width:100%;} /* ☆ */


/* 배치.유틸 20210618 */
/* none */


/* #head */


/* 로고 20210618 */
h1#logo{}


/* #foot */


/* 저작권 20210618 */
#copyright1{}


/* ◇◆ ETC ◇◆ (공통콘텐츠) */




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


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


/* Mobile font-size 20210618 */
/* html{
	font-size:.875em;
}
.fs1rem{
	font-size:.875rem !important;
} */


} /* /(max-width:767px) */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1024px){ /* large ◇◆◇◆◇◆◇◆◇◆ */
	#wrap>.container{
		font-size:1em;
	}
} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


/* ◇◆◇◆ */


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



} /* /(min-width:1260px) */
@media only screen and (-webkit-min-device-pixel-ratio:1.3){ /* (O) mobile ◇◆◇◆◇◆◇◆◇◆ */
}/* /(min-device-pixel-ratio:1.3) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

/* ◇◆ animation ◇◆◇◆◇◆◇◆◇◆ */


/* @keyframes [IE10+] 20210430 */
@keyframes kf1mix1{
	50%{transform:scale(1.05) rotate(-0.25deg);}
}


/* ◇◆ /animation ◇◆◇◆◇◆◇◆◇◆ */