@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:#000; text-align:center;}
.container {width:965px; margin:0 auto;}
.container a:hover, .container a:focus {text-decoration:underline;}
.nav {background-color:#840e10;}
.ui-main .nav {position:relative; z-index:10;}
.ui-sub .nav {position:static;}
.nav ul {overflow:hidden; width:965px; *width:auto; height:50px; margin:0 auto;}
.nav li {float:left; background:url('http://img.imbc.com/broad/tv/drama/great/images/bg_nav_bar.gif') no-repeat 0 19px;}
.nav a {display:block; padding:0 14px; font-size:14px; line-height:50px; letter-spacing:-1px; color:#fff; font-weight:bold;}
.nav a:hover {text-decoration:underline;}
/*.nav .nav-popular-bbs {margin-left:5px; background:none;}2015-05-28
.nav .nav-popular-vod {margin-left:20px; background:none;}
.nav .nav-popular a {font-size:14px; font-weight:bold; color:#fff;}
.nav .nav-normal-first {margin-left:15px; background:none;}*/
.nav .nav-popular-vod {background:none;}
.p-info {position:absolute; color:#000; line-height:20px; z-index:50;}

.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:url('http://img.imbc.com/broad/tv/drama/great/images/bg_main.jpg') no-repeat 50% 120px;}
.ui-main article {position:relative;}
.ui-main .container {position:relative; text-align:left;}
.ui-main .footer {background-color:#ccc3ba;}
.ui-main .p-info {top:425px; left:50%; margin-left:-485px; text-align:left;}
.ui-main .bottom {clear:both; width:100%; height:220px; background-color:#ccc3ba;}
.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:#000;}
.ui-main .bottom ul {width:120%; overflow:hidden;}
.ui-main .bottom li {float:left; width:254px;}
.ui-main .bottom a {color:#000; 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:165px; border-right:1px solid #dbd4ce;}
.ui-main .bottom .bottom-menu ul {margin-left:-34px;}
.ui-main .bottom .bottom-menu li {width:235px; padding-left:32px; border-left:1px solid #dbd4ce;}
.ui-main .bottom .bottom-drama ul {margin-left:-34px;}
.ui-main .bottom .bottom-drama li {width:235px; padding-left:32px; border-left:1px solid #dbd4ce;}

.logo-main {width:100%; height:474px;}
.logo-main h1 {position:absolute; top:35px; left:50%; margin-left:-507px; z-index:2;}
.btn-front {position:absolute; overflow:hidden; left:50%; top:436px; margin-left:450px; padding:0; border:0; display:block; z-index:200; width:28px;height:28px;text-indent:100%; white-space:nowrap; cursor:pointer; background-image: url('http://img.imbc.com/broad/tv/drama/great/images/btn_roll_play.png'); background-repeat:no-repeat; background-color:transparent;}
.logo-main .btn-play {background-position:0 -32px;}
.logo-main .btn-stop {background-position:0 0;}
.roll-ban-event {position:relative;}
.roll-ban-event img {position:absolute; top:0; left:50%; margin-left:-515px; z-index:0;}
.roll-controll-btn {position:absolute; top:442px; left:50%; width:60px; margin-left:385px; 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/great/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/great/images/btn_roll_on.png') no-repeat 50% 50%;}

.content-main {position:relative; width:965px; padding:18px 0 20px; overflow:hidden; /*min-height:495px;*/}
.content-main h2 {height:30px; margin-bottom:10px;  font-size:12px; line-height:33px; color:#3a1d1d; font-weight:bold; text-indent:13px; background:#ccc3ba;}

.content-main .preview {position:relative; float:left; overflow:hidden; width:224px; height:250px; margin:0 15px 15px 0;}
.content-main .preview p {font-weight:normal;}
.content-main .preview a {display:block;}
.content-main .preview .txt {height:68px; padding:11px 17px 0; background-color:#e7e7e7; line-height:20px; color:#414141;}
.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:462px; height:250px; margin:0 14px 15px 0;}
.content-main .news li:first-child {margin-bottom:10px;}
.content-main .news li {overflow:hidden; height:99px;}
.content-main .news li a {display:block; letter-spacing:-1px; font-size:13px; color:#000;}
.content-main .news .img {float:left; display:block; overflow:hidden; width:99px; height:99px; margin:0 10px 0 0;}
.content-main .news .img img {width:auto; height:100%; margin-left:-25px;}
.content-main .news .tit {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0; font-weight:bold; font-size:14px;}
.content-main .news .txt {display:block; line-height:19px; font-size:13px;}

.content-main .photo, .content-main .specialclip {position:relative; float:left; overflow:hidden; width:475px; height:235px;}
.content-main .photo {margin-right:15px;}
.content-main .photo h2, .content-main .specialclip h2 {margin-bottom:10px;}
.content-main .photo ul, .content-main .specialclip ul {width:110%;}
.content-main .photo li, .content-main .specialclip li {float:left; width:230px; margin-right:15px;}
.content-main .photo a, .content-main .specialclip a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#333;}
.content-main .photo .img, .content-main .specialclip .img {position:relative; display:block; width:100%; height:126px; overflow:hidden;}
.content-main .photo .img img, .content-main .specialclip .img img {width:100%; height:auto; min-height:auto;}
.content-main .photo .txt, .content-main .specialclip .txt {display:block; padding:7px 0 0; color:#363636; font-weight:bold; font-size:14px; line-height:22px;}

.content-main .hotclip {clear:both; float:left; width:701px; overflow:hidden;}
.content-main .hotclip h2 {margin-bottom:10px;}
.content-main .hotclip ul {overflow:hidden;}
.content-main .hotclip li {float:left; width:224px; margin-left:14px;}
.content-main .hotclip li:first-child {margin-left:0;}
.content-main .hotclip a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#000; font-weight:bold;}
.content-main .hotclip .img {position:relative; display:block; width:100%; height:126px; margin-bottom:7px; overflow:hidden;}
.content-main .hotclip .img img {width:100%;}
.content-main .hotclip .txt {display:block;}

.content-main .sketch {float:left; overflow:hidden; width:250px; margin-left:14px;}
.content-main .sketch h2 {margin-bottom:10px;}
.content-main .sketch ul {overflow:hidden;}
.content-main .sketch li {float:left; width:250px; margin-left:15px;}
.content-main .sketch li:first-child {margin-left:0;}
.content-main .sketch a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#000; font-weight:bold;}
.content-main .sketch .img {position:relative; display:block; width:100%; height:126px; margin-bottom:7px; overflow:hidden;}
.content-main .sketch .img img {width:100%;}
.content-main .sketch .txt {display:block;}

.content-main .ad-square {position:absolute; top:18px; right:1px;}

/* sub */
.ui-sub {text-align:center; background:#f3f3f3 url('http://img.imbc.com/broad/tv/drama/great/images/bg_sub_y.jpg') repeat-y 50% 1000px;}
.ui-sub article {background:url('http://img.imbc.com/broad/tv/drama/great/images/bg_sub2.jpg') no-repeat 50% 0;}
.ui-sub .footer {padding:30px 0 110px; background:url('http://img.imbc.com/broad/tv/drama/great/images/bg_bottom.jpg') no-repeat 50% 0;}
.ui-sub .container {width:1024px; margin:0 auto;}
.logo-sub {width:100%; height:218px; text-align:left;}
.logo-sub h1 {width:216px; height:189px; padding:12px 0 0 22px;}
.logo-sub h1 a {display:block; width:100%; height:100%;}
.ui-sub .p-info {top:175px; right:0;text-align:right;}

.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 {padding:0 0 0 2px;}
.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;}

/* µîÀåÀι° */
.cast-data {position:relative; margin-bottom:20px; border-bottom:2px solid #e5ecec;}
.cast-data .cast-main-name {height:35px; *height:54px; padding:18px 0 0 21px; background:#f2f5f5; font-weight:bold; color:#737270; font-size:14px;}
.cast-data .img {display:block; margin-bottom:1px; padding-bottom:9px; border-bottom:2px solid #e5ecec;}
.cast-data .img img {width:692px; height:250px;}
.cast-main-txt {padding:19px 22px; line-height:20px}
.cast-main-txt strong {display:block; margin-bottom:10px; font-size:14px; font-weight:bold;}
.cast-other {margin-top:20px;}
.cast-other dl {position:relative; min-height:150px; *height:150px; margin-bottom:15px; margin:0 40px; padding:10px 0 0 215px; letter-spacing:-1px;}
.cast-other .img {position:absolute; top:0; left:0; width:200px; height:150px; background:#ebebeb;}
.cast-other .img img {width:100%; height:100%;}
.cast-other .cast-name {padding:0 0 13px; font-weight:bold; color:#44403e; font-size:14px;}
.cast-other .cast-txt {line-height:18px; color:#44403e;}
.cast-data a {display:block; position:absolute; top:280px; right:9px; width:160px; overflow:hidden; color:#3c7a72; line-height:21px;}
.cast-other .relation {display:block; margin:20px 0;padding-right:10px; width:682px; height:51px; color:#3c7a72; line-height:51px; text-align:right; background-color:#f2f5f5;}