button { display: inline-block; border:none; margin:0; padding:0; background:none; cursor:pointer;}
.button::-moz-focus-inner { border: 0; padding: 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%; } }
.monster-page-main .documentation { width: 994px; padding: 16px 0 30px 30px; z-index:50; margin-bottom: 10px; margin:0 auto;}
.monster-page-main .l-preview { overflow: hidden; position: relative; float: left; width: 224px; height: 199px; margin: 0 16px 22px 0; background-color: #eee; }
.monster-page-main .l-preview a { display: block; position: relative; width: 224px; height: 199px; padding: 16px 17px 0; box-sizing: border-box; }
.monster-page-main .l-preview .title { margin-bottom: 15px; color: #000; line-height: 1.42857; font-weight: bold; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page-main .l-preview .description { line-height: 1.42857; color: #424242; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page-main .l-grid h2.header { height: 29px; line-height: 29px; margin-bottom: 10px; padding-left: 10px; background-color: #eee; font-size: 12px; font-family: "Dotum", sans-serif; color: #333; }
.monster-page-main .l-grid .item { display: block; overflow: hidden; position: relative; width: 225px; height: 168px; }
.monster-page-main .l-grid .thumbnail { overflow: hidden; position: relative; width: 225px; height: 127px; margin-bottom: 5px; background-color: #eee; text-align: center; }
.monster-page-main .l-grid .thumbnail .w { max-width: 100%; }
.monster-page-main .l-grid .thumbnail .h { max-height: 100%; }
.monster-page-main .l-grid .thumbnail i { z-index: 10; display: block; position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background: url("http://img.imbc.com/broad/tv/drama/monster/img/icon-play-circle.png") no-repeat; }
.monster-page-main .l-grid .title { overflow: hidden; position: relative; width: 225px; white-space: nowrap; text-overflow: ellipsis; line-height: 1.42857; color: #333; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page-main .l-photo { overflow: hidden; position: relative; float: left; width: 225px; height: 199px; margin: 0 8px 22px 0; }
.monster-page-main .l-photo ul { width: 470px; }
.monster-page-main .l-sketch { overflow: hidden; position: relative; float: left; width: 225px; height: 199px; margin: 0 8px 22px 0; }
.monster-page-main .l-news { overflow: hidden; position: relative; width: 698px; }
.monster-page-main .l-news h2.header { height: 29px; line-height: 29px; margin-bottom: 10px; padding-left: 10px; background-color: #eee; font-size: 12px; font-family: "Dotum", sans-serif; color: #333; }
.monster-page-main .l-news ul { overflow: hidden; position: relative; width: 720px; padding-left: 7px; }
.monster-page-main .l-news .item { overflow: hidden; position: relative; float: left; width: 225px; margin-right: 8px; }
.monster-page-main .l-news .item a { overflow: hidden; position: relative; width: 225px; }
.monster-page-main .l-news .thumbnail { overflow: hidden; position: relative; width: 225px; height: 168px; margin-bottom: 9px; background-color: #eee; text-align: center; }
.monster-page-main .l-news .thumbnail .w { max-width: 100%; }
.monster-page-main .l-news .thumbnail .h { max-height: 100%; }
.monster-page-main .l-news .title { line-height: 1.42857; color: #333; font-size: 12px; font-weight: bold; }
.monster-page-main .l-link { z-index: 10; overflow: hidden; position: absolute; right: 30px; top: 276px; }
.monster-page-main .l-link .item { display: block; width: 250px; margin-bottom: 5px; }
.monster-page-main .ad { position: absolute; right: 30px; top: 16px; }
.monster-page-main .l-menu { z-index: 20; overflow: hidden; position: relative; width: 1024px; margin: 0 auto; padding: 23px 0 28px; text-align: left; background-color: #ebf0f1; }
.monster-page-main .l-menu .list { float: left; overflow: hidden; width: 512px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-footer-menu-line.png") repeat-y center right; }
.monster-page-main .l-menu .list-drama { background: none; }
.monster-page-main .l-menu .header { margin: 0 0 12px; padding: 0 36px; line-height: 1.42857; font-size: 12px; font-family: "Dotum", sans-serif; font-weight: bold; }
.monster-page-main .l-menu ul { overflow: hidden; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-footer-menu-line.png") repeat-y center; }
.monster-page-main .l-menu li { float: left; width: 184px; margin: 0 0 6px; padding: 0 36px; }
.monster-page-main .l-menu li a { color: #2b2b2b; line-height: 1.42857; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-wrap-sub .masthead{width: 1024px; position: relative; height: 225px; margin: 0 auto; text-align:center}
.monster-page-sub .documentation { width: 964px; *width: 1024px; padding: 0 30px 30px; margin-bottom: 10px; }
.monster-page-sub .documentation h2.header { height: 25px; *height: 55px; padding: 26px 0 0 5px; border-bottom: 2px solid #f7f7f7;  text-align:left;}
.monster-page-sub .documentation .container { overflow: hidden; position: relative; width: 964px; padding-top: 22px; }
.monster-page-sub .documentation .l-col { overflow: hidden; position: relative; float: left; }
.monster-page-sub .documentation .l-content { width: 692px; margin-right: 22px; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page-sub .documentation .l-sidebar { width: 250px; }
.monster-page-sub .cast-slide { overflow: hidden; position: relative; width: 692px; margin-bottom: 20px; text-align: center; background: url("http://img.imbc.com/broad/tv/drama/monster/img/bg-cast-x.gif") repeat-x; }
.monster-page-sub .cast-slide .button { z-index: 10; display: block; position: absolute; top: 0; width: 43px; height: 62px; cursor: pointer; background-color: transparent; border: 0; background-image: url("http://img.imbc.com/broad/tv/drama/yaya/images/btn_cast.png"); background-repeat: no-repeat; }
.monster-page-sub .cast-slide .button-prev { left: 0; background-position: 9px 17px; }
.monster-page-sub .cast-slide .button-next { right: 0; background-position: -21px 17px; }
.monster-page-sub .cast-slide .slide-container { z-index: 20; overflow: hidden; position: relative; width: 608px; margin: 0 auto; }
.monster-page-sub .cast-slide ul { overflow: hidden; position: relative; width: 1500px; }
.monster-page-sub .cast-slide .item { z-index: 10; overflow: hidden; position: relative; float: left; width: 122px; height: 62px; margin-left: -1px; }
.monster-page-sub .cast-slide .item:first-child { margin-left: 0; }
.monster-page-sub .cast-slide .item a { display: block; width: 120px; height: 60px; line-height: 62px; color: #333; border: 1px solid #e3e3e3; font-size: 12px; font-weight: bold; }
.monster-page-sub .cast-slide .nth-6 { margin-left: 2px; }
.monster-page-sub .cast-slide .active { z-index: 20; }
.monster-page-sub .cast-slide .active a { width: 118px; height: 58px; border: 2px solid #f2a77a; text-decoration: underline; }
.monster-page-sub .cast-main { overflow: hidden; position: relative; }
.monster-page-sub .cast-main .thumbnail { overflow: hidden; position: relative; width: 692px; height: 250px; margin-bottom: 10px; background-color: #000; }
.monster-page-sub .cast-main .title { height: 53px; text-align:left;padding: 0 0 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; color: #737270; line-height: 53px; font-size: 14px; font-weight: bold; }
.monster-page-sub .cast-main .title .actor { position: relative; margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-header-verticalbar.png") no-repeat 0 1px; }
.monster-page-sub .cast-main .description { text-align:left;margin: 0 0 16px; padding: 20px 25px; line-height: 1.42857; border-bottom: 2px solid #e0e8e8; }
.monster-page-sub .cast-main .description .description-header { margin-bottom: 15px; color: #737270; font-weight: bold; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page-sub .cast-main .description p { color: #737270; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page-sub .cast-main .button-cast { display: block; position: absolute; right: 13px; top: 260px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72; text-decoration: underline; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-arrow.png") no-repeat right 22px; }
.monster-page-sub .cast-child { overflow: hidden; position: relative; width: 200px; }
.monster-page-sub .cast-child .thumbnail { overflow: hidden; position: relative; width: 200px; height: 150px; margin: 0 0 1px; background-color: #eee; }
.monster-page-sub .cast-child .title { height: 53px; padding: 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; font-size: 14px; font-weight: bold; color: #737270; line-height: 53px; }
.monster-page-sub .cast-child .title .actor { margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.monster-page-sub .cast-supporter {text-align:left; overflow: hidden; position: relative; }
.monster-page-sub .cast-supporter h3.header { height: 53px; margin-bottom: 15px; padding: 0 0 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; color: #737270; line-height: 53px; font-size: 14px; font-weight: bold; font-family: "Dotum", sans-serif; }
.monster-page-sub .cast-supporter ul { overflow: hidden; position: relative; }
.monster-page-sub .cast-supporter ul .item { position: relative; width: 475px; min-height: 140px; margin-bottom: 15px; padding: 10px 0 0 218px; }
.monster-page-sub .cast-supporter ul .thumbnail { overflow: hidden; position: absolute; left: 0; top: 0; width: 200px; height: 150px; background-color: #eee; }
.monster-page-sub .cast-supporter ul .thumbnail img { max-width: 100%; }
.monster-page-sub .cast-supporter ul .content { overflow: hidden; position: relative; }
.monster-page-sub .cast-supporter ul .title { margin: 0 0 15px; color: #754d39; font-size: 14px; font-weight: bold; }
.monster-page-sub .cast-supporter ul .title .actor { position: relative; margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-header-verticalbar.png") no-repeat 0 1px; }
.monster-page-sub .cast-supporter ul .description .heading { margin-bottom: 15px; color: #754d39; font-size: 12px; font-family: "Dotum", sans-serif; font-weight: bold; }
.monster-page-sub .cast-supporter ul .description p { font-size: 12px; font-family: "Dotum", sans-serif; color: #6e6e6e; line-height: 1.42857; }
.monster-page-sub .cast-supporter .button-cast { display: block; position: absolute; right: 13px; top: 2px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72; text-decoration: underline; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-arrow.png") no-repeat right 22px; }
.monster-body-main { background: #131414 url("http://img.imbc.com/broad/tv/drama/monster/img/monster_bg.jpg") no-repeat center 120px; }
.monster-body-sub { background: #131414 url("http://img.imbc.com/broad/tv/drama/monster/img/bg-body.jpg") no-repeat center 120px; }
.monster-wrap { overflow: hidden; position: relative; width: 100%; text-align: center; }
.monster-page { overflow: hidden; position: relative; width: 100%; margin: 0 auto; text-align: center; }
.monster-page-main .masthead {width:1024px; position: relative; height: 518px; margin:0 auto; }
.monster-page .masthead .logo { position: absolute; left: 320px; top: 57px; }
.monster-page .masthead .meta { z-index: 50; position: absolute; left: 17px; top: 20px; font-size: 0; }
.monster-page .masthead .meta .item { display: inline-block; zoom: 1; *display: inline; margin-left: 4px; padding-left: 5px; color: #e9e9e9; line-height: 1.42857; background: url("http://img.imbc.com/broad/tv/drama/monster/img/bg-meta-verticalbar.png") no-repeat 0 2px; font-size: 11px; font-family: 'Nanum Gothic'; }
.monster-page .masthead .meta .item:first-child { margin-left: 0; padding-left: 0; background: none; }
.monster-page .masthead .btn-like-program-wrap { z-index: 50; position: absolute; right: 10px; top: 10px; }
.monster-page .nav { overflow: hidden; position: relative; width: 1024px; height: 53px; margin:0 auto; background: url("http://img.imbc.com/broad/tv/drama/monster/img/bg-nav.png") no-repeat; z-index:50; }
.monster-page .nav ul { overflow: hidden; position: relative; width: 977px; *width: 1024px; height: 53px; padding-left: 47px; font-size: 0; }
.monster-page .nav ul .item { float: left; display: inline-block; zoom: 1; *display: inline; height: 53px; margin-left: 12px; padding-left: 13px; background: url("http://img.imbc.com/broad/tv/drama/monster/img/bg-nav-verticalbar.png") no-repeat 0 center; }
.monster-page .nav ul .item a { float: left; display: block; height: 53px; color: #fff; letter-spacing: -1px; line-height: 53px; font-weight: bold; font-size: 12px; font-family: "Dotum", sans-serif; }
.monster-page .nav ul .item-first { margin-left: 0; padding-left: 0; background: none; }
.monster-page .nav ul .active { margin-left: 0; padding-left: 0; margin-right: 20px; background: none; }
.monster-page .nav ul .active a { font-size: 16px; }
.monster-page .nav ul .active-last { margin-right: 42px; }
.monster-page .documentation { overflow: hidden; position: relative; background-color: #fff; margin:0 auto}
.monster-page .documentation .l-row { overflow: hidden; position: relative; }
.site-footer { overflow: hidden; position: relative; width: 1024px; margin: 0 auto; text-align: center; padding: 25px 0; font-size: 12px; }
.site-footer .l-copyright { color: #fff; }
.soc-front .control_btn .btn-play {z-index:20; position:absolute; top:472px; right:60px; width:35px; height:35px; background: url("http://img.imbc.com/broad/tv/drama/monster/img/btn_play.png") no-repeat}
.soc-front .control_btn .btn-pause {z-index:20; position:absolute; top:472px;; right:23px; width:34px; height:35px; background: url("http://img.imbc.com/broad/tv/drama/monster/img/btn_pause.png") no-repeat}
.soc-front .ct_in {z-index:50; position:absolute; top:483px; left:472px;}
.soc-front .ct_in .indicator {float:left; display:block; width:13px; height:13px; margin-right:6px; background:url("http://img.imbc.com/broad/tv/drama/monster/img/in_circle.png") no-repeat}
.soc-front .ct_in .indicator.active {width:21px; height:13px; background:url("http://img.imbc.com/broad/tv/drama/monster/img/in_rect.png") no-repeat}
.soc-front-list li{position:absolute; top:0; left:0;}
.slide{z-index: 10; overflow: hidden; position: absolute; left: 50%; top: -120px; margin-left: -960px; width: 1920px; height: 1608px;}
.monster-wrap-sub .documentation h2.header {    margin: 25px 0 0;
    padding:0;border-bottom: 2px solid #ddd;
    text-align: left;
    height: 30px;
    line-height: 30px}
/*Æ˾÷ ½ºÅÆÇÁ*/
.jdx-ui-drama#float_stamp_ad #iframe_jdx_stamp {
    top: 276px !important;
    left: -130px;
}