@charset "UTF-8";
@import url(animate.min.css);
@import "http://fonts.googleapis.com/earlyaccess/nanumgothic.css";
.list-event:after { content: ""; display: table; clear: both; }

html.desktop .gallery-photo .viewer .dimmer.is-hidden { display: none !important; visibility: hidden; }

.screen-out, .list-event li .dimmer { overflow: hidden; position: absolute; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; }
.button { display: inline-block; width: auto; position: relative; vertical-align: top; text-align: center; color: #333; line-height: 1; box-sizing: border-box; font-size: 14px; font-weight: bold; border-radius: 3px; }
.button::-moz-focus-inner { border: 0; padding: 0; }

.buttons { font-size: 0; }

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }
@keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes falling { from { top: 0; }
  to { top: 100%; } }
@-moz-keyframes falling { from { top: 0; }
  to { top: 100%; } }
@keyframes falling { from { top: 0; }
  to { top: 100%; } }
html, body { height: 100%; }

html { -webkit-text-size-adjuct: none; -ms-text-size-adjuct: none; }

html, body, div, span, 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, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button, select { margin: 0; padding: 0; border: 0; line-height: 1.42857; font: inherit; color: #333; text-align: left; box-sizing: border-box; font-family: "Nanum Gothic"; font-size: 14px; }
html ::-moz-selection, body ::-moz-selection, div ::-moz-selection, span ::-moz-selection, object ::-moz-selection, iframe ::-moz-selection, h1 ::-moz-selection, h2 ::-moz-selection, h3 ::-moz-selection, h4 ::-moz-selection, h5 ::-moz-selection, h6 ::-moz-selection, p ::-moz-selection, blockquote ::-moz-selection, pre ::-moz-selection, a ::-moz-selection, abbr ::-moz-selection, acronym ::-moz-selection, address ::-moz-selection, big ::-moz-selection, cite ::-moz-selection, code ::-moz-selection, del ::-moz-selection, dfn ::-moz-selection, em ::-moz-selection, img ::-moz-selection, ins ::-moz-selection, kbd ::-moz-selection, q ::-moz-selection, samp ::-moz-selection, small ::-moz-selection, strike ::-moz-selection, strong ::-moz-selection, sub ::-moz-selection, sup ::-moz-selection, tt ::-moz-selection, var ::-moz-selection, dl ::-moz-selection, dt ::-moz-selection, dd ::-moz-selection, ol ::-moz-selection, ul ::-moz-selection, li ::-moz-selection, fieldset ::-moz-selection, form ::-moz-selection, label ::-moz-selection, legend ::-moz-selection, table ::-moz-selection, caption ::-moz-selection, tbody ::-moz-selection, tfoot ::-moz-selection, thead ::-moz-selection, tr ::-moz-selection, th ::-moz-selection, td ::-moz-selection, input ::-moz-selection, textarea ::-moz-selection, button ::-moz-selection, select ::-moz-selection { background-color: transparent; }
html ::selection, body ::selection, div ::selection, span ::selection, object ::selection, iframe ::selection, h1 ::selection, h2 ::selection, h3 ::selection, h4 ::selection, h5 ::selection, h6 ::selection, p ::selection, blockquote ::selection, pre ::selection, a ::selection, abbr ::selection, acronym ::selection, address ::selection, big ::selection, cite ::selection, code ::selection, del ::selection, dfn ::selection, em ::selection, img ::selection, ins ::selection, kbd ::selection, q ::selection, samp ::selection, small ::selection, strike ::selection, strong ::selection, sub ::selection, sup ::selection, tt ::selection, var ::selection, dl ::selection, dt ::selection, dd ::selection, ol ::selection, ul ::selection, li ::selection, fieldset ::selection, form ::selection, label ::selection, legend ::selection, table ::selection, caption ::selection, tbody ::selection, tfoot ::selection, thead ::selection, tr ::selection, th ::selection, td ::selection, input ::selection, textarea ::selection, button ::selection, select ::selection { background-color: transparent; }
@media (max-width: 1024px) { html, body, div, span, 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, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button, select { font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, "Malgun Gothic", "맑은 고딕", sans-serif; } }

dl, ul, ol, menu, li { list-style: none; }

header, footer, main { display: block; }

table { border-collapse: collapse; }

a { text-decoration: none; }

fieldset, img { border: 0 none; }

img { vertical-align: top; }

button { border: 0 none; background-color: transparent; cursor: pointer; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

em { font-style: normal; }

input, select, textarea, button { vertical-align: middle; }

input, textarea { -webkit-appearance: none; border-radius: 0; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

svg * { fill: inherit; stroke: inherit; all: inherit; }

.screen-out { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; }
.screen-out:focus { overflow: visible; position: static; clip: auto; width: auto; height: auto; margin: 0; }

.top_popup{z-index:100; overflow:hidden; position:relative; width:100%; text-align:center; background:url("http://www.telemonster.co.kr/img/pc_top_bg.jpg") no-repeat center top;}
.top_m_popup{display:none;}
.popup_content{width:1024px; overflow:hidden; position:relative; margin:0 auto; height:200px;}
.episode_img{position:absolute; top:38px; left:40px; width:347px; height:130px; display:block;}
.top_pc_popup{ overflow:hidden;}
.popo_invent{position:absolute;left:523px;top:47px;line-height:26px;font-size:16px;font-weight: bold;}
.txt_bold{color:#fb4618; font-weight:bold; font-size:16px;}
.detail_view a{color:#666;font-size:15px;font-weight: normal;}
.popo_img{position:absolute;bottom:0;right:0;font-weight: normal;}
@media (max-width:1024px){
	.top_popuo{height:200px;}
	.top_m_popup{display:block;}
	.top_pc_popup{ display:none;}	
	.top_m_popup{width:100%;}
	.top_m_popup img{ width:100%;}
	.top_pc_popup{height:200px;}
}

.l-modal2 {z-index: 100;overflow: hidden;position: fixed;left: 0;bottom: 0;width: 100%;text-align: center;height:74px;background: #a3e2f4;}
.l-modal2 .container { z-index: 10; position: absolute; left: 50%; bottom: 0; width: 100%; height: 74px; margin-left:-504px;}
.l-modal2 .player { overflow: hidden; position: relative; width: 1000px; height: 568px; }
.l-modal2 .pc_popup{width: 900px; position: relative; overflow: hidden;}
.l-modal2 .pc_popup button {z-index: 120;position: absolute;right: 41px;top: 20px;width: 37px;height: 37px;background:url("http://www.telemonster.co.kr/img/pop_close.png") no-repeat;}
.l-modal2 .pc_popup .pc_view_detail{position:absolute;top:20px;right: 137px;}
.l-modal2 .m_popup {display:none;}
@media (max-width: 1024px) {
.l-modal2 {background: #9bcbea;}
.l-modal2 .pc_popup { display:none; } .l-modal .container{margin-left: -360px;} 
.l-modal2 .m_popup{ display:block; position: relative; width: 720px; overflow: hidden; }
.l-modal2 .m_popup .m_view_detail{position:absolute; top:25px; right:42px;}
.l-modal2 .m_popup button { z-index: 20; position: absolute; left: 25px; top: 26px; width: 35px; height: 35px; background:url("http://www.telemonster.co.kr/img/m_pop_close.png") no-repeat; background-size: 100% 100%;}

}
@media (max-width: 640px) { 
	.l-modal2 {height:38.5px; background: #9bcbea;} .l-modal2 .m_popup {position: relative; text-align: center; overflow: hidden; width:360px;} .l-modal2 {height:38.5px;} .l-modal2 .container{ height:38.5px;}
	.l-modal2 .m_popup img {height:39px;} .l-modal2 .container { margin-left: -180px;}
	.l-modal2 .m_popup .m_view_detail{position:absolute; top:13px; right:21px;}
	.l-modal2 .m_popup .m_view_detail img{height:15px}
	.l-modal2 .m_popup button { z-index: 120; position: absolute; right: 13px; top: 13px; width: 18px; height: 18px; display:block; background:url("http://www.telemonster.co.kr/img/m_pop_close.png") no-repeat; background-size: 100% 100%;}
	.fixed{
	position:relative;
}
}





.l-modal { z-index: 100; overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); text-align: center; }
.l-modal .container { z-index: 10; position: absolute; left: 50%; top: 50%; width: 1000px; height: 568px; margin: -284px 0 0 -500px; }
.l-modal .player { overflow: hidden; position: relative; width: 1000px; height: 568px; }
.l-modal button { z-index: 20; position: absolute; right: 0; top: -50px; width: 30px; height: 30px; border: 1px solid #fff; color: #fff; }

.l-body { background-color: #894b9b; }
.l-body.fixed { overflow: hidden; }


.l-header { z-index: 2000; overflow: hidden; position: relative; left: 0; top: 0; width: 100%; height: 100px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
@media (max-width: 1024px) { .l-header { position: relative; } }
.l-header.l-header-hidden { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); top: -100px; }
html.rgba .l-header { background-color: rgba(255, 255, 255, 0.1); }
html.rgba .l-header.active-character .active { color: #fff !important; }
html.rgba .l-header.active-character a:hover { color: #fff !important; border-bottom: 2px solid #fff !important; }
html.rgba .l-header.active-synopsis .active { color: #fff !important; }
html.rgba .l-header.active-synopsis a:hover { color: #fff !important; border-bottom: 2px solid #fff !important; }
html.rgba .l-header.active-teleport .active { color: #fff !important; }
html.rgba .l-header.active-teleport a:hover { color: #fff !important; border-bottom: 2px solid #fff !important; }
html.rgba .l-header.active-vod { background-color: white; /*
.share {
	a {
		background-color:rgba(89,89,89,1) !important;
	}
}
*/ }
html.rgba .l-header.active-vod #nav li a.active, html.rgba .l-header.active-vod #nav li a:hover { color: #333 !important; border-bottom: 2px solid #333; }
html.rgba .l-header.active-gallery { background-color: white; /*
.share {
	a {
		background-color:rgba(0,0,0,.3) !important;	
	}
	
}
*/ }
html.rgba .l-header.active-gallery #nav li a.active, html.rgba .l-header.active-gallery #nav li a:hover { color: #333; border-bottom: 2px solid #333; }
html.rgba .l-header.active-event #nav li a.active, html.rgba .l-header.active-event #nav li a:hover { color: #fff; border-bottom: 2px solid #fff; }
.l-header .container { overflow: hidden; position: relative; width: 1000px; height: 100px; margin: 0 auto; }
@media (max-width: 1024px) { .l-header .container { width: 100%; } }
.l-header .logo { position: absolute; left: 13px; top: 18px; }
.l-header #nav { width: 100%; font-size: 0; }
@media (max-width: 1024px) { .l-header #nav { text-align: center; } }
.l-header #nav ul { display: inline-block; margin-left: 300px; vertical-align: top; }
html.mobile .l-header #nav ul, html.tablet .l-header #nav ul { display: none; }
@media (max-width: 1024px) { .l-header #nav ul { margin-left: 50px; } }
@media (max-width: 640px) { .l-header #nav ul { display: none; } }
.l-header #nav li { overflow: hidden; display: inline-block; height: 100px; margin-right: 38px; font-size: 14px; }
.l-header #nav li:last-child { margin-right: 0; }
.l-header #nav li a { display: block; position: relative; height: 100px; padding-top: 73px; line-height: 1.42857; color: transparent; text-align: center; background-repeat: no-repeat; font-weight: bolder; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.l-header #nav li a:hover::before { animation: jiggle ease-in-out 400ms infinite; }
.l-header #nav li a.active { border-bottom: 2px solid #fff; }
.l-header #nav li a.active:hover::before { animation: none; }
.l-header #nav .item-character a::before, .l-header #nav .item-synopsis a::before, .l-header #nav .item-teleport a::before, .l-header #nav .item-vod a::before, .l-header #nav .item-gallery a::before, .l-header #nav .item-event a::before { content: ''; position: absolute; left: 0; width: 100%; background-color: transparent; background-repeat: no-repeat; background-position: center top; }
.l-header #nav .item-character { margin-right: 30px; }
.l-header #nav .item-character a::before { top: 30px; height: 40px; background-image: url("http://www.telemonster.co.kr/img/bg-nav1.png"); }
.l-header #nav .item-synopsis { margin-right: 25px; }
.l-header #nav .item-synopsis a::before { top: 29px; height: 42px; background-image: url("http://www.telemonster.co.kr/img/bg-nav2.png"); }
.l-header #nav .item-teleport a::before { top: 30px; height: 42px; background-image: url("http://www.telemonster.co.kr/img/bg-nav3.png"); }
.l-header #nav .item-vod { width: 40px; }
.l-header #nav .item-vod a::before { top: 30px; height: 41px; background-image: url("http://www.telemonster.co.kr/img/bg-nav4.png"); }
.l-header #nav .item-gallery { width: 48px; margin-right: 15px; }
.l-header #nav .item-gallery a::before { top: 28px; height: 42px; background-image: url("http://www.telemonster.co.kr/img/bg-nav5.png"); }
.l-header #nav .item-event a::before { top: 28px; height: 45px; background-image: url("http://www.telemonster.co.kr/img/bg-nav6.png"); }
.l-header #nav .share .icon-post, .l-header #nav .share .icon-blog, .l-header #nav .share .icon-facebook, .l-header #nav .share .icon-twitter { display: inline-block; width: 41px; height: 41px; margin-top: 29px; text-align: center; background-repeat: no-repeat; }
.l-header #nav .share .icon-post:hover, .l-header #nav .share .icon-blog:hover, .l-header #nav .share .icon-facebook:hover, .l-header #nav .share .icon-twitter:hover { border: 0 !important; }
.l-header #nav .share { position: absolute; right: 10px; top: 0; font-size: 0; }
.l-header #nav .share .icon-post { margin-right: 5px; background-image: url("http://www.telemonster.co.kr/img/icon-sns-header-v2.png"); background-position: -20px -620px; }
.l-header #nav .share .icon-post:hover { background-position: -20px -540px; }
.l-header #nav .share .icon-blog { margin-right: 5px; background-image: url("http://www.telemonster.co.kr/img/icon-sns-header-v2.png"); background-position: -40px -120px; }
.l-header #nav .share .icon-blog:hover { background-position: -40px -40px; }
.l-header #nav .share .icon-facebook { margin-right: 5px; background-image: url("http://www.telemonster.co.kr/img/icon-sns-header-v2.png"); background-position: -40px -280px; }
.l-header #nav .share .icon-facebook:hover { background-position: -40px -200px; }
.l-header #nav .share .icon-twitter { background-image: url("http://www.telemonster.co.kr/img/icon-sns-header-v2.png"); background-position: -40px -440px; }
.l-header #nav .share .icon-twitter:hover { background-position: -40px -360px; }

.l-main { overflow: hidden; position: relative; width: 100%; text-align: center; box-sizing: border-box; background: #894b9b url("http://www.telemonster.co.kr/img/bg-main-bottom-v4.png") no-repeat center bottom; }
@media (max-width: 1024px) { .l-main { background-image: none; } }
.l-main .l-page { overflow: hidden; position: relative; width: 100%; height: 900px; box-sizing: border-box; }
@media (max-width: 1024px) { .l-main .l-page { height: auto; padding: 1.6949152542%; } }
@media (min-width: 1025px) { .l-main .l-page h2 { overflow: hidden; position: absolute; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; } }
@media (max-width: 1024px) { .l-main .l-page h2 { margin-bottom: 15px; } }
.l-main .l-page .indicators { overflow: hidden; margin-bottom: 30px; text-align: center; }
@media (max-width: 1024px) { .l-main .l-page .indicators { margin-bottom: 1.6949152542%; } }
.l-main .l-page .indicators .item { display: inline-block; width: 11px; height: 11px; margin: 0 4px; border: 2px solid #6a6a6a; vertical-align: top; border-radius: 50%; }
@media (max-width: 1024px) { .l-main .l-page .indicators .item { border-width: 1px; } }
.l-main .l-page .indicators .item.active { border-color: #bebebe; background-color: #bebebe; }
html.desktop .l-main .l-page .icon-arrow-down { z-index: 10; position: absolute; left: 50%; bottom: 23px; width: 40px; height: 22px; margin-left: -20px; background: url("http://www.telemonster.co.kr/img/icon-arrow-down.png") no-repeat; }
html.tablet .l-main .l-page .icon-arrow-down, html.mobile .l-main .l-page .icon-arrow-down { display: none; }
@media (max-width: 1024px) { .l-main .l-page .icon-arrow-down { display: none; } }

.l-character.l-character-jawjaw { background: url("http://www.telemonster.co.kr/img/bg-character-jawjaw.png") no-repeat 94% 500px; }
@media (max-width: 1024px) { .l-character.l-character-jawjaw { background: none; } }
@media (max-width: 1024px) { .l-character { height: auto; padding: 0 !important; } }
.l-character h2 { font-size: 0; }
.l-character h2 span { display: inline-block; color: #fff; line-height: 1.8; border-bottom: 2px solid #fff; font-size: 16px; font-weight: bold; }
@media (max-width: 1024px) { .l-character h2 { padding: 20px 0 0 20px; } }
.l-character .container { width: 1000px; max-width: 100% !important; height: 100%; overflow: hidden; position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }
.l-character .container:after { content: " "; display: block; clear: both; }
.l-character .button-arrow { z-index: 10; position: absolute; top: 50%; width: 24px; height: 42px; margin-top: -21px; background-color: transparent; background-repeat: no-repeat; }
@media (max-width: 1024px) { .l-character .button-arrow { display: none; } }
.l-character .button-character-prev { left: 50px; background-image: url("http://www.telemonster.co.kr/img/icon-arrow-carousel.png"); background-position: -40px -5px; }
.l-character .button-character-prev:hover { background-position: -5px -5px; }
.l-character .button-character-next { right: 50px; background-image: url("http://www.telemonster.co.kr/img/icon-arrow-carousel.png"); background-position: -109px -5px; }
.l-character .button-character-next:hover { background-position: -75px -5px; }
.l-character .indicators { z-index: 100; position: absolute; left: 0; top: 195px; width: 100%; }
@media (max-width: 1024px) { .l-character .indicators { top: 25px; padding-right: 20px; text-align: right !important; } }
.l-character .indicators .item { width: 9px !important; height: 9px !important; border-color: #fff !important; }
.l-character .indicators .item.active { background-color: #fff !important; }
.l-character .larva { position: absolute; top: 0; background-repeat: no-repeat; }
@media (max-width: 1024px) { .l-character .larva { display: none; } }
html.mobile .l-character .larva, html.tablet .l-character .larva { display: none; }
.l-character .larva-orange { width: 36px; height: 48px; -webkit-transform: translateY(-48px); -moz-transform: translateY(-48px); -ms-transform: translateY(-48px); -o-transform: translateY(-48px); transform: translateY(-48px); background-image: url("http://www.telemonster.co.kr/img/icon-larva-orange.png"); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
html.chrome .l-character .larva-orange, html.opera .l-character .larva-orange, html.safari .l-character .larva-orange, html.firefox .l-character .larva-orange { -webkit-animation: rotate 5s linear infinite, falling 10s linear infinite; -moz-animation: rotate 5s linear infinite, falling 10s linear infinite; animation: rotate 5s linear infinite, falling 10s linear infinite; }
.l-character .larva-orange.larva-left1 { left: 50%; margin-left: -520px; }
html.chrome .l-character .larva-orange.larva-left1, html.opera .l-character .larva-orange.larva-left1, html.safari .l-character .larva-orange.larva-left1, html.firefox .l-character .larva-orange.larva-left1 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.l-character .larva-orange.larva-left2 { left: 50%; margin-left: -620px; }
html.chrome .l-character .larva-orange.larva-left2, html.opera .l-character .larva-orange.larva-left2, html.safari .l-character .larva-orange.larva-left2, html.firefox .l-character .larva-orange.larva-left2 { -webkit-animation-delay: 9.5s; -moz-animation-delay: 9.5s; animation-delay: 9.5s; }
.l-character .larva-orange.larva-right1 { right: 50%; margin-right: -520px; }
html.chrome .l-character .larva-orange.larva-right1, html.opera .l-character .larva-orange.larva-right1, html.safari .l-character .larva-orange.larva-right1, html.firefox .l-character .larva-orange.larva-right1 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.l-character .larva-orange.larva-right2 { right: 50%; margin-right: -620px; }
html.chrome .l-character .larva-orange.larva-right2, html.opera .l-character .larva-orange.larva-right2, html.safari .l-character .larva-orange.larva-right2, html.firefox .l-character .larva-orange.larva-right2 { -webkit-animation-delay: 9.5s; -moz-animation-delay: 9.5s; animation-delay: 9.5s; }
.l-character .larva-green { width: 40px; height: 32px; -webkit-transform: translateY(-32px); -moz-transform: translateY(-32px); -ms-transform: translateY(-32px); -o-transform: translateY(-32px); transform: translateY(-32px); background-image: url("http://www.telemonster.co.kr/img/icon-larva-green.png"); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
html.chrome .l-character .larva-green, html.opera .l-character .larva-green, html.safari .l-character .larva-green, html.firefox .l-character .larva-green { -webkit-animation: rotate 5s linear infinite, falling 10s linear infinite; -moz-animation: rotate 5s linear infinite, falling 10s linear infinite; animation: rotate 5s linear infinite, falling 10s linear infinite; }
.l-character .larva-green.larva-left1 { left: 50%; margin-left: -540px; }
html.chrome .l-character .larva-green.larva-left1, html.opera .l-character .larva-green.larva-left1, html.safari .l-character .larva-green.larva-left1, html.firefox .l-character .larva-green.larva-left1 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
.l-character .larva-green.larva-left2 { left: 50%; margin-left: -640px; }
html.chrome .l-character .larva-green.larva-left2, html.opera .l-character .larva-green.larva-left2, html.safari .l-character .larva-green.larva-left2, html.firefox .l-character .larva-green.larva-left2 { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
.l-character .larva-green.larva-right1 { right: 50%; margin-right: -540px; }
html.chrome .l-character .larva-green.larva-right1, html.opera .l-character .larva-green.larva-right1, html.safari .l-character .larva-green.larva-right1, html.firefox .l-character .larva-green.larva-right1 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
.l-character .larva-green.larva-right2 { right: 50%; margin-right: -640px; }
html.chrome .l-character .larva-green.larva-right2, html.opera .l-character .larva-green.larva-right2, html.safari .l-character .larva-green.larva-right2, html.firefox .l-character .larva-green.larva-right2 { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
.l-character .larva-red { width: 44px; height: 29px; -webkit-transform: translateY(-29px); -moz-transform: translateY(-29px); -ms-transform: translateY(-29px); -o-transform: translateY(-29px); transform: translateY(-29px); background-image: url("http://www.telemonster.co.kr/img/icon-larva-red.png"); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
html.chrome .l-character .larva-red, html.opera .l-character .larva-red, html.safari .l-character .larva-red, html.firefox .l-character .larva-red { -webkit-animation: rotate 5s linear infinite, falling 10s linear infinite; -moz-animation: rotate 5s linear infinite, falling 10s linear infinite; animation: rotate 5s linear infinite, falling 10s linear infinite; }
.l-character .larva-red.larva-left1 { left: 50%; margin-left: -560px; }
html.chrome .l-character .larva-red.larva-left1, html.opera .l-character .larva-red.larva-left1, html.safari .l-character .larva-red.larva-left1, html.firefox .l-character .larva-red.larva-left1 { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; }
.l-character .larva-red.larva-left2 { left: 50%; margin-left: -660px; }
html.chrome .l-character .larva-red.larva-left2, html.opera .l-character .larva-red.larva-left2, html.safari .l-character .larva-red.larva-left2, html.firefox .l-character .larva-red.larva-left2 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; }
.l-character .larva-red.larva-right1 { right: 50%; margin-right: -560px; }
html.chrome .l-character .larva-red.larva-right1, html.opera .l-character .larva-red.larva-right1, html.safari .l-character .larva-red.larva-right1, html.firefox .l-character .larva-red.larva-right1 { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; }
.l-character .larva-red.larva-right2 { right: 50%; margin-right: -660px; }
html.chrome .l-character .larva-red.larva-right2, html.opera .l-character .larva-red.larva-right2, html.safari .l-character .larva-red.larva-right2, html.firefox .l-character .larva-red.larva-right2 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; }
.l-character .larva-mint { width: 39px; height: 35px; -webkit-transform: translateY(-35px); -moz-transform: translateY(-35px); -ms-transform: translateY(-35px); -o-transform: translateY(-35px); transform: translateY(-35px); background-image: url("http://www.telemonster.co.kr/img/icon-larva-mint.png"); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
html.chrome .l-character .larva-mint, html.opera .l-character .larva-mint, html.safari .l-character .larva-mint, html.firefox .l-character .larva-mint { -webkit-animation: rotate 5s linear infinite, falling 10s linear infinite; -moz-animation: rotate 5s linear infinite, falling 10s linear infinite; animation: rotate 5s linear infinite, falling 10s linear infinite; }
.l-character .larva-mint.larva-left1 { left: 50%; margin-left: -580px; }
html.chrome .l-character .larva-mint.larva-left1, html.opera .l-character .larva-mint.larva-left1, html.safari .l-character .larva-mint.larva-left1, html.firefox .l-character .larva-mint.larva-left1 { -webkit-animation-delay: 8.5s; -moz-animation-delay: 8.5s; animation-delay: 8.5s; }
.l-character .larva-mint.larva-left2 { left: 50%; margin-left: -680px; }
html.chrome .l-character .larva-mint.larva-left2, html.opera .l-character .larva-mint.larva-left2, html.safari .l-character .larva-mint.larva-left2, html.firefox .l-character .larva-mint.larva-left2 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.l-character .larva-mint.larva-right1 { right: 50%; margin-right: -580px; }
html.chrome .l-character .larva-mint.larva-right1, html.opera .l-character .larva-mint.larva-right1, html.safari .l-character .larva-mint.larva-right1, html.firefox .l-character .larva-mint.larva-right1 { -webkit-animation-delay: 8.5s; -moz-animation-delay: 8.5s; animation-delay: 8.5s; }
.l-character .larva-mint.larva-right2 { right: 50%; margin-right: -680px; }
html.chrome .l-character .larva-mint.larva-right2, html.opera .l-character .larva-mint.larva-right2, html.safari .l-character .larva-mint.larva-right2, html.firefox .l-character .larva-mint.larva-right2 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }

.l-synopsis { background-color: #0c0e25; background: url("http://www.telemonster.co.kr/img/bg-synopsis.jpg") no-repeat center bottom; }
@media (max-width: 1024px) { .l-synopsis { padding: 20px !important; height: auto !important; background: url("http://www.telemonster.co.kr/img/bg-synopsis-dimd.png"), url("http://www.telemonster.co.kr/img/bg-synopsis.jpg") no-repeat center; background-size: auto, auto 100%; } }
.l-synopsis h2 { font-size: 0; margin-bottom: 46px; }
@media (max-width: 1024px) { .l-synopsis h2 { margin-bottom: 40px !important; } }
.l-synopsis h2 span { display: inline-block; line-height: 1.8; color: #fff; border-bottom: 2px solid #fff; font-size: 16px; font-weight: bold; }
.l-synopsis .container { z-index: 10; position: absolute; left: 50%; top: 0; width: 1000px; margin-left: -500px; padding-top: 258px; }
.l-synopsis .dimmer { position: relative; width: 100%; height: 100%; background: url("http://www.telemonster.co.kr/img/bg-synopsis-dimmer.png"); filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; }
html.rgba .l-synopsis .dimmer { background: rgba(0, 0, 0, 0.7); }
html.desktop.csstransitions body.active-synopsis .l-synopsis .dimmer { opacity: 1; }
@media (max-width: 1024px) { .l-synopsis .dimmer { opacity: 1; } }
.l-synopsis .heading { z-index: 10; position: absolute; left: 50%; top: 262px; margin: 0 0 0 -479px; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
html.cssanimations.desktop body.active-synopsis .l-synopsis .heading { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-animation: bounceInDown 1s ease-in; -moz-animation: bounceInDown 1s ease-in; animation: bounceInDown 1s ease-in; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media (max-width: 1024px) { .l-synopsis .heading { position: relative; left: 0; top: 0; margin: 0 0 32px; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .l-synopsis .heading img { max-width: 70%; } }
.l-synopsis .copy { overflow: hidden; z-index: 10; position: absolute; right: 50%; top: 255px; margin-right: -545px; }
html.csstransforms .l-synopsis .copy { overflow: visible; }
@media (max-width: 1024px) { .l-synopsis .copy { position: relative; left: 0; top: 0; margin: 0; } }
.l-synopsis .copy p { position: relative; width: 500px; margin-bottom: 27px; color: #fff; line-height: 2; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
html.desktop .l-synopsis .copy p { right: -100%; }
html.csstransforms .l-synopsis .copy p { right: 0; }
html.cssanimations.desktop body.active-synopsis .l-synopsis .copy p { filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-animation: bounceInRight 1s ease-in; -moz-animation: bounceInRight 1s ease-in; animation: bounceInRight 1s ease-in; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media (max-width: 1024px) { .l-synopsis .copy p { width: 100%; line-height: 1.42857; color: #f1f1f1; letter-spacing: -1px; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; font-size: 16px; } }
.l-synopsis .button-teleport { z-index: 10; position: absolute; left: 50%; top: 569px; width: 172px; margin-left: -86px; padding-top: 229px; text-align: center; color: #76c9dd; line-height: 1.42857; background: url("http://www.telemonster.co.kr/img/button-teleport.png") no-repeat center top; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
html.cssanimations.desktop body.active-synopsis .l-synopsis .button-teleport { -webkit-animation: fadeIn 1s ease-in; -moz-animation: fadeIn 1s ease-in; animation: fadeIn 1s ease-in; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media (max-width: 1024px) { .l-synopsis .button-teleport { display: none; } }

.l-teleport { background: #9aa91a url("http://www.telemonster.co.kr/img/bg-teleport1.jpg") no-repeat center; }
@media (max-width: 1024px) { .l-teleport { padding: 20px !important; background-size: auto 100%; } }
@media (max-width: 640px) { .l-teleport { height: 460px !important; background-image: url("http://www.telemonster.co.kr/img/bg-teleport-mobile.png"); background-size: cover; } }
.l-teleport h2 { font-size: 0; }
.l-teleport h2 span { display: inline-block; line-height: 1.8; color: #fff; border-bottom: 2px solid #fff; font-size: 16px; font-weight: bold; }
.l-teleport .copy { z-index: 10; position: absolute; left: 50%; top: 50%; margin: -180px 0 0 -280px; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
html.csstransforms body.active-teleport .l-teleport .copy { -webkit-animation: fadeIn 0.5s ease-in; -moz-animation: fadeIn 0.5s ease-in; animation: fadeIn 0.5s ease-in; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@media (max-width: 1024px) { .l-teleport .copy { position: relative; left: 0; top: 0; margin: 0; text-align: center; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
  .l-teleport .copy img { max-width: 100%; } }
.l-teleport .element { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.l-teleport .yossi { position: absolute; right: -175px; top: -100px; }
html.csstransforms .l-teleport .yossi { right: 0; top: 0; -webkit-transform: translate(175px, -100px) scale(1); -moz-transform: translate(175px, -100px) scale(1); -ms-transform: translate(175px, -100px) scale(1); -o-transform: translate(175px, -100px) scale(1); transform: translate(175px, -100px) scale(1); }
html.csstransforms body.active-teleport .l-teleport .yossi { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; -webkit-transform: translate(-50%, 500px) scale(0); -moz-transform: translate(-50%, 500px) scale(0); -ms-transform: translate(-50%, 500px) scale(0); -o-transform: translate(-50%, 500px) scale(0); transform: translate(-50%, 500px) scale(0); filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media (max-width: 1024px) { .l-teleport .yossi { display: none; } }
.l-teleport .eerie { position: absolute; left: -100px; bottom: -80px; }
html.csstransforms .l-teleport .eerie { left: 0; bottom: 0; -webkit-transform: translate(-100px, 80px) scale(1); -moz-transform: translate(-100px, 80px) scale(1); -ms-transform: translate(-100px, 80px) scale(1); -o-transform: translate(-100px, 80px) scale(1); transform: translate(-100px, 80px) scale(1); }
html.csstransforms body.active-teleport .l-teleport .eerie { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; -webkit-transform: translate(50%, 100px) scale(0); -moz-transform: translate(50%, 100px) scale(0); -ms-transform: translate(50%, 100px) scale(0); -o-transform: translate(50%, 100px) scale(0); transform: translate(50%, 100px) scale(0); filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media (max-width: 1024px) { .l-teleport .eerie { display: none; } }
.l-teleport .popo { position: absolute; left: -92px; top: -50px; }
html.csstransforms .l-teleport .popo { left: 0; top: 0; -webkit-transform: translate(92px, -50px) scale(1); -moz-transform: translate(92px, -50px) scale(1); -ms-transform: translate(92px, -50px) scale(1); -o-transform: translate(92px, -50px) scale(1); transform: translate(92px, -50px) scale(1); }
html.csstransforms body.active-teleport .l-teleport .popo { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; -webkit-transform: translate(500px, 500px) scale(0); -moz-transform: translate(500px, 500px) scale(0); -ms-transform: translate(500px, 500px) scale(0); -o-transform: translate(500px, 500px) scale(0); transform: translate(500px, 500px) scale(0); filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media (max-width: 1024px) { .l-teleport .popo { display: none; } }
.l-teleport .rockg { position: absolute; right: -130px; bottom: -78px; }
html.csstransforms .l-teleport .rockg { right: 0; bottom: 0; -webkit-transform: translate(-130px, 78px) scale(1); -moz-transform: translate(-130px, 78px) scale(1); -ms-transform: translate(-130px, 78px) scale(1); -o-transform: translate(-130px, 78px) scale(1); transform: translate(-130px, 78px) scale(1); }
html.csstransforms body.active-teleport .l-teleport .rockg { -webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; transition-delay: 1.6s; -webkit-transform: translate(-400px, 50px) scale(0); -moz-transform: translate(-400px, 50px) scale(0); -ms-transform: translate(-400px, 50px) scale(0); -o-transform: translate(-400px, 50px) scale(0); transform: translate(-400px, 50px) scale(0); filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
@media (max-width: 1024px) { .l-teleport .rockg { display: none; } }
.l-teleport .bg { position: relative; width: 100%; height: 100%; filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
html.csstransitions body.active-teleport .l-teleport .bg { -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; transition-delay: 1.8s; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.l-teleport .bg-1 { background: url("http://www.telemonster.co.kr/img/bg-teleport-fadein1.jpg") no-repeat center; }
.l-teleport .bg-2 { background: url("http://www.telemonster.co.kr/img/bg-teleport-fadein2.jpg") no-repeat center; }
.l-teleport .bg-3 { background: url("http://www.telemonster.co.kr/img/bg-teleport-fadein3.jpg") no-repeat center; }
.l-teleport .bg-4 { background: url("http://www.telemonster.co.kr/img/bg-teleport-fadein4.jpg") no-repeat center; }

.l-vod { padding-top: 162px; background: url("http://www.telemonster.co.kr/img/bg-vod.jpg") no-repeat center top; background-size: auto 100%; }
@media (max-width: 1024px) { .l-vod { height: auto; padding: 1.6949152542% 0 0; background: #eee; } }
@media (max-width: 640px) { .l-vod { padding: 20px !important; } }
.l-vod h2 { margin-bottom: 20px; font-size: 0; }
.l-vod h2 span { display: inline-block; line-height: 1.8; color: #894c9c; border-bottom: 2px solid #894c9c; font-size: 16px; font-weight: bold; }
.l-vod .container { width: 100%; max-width: 100% !important; overflow: hidden; position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; }
.l-vod .container:after { content: " "; display: block; clear: both; }
@media (max-width: 1024px) { .l-vod .container { padding-top: 0; } }
html.desktop .l-vod .button-carousel { position: absolute; top: 240px; width: 24px; height: 42px; border-radius: 50%; background-color: transparent; background-repeat: no-repeat; }
html.tablet .l-vod .button-carousel, html.mobile .l-vod .button-carousel { display: none; }
.l-vod .button-carousel-prev { left: 40px; background-image: url("http://www.telemonster.co.kr/img/icon-arrow-carousel.png"); background-position: -40px -5px; }
.l-vod .button-carousel-prev:hover { background-position: -5px -5px; }
.l-vod .button-carousel-next { right: 40px; background-image: url("http://www.telemonster.co.kr/img/icon-arrow-carousel.png"); background-position: -109px -5px; }
.l-vod .button-carousel-next:hover { background-position: -75px -5px; }
@media (max-width: 1024px) { .l-vod .indicators { position: absolute; right: 20px; top: 30px; margin-bottom: 0 !important; text-align: right; } }
@media (max-width: 1024px) { .l-vod .indicators .item { width: 9px !important; height: 9px !important; border-color: #894b9b !important; }
  .l-vod .indicators .item.active { background-color: #894b9b !important; } }

.l-gallery { background: url("http://www.telemonster.co.kr/img/bg-vod.jpg") no-repeat center top; background-size: auto 100%; }
@media (max-width: 1024px) { .l-gallery { padding: 20px !important; height: auto !important; background: #1e1e1e; } }
.l-gallery h2 { font-size: 0; }
.l-gallery h2 span { display: inline-block; line-height: 1.8; color: #fff; border-bottom: 2px solid #fff; font-size: 16px; font-weight: bold; }
.l-gallery .container { overflow: hidden; position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; padding-top: 162px; }
.l-gallery .container:after { content: " "; display: block; clear: both; }
@media (max-width: 1024px) { .l-gallery .container { padding-top: 0; } }
@media (max-width: 640px) { .l-gallery #gallery_viewer_container { height: 400px; } }

@media (max-width: 1024px) { .l-event { height: auto !important; } }
@media (max-width: 640px) { .l-event { padding: 20px !important; } }
.l-event h2 { font-size: 0; }
.l-event h2 span { display: inline-block; line-height: 1.8; color: #fff; border-bottom: 2px solid #fff; font-size: 16px; font-weight: bold; }
.l-event .container { overflow: hidden; position: relative; max-width: 1000px; margin-left: auto; margin-right: auto; padding-top: 156px; }
.l-event .container:after { content: " "; display: block; clear: both; }
@media (max-width: 1024px) { .l-event .container { padding-top: 0; } }

.l-footer { width: 100%; float: left; margin-left: 0; margin-right: 0; padding: 23px 0; text-align: center; color: #fff; font-size: 12px; }
@media (max-width: 1024px) { .l-footer { color: #fff; } }

/*
.is-hidden {
	@extend %hidden;
}
*/
.is-hidden-overflow-y { overflow-y: hidden; }

.list-event:after { content: ""; display: table; clear: both; }

.list-character { position: relative; height: 100%; }
.list-character .character { position: absolute; background-repeat: no-repeat; vertical-align: top; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.list-character .character img { vertical-align: top; }
.list-character .scene { float: left; position: relative; width: 1000px; height: 100%; }
@media (max-width: 1024px) { .list-character .scene { height: 400px; } }
@media (max-width: 640px) { .list-character .scene { padding: 0; background-position: center bottom; background-size: 80% auto; } }
.list-character .scene .header { overflow: hidden; margin-bottom: 50px; }
@media (max-width: 1024px) { .list-character .scene .header { margin-bottom: 100px; text-align: center; } }
@media (max-width: 640px) { .list-character .scene .header { padding: 0 38px; text-align: left; }
  .list-character .scene .header img { max-width: 70%; } }
.list-character .scene .description { position: relative; overflow: hidden; padding-left: 10px; margin-bottom: 40px; }
@media (max-width: 1024px) { .list-character .scene .description { padding-right: 5%; text-align: center; } }
@media (max-width: 640px) { .list-character .scene .description { position: absolute; left: 0; bottom: 75px; padding: 0 38px; margin-bottom: 0; text-align: center; }
  .list-character .scene .description img { display: none; max-width: 90%; }
  .list-character .scene .description .screen-out { overflow: visible; position: static; clip: auto; width: auto; height: auto; margin: 0; }
  .list-character .scene .description .screen-out p { position: relative; padding-left: 30px; color: #fff; font-size: 16px; }
  .list-character .scene .description .screen-out span { position: absolute; left: 0; top: 0; color: #fff; line-height: 1.42857; font-size: 16px; } }
.list-character .scene .button-theme { display: block; width: 190px; height: 39px; margin-left: 50px; }
@media (max-width: 640px) { .list-character .scene .button-theme { position: absolute; left: 50%; bottom: 15px; margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }
.list-character .scene-yossi { padding: 312px 0 0 616px; background: url("http://www.telemonster.co.kr/img/bg-character-yossi.png") no-repeat 0 bottom; }
@media (max-width: 1024px) { .list-character .scene-yossi { padding: 0; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-yossi.png") no-repeat center bottom; background-size: contain, contain; } }
.list-character .scene-eerie { padding: 325px 0 0 616px; background: url("http://www.telemonster.co.kr/img/bg-character-eerie.png") no-repeat 37px bottom; }
@media (max-width: 1024px) { .list-character .scene-eerie { padding: 0; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-eerie.png") no-repeat center bottom; background-size: contain, contain; } }
.list-character .scene-popo { padding: 270px 0 0 616px; background: url("http://www.telemonster.co.kr/img/bg-character-popo.png") no-repeat 63px 236px; }
@media (max-width: 1024px) { .list-character .scene-popo { padding: 0; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-popo.png") no-repeat center bottom; background-size: contain, contain; } }
.list-character .scene-rockg { padding: 300px 0 0 620px; background: url("http://www.telemonster.co.kr/img/bg-character-rockg.png") no-repeat 57px bottom; }
@media (max-width: 1024px) { .list-character .scene-rockg { padding: 0; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-rockg.png") no-repeat center bottom; background-size: contain, auto 80%; } }
.list-character .scene-coco { padding: 300px 0 0 617px; background: url("http://www.telemonster.co.kr/img/bg-character-coco.png") no-repeat 9px bottom; }
@media (max-width: 1024px) { .list-character .scene-coco { padding: 0; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-coco.png") no-repeat 20% top; background-size: contain, contain; } }
.list-character .scene-coco .fields { overflow: hidden; }
@media (max-width: 640px) { .list-character .scene-coco .fields { padding: 220px 0 0 39px; }
  .list-character .scene-coco .fields .hidden { display: none; } }
.list-character .scene-coco .fields .field { margin-bottom: 78px; }
@media (max-width: 1024px) { .list-character .scene-coco .fields .field { margin-bottom: 30px; padding-left: 65%; } }
@media (max-width: 640px) { .list-character .scene-coco .fields .field { margin-bottom: 20px; padding-left: 0; } }
.list-character .scene-coco .fields .header { margin-bottom: 25px; }
@media (max-width: 1024px) { .list-character .scene-coco .fields .header { text-align: left; margin-bottom: 10px; } }
@media (max-width: 640px) { .list-character .scene-coco .fields .header { margin-bottom: 12px; padding: 0; } }
@media (max-width: 1024px) { .list-character .scene-coco .fields .description { text-align: left; padding: 0; } }
@media (max-width: 640px) { .list-character .scene-coco .fields .field-coco .header img { width: 176px; } }
.list-character .scene-coco .fields .field-coco .description { position: relative; bottom: auto; padding: 0; }
@media (max-width: 640px) { .list-character .scene-coco .fields .field-o .header img { width: 146px; } }
.list-character .scene-coco .fields .field-o .description { padding-left: 0; }
.list-character .scene-coco .fields .field-o .screen-out { display: none; }
@media (max-width: 1024px) { .list-character .scene-mikli { padding: 0; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-mikli.png") no-repeat center bottom, url("http://www.telemonster.co.kr/img/bg-character-jawjaw.png") no-repeat center top; background-size: contain, contain, contain; } }
@media (max-width: 640px) { .list-character .scene-mikli { padding: 200px 0 0 38px; background: url("http://www.telemonster.co.kr/img/bg-character-dimd.png") repeat-x center bottom, url("http://www.telemonster.co.kr/img/bg-character-mikli.png") no-repeat 80% bottom, url("http://www.telemonster.co.kr/img/bg-character-jawjaw.png") no-repeat center top; background-size: contain,75% auto,90% auto; } }
@media (max-width: 1024px) { .list-character .scene-mikli .field { padding-left: 65%; margin-bottom: 30px; } }
@media (max-width: 640px) { .list-character .scene-mikli .field { padding-left: 0; } }
@media (max-width: 1024px) { .list-character .scene-mikli .field .header { margin-bottom: 10px; padding-left: 0; text-align: left; } }
@media (max-width: 1024px) { .list-character .scene-mikli .field .description { padding-left: 0; text-align: left; } }
.list-character .scene-mikli .field-jawjaw { position: absolute; right: 180px; top: 300px; }
@media (max-width: 1024px) { .list-character .scene-mikli .field-jawjaw { position: relative; right: auto; top: auto; } }
@media (max-width: 640px) { .list-character .scene-mikli .field-jawjaw { position: relative; right: auto; top: 0; margin-bottom: 22px; }
  .list-character .scene-mikli .field-jawjaw .hidden { display: none; } }
.list-character .scene-mikli .field-jawjaw .header { margin-bottom: 25px; }
@media (max-width: 640px) { .list-character .scene-mikli .field-jawjaw .header { margin-bottom: 11px; }
  .list-character .scene-mikli .field-jawjaw .header img { width: 99px; max-width: 99px; } }
.list-character .scene-mikli .field-jawjaw .header, .list-character .scene-mikli .field-jawjaw .description { padding-left: 0; }
@media (max-width: 640px) { .list-character .scene-mikli .field-jawjaw .description { position: relative; bottom: auto; } }
.list-character .scene-mikli .field-mikli { position: absolute; left: 0; bottom: 0; width: 532px; height: 631px; padding-top: 313px; background: url("http://www.telemonster.co.kr/img/bg-character-mikli.png") no-repeat; }
@media (max-width: 1024px) { .list-character .scene-mikli .field-mikli { position: relative; left: 0; bottom: auto; width: auto; height: auto; padding-top: 0; background: none; } }
@media (max-width: 640px) { .list-character .scene-mikli .field-mikli { position: relative; left: 0; bottom: auto; width: auto; height: auto; padding-top: 0; background: none; }
  .list-character .scene-mikli .field-mikli .hidden { display: none; } }
.list-character .scene-mikli .field-mikli .header { margin-bottom: 25px; }
@media (max-width: 1024px) { .list-character .scene-mikli .field-mikli .header { padding-left: 0; text-align: left; } }
@media (max-width: 640px) { .list-character .scene-mikli .field-mikli .header { margin-bottom: 11px; }
  .list-character .scene-mikli .field-mikli .header img { width: 90px; max-width: 90px; } }
.list-character .scene-mikli .field-mikli .header, .list-character .scene-mikli .field-mikli .description { padding-left: 170px; }
@media (max-width: 1024px) { .list-character .scene-mikli .field-mikli .header, .list-character .scene-mikli .field-mikli .description { padding-left: 0; } }
@media (max-width: 640px) { .list-character .scene-mikli .field-mikli .header, .list-character .scene-mikli .field-mikli .description { padding-left: 0; } }
@media (max-width: 640px) { .list-character .scene-mikli .field-mikli .description { position: relative; bottom: auto; } }
.list-character .character-popo1, .list-character .character-popo2, .list-character .character-popo3 { z-index: 30; left: 0; top: 224px; width: 234px; height: 559px; padding-top: 310px; }
.list-character .character-popo1 { background-image: url("http://www.telemonster.co.kr/img/character-main-popo1-v2.png"); background-position: left bottom; background-repeat: no-repeat; }
@media (max-width: 1024px) { .list-character .character-popo1 { left: 1.6949152542%; top: 0; padding-top: 0; }
  .list-character .character-popo1 img { max-width: 100%; } }
@media (max-width: 640px) { .list-character .character-popo1 { z-index: 30; left: 35px; top: 20px; width: 111px; height: 149px; padding: 158px 0 0; text-align: center; background-image: url("http://www.telemonster.co.kr/img/character-main-popo-m-v2.png"); background-position: 0 top; background-size: 111px 149px; }
  .list-character .character-popo1 img { width: 95px; } }
.list-character .character-popo2 { background-image: url("http://www.telemonster.co.kr/img/character-main-popo2-v2.png"); background-position: left bottom; }
.list-character .character-popo3 { background-image: url("http://www.telemonster.co.kr/img/character-main-popo3-v2.png"); background-position: left bottom; }
.list-character .character-eerie1, .list-character .character-eerie2, .list-character .character-eerie3 { z-index: 20; left: 161px; top: 330px; width: 347px; height: 519px; padding-left: 170px; }
.list-character .character-eerie1 { background-image: url("http://www.telemonster.co.kr/img/character-main-eerie1-v3.png"); background-position: center bottom; }
@media (max-width: 1024px) { .list-character .character-eerie1 { position: relative; display: inline-block; top: 0; left: 10%; padding-top: 0; }
  .list-character .character-eerie1 img { max-width: 100%; } }
@media (max-width: 640px) { .list-character .character-eerie1 { position: absolute; z-index: 20; left: 40px; top: auto; bottom: 19px; width: 173px; height: 202px; padding: 114px 0 0 0; background-image: url("http://www.telemonster.co.kr/img/character-main-eerie-m-v3.png"); background-size: 173px 202px; }
  .list-character .character-eerie1 img { width: 71px; } }
.list-character .character-eerie2 { background-image: url("http://www.telemonster.co.kr/img/character-main-eerie2-v2.png"); background-position: center bottom; }
.list-character .character-eerie3 { background-image: url("http://www.telemonster.co.kr/img/character-main-eerie3-v2.png"); background-position: center bottom; }
.list-character .character-yossi1, .list-character .character-yossi2, .list-character .character-yossi3 { z-index: 10; right: 13px; top: 210px; width: 527px; height: 633px; padding-top: 60px; }
.list-character .character-yossi1 { background-image: url("http://www.telemonster.co.kr/img/character-main-yossi1-v2.png"); background-position: left bottom; text-align: right; }
@media (max-width: 1024px) { .list-character .character-yossi1 { right: 15%; top: 0; width: 340px; padding-top: 0; }
  .list-character .character-yossi1 img { max-width: 100%; } }
@media (max-width: 640px) { .list-character .character-yossi1 { z-index: 10; left: 45%; top: auto; bottom: 36px; width: 164px; height: auto; padding: 0 0 305px; background-image: url("http://www.telemonster.co.kr/img/character-main-yossi-m.png"); background-size: 164px 300px; text-align: center; }
  .list-character .character-yossi1 img { width: 112px; } }
.list-character .character-yossi2 { background-image: url("http://www.telemonster.co.kr/img/character-main-yossi2-v2.png"); background-position: left bottom; text-align: right; }
.list-character .character-yossi3 { background-image: url("http://www.telemonster.co.kr/img/character-main-yossi3-v2.png"); background-position: left bottom; text-align: right; }
.list-character .character-rockg1, .list-character .character-rockg2, .list-character .character-rockg3 { z-index: 20; right: 0; top: 500px; width: 271px; height: 397px; }
.list-character .character-rockg1 { background-image: url("http://www.telemonster.co.kr/img/character-main-rockg1-v2.png"); background-position: 70px bottom; text-align: right; }
@media (max-width: 1024px) { .list-character .character-rockg1 { right: 1.6949152542%; top: 95px; padding-top: 0; }
  .list-character .character-rockg1 img { max-width: 100%; } }
@media (max-width: 640px) { .list-character .character-rockg1 { z-index: 30; right: 20px; top: auto; bottom: 0; width: 120px; height: auto; padding-bottom: 139px; background-image: url("http://www.telemonster.co.kr/img/character-main-rockg-m.png"); background-position: right bottom; background-size: 60px 124px; }
  .list-character .character-rockg1 img { max-width: 100%; } }
.list-character .character-rockg2 { background-image: url("http://www.telemonster.co.kr/img/character-main-rockg2-v2.png"); background-position: left bottom; text-align: right; }
.list-character .character-rockg3 { background-image: url("http://www.telemonster.co.kr/img/character-main-rockg3-v2.png"); background-position: 70px bottom; text-align: right; }

.gallery-photo { overflow: hidden; position: relative; }
.gallery-photo .viewer { overflow: hidden; position: relative; height: 555px; margin-bottom: 10px; background-color: #1e1e1e; }
@media (max-width: 1024px) { .gallery-photo .viewer { height: auto; margin-bottom: 0; } }
.gallery-photo .viewer ul { overflow: hidden; position: relative; width: 1000px; height: 555px; }
@media (max-width: 1024px) { .gallery-photo .viewer ul { width: 100%; height: auto; } }
@media (max-width: 640px) { .gallery-photo .viewer ul { height: 100%; } }
.gallery-photo .viewer ul li { float: left; overflow: hidden; position: relative; width: 1000px; height: 555px; text-align: center; }
@media (max-width: 1024px) { .gallery-photo .viewer ul li { width: 100%; height: auto; display: table-cell; vertical-align: middle; } }
@media (max-width: 640px) { .gallery-photo .viewer ul li { height: 100%; display: block; } }
.gallery-photo .viewer ul a { display: block; position: relative; width: 100%; height: 100%; text-align: center; background: #000 url("http://www.telemonster.co.kr/img/loader.svg") no-repeat center; }
.gallery-photo .viewer ul a.echo-complete { background: none; }
.gallery-photo .viewer ul img { vertical-align: top; }
.gallery-photo .viewer ul .w { max-width: 100%; }
.gallery-photo .viewer ul .h { max-height: 100%; }
.gallery-photo .viewer .dimmer { z-index: 100; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: center; font-size: 0; }
.gallery-photo .viewer .dimmer .button { position: relative; top: 50%; width: 54px; height: 54px; margin: -27px 2px 0 2px; background-image: url("http://www.telemonster.co.kr/img/icon-share-gallery.png"); border-radius: 50%; }
@media (max-width: 1024px) { .gallery-photo .viewer .dimmer .button { top: 0; margin: 0 5px; width: 39px; height: 39px; background-image: url("http://www.telemonster.co.kr/img/icon-share-gallery-m.png"); } }
.gallery-photo .viewer .dimmer .button-share-facebook { background-position: -5px -5px; }
.gallery-photo .viewer .dimmer .button-share-facebook:hover { background-position: -5px -69px; }
@media (max-width: 1024px) { .gallery-photo .viewer .dimmer .button-share-facebook { background-position: 0 0; background-size: 183px 39px; } }
.gallery-photo .viewer .dimmer .button-share-twitter { background-position: -62px -5px; }
.gallery-photo .viewer .dimmer .button-share-twitter:hover { background-position: -62px -69px; }
@media (max-width: 1024px) { .gallery-photo .viewer .dimmer .button-share-twitter { background-position: -48px 0; background-size: 183px 39px; } }
.gallery-photo .viewer .dimmer .button-share-instagram { background-position: -119px -5px; }
.gallery-photo .viewer .dimmer .button-share-instagram:hover { background-position: -119px -69px; }
.gallery-photo .viewer .dimmer .button-download { background-position: -176px -5px; }
.gallery-photo .viewer .dimmer .button-download:hover { background-position: -176px -69px; }
html.mobile .gallery-photo .viewer .dimmer .button-download, html.tablet .gallery-photo .viewer .dimmer .button-download { display: none; }
html.safari .gallery-photo .viewer .dimmer .button-download { display: none; }
@media (max-width: 1024px) { .gallery-photo .viewer .dimmer .button-download { display: none; } }
@media (max-width: 1024px) { .gallery-photo .viewer .dimmer { position: relative; padding: 20px 0 0; background-color: #1e1e1e; } }
.gallery-photo .thumbnails { overflow: hidden; position: relative; width: 854px; height: 74px; margin: 0 auto; }
html.mobile .gallery-photo .thumbnails, html.tablet .gallery-photo .thumbnails { display: none; }
@media (max-width: 1024px) { .gallery-photo .thumbnails { display: none; } }
.gallery-photo .thumbnails ul { overflow: hidden; position: relative; width: 10000px; height: 74px; font-size: 0; }
.gallery-photo .thumbnails li { display: inline-block; position: relative; overflow: hidden; width: 134px; height: 74px; margin-right: 10px; background-color: #1e1e1e; }
.gallery-photo .thumbnails li:last-child { margin-right: 0; }
.gallery-photo .thumbnails li img { vertical-align: top; }
.gallery-photo .thumbnails li .w { max-width: 100%; }
.gallery-photo .thumbnails li .h { max-height: 100%; }
.gallery-photo .thumbnails li .mask { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; }
.gallery-photo .thumbnails a { overflow: hidden; position: relative; display: block; height: 74px; background-color: #000; background: #000 url("http://www.telemonster.co.kr/img/loader.svg") no-repeat center; text-align: center; }
.gallery-photo .thumbnails a.echo-complete { background: none; }
.gallery-photo .thumbnails a.active .mask { border: 4px solid #fff; }
.gallery-photo .button-carousel { z-index: 1000; position: absolute; top: 565px; width: 63px; height: 74px; border-radius: 0; background-color: #585858; background-repeat: no-repeat; background-position: center; }
.gallery-photo .button-carousel:hover .fa { color: #fff; }
html.mobile .gallery-photo .button-carousel, html.tablet .gallery-photo .button-carousel { display: none; }
@media (max-width: 1024px) { .gallery-photo .button-carousel { display: block; } }
.gallery-photo .button-carousel-prev { left: 0; background-image: url("http://www.telemonster.co.kr/img/icon-arrow-left-gallery.png"); }
.gallery-photo .button-carousel-prev:hover { background-image: url("http://www.telemonster.co.kr/img/icon-arrow-left-active-gallery.png"); }
.gallery-photo .button-carousel-next { right: 0; background-image: url("http://www.telemonster.co.kr/img/icon-arrow-right-gallery.png"); }
.gallery-photo .button-carousel-next:hover { background-image: url("http://www.telemonster.co.kr/img/icon-arrow-right-active-gallery.png"); }

.gallery-video { overflow: hidden; position: relative; width: 1000px; height: 543px; margin: 0 auto; }
@media (max-width: 1024px) { .gallery-video { width: 100%; height: auto; } }
.gallery-video .group-video { overflow: hidden; position: relative; width: 1000px; margin: 0 auto; }
@media (max-width: 1024px) { .gallery-video .group-video { width: 100%; float: none; } }
.gallery-video ul { float: left; overflow: hidden; position: relative; width: 1020px; font-size: 0; }
@media (max-width: 1024px) { .gallery-video ul { width: 100%; } }
.gallery-video li { overflow: hidden; position: relative; display: inline-block; width: 320px; height: 259px; margin: 0 20px 25px 0; }
@media (max-width: 1024px) { .gallery-video li { width: 49.1525423729%; float: left; height: auto; margin: 0 1.6949152542% 1.6949152542% 0; }
  .gallery-video li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .gallery-video li:nth-child(2n + 2) { margin-left: 50.8474576271%; margin-right: -100%; clear: none; } }
@media (max-width: 640px) { .gallery-video li { width: 100%; float: left; margin-right: 0 !important; }
  .gallery-video li:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } }
.gallery-video li a { display: block; position: relative; overflow: hidden; min-height: 100%; height: 100%; }
@media (max-width: 640px) { .gallery-video li a { display: table; width: 100%; } }
html.desktop .gallery-video li a:hover, html.desktop .gallery-video li a:focus { text-decoration: underline; }
html.desktop .gallery-video li a:hover .thumbnail::before, html.desktop .gallery-video li a:focus .thumbnail::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 4px solid #fff; box-sizing: border-box; background: url("http://www.telemonster.co.kr/img/bg-vod-hover.png"); }
html.desktop .gallery-video li a:hover .thumbnail::after, html.desktop .gallery-video li a:focus .thumbnail::after { z-index: 100; content: ''; position: absolute; left: 50%; top: 61px; width: 58px; height: 57px; margin-left: -29px; background: url("http://www.telemonster.co.kr/img/icon-play-circle.png"); }
@media (max-width: 1024px) { .gallery-video li a:hover, .gallery-video li a:focus { text-decoration: none; }
  .gallery-video li a:hover .thumbnail::after, .gallery-video li a:focus .thumbnail::after { display: none; } }
.gallery-video li a i.fa { display: none; position: absolute; left: 50%; top: 50%; width: 56px; height: 56px; margin: -28px 0 0 -28px; color: #fff; text-align: center; }
.gallery-video li a i.fa::before { line-height: 56px; }
.gallery-video .thumbnail { overflow: hidden; position: relative; width: 320px; height: 180px; }
@media (max-width: 1024px) { .gallery-video .thumbnail { width: 100%; height: auto; } }
@media (max-width: 640px) { .gallery-video .thumbnail { overflow: hidden; width: 40% !important; display: table-cell; position: relative; }
  .gallery-video .thumbnail::after { height: 0; content: ''; position: relative; width: 100%; display: block; padding-bottom: 56.25%; }
  .gallery-video .thumbnail > .frame { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } }
.gallery-video .thumbnail.echo-complete { background: none; }
.gallery-video .thumbnail img { max-width: 100%; }
html.mobile .gallery-video .thumbnail, html.tablet .gallery-video .thumbnail { width: 100%; height: auto; position: relative; }
html.mobile .gallery-video .thumbnail::after, html.tablet .gallery-video .thumbnail::after { height: 0; content: ''; position: relative; width: 100%; display: block; padding-bottom: 56.25%; }
html.mobile .gallery-video .thumbnail > .frame, html.tablet .gallery-video .thumbnail > .frame { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.gallery-video .content { overflow: hidden; position: relative; height: 79px; background-color: #fff; padding: 19px 15px 0; }
@media (max-width: 640px) { .gallery-video .content { display: table-cell; width: 60% !important; padding: 0 1.6949152542%; vertical-align: middle; } }
.gallery-video .content .header { overflow: hidden; margin-bottom: 5px; color: #333; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
html.mobile .gallery-video .content .header, html.tablet .gallery-video .content .header { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; }
.gallery-video .content .description { overflow: hidden; color: #757575; white-space: nowrap; text-overflow: ellipsis; }
html.mobile .gallery-video .content .description, html.tablet .gallery-video .content .description { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; }

.list-event { position: relative; width: 1020px; font-size: 0; }
@media (max-width: 1024px) { .list-event { width: 100%; } }
.list-event li { display: inline-block; overflow: hidden; position: relative; width: 320px; height: 280px; margin: 0 20px 20px 0; background-color: #fff; background-repeat: no-repeat; background-position: center bottom; vertical-align: top; }
@media (max-width: 1024px) { .list-event li { width: 32.2033898305%; float: left; }
  .list-event li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .list-event li:nth-child(3n + 2) { margin-left: 33.8983050847%; margin-right: -100%; clear: none; }
  .list-event li:nth-child(3n + 3) { margin-left: 67.7966101695%; margin-right: -100%; clear: none; } }
@media (max-width: 768px) { .list-event li { width: 49.1525423729%; float: left; margin-bottom: 1.6949152542%; }
  .list-event li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .list-event li:nth-child(2n + 2) { margin-left: 50.8474576271%; margin-right: -100%; clear: none; } }
@media (max-width: 640px) { .list-event li { width: 100%; float: left; height: auto; margin: 0 0 1.6949152542% 0 !important; background: #fff !important; }
  .list-event li:nth-child(1n + 1) { margin-left: 0; margin-right: -100%; clear: none; } }
.list-event li a { display: block; position: relative; overflow: hidden; width: 320px; height: 280px; padding: 23px 24px 0; line-height: 1.42857; }
html.desktop .list-event li a:hover .dimmer, html.desktop .list-event li a:focus .dimmer { z-index: 10; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding-top: 183px; border: 4px solid #fff; text-align: center; color: #fff; line-height: 1.42857; background: rgba(0, 0, 0, 0.7) url("http://www.telemonster.co.kr/img/bg-event-dimmer.png") no-repeat center 92px; clip: rect(auto auto auto auto); clip: rect(auto, auto, auto, auto); }
@media (max-width: 1024px) { .list-event li a { width: 100%; padding: 23px 10px; }
  .list-event li a:hover .dimmer, .list-event li a:focus .dimmer { display: none; } }
@media (max-width: 640px) { .list-event li a { height: auto; padding: 13px; } }
.list-event li .header { margin-bottom: 12px; color: #555; font-size: 18px; font-weight: bold; }
@media (max-width: 640px) { .list-event li .header { margin-bottom: 5px; } }
.list-event li .description { color: #757575; }
.list-event li .dimmer .fa { margin-left: 3px; }