@charset "euc-kr";

/* layout */
legend {position:absolute; right:-999em; top:-999em; zoom:1; font:0/0;}
.footer {padding:30px 0; color:#303030; text-align:center;}
article {width:1024px; margin:0 auto;}
.container a:hover, .victoria .container a:focus {text-decoration:underline;}
.container nav ul {width:100%; height:50px; overflow:hidden;}
.container nav li {float:left; padding:0 10px; background:url('http://img.imbc.com/broad/tv/drama/angm/images/bg_nav_bar.gif') no-repeat left 19px;}
.container nav a {font-weight:bold; font-size:15px; line-height:50px; letter-spacing:-1px; color:#fff;}
.container .nav-popular-vod {margin-left:15px; background:none;}
.container .nav-popular a {font-size:15px; font-weight:bold; color:#f6d069;}
.container .nav-normal-first {background:none;}

.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:10px; right:0; z-index:100;}
.ui-main {background:#f6d069 url('http://img.imbc.com/broad/tv/drama/angm/images/bg_main_v2.jpg') no-repeat 50% 120px;}
.ui-main .container {position:relative; width:1024px; text-align:left;}
.ui-main .bottom {clear:both; width:1024px; height:222px; overflow:hidden; background-color:#ededed;}
.ui-main .bottom div {float:left; margin-top:28px; padding-left:33px; width:475px;}
.ui-main .bottom h3 {font-size:12px; line-height:37px; margin-top:-15px;}
.ui-main .bottom ul {width:120%; overflow:hidden;}
.ui-main .bottom li {float:left; width:254px;}
.ui-main .bottom a {color:#5c5c5c; font-size:12px; line-height:22px;}
.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 #d7d7d7;}
.ui-main .bottom .bottom-menu ul {margin-left:-34px;}
.ui-main .bottom .bottom-menu li {width:235px; padding-left:32px; border-left:1px solid #d7d7d7;}
.ui-main .bottom .bottom-drama ul {margin-left:-34px;}
.ui-main .bottom .bottom-drama li {width:235px; padding-left:32px; border-left:1px solid #d7d7d7;}

.logo-main {width:100%; height:619px;}
.btn-front {padding:0; border:0; display:block; z-index:100; position:absolute; right:30px; bottom:20px; overflow:hidden; width:45px;height:45px;text-indent:100%; white-space:nowrap; cursor:pointer; background-image: url('http://img.imbc.com/broad/tv/drama/angm/images/btn_play.png'); background-repeat:no-repeat; background-color:transparent;}
.logo-main .btn-play {background-position:0 -56px;}
.logo-main .btn-stop {background-position:0 0;}
.roll-ban-event {position:relative; height:619px; margin-left:-7px;}
.roll-ban-event img {position:absolute; top:0; left:0; z-index:20;}
.roll-controll-btn {position:absolute; bottom:28px; left:50%; width:500px; margin-left:-260px; text-align:center; z-index:100;}
.roll-controll-btn .btn {display:inline-block; width:30px; height:14px; padding:0; margin:0; border:0; background: url('http://img.imbc.com/broad/tv/drama/angm/images/btn_p_roll_off.png') no-repeat 50% 0;   cursor:pointer;}
.roll-controll-btn .btn.on {width:30px; height:14px; background:url('http://img.imbc.com/broad/tv/drama/angm/images/btn_p_roll_on.png') no-repeat 0 0;}

.content-main {position:relative; width:964px; margin-bottom:16px; padding:16px 30px 30px; background:#fff; overflow:hidden; min-height:481px;}
.content-main h2 {height:20px; margin-bottom:13px; padding-top:9px; font-size:12px; letter-spacing:-1px; line-height:1.333; color:#333; font-weight:bold; text-indent:13px; background:#e1e1e1;}
.content-main .news {position:relative; width:698px; margin-bottom:25px; margin-right:16px; overflow:hidden;}
.content-main .news h2 {margin-bottom:10px;}
.content-main .news ul {height:212px;}
.content-main .news li {width:224px; height:29px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.content-main .news li a {display:block; width:100%; text-indent:7px; font-size:11px; letter-spacing:-1px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:29px; text-indent:7px; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/ico-list-square.gif') no-repeat left 14px;}
.content-main .news .news-thumb {position:absolute; top:48px; left:240px; height:210px; border-bottom:0 none;}
.content-main .news .news-thumb.last {left:474px;}
.content-main .news .news-thumb .img {display:block; width:100%; height:126px; margin-bottom:10px; overflow:hidden;}
.content-main .news .news-thumb a {line-height:1; text-indent:0;}
.content-main .news .news-thumb .img img {width:100%;}
.content-main .news .news-thumb .txt {display:inline; text-overflow:clip; white-space:normal; line-height:22px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#333;}

.content-main .photo, .content-main .sketch {position:relative; float:left; overflow:hidden; width:224px; height:196px;}
.content-main .photo {margin-right:10px; margin-left:16px;}
.content-main .sketch {margin-right:16px;}
.content-main .sketch .img em {position:absolute; left:5px; bottom:6px; display:block; width:28px; height:28px; overflow:hidden; background:url('http://img.imbc.com/broad/tv/drama/angm/images/ico_m_vod.png') no-repeat; text-indent:-5000px;}
.content-main .photo ul, .content-main .sketch ul {width:110%;}
.content-main .photo li, .content-main .sketch li {float:left; width:224px; margin-right:10px;}
.content-main .photo a, .content-main .sketch a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#333;}
.content-main .photo .img, .content-main .sketch .img {position:relative; display:block; width:100%; height:126px; overflow:hidden;}
.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 {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:7px 0 0; color:#333; line-height:22px;}
.content-main .photo h2, .content-main .sketch h2 {margin-bottom:9px;}

.content-main .preview {float:left;width:188px; height:196px; padding:0 18px; background:#e1e1e1; overflow:hidden;}
.content-main .preview p {margin:16px 0 12px 0; line-height:16px; font-size:12px; color:#000; letter-spacing:-1px; font-weight:bold;}
.content-main .preview span {padding-left:3px;}
.content-main .preview a {line-height:17px; color:#424242;}

.content-main .right-cluster {float:left; width:250px; height:196px;}
.content-main .right-cluster .quick-menu {width:100%; overflow:hidden;}
.content-main .right-cluster .quick-menu > ul > li {width:250px; height:93px;}
.content-main .right-cluster .quick-menu > ul > li:first-child {margin-bottom:9px;}

.content-main .quick-list {width:100%; height:82px; margin-top:20px; border-top:2px solid #d9d9d9; overflow:hidden;}
.content-main .quick-list ul {width:120%; padding-top:18px; overflow:hidden;}
.content-main .quick-list li {float:left; display:table; width:234px; height:60px; margin-right:4px; overflow:hidden; border:2px solid #d9d9d9; overflow:hidden;}
.content-main .quick-list a {display:table-cell; width:217px; height:100%; padding-left:17px; vertical-align:middle; font-size:12px; letter-spacing:-1px; color:#333; font-weight:bold; line-height:17px;}
.content-main .quick-list .charactor {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/ico-relation.gif') no-repeat 188px center;}
.content-main .quick-list .concept {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/ico-concept.gif') no-repeat 194px center;}
.content-main .quick-list .kim {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/thumb-scandal.jpg') no-repeat 164px center;}
.content-main .quick-list .jin {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/thumb-sun.jpg') no-repeat 164px center;}

.content-main .comment {float:left; margin-top:19px; width:250px; overflow:hidden;}
.content-main .comment h2 {margin-bottom:0;}
.content-main .comment ul {width:100%; list-style-type:square;}
.content-main .comment li {width:232px; height:29px; padding-left:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; list-style:square; border-bottom:1px solid #e5e5e5; overflow:hidden; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/ico-list-square.gif') no-repeat 9px 14px;}
.content-main .comment a {line-height:32px; font-size:11px; color:#454545; letter-spacing:-1px;}
.content-main .hotclip {clear:both; float:none; width:auto; height:225px; margin-right:0; padding-top:21px; overflow:hidden;}
.content-main .hotclip h2 {margin-bottom:14px;}
.content-main .hotclip ul {overflow:hidden;}
.content-main .hotclip li {float:left; width:24%; margin-left:1.33%;}
.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:#363636;}
.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;}
.ad250 {position:absolute; top:17px; right:29px; overflow:hidden; width:248px; height:248px; border:1px solid #c6cfd8;}

.img-rolling {position:relative;}
.img-rolling .ban-list {clear:both; position:relative; overflow:hidden; background-color:#fff;}
.img-rolling .ban-list ul {position:relative; width:100%; height:358px;}
.img-rolling .ban-list li {position:absolute; width:100%; height:358px; left:100%;}
.img-rolling .ban-list li:first-child {left:0;}
.img-rolling .btn-list {clear:both; position:absolute; top:5px; right:30px; height:6px; text-align:right;}
.img-rolling .btn-list li {display:inline-block; *display:inline; margin-left:2px;}
.img-rolling .btn-list li .btn {display:inline-block; overflow:hidden; width:11px; height:6px; padding:0; margin:0; border:0; cursor:pointer; background-color:transparent; background-image:url('http://img.imbc.com/broad/tv/drama/angm/images/btn_ban_roll.png'); background-repeat:no-repeat; background-position:50% 0;}
.img-rolling .btn-list li.on .btn {background-position:0 100%;}
.img-rolling .control {position:absolute; top:4px; right:7px;}
.img-rolling .control button {display:block; overflow:hidden; line-height:999px; width:17px; height:17px; padding:0; margin:0; border:0; cursor:pointer;background-image:url('http://img.imbc.com/broad/tv/drama/angm/images/btn_ban_play.png'); background-color:transparent; background-repeat:no-repeat;}
.img-rolling .control button.stop {background-position:0 0;}
.img-rolling .control button.play {background-position:0 100%;}



/* sub */
.ui-sub {text-align:center; background:#f6d069 url('http://img.imbc.com/broad/tv/drama/angm/images/bg_main.jpg') no-repeat 50% 120px;}
.ui-sub .container {width:100%; }
.logo-sub {width:100%; height:218px;}
.logo-sub h1 {position:absolute; top:13px; left:50%; margin-left:-91px;}

.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; border-bottom:2px solid #e2e2e2;}
.content-sub h2 img {padding:0 0 8px 2px;}
.sub-c-layer {position:relative; float:left; width:692px; min-height:800px; height:auto !important; height:800px; margin-right:22px;}

.cast-nav {height:70px; padding:0 10px 10px; background:url('http://img.imbc.com/broad/tv/drama/angm/images/bg_cast_nav.gif') no-repeat 0 0;}
.cast-nav ul {height:100%;}
.cast-nav li {float:left; width:14.28%; height:100%;}
.cast-nav li a {display:block; line-height:16px; padding:27px 0; font-size:12px; color:#fff; font-weight:bold; text-align:center;}
.cast-nav li.on a {color:#ffe400;}
.cast-nav li.other a {padding:20px 0;}

.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:20px 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;}

.cast-control-hero .cast-box {width:100%; margin:0;}
.cast-control-hero .cast-box ul {position:absolute; top:0; left:80px; width:110%; overflow:hidden;}
.cast-control-hero .cast-box li {width:104px; margin-left:-2px;}
.cast-control-hero .view-relation {float:left; display:block; width:66px; height:50px;}

.banner-top {position:relative; width:100%; padding:30px 0 28px; margin-bottom:20px; text-indent:40px; background:#ebebeb; font-size:14px; letter-spacing:-0.5px; line-height:1; color:#232323;}
.banner-top a {position:absolute; top:0; right:0; display:block; width:176px; padding:28px 0 26px 0; border:2px solid #d2d2d2; background:#fff url('http://img.imbc.com/broad/tv/drama/jangbori/images/btn_ban_more.gif') no-repeat 130px 20px; font-size:14px; font-weight:bold; color:#232323; text-indent:15px; line-height:1; letter-spacing:-0.5px;}

/*À̺¥Æ®*/
.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;}

/* Á¦ÀÛÁø ¼Ò°³ */
.staff-other p {position:absolute; width:610px; height:550px; top:1005px; left:45px; line-height:25px; color:#000; font-size:13px; letter-spacing:-1px;}
.staff-other strong {padding:0 3px;}