@charset "euc-kr";

/* Common Control */
img {vertical-align:top;}
strong {font-weight:bold;}

/* Lyaout */
html,body {text-align:center;width:100%;height:100%;font-size:12px;font-family:"µ¸¿ò",dotum,sans-serif;letter-spacing:-0.5px;}
.mobile body {width:1024px;}
.wrapper {width:100%;min-height:100%;text-align:left;}
.container {width:100%;min-width:1024px;}
.daughter-main .container {background:url('http://img.imbc.com/broad/tv/drama/daughter/images/bg-main.jpg') repeat-x 50% 0;}

.ui-sub .container {*text-align:center;}

/* http://img.imbc.com/broad/tv/ent/littletv/images/bg_main_v2 */

#f_copyright {padding:30px 0;font-size:12px;color:#000;text-align:center;}

/* Skip Navi */
.sknavi {display:block;z-index:1000;position:absolute;top:-500px;text-decoration:none;color:#000}
.sknavi:focus, .sknavi:active {top:0;height:40px;font-size:100%;font-weight:bold;background-color:#efefef;line-height:40px;text-align:center}

/* nav */
.p-nav ul {overflow:hidden;width:1026px;height:50px;margin:0 auto;}
.p-nav ul li {float:left;padding:0 18px;*padding:0 16px;height:100%;background:url(http://img.imbc.com/broad/tv/drama/daughter/images/bg-menu-line.gif) no-repeat 0 center;}
.p-nav ul li.vod {padding-left:20px;background:none;}
.p-nav ul li a {display:block;line-height:50px;font-size:12px;font-weight:bold;color:#fff;text-align:center;}
.p-nav ul li a:hover {text-decoration:underline;}

/* main */
.main-top {background:url('http://img.imbc.com/broad/tv/drama/daughter/images/visual-main-v3.png') no-repeat 50% 10px;}
.main-top .inner {position:relative;overflow:hidden;width:1024px;height:618px;margin:0 auto;}
.main-top .tit-logo {position:absolute;left:253px;top:32px;}
.main-top .btn-like-program-wrap {position:absolute;top:2px;right:2px;}

.m-p-info {position:absolute;left:288px;top:36px;width:115px;}
.m-p-info li {height:14px;line-height:16px;text-align:center;color:#000;}

.m-contents {position:relative;overflow:hidden;width:966px;margin:0 auto;padding:18px 30px 24px;border-right:5px solid #000;border-bottom:5px solid #000;border-left:5px solid #000;background-color:#fff;}

.m-contents .ad-square {}

.m-contents h2 {clear:both;height:31px;margin-bottom:9px;font-size:13px;letter-spacing:-1px;line-height:31px;color:#fff;font-weight:bold;text-indent:13px;background:#666;}

.m-contents .preview {position:relative;float:left;overflow:hidden;width:224px;height:211px;margin-bottom:30px;background-color:#666;}
.m-contents .preview a {display:block;padding:16px 18px;line-height:18px; font-size:12px;color:#fff;}
.m-contents .preview a .tit-prev {display:block;padding-bottom:10px;font-weight:bold;color:#fff;}

.m-contents .news {float:left;position:relative;overflow:hidden;margin:0 16px 30px;width:459px;height:211px;}
.m-contents .news li {width:224px;}

.m-contents .clip {float:left;overflow:hidden;}
.m-contents .bestclip {width:224px;}
.m-contents .hotclip {margin:0 16px;width:459px;}
.m-contents .clip h2 {margin-bottom:10px;}
.m-contents .clip .clip-item {width:224px;}
.m-contents .news ul,
.m-contents .clip ul {overflow:hidden;}
.m-contents .news ul li,
.m-contents .clip ul li {float:left;}
.m-contents .news ul li:first-child,
.m-contents .clip li:first-child {margin-right:10px;}
.m-contents .news a,
.m-contents .clip a {position:relative;display:block;width:100%;line-height:20px;font-weight:bold;font-size:14px;letter-spacing:-1px;color:#363636;font-weight:bold;}
.news .img-ent {display:block;overflow:hidden;margin-bottom:6px;height:126px;}
.m-contents .news .img,
.m-contents .clip .img {width:100%;margin-bottom:7px;overflow:hidden;}
.m-contents .news .txt,
.m-contents .clip .txt {display:block;color:#363636;}
.clip .ico-play {position:absolute;left:11px;top:75px;}

.img-rolling {position:relative;float:left;margin-bottom:30px;width:250px;height:211px;}
.img-rolling .ban-list {clear:both; position:relative; overflow:hidden; background-color:#fff;}
.img-rolling .ban-list ul {position:relative; width:100%; height:211px;}
.img-rolling .ban-list li {position:absolute; width:100%; height:211px; left:100%;}
.img-rolling .ban-list li:first-child {left:0;}
.img-rolling .ban-list li img {width:250px;height:211px;}
.img-rolling .btn-list {clear:both; position:absolute; bottom:17px; right:33px; 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; bottom:7px; right:9px;}
.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%;}

.ui-main .bottom {clear:both; margin:8px auto 0;width:1026px; height:222px; overflow:hidden; border:5px solid #000;text-align:left; color:#969595; background-color:#2d3434;}
.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:#969595; font-size:12px; line-height:22px;}
.ui-main .bottom a:hover, .ui-main .bottom a:focus {text-decoration:underline;}

.ui-main .bottom .bottom-menu {height:165px; border-right:1px solid #c0bbbb;}
.ui-main .bottom .bottom-drama li {width:265px;}


/* sub */
.ui-sub .wrapper {background:url('http://img.imbc.com/broad/tv/drama/daughter/images/bg-sub-down.jpg') repeat 0 0;}
.ui-sub .m-p-info {top:14px;left:241px;}
.ui-sub .container {width:100%; background:url('http://img.imbc.com/broad/tv/drama/daughter/images/bg-sub-top.jpg') repeat-x;}
.ui-sub .container .nav-popular-vod {margin-left:52px;background:none;}
.ui-sub .sub-top {width:100%;background:url(http://img.imbc.com/broad/tv/drama/daughter/images/visual-sub-v4.png) no-repeat 50% 0;}
.ui-sub .sub-top .inner {position:relative;margin:0 auto;width:1024px;height:218px;}
.logo-sub {position:absolute; top:9px; left:283px;}

.content-sub {margin:0 auto;width:964px; *width:1024px; padding:30px 30px;text-align:left; overflow:hidden;border-right:5px solid #000;border-bottom:5px solid #000;border-left:5px solid #000;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 {float:left; width:692px; min-height:800px; height:auto !important; height:800px; margin-right:22px;}

.cast-nav {position:relative;height:70px;}
.cast-nav li {position:absolute;top:0;}
.cast-detail {padding-top:20px;}
.cast-detail.relation {padding-top:10px;}

.cast-detail dl {position:relative; min-height:150px; *height:150px; margin-bottom:25px; padding:3px 0 0 215px; letter-spacing:-1px;}
.cast-detail .img {position:absolute; top:0; left:0; width:200px; height:150px; background:#ebebeb;}
.cast-detail .img img {width:100%; height:100%;}
.cast-detail .cast-name {padding:0 0 12px; font-weight:bold; color:#737270; font-size:14px;}
.cast-detail .cast-name span {font-weight:normal;}
.cast-detail .cast-txt {width:470px;line-height:18px;text-align:justify;}
.cast-detail .cast-txt.summary {padding-bottom:6px;}

.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-tab {margin-bottom:30px;  border-top:1px solid #e0e8e8; border-bottom:1px solid #e0e8e8;}
.event-tab ul {overflow:hidden; width:100%; margin-bottom:30px; 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/yaya/images/list-style01.gif') no-repeat 0 10px; font-size:12px; line-height:18px; color:#2a7171; border:0;}
.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;}
.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;}


.cast-other {margin-top:-20px;}
.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;}



.btn-front {padding:0; border:0; display:block; z-index:100; position:absolute; right:17px; top:551px; overflow:hidden; width:33px;height:34px;text-indent:100%; white-space:nowrap; cursor:pointer;}
.visual-top .btn-play {background: url('http://img.imbc.com/broad/tv/drama/victoria/images/btn_play.png') no-repeat;}
.visual-top .btn-stop {background: url('http://img.imbc.com/broad/tv/drama/victoria/images/btn_stop.png') no-repeat;}
.roll-ban-event {position:relative;margin-left:-228px;height:600px;}
.roll-ban-event img {position:absolute; top:0; left:0;}
.roll-controll-btn {position:absolute; bottom:15px; left:50%; width:500px; margin-left:-260px; text-align:center;}
.roll-controll-btn .btn {width:20px; height:13px; margin-left:5px; background:url('http://img.imbc.com/broad/tv/drama/wos/images/btn_p_roll_off.png') no-repeat 50% 0;}
.roll-controll-btn .btn.on {width:20px; height:13px; background:url('http://img.imbc.com/broad/tv/drama/wos/images/btn_p_roll_on.png') no-repeat 0 0;}