@charset "euc-kr";

/* common */
legend {position:absolute; right:-999em; top:-999em; zoom:1; font:0/0;}
/* button style */
*.button {display:inline-block; position:relative; border:none; border-radius:none; white-space:nowrap; vertical-align:middle; cursor:pointer; background-color:transparent;}
input.button,
button.button {border-radius:0;-webkit-appearance:none}

/* layout */
.footer {clear:both; padding:30px 0; color:#252d2d; text-align:center;}
.footer .l-copyright {color:#101313}
.container {width:1024px; margin:0 auto;}
.container a:hover, .container a:focus {text-decoration:underline;}

.nav {height:49px;}
.ui-main .nav {position:relative; z-index:10;}
.ui-sub .nav {position:static;}
.nav ul {overflow:hidden; height:49px; text-align:left;}
.nav li {display:inline-block; *display:inline; background:url('http://img.imbc.com/broad/tv/drama/mrblack/images/bg_nav_bar.gif') no-repeat 0 50%;}
.nav a {display:block; *display:inline; *height:100%; line-height:48px; padding:0 7px; font-size:12px; color:#fff; font-weight:bold;}
.nav a:hover {text-decoration:underline;}
.nav .nav-popular-vod, .nav .nav-popular-bbs {background:none;}
.nav .nav-popular-vod a, .nav .nav-popular-bbs a {background:none; font-size:16px;}
.nav .nav-popular-vod {margin-left:30px;}
.nav .nav-normal-first {background:none; margin-left:20px;}

.p-info {position:relative; line-height:1; padding:17px 0 0 19px; font-family:'Nanum Gothic'; color:#000; font-size:12px; z-index:10;}
.p-info strong {font-weight:normal;}

.logo-area {position:relative;}
.logo-area ul {position:absolute; overflow:hidden; left:0px; top:15px;}
.logo-area li {float:left; padding:0 3px 0 0; font-size:11px; letter-spacing:-1px; color:#010101; line-height:18px;}
.logo-area .first {background:none;}
.logo-area.logo-main ul {left:30px; z-index:100;}
.logo-area.logo-main li {color:#fff;}

/* main */
.btn-like-program-wrap {position:absolute; top:15px; left:50%; margin-left:330px; z-index:100;}
.ui-main {overflow-x:hidden; background:#c0c2c7 url('http://img.imbc.com/broad/tv/drama/mrblack/images/bg_m.jpg') no-repeat 50% 0;}
.ui-main article {position:relative;}
.ui-main .container {position:relative; text-align:left;}
.ui-main .bottom {overflow:hidden; clear:both; width:100%; height:230px; background-color:#525d70;}
.ui-main .bottom .inner {width:965px; margin:0 auto;}
.ui-main .bottom .inner div {float:left; margin-top:28px; padding-left:32px; width:465px;}
.ui-main .bottom .inner div:first-child {padding:0;}
.ui-main .bottom h3 {font-size:12px; margin-bottom:15px; color:#fff;}
.ui-main .bottom ul {width:120%; overflow:hidden;}
.ui-main .bottom li {float:left; width:254px;}
.ui-main .bottom a {color:#fff; font-size:12px; line-height:21px;}
.ui-main .bottom a:hover, .ui-main .bottom a:focus {text-decoration:underline;}
.ui-main .bottom .bottom-menu {overflow:hidden; height:175px; border-right:1px solid #717a8a;}
.ui-main .bottom .bottom-menu ul {margin-left:-34px;}
.ui-main .bottom .bottom-menu li {width:235px; padding-left:32px; border-left:1px solid #717a8a;}
.ui-main .bottom .bottom-drama ul {margin-left:-33px;}
.ui-main .bottom .bottom-drama li {width:235px; padding-left:32px; border-left:1px solid #717a8a;}
.ui-main .p-info {padding:22px 0 0 18px; color:#333;}
.ui-main .p-info .bar {color:#afacaa;}
.logo-main {width:100%; height:593px;}
.btn-front {position:absolute; overflow:hidden; right:9px; bottom:24px; padding:0; border:0; display:block; z-index:200; width:35px; height:32px;text-indent:100%; white-space:nowrap; cursor:pointer; background-image: url('http://img.imbc.com/broad/tv/drama/mrblack/images/btn_roll_play.png'); background-repeat:no-repeat; background-color:transparent;}
.logo-main .btn-play {background-position:0 100%;}
.logo-main .btn-stop {background-position:0 0;}
.roll-ban-event {position:absolute; top:9px; left:2px; z-index:0;}
.roll-ban-event img {position:absolute; top:0; left:0; z-index:0; opacity:0; filter:alpha(opacity=0);}
.roll-ban-event img:first-child {opacity:1; filter:alpha(opacity=100);}
.roll-controll-btn {position:absolute; bottom:30px; left:50%; width:100px; margin-left:-50px; text-align:center; z-index:100;}
.roll-controll-btn .btn {display:inline-block; width:23px; height:14px; padding:0; margin:0; border:0; background: url('http://img.imbc.com/broad/tv/drama/mrblack/images/btn_roll_off.png') no-repeat 50% 50%; cursor:pointer;}
.roll-controll-btn .btn.on {width:30px; height:14px; background:url('http://img.imbc.com/broad/tv/drama/mrblack/images/btn_roll_on.png') no-repeat 50% 50%;}

.content-main {position:relative; margin:6px 0 10px; padding:10px 30px 15px; overflow:hidden; background-color:#fff; /*min-height:495px;*/}
.content-main h2 {height:29px; margin-bottom:10px; font-size:12px; line-height:33px; color:#333; font-weight:normal; text-indent:10px; background:#eee;}
.content-main h2 a {color:inherit;}

.content-main .preview {position:relative; float:left; overflow:hidden; width:224px; height:199px; margin:0 16px 22px 0; background-color:#eee;}
.content-main .preview strong {display:block; margin-bottom:10px;}
.content-main .preview a {display:block; padding:19px 16px;}
.content-main .preview .txt {padding:11px 17px 0; line-height:17px; color:#424242;}
.content-main .preview .img {position:relative; overflow:hidden; width:224px; height:130px;}
.content-main .preview .img img:first-child {width:100%; height:100%;}
.content-main .ico-m-play {position:absolute; bottom:10px; right:10px; width:auto; height:auto; z-index:10;}

.content-main .news {float:left; position:relative; overflow:hidden; width:698px; height:263px; margin-right:16px;}
.content-main .news ul {overflow:hidden;}
.content-main .news li {float:left; width:225px; height:210px; margin-left:8px; border-bottom:0 none;}
.content-main .news li:first-child {margin-left:7px;}
.content-main .news li a {line-height:1; text-indent:0;}
.content-main .news li .img {display:block; width:100%; height:168px; margin-bottom:7px; overflow:hidden; background-color:#000; text-align:center;}
.content-main .news li .img img {height:100%;}
.content-main .news li .txt {display:block; line-height:18px; font-size:12px; letter-spacing:-1px; color:#333; font-weight:bold;}

.content-main .photo, .content-main .sketch {position:relative; float:left; overflow:hidden; width:224px; height:199px; margin-bottom:22px;}
.content-main .photo {margin-right:8px;}
.content-main .photo h2, .content-main .sketch h2 {margin-bottom:10px;}
.content-main .photo ul, .content-main .sketch ul {overflow:hidden;}
.content-main .photo a, .content-main .sketch a {line-height:20px; font-size:12px; letter-spacing:-1px; color:#333;}
.content-main .photo .img, .content-main .sketch .img {position:relative; display:block; overflow:hidden; width:100%; height:127px; margin-bottom:7px;}
.content-main .photo .img img, .content-main .sketch .img img {width:100%; height:auto; min-height:auto;}
.content-main .photo .txt, .content-main .sketch .txt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; color:#333; font-size:12px; line-height:16px;}
.content-main .sketch li em {position:absolute; top:40px; left:90px; display:block; width:48px; height:48px; text-indent:-9999px; background:url('http://img.imbc.com/broad/tv/drama/mrblack/images/ico-play-m.png') no-repeat 0 0;}

.content-main .hotclip {clear:both; overflow:hidden; margin-top:10px;}
.content-main .hotclip ul {overflow:hidden;}
.content-main .hotclip li {float:left; width:225px; margin-left:17px;}
.content-main .hotclip li:first-child {margin-left:6px;}
.content-main .hotclip a {line-height:20px; font-size:12px; letter-spacing:-1px; color:#333;}
.content-main .hotclip .img {position:relative; display:block; width:100%; height:126px; overflow:hidden;}
.content-main .hotclip .img img:first-child {width:100%; height:auto; min-height:auto;}
.content-main .hotclip .txt {display:block; overflow:hidden;padding:7px 0 0; color:#333; font-size:12px; line-height:18px; letter-spacing:-1px; font-weight:bold;}
.content-main .hotclip li em {position:absolute; bottom:9px; left:9px; display:block; width:28px; height:28px; text-indent:-9999px; background:url('http://img.imbc.com/broad/tv/drama/mrblack/images/ico-play-m-sm.png') no-repeat 0 0;}

.content-main .quick {clear:right; overflow:hidden; width:250px; height:225px; margin-top:260px; margin-bottom:10px;}
.content-main .quick li {width:250px; height:110px; margin-bottom:5px;}
.content-main .quick li img {width:100%; height:100%;}

.content-main .ad-square {position:absolute; top:10px; right:30px;}

/* sub */
.ui-sub {text-align:center; background:#7d7c7a url('http://img.imbc.com/broad/tv/drama/mrblack/images/bg_s_v3.jpg') no-repeat 50% 120px;}
.ui-sub .footer {padding:30px 0 110px;}
.ui-sub .container {width:1024px; margin:0 auto;}
.logo-sub {width:100%; height:260px; text-align:left;}
.logo-sub h1 {position:absolute; top:145px; left:385px; z-index:2;}
.logo-sub h1 a {overflow:hidden; display:block;}

.content-sub {width:964px; *width:100%;padding:30px 30px; text-align:left; overflow:hidden; background-color:#fff;}
.content-sub h2 {width:100%; margin-bottom:15px; padding-bottom:8px; border-bottom:2px solid #e2e2e2; font-size:13px; font-weight:normal;}
.content-sub h2 img {margin:-2px 0 0 2px; vertical-align:top; *margin:0 0 0 2px; vertical-align:middle;}
.sub-c-layer {position:relative; float:left; width:692px; min-height:800px; height:auto !important; *height:800px; margin-right:22px;}

/*À̺¥Æ®*/
.event-section {padding-bottom:10px; border-top:1px solid #e0e8e8; border-bottom:2px solid #e0e8e8; font-size:12px; line-height:18px; letter-spacing:-0.5px;}
.sec-common {border-bottom:2px solid #e0e8e8; }
.event-tab {margin-bottom:30px; border-top:1px solid #e0e8e8; border-bottom:1px solid #e0e8e8;}
.event-tab ul {overflow:hidden; width:100%; padding:11px 0; background:#f3f6f6; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.event-tab li {float:left; padding:4px 30px; border-left:1px solid #e0e8e8; line-height:1;}
.event-tab li.none-border {border-left:0 none;}
.event-tab li a {color:#2a7171;}
.event-tab li a.tab-on {font-weight:bold;}
.event-summary {position:relative; padding-bottom:56px; width:100%; *zoom:1;}
.event-summary:after {content:""; display:block; visibility:hidden; clear:both; font-size:0; height:0; line-height:0;}
.event-summary span {float:left; display:block; margin-left:30px;}
.event-summary span img {width:196px; height:196px;}
.event-summary div {float:right; width:415px; margin:0 30px 0 21px;}
.event-summary div strong {font-size:14px; line-height:34px; font-weight:bold; color:#333;}
.event-summary div p {color:#333; font-size:12px; line-height:20px;}
.event-summary div ul {padding-top:23px;}
.event-summary div ul li {padding-left:7px; background:url('http://img.imbc.com/broad/tv/drama/springday/images/list-style01.gif') no-repeat 0 6px; font-size:12px; line-height:18px; color:#2a7171;}
.event-join {position:absolute; top:201px; left:30px; clear:both; z-index:10;}
.event-join a {display:block; width:194px; padding:9px 0; border:1px solid #ccd7d7; background:#d7e1e1; font-weight:bold; text-align:center; line-height:1; color:#333;}
.btn-eveMore {position:absolute; top:0; right:0; display:block; width:176px; padding:28px 0 25px 0; border:2px solid #d2d2d2; background:#fff url('http://img.imbc.com/broad/tv/drama/springday/images/event-go.gif') no-repeat 130px 20px; font-size:14px; font-weight:bold; color:#232323; text-indent:15px; line-height:1; letter-spacing:-0.5px;}

.event-none {padding:174px 0; font-size:14px; color:#666; text-decoration:underline; text-align:center; letter-spacing:-0.5px;}
.event-title {display:block; padding:15px 0; font-size:12px; color:#2a7171; text-indent:30px; letter-spacing:-0.5px; border-top:2px solid #e0e8e8;}
.event-top {margin-bottom:20px;}

/* Á¦ÀÛ ¹ßǥȸ */
/*Æ˾÷ ½ºÅÆÇÁ*/
.jdx-ui-drama#float_stamp_ad #iframe_jdx_stamp {
    top: 428px !important;
    left: -130px;
}