@charset "utf-8";
body {margin:0;padding:0;font-size:0.75em;font-family: 'Noto Sans KR','Roboto','Malgun Gothic', dotum, sans-serif !important;background:#fff}
@import url("../../../font/notosanskr.css");
@import url("../../../font/roboto.css");
/*공통*/
.m0auth{
	margin: auto;
}
.w100p{
	width:100% !important;
}

legend {
    display: none;
}
a{}
/*animation*/

.mobile_mode{
	display:none!important;	
}
.pc_mode{
	display: block!important;
}
.mobile_main_top_bg {
	display: none;
}
/*float 딸려올라감 방지*/
.clearfix {
	zoom: 1;
	/* ie 6,7 */
}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}

.clearfix::after {
	clear: both;
}

.red{
	color:red;
}

.yellow{
	color:yellow;
}

/*앨범 추출*/
#container {
	position: relative;
	float: left;
	min-height: 500px;
	height: auto !important;
	margin: 20px 0;
	font-size: 1em;
	width: 1088px;
	zoom: 1;
}

@media (max-width:767px){
			.pc_mode{
				display:none!important;	
			}
			.mobile_mode{
				display: block!important;
			}

			.gnb_banner {
				display: none;

			}
			.mobile_center{
				margin: auto;
			}
			#container {
				position: relative;
				float: left;
				min-height: 500px;
				height: auto !important;
				margin: 20px 0;
				font-size: 1em;
				width: 100%;
				zoom: 1;
			}
			#aside {
				float: right;
				width: 100%;
				padding: 0;
				height: 100%;
				/* margin: 20px 0 20px 20px; */
				margin: auto;
			}
			.ol h2 {
				width: 50%;
				float: left;
				padding: 15px 0;
				text-align: center;
			}
			.ol .join {
				width: 50%;
				float: left;
				padding: 15px 0;
				text-align: center;
				background: #f7f7f7;
				color: #6e6e6e;
			}
			/*게시판 추출 로그인 끝*/

			#tnb {
				width: 100%;
				/*height: 68px; _custom_header.css 에서 정의*/
			}

			/* 레이아웃 크기 지정 */
			#hd, #wrapper, #ft {min-width:320px}

			#hd_pop,
			#hd_wrapper,
			#tnb .inner,

			#gnb .gnb_wrap,
			#container_wr,
			#ft_wr {width:100%;padding-left:28px;padding-right:28px;}

			/*게시판 추출+ 로그인그누보드폼*/
			.lt_wr {
				width: 100%;
			}
			.pic_li_lt {
				width: 100%;
			/*	float: left;
				padding: 0 10px;
				background: #fff;
			*/}
			.pic_lt li {
			/*	float: left;
				padding: 0 10px;*/
				width: 100%;	
			}
}

@keyframes bgslidein {/*에니메이션 원배경 이미지 120% 잡아야 튀지 않음*/
	  0% {
		/*background: url("../img/top_bg_01.png") -100px 0/120% no-repeat;*/
		background-size:120%;
		background-position:-100px 0;
	  }
	  50% {
		/*background: url("../img/top_bg_01.png") -200px 0px/130% no-repeat;*/
		background-size:140%;
		background-position:-200px 0;
	  }
	  100% {
		/*background: url("../img/top_bg_01.png") -100px 0/120% no-repeat;*/
		background-size:120%;
		background-position:-100px 0;
	  }
}
@keyframes bgslidein_mobile {
	  0% {
		/*background: url("../img/top_bg_01.png") 50% 50%/600% no-repeat;*/
		background-size:600%;
		background-position:50% 50%;	
	  }
	  50% {

	  }
	  100% {
		/*background: url("../img/top_bg_01.png") 50% 0%/300% no-repeat;*/
		background-size:300%;
		background-position:50% 0%;	
	  }
}
.animatedElement{
	display:none;
}
.slideUp{
	display:block;
	animation-duration: 1s;
	animation-name: slidein;
}
@keyframes slidein {
	  from {
		margin-top:50px;
		opacity:0;
	  }
	  to {
		margin-top:0px;
		opacity:100;
	  }
}