@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+KR:wght@100..900&display=swap');

/************************************************************************************
 calender style
 ************************************************************************************/
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date_input {
	border:1px solid #ccc;
	font-size:12px;
	line-height:12px;
	height:12px;
	padding:4px;
	text-align:center;
	width:100px;

	-moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:10000;

	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	padding:2px 0;
	height:22px;
}

#caltitle {
	font-size:14px;
	color:#0150D1;
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(/images/admin/cal_prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(/images/admin/cal_next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;
}

/* year/month selector */
#caltitle select {
	font-size:10px;
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;
}

/* offmonth day */
a.caloff {
	color:#ccc;
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}
/************************************************************************************
 end of calender style
 ************************************************************************************/

 /*
  * style for IE6 propotion
  */
.secu_update{position:absolute;top:0;left:0;width:880px;height:41px}
.secu_update img{position:absolute;top:0;left:0}
.btn_lycl{position:absolute;top:11px;right:12px;width:16px;height:15px;background:url(http://wstatic.naver.com/www/bu_v25.gif) no-repeat 0 -1500px}
.btn_lycl button{width:16px;height:15px;border:0;background:none;cursor:pointer}
.blind, legend, .ke_kbd .skip_kbd, .wg_sports thead th { display:block; left:0; overflow:hidden; position:absolute; top:-5000px; }


/* colors */
.red  { color:red !important; }
.redb { color:red !important; font-weight:bold; }
.blue  { color:blue !important; }
.blueb { color:blue !important; font-weight:bold; }
.gray  { color:gray !important; }
.grayb { color:gray !important; font-weight:bold; }
.white	{ color:white !important; }
.whiteb { color:white !important; font-weight:bold; }
.orange	 { color:orange !important; }
.orangeb { color:orange !important; font-weight:bold; }
.yellow	 { color:yellow !important; }
.yellowb { color:yellow !important; font-weight:bold; }
.black	{ color:black !important; }
.blackb { color:black !important; font-weight:bold; }
.green	{ color:#197410 !important; }
.greenb { color:#197410 !important; font-weight:bold; }


.clear {
	clear: both;
	display: block;
	float: none;
	font-size: 0 !important;
	height: 0;
	line-height: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	padding: 0 !important;
	width: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.blink {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
}
blink {
	animation:1s blinker linear infinite;
	-webkit-animation:1s blinker linear infinite;
	-moz-animation:1s blinker linear infinite;
}

@-moz-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}


.force_mobile {position:absolute;left:0;top:0;padding:10px;background:#0af;z-index:9999}
.force_mobile a {font-size:12pt;color:#f00;font-weight:bold;}


.tooltipped {
	position: relative
}

.tooltipped:after {
	position: absolute;
	z-index: 900;
	display: none;
	padding: 5px 8px;
	font: normal normal 11px/1.5 Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: break-word;
	white-space: pre;
	pointer-events: none;
	content: attr(aria-label);
	background: rgba(0,0,0,.8);
	border-radius: 3px;
	-webkit-font-smoothing: subpixel-antialiased
}

.tooltipped:before {
	position: absolute;
	z-index: 901;
	display: none;
	width: 0;
	height: 0;
	color: rgba(0,0,0,.8);
	pointer-events: none;
	content: "";
	border: 5px solid transparent
}

.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after {
	display: inline-block;
	text-decoration: none
}

.tooltipped.multiline:hover:after,.tooltipped.multiline:active:after,.tooltipped.multiline:focus:after {
	display: table-cell
}


.tooltipped.s:after,.tooltipped.se:after,.tooltipped.sw:after {
	top: 100%;
	right: 50%;
	margin-top: 5px
}

.tooltipped.s:before,.tooltipped.se:before,.tooltipped.sw:before {
	top: auto;
	right: 50%;
	bottom: -5px;
	margin-right: -5px;
	border-bottom-color: rgba(0,0,0,.8)
}

.tooltipped.se:after {
	right: auto;
	left: 50%;
	margin-left: -15px
}

.tooltipped.sw:after {
	margin-right: -15px
}

.tooltipped.n:after,.tooltipped.ne:after,.tooltipped.nw:after {
	right: 50%;
	bottom: 100%;
	margin-bottom: 5px
}

.tooltipped.n:before,.tooltipped.ne:before,.tooltipped.nw:before {
	top: -5px;
	right: 50%;
	bottom: auto;
	margin-right: -5px;
	border-top-color: rgba(0,0,0,.8)
}

.tooltipped.ne:after {
	right: auto;
	left: 50%;
	margin-left: -15px
}

.tooltipped.nw:after {
	margin-right: -15px
}

.tooltipped.s:after,.tooltipped.n:after {
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%)
}

.tooltipped.w:after {
	right: 100%;
	bottom: 50%;
	margin-right: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.tooltipped.w:before {
	top: 50%;
	bottom: 50%;
	left: -5px;
	margin-top: -5px;
	border-left-color: rgba(0,0,0,.8)
}

.tooltipped.e:after {
	bottom: 50%;
	left: 100%;
	margin-left: 5px;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%)
}

.tooltipped.e:before {
	top: 50%;
	right: -5px;
	bottom: 50%;
	margin-top: -5px;
	border-right-color: rgba(0,0,0,.8)
}

.tooltipped.multiline:after {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 500px;
	word-break: break-word;
	word-wrap: normal;
	white-space: pre-line;
	border-collapse: separate;
	text-align: left;
}

.tooltipped.multiline.s:after,.tooltipped.multiline.n:after {
	right: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.tooltipped.multiline.w:after,.tooltipped.multiline.e:after {
	right: 100%
}

@media screen and (min-width: 0\0) {
	.tooltipped.multiline:after {
		width:250px
	}
}

.tooltipped.sticky:before,.tooltipped.sticky:after {
	display: inline-block
}

.tooltipped.sticky.multiline:after {
	display: table-cell
}

.hide {
	display: none !important;
}

.logo-text {
	color: #8a2be2;
	font-family: 'DM Serif Display', serif;
	font-size: 26px;
	letter-spacing: 2px;
}

.top_movie_text {
	color: #fff;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 50px;
	font-weight: 600;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
	z-index: 100;
}