@charset "utf-8";

/* »óÇ° ¸®½ºÆ® Á¤·Ä */
.event_ny_list {margin:5px 0 5px;}
.event_ny_list li {display:inline-block;margin:5px 1% 2%;border-radius:3px;width:48%;}

#pop_div {display: none;}

/* ¹è°æCSS ¿©±âºÎÅÍ */
#m_wrap {padding-bottom:0;}
.liveListSetWrap {position: relative;z-index:1;}

.fixed_option_box.close {
	transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	max-width: 680px;
    left: 50%;
}
.fixed_option_box {
	transform:translate(-50%, 120%);
	-ms-transform:translate(-50%, 120%);
	-moz-transform:translate(-50%, 120%);
	-webkit-transform:translate(-50%, 120%);
	-o-transform:translate(-50%, 120%);
	transition:all .2s;
	-moz-transition:all .2s;
	-webkit-transition:all .2s;
	-o-transition:all .2s;
	left: 50%;
}

@media(min-width:930px){
	#best_loading.loading .loadingDom {left: auto !important;right: 50%;margin-right: -318px;transform: translate(-50%, 0) !important;}
	.fixed_option_box.close {
		transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		left: auto;
	}
	.fixed_option_box {
		transform:translate(0, 120%);
		-ms-transform:translate(0, 120%);
		-moz-transform:translate(0, 120%);
		-webkit-transform:translate(0, 120%);
		-o-transform:translate(0, 120%);
		transition:all .2s;
		-moz-transition:all .2s;
		-webkit-transition:all .2s;
		-o-transition:all .2s;
		left: auto;
	}
}
#best_loading.loading {position:fixed;z-index:10000;top: 50%;left: 50%;transform:translate(-50%,-50%);/*top:0;left: 0;bottom: 0;right: 0;*/text-align: center;}
#best_loading.loading .loadingDom {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-55%);}
#best_loading.loading .loaderImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-55%);}

@keyframes rotation{
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
@-webkit-keyframes rotation{
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}
@-moz-keyframes rotation{
	from {
		-moz-transform:rotate(0deg);
	}
	to {
		-moz-transform:rotate(360deg);
	}
}
@-o-keyframes rotation{
	from {
		-o-transform:rotate(0deg);
	}
	to {
		-o-transform:rotate(360deg);
	}
}
@-ms-keyframes rotation{
	from {
		-ms-transform:rotate(0deg);
	}
	to {
		-ms-transform:rotate(360deg);
	}
}
#loader{
animation:rotation 2s linear infinite;
-webkit-animation:rotation 2s linear infinite;
-moz-animation:rotation 2s linear infinite;
-o-animation:rotation 2s linear infinite;
}


/*¸ð¹ÙÀÏ ¼­ºêÆäÀÌÁö ÀÌµ¿ ½Ã ·ÎµùÁß µÞ¹è°æ º¸ÀÌ´Â Çö»ó ´ëÀÀ css*/
@media(max-width:680px){
	.top_fix_head{left:auto;}
	.good_desc_head.top_fix_head {transform:none;left: 0;}
}
/* ¼­ºê, Å¾  */
.top_fix_head {left:50%;transform:translateX(-50%); max-width:680px; position:relative; top:0; width:100%; height:53px;box-sizing:border-box; z-index:599; padding:0 53px; border-bottom:1px solid #eee;}
/* 2020-12-30 khs : ¾ÆÀÌÆù ³ëÄ¡ °ü·Ã */
.top_fix_head {margin-top: env(safe-area-inset-top);margin-top: constant(safe-area-inset-top);}
/* 2020-12-30 khs : ¾ÆÀÌÆù ³ëÄ¡ °ü·Ã */
.top_fix_head.sitebg2 {background:#fff !important; color:#000; }
.top_fix_head.sitebg2 .ftic-allmenu{color:#000; cursor:pointer;}
.top_fix_head.sitebg2 h1 span a {color:#000;}
.top_fix_head.sitebg2 .btn_back_pst{color:#000;}
.top_fix_head .topRightBtn {position: absolute;top: 0;right: 0;width: 53px;height: 53px;color: #fff;font-size: 20px;line-height: 53px;text-align: center;box-sizing: border-box;}
.top_fix_head .topRightBtn a {display: inline-block;width: 100%;height: 100%;font-size:15px;}
.top_fix_head .topRightBtn img {width: 65%;}
.top_fix_head.sitebg2 .moreView {position: absolute;top: 20px;right: 10px;font-size: 13px;color: #000;}

