* {
  margin:0;
  padding:0;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul, ol {
	list-style: none;
	padding:0;
}

a, a:hover {
  color: inherit;
  text-decoration: none;
  cursor:Pointer;
}

table {
	border-collapse:collapse;
}
img{vertical-align:middle;}
b{font-weight:bold;}
/* html5 전체화면시 */
:-webkit-full-screen {
  background: #ffffff;
}

:-moz-full-screen {
  background: #ffffff;
}

:-ms-fullscreen {
  background: #ffffff;
}

:full-screen { /*pre-spec */
  background: #ffffff;
}

:fullscreen { /* spec */
  background: #ffffff;
}
/* 자주쓰는것 */
.table{display:table;width:100%;height:100%;}
.td{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
/* 모달배경 */
.modal_bg{
	position:absolute;
	height:100%;width:100%;
	opacity:1; filter:alpha(opacity=100);
	background:transparent;
	background-color:rgba(0,0,0,0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	zoom: 1;
	_background:rgb(0,0,0);
}
/* 버튼들 */
.fadeimg {
	display:inline-block;*display:inline;_display:inline;
	position:relative;
	font-size:0;line-height:0;
	cursor:pointer;
}
.fadeimg img{
	display:none;
	position:absolute;
	left:0;top:0;
}
.imgbtn{cursor:Pointer}
/* 슬라이더 */
.slider_area{
	width:100%;height:100%;
	font-size:0px;
	white-space:nowrap;word-break:break-all;
}
.slider_area li{
	white-space:pre-line;word-break:break-all;
	position:relative;
	display:inline-block;*display:inline;_display:inline;
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
/* 이미지 로더를 위한것. */
.loader, .loaderANI{
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
/* 줌효과 무한루프 */
.zoominoutbg{
	animation:zoom 10s 1 linear;
	-webkit-animation:zoom 10s 1 linear;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
}
@keyframes zoom{
	0%{transform:scale(1.2) rotate(0.3deg)}
	100%{transform:scale(1) rotate(0deg)}
}
@-webkit-keyframes zoom{
	0%{-webkit-transform:scale(1.2) rotate(0.3deg)}
	100%{-webkit-transform:scale(1) rotate(0deg)}
}
/* 중앙에 오게 하는데 내용 넘치면 scroll */
.cntMidScroll_position{
	overflow:auto;
	position:fixed; z-index:1010;
	width:100%;height:100%;
}
.cntMidScroll_wrap{
	display:table;
	width:100%;height:100%;
}
.cntMidScroll_content{
	display:table-cell;vertical-align:middle;text-align:center;
	width:100%;height:100%;
}
/* 그냥 기본적으로 쓰는것 */
body, div{font-family:'NanumGothicWeb','나눔고딕','Dotum';}
.cpage{
	min-width:200px;width:100%;height:100%;
	clear:both;
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.all_wrap{position:relative}