@charset "euc-kr";

body {text-align:center}
.wrapper {overflow:hidden; width:100%; min-width:1024px;}
#header {width:100%}
#header .gnb {width:990px; margin:0 auto; text-align:left;}
.footer {padding:20px 0 50px; color:#333;}
.kmhm article {width:1070px; margin:0 auto;}
.kmhm .container {margin:0 auto;} 
.kmhm .container a:hover, .kmhm .container a:focus {text-decoration:underline;}
.kmhm .container nav {}
.kmhm .container nav ul {width:110%; height:50px; overflow:hidden;}
.kmhm .container nav li {float:left; padding:0 9px 0 10px; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/bar-nav-new.gif') no-repeat left 19px;}
.kmhm .container nav a {line-height:50px; letter-spacing:-1px; color:#fff;}
.kmhm .container .nav-popular {padding:0 15px; background:none;}
.kmhm .container .nav-popular a {font-size:14px; font-weight:bold;}
.kmhm .container .nav-popular-vod {margin-left:6px;}
.kmhm .container .nav-popular-bbs {margin-left:-15px;}
.kmhm .container .nav-normal-first {background:none;}

.logo-area {position:relative;}
.logo-area ul {position:absolute; overflow:hidden;}
.logo-area li {float:left; padding:0 5px 0 6px; font-size:11px; letter-spacing:-1px; color:#010101; line-height:34px; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/bar-staff.gif') no-repeat left 10px;}
.logo-area .first {background:none;}

.km-main {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/bg-main-new.jpg') no-repeat center 120px;}
.km-main article {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/bg-main-article.png') no-repeat center bottom;}
.km-main .container {position:relative; width:1024px; text-align:left;}
.km-main .container nav {position:relative; width:100%; background:#f03641;}
.km-main .bottom {clear:both; width:1002px; height:224px; padding:22px 0 0 52px; overflow:hidden; text-align:left;}
.km-main .bottom div {float:left; width:475px; overflow:hidden;}
.km-main .bottom h3 {font-size:12px; line-height:37px;}
.km-main .bottom ul {width:120%; overflow:hidden;}
.km-main .bottom li {float:left; width:254px;}
.km-main .bottom a {color:#5c5c5c; font-size:12px; line-height:22px;}
.km-main .bottom a:hover, .km-main .bottom a:focus {text-decoration:underline;}

.km-main .bottom .bottom-menu {margin-right:34px;}
.km-main .bottom .bottom-drama li {width:265px;}

.logo-main {width:100%; height:602px;}
.logo-main h1 {position:absolute; bottom:-40px; left:-44px;}
.logo-main ul {left:0; top:10px;}
.content-main {width:964px; padding:16px 30px 30px; background:#fff; overflow:hidden;}
.content-main h2 {height:21px; margin-bottom:10px; padding-top:9px; font-size:12px; letter-spacing:-1px; line-height:1.333; color:#333; font-weight:normal; text-indent:13px; background:#ededed;}
.content-main .news {float:left; width:224px; margin-right:16px; overflow:hidden;}
.content-main .news li {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:32px; 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-first {height:191px;}
.content-main .news .news-first .img {display:block; width:100%; height:126px; margin-bottom:7px; overflow:hidden;}
.content-main .news .news-first a {line-height:1; text-indent:0;}
.content-main .news .news-first .img img {width:100%;}
.content-main .news .news-first .txt {display:inline; text-overflow:clip; line-height:20px; white-space:normal; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#333;}
.content-main .photo, .content-main .sketch {float:left; width:458px; margin-right:16px; overflow:hidden;}
.content-main .photo {height:231px;}
.content-main .sketch {height:211px;}
.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; margin-bottom:7px; overflow:hidden;}
.content-main .photo .img img, .content-main .sketch .img img {width:100%;}
.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/kmhm/images/btn-play.png') no-repeat; text-indent:-5000px;}

.content-main .right-cluster {width:250px; height:231px; overflow:hidden;}
.content-main .right-cluster .preview {width:214px; height:93px; margin-bottom:3px; padding:0 18px; background:#ededed; overflow:hidden;}
.content-main .right-cluster .preview p {margin:16px 0 12px 0; line-height:16px; font-size:12px; color:#000; letter-spacing:-1px; font-weight:bold;}
.content-main .right-cluster .preview span {padding-left:3px;}
.content-main .right-cluster .preview a {line-height:17px; color:#333; letter-spacing:-1px; font-size:11px;}
.content-main .right-cluster .quick-menu {width:100%; overflow:hidden;}
.content-main .right-cluster .quick-menu ul {overflow:hidden; padding:2px 0 0 2px;}
.content-main .right-cluster .quick-menu li {float:left; width:122px; height:58px; margin:-2px 0 0 -2px; border:2px solid #eee;}

.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; 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:left; width:698px; height:250px; margin-right:16px; padding-top:19px; overflow:hidden;}
.content-main .hotclip ul {width:110%;}
.content-main .hotclip li {float:left; width:224px; margin-right:13px;}
.content-main .hotclip a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-1px; color:#333;}
.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 .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/kmhm/images/btn-play.png') no-repeat; text-indent:-5000px;}
.ad250 {width:250px; height:250px; padding-top:20px; overflow:hidden;}

.km-sub {background:#ede9eb url('http://img.imbc.com/broad/tv/drama/kmhm/images/bg-sub-new.jpg') no-repeat center 120px;}
.km-sub article {width:1070px;}
.km-sub .container {width:100%; padding-bottom:42px; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/content-bottom-sub.png') no-repeat center bottom;}
.km-sub .container nav {width:100%; height:84px; text-align:center; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/nav-sub-new.png') no-repeat center bottom;}
.km-sub .container nav ul {width:100%; height:50px; *height:84px; padding-top:34px;}
.km-sub .container .nav-popular-vod {margin-left:29px;}
.logo-sub {width:1024px; height:148px; margin:0 auto; text-align:left;}
.logo-sub h1 {position:absolute; top:26px; left:358px;}
.logo-sub ul {right:0; bottom:-36px;}

.content-sub {width:964px; *width:100%; padding:30px 53px; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/content-repeat-sub.png') repeat-y; text-align:left; overflow:hidden;}
.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-control, .cast-control-hero {position:relative; overflow:hidden; width:692px; height:62px; margin-bottom:20px;}
.cast-control button, .cast-control-hero button {position:absolute; top:0; height:62px; text-indent:-9999px; cursor:pointer; background:url('http://img.imbc.com/broad/tv/drama/yaya/images/btn_cast.png') no-repeat; z-index:10; border:0;}
#cast_prev {left:0; width:41px; background-position:9px 17px;}
#cast_next {width:41px; right:0; background-position:-21px 17px;}
.cast-box {position:relative; width:642px; height:100%; margin-left:27px; overflow:hidden;}
.cast-box li {display:table; float:left; width:107px; height:50px;}
.cast-box li a {display:table-cell; width:100%; height:100%; font-size:12px; letter-spacing:-1px; color:#44403e; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/cast-nav-off.gif') no-repeat; vertical-align:middle; text-align:center; line-height:16px;}
.cast-box li a:hover, .cast-box li a:focus {background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/cast-nav-on.gif') no-repeat; text-decoration:none;}
.cast-box .cast-chart {display:block;}
.cast-box .cast-chart a {display:block; text-align:left;}
.cast-box .cast-chart span {display:table; width:100%; height:100%; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/ico-cast.png') no-repeat 59px 12px;}
.cast-box .cast-chart strong {display:block; padding:8px 0 0 31px;}

.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 {}
.cast-other dl {position:relative; min-height:150px; *height:150px; margin-bottom:15px; 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:#737270; font-size:14px;}
.cast-other .cast-name span {font-weight:normal;}
.cast-other .cast-txt {line-height:18px;}
.cast-data a {display:block; position:absolute; top:270px; right:9px; width:151px; height:34px; overflow:hidden;} 

.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-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;}

/* Á¦ÀÛÁø ¼Ò°³ */
.staff-all {position:relative; width:100%; height:1289px; overflow:hidden; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/staff2.jpg') no-repeat;}
.staff-all p {width:610px; margin:570px 0 0 53px; line-height:25px; color:#000; font-size:13px; letter-spacing:-2px;}
.staff-all strong {padding:0 3px;}

/* À̺¥Æ® ù¹æ¼Û ÀÀ¿øµµÀå ÄçÄç */
.event01 {position:relative; width:692px; height:632px; margin-bottom:20px; overflow:hidden;}
.event01 p, .event01 li, .event01 a {text-indent:-5000px;}
.event01 a {display:block; position:absolute; bottom:80px; right:70px; width:95px; height:17px; overflow:hidden; z-index:5000; background:url('http://img.imbc.com/commons/images/bg_blank.gif');}

/* À̺¥Æ® ¸íÀå¸é & ¸í´ë»ç */
.event02 {position:relative; width:692px; height:797px; margin-bottom:20px; overflow:hidden;}
.event02 p, .event02 li, .event02 a {text-indent:-5000px;}
.event02 a {display:block; position:absolute; bottom:39px; left:108px; width:95px; height:17px; overflow:hidden; z-index:5000; background:url('http://img.imbc.com/commons/images/bg_blank.gif');}

/* µå¶ó¸¶ ÆÒ¹ÌÆà »ýÁß°è */
.fan-meet {position:relative; width:692px; height:697px; margin-bottom:20px; background:url('http://img.imbc.com/broad/tv/drama/kmhm/images/bg-fan.jpg'); no-repeat; overflow:hidden;}
.fan-meet-video {position:absolute; bottom:12px; left:28px; width:640px; height:360px; overflow:hidden;}

.btn-like-program-wrap {position:absolute; top:10px; right:10px; z-index:999;}

@media only screen and (min-device-width:768px) and (max-device-width:1264px) {
	.hd-wrap  {width:1024px;}	
}