@charset "utf-8";

/* ---------------------------
  Resets CSS
------------------------------*/
/*html,body,div,blockquote,p,span,cite,audio,video,textarea,input,img,a,button,
table,caption,tbody,tfoot,thead,tr,th,td,dl,dt,dd,ol,ul,li,
iframe,form,label,legend,fieldset,object,pre,code,address,var,abbr,dfn,kbd,samp,
h1,h2,h3,h4,h5,h6,big,small,del,ins,em,strong,b,i,q,s,center,sub,sup,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark,
:before,:after,
container,screen,content,popup,btn*/
*{
	/*박스 크기 계산법 설정 [content-box(보더값 포함), border-box(내부크기만)]*/
	-khtml-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:top;
	/*transfrom 사용시 뒤 배경 상태 설정하기*/
	-webkit-backface-visibility: hidden;
	/*배경 설정*/
	background-repeat:no-repeat;
	background-size:100% 100%;
}
/*
:before,:after{
	display:inline-block;
}
*/
/*추가된 테그*/
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark{ 
	display:block;
}
/*속성 정의*/
div,p,span,ul,ol,li,table{background-repeat:no-repeat; background-size:100% 100%;}
ul,ol,li{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
/*이미지 초기화*/
video,img{
	/*마우스 선택 안되게*/
	-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;
	/*마우스 드레그 안되게*/
	-ms-user-drag:none;-moz-user-drag:-moz-none;-khtml-user-drag:none;-webkit-user-drag:none;user-drag:none;
}
img{
	vertical-align:top;
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering:crisp-edges;
}
button{
	display:inline-block;
	position:relative;
	overflow:visible;
	background:inherit;
	box-shadow:none;border-radius:0;
	background-size:200% 100%; 
	cursor:pointer;
	/*브라우저별 기본 스타일링 제거 */
	-ms-appearance:none;-moz-appearance:none;-khtml-ppearance:none;-webkit-appearance:none;appearance:none;
}
	button:hover{background-position-x:100%;}
	button.on{background-position-x:100%;}
	button.disabled:hover{background-position-x:0%; cursor:default;}
/*입력 창 스타일 제거*/
button,input,textarea,select,video,img,a{
	/*스타일 제거*/
	outline:none;outline-style:none;background-color:transparent;
	/*브라우저별 기본 스타일링 제거 */
	-ms-appearance:none;-moz-appearance:none;-khtml-ppearance:none;-webkit-appearance:none;appearance:none;
}
input,textarea{
	text-indent:0px;vertical-align:baseline;
	-ms-user-select:auto;-moz-user-select:-moz-auto;-khtml-user-select:auto;-webkit-user-select:auto;user-select:auto;
}
button:focus,input:focus,textarea:focus,select:focus,video:focus,div:focus,img:focus,a:focus{
	outline:none;
}
textarea{
	resize:none; overflow-x:hidden; overflow-y:auto;
}
/*입력 지우기 버튼 생성 막기*/
input::-moz-clear{display:none;}
input::-webkit-clear{display:none;}
input::-ms-clear{display:none;}
input:-ms-clear{display:none;}
input::clear{display:none;}

/*placeholder 스타일 지정*/
::-moz-input-placeholder{color:#bbb!important; font-style: italic;}
::-webkit-input-placeholder{color:#bbb!important; font-style: italic;}
/* Microsoft Edge */
::-ms-input-placeholder{color:#bbb!important; font-style: italic;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder{color:#bbb!important; font-style: italic;}
/*파이어폭스에서 css*/
::placeholder{color:#bbb!important; opacity:1; font-style: italic;}

/*기타 스타일 제거*/
a,ins,del{cursor:pointer; text-decoration:none;}
caption,th{text-align:left;}
q:after,q:before {content:"";}
li:before,li:after{content:none;}
a{display:inline-block;}

b{font-weight:900;}
small{
	font-size:30px;
	font-weight:normal;
	letter-spacing:-1px;
}

/* ---------------------------
  html, body 전체 채우고 마우스 선택 안되게
------------------------------*/
html{
	overflow:hidden;
	width:100%;height:100%;
}
body{
	overflow:hidden;
	width:100%;height:100%;
	/*텍스트 자동 스케일 안되게*/
	-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;
	/* 마우스 선택 안되게*/
	-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select: none; user-select: none;
	/*터치 조작 이벤트 막기*/
	touch-action:none;
	-webkit-touch-callout: none;
	
	opacity:0;
}

/*---------------------
버튼
-----------------------*/
btn{
	cursor:pointer;
	display:inline-block;
	background-size:200% 100%;
	font-size:0px;
}
	btn:hover{ 
		background-position-x:100%;
	}
	btn.switch{
		background-position-x:100%;
	}
	btn.on{
		cursor:default; 
		background-position-x:100%;
	}
	btn.disabled{
		cursor:default !important; 
	}
		btn.disabled:hover{
			background-position-x:0%;
		}


@charset "utf-8";

/* ---------------------------
  폰트 등록
------------------------------*/
/*나눔 고딕*/
@font-face {
	font-family:'Andong'; 
	font-style:normal; 
	font-weight:100; 
	src:local('※'), 
	url('../fonts/woff/AndongKaturi.woff') format("woff"),
	url('../fonts/otf/AndongKaturi.otf') format("otf");
}
/*쿠키런*/
@font-face {
	font-family:'CookieRun'; 
	font-style:normal; 
	font-weight:normal; 
	src:local('※'), 
	url('../fonts/woff/CookieRun-Regular.woff') format("woff"),
	url('../fonts/otf/CookieRun-Regular.otf') format("otf");
}
@font-face {
	font-family:'CookieRun'; 
	font-style:normal; 
	font-weight:bold; 
	src:local('※'), 
	url('../fonts/woff/CookieRun-Bold.woff') format("woff"),
	url('../fonts/otf/CookieRun-Bold.otf') format("otf");
}
/*나눔 스퀘어*/
@font-face {
	font-family:'NanumSquare'; 
	font-style:normal; 
	font-weight:100; 
	src:local('※'), 
	url('../fonts/woff/NanumSquareRoundL.woff') format("woff"),
	url('../fonts/otf/NanumSquareRoundL.otf') format("otf");
}
@font-face {
	font-family:'NanumSquare'; 
	font-style:normal; 
	font-weight:normal; 
	src:local('※'), 
	url('../fonts/woff/NanumSquareRoundR.woff') format("woff"),
	url('../fonts/otf/NanumSquareRoundR.otf') format("otf");
}
@font-face {
	font-family:'NanumSquare'; 
	font-style:normal; 
	font-weight:bold; 
	src:local('※'), 
	url('../fonts/woff/NanumSquareRoundB.woff') format("woff"),
	url('../fonts/otf/NanumSquareRoundB.otf') format("otf");
}
@font-face {
	font-family:'NanumSquare'; 
	font-style:normal; 
	font-weight:900; 
	src:local('※'), 
	url('../fonts/woff/NanumSquareRoundEB.woff') format("woff"),
	url('../fonts/otf/NanumSquareRoundEB.otf') format("otf");
}


/**
 * 	슈위트
 */
@font-face {
	font-family:'Suite'; 
	font-style:normal; 
	font-weight:100; 
	src:local('※'), 
	url('../fonts/woff/SUITE-Medium.woff2') format("woff"),
	url('../fonts/otf/SUITE-Medium.otf') format("otf");
}
@font-face {
	font-family:'Suite'; 
	font-style:normal; 
	font-weight:normal; 
	src:local('※'), 
	url('../fonts/woff/SUITE-SemiBold.woff2') format("woff"),
	url('../fonts/otf/SUITE-SemiBold.otf') format("otf");
}
@font-face {
	font-family:'Suite'; 
	font-style:normal; 
	font-weight:bold; 
	src:local('※'), 
	url('../fonts/woff/SUITE-Bold.woff2') format("woff"),
	url('../fonts/otf/SUITE-Bold.otf') format("otf");
}
@font-face {
	font-family:'Suite'; 
	font-style:normal; 
	font-weight:900; 
	src:local('※'), 
	url('../fonts/woff/SUITE-ExtraBold.woff2') format("woff"),
	url('../fonts/otf/SUITE-ExtraBold.otf') format("otf");
}



/*--------------------------------------------------------------
  	폰트 기본 셋팅 [띄어 쓰기 : &#xA0; / &#160; / &#32; 줄 바꿈 <br>]
----------------------------------------------------------------*/
body,input,textarea,h1,h2,h3,h4,h5,h6{
	font-family:'Suite';
	font-size:30px; 
	font-weight:normal; 
	line-height:120%; 
	letter-spacing:0px; 
	text-indent:0px;
}