@charset "euc-kr";
/* @ Lyaout */
body {text-align:center}
.wrapper {overflow:hidden; width:100%; min-width:1024px; background:#fcf1eb url("http://img.imbc.com/broad/tv/drama/wish/images/sub_bg.jpg") no-repeat center 120px;}
.wrapper.mainbg {min-width:1024px; background:#fcf1eb url("http://img.imbc.com/broad/tv/drama/wish/images/main_bg.jpg") no-repeat center 120px;}
#header {width:100%}
#header .gnb {width:1024px; margin:0 auto; text-align:left}
.container {width:1024px; margin:0 auto; text-align:left;}
.footer {padding:41px 0 50px; text-align:center; color:#6a6a6a;}

/* @ Common Control */
.container .bg-none {background-image:none;}
* {line-height:1.3;}
/* @ Main Content */
.main-visual {position:relative; padding:9px 0;}
.main-visual h1 {position:absolute; margin-top:-9999px;}
.main-visual .drama-info {overflow:hidden; width:100%; padding-bottom:8px; text-align:left;}
.main-visual .drama-info li {float:left; font-size:11px; line-height:18px; letter-spacing:-1px; color:#696969;}
.main-visual .drama-info .drama-time-info {padding-left:7px; margin-left:7px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/staff-info-line2.gif") no-repeat 0 3px; font-weight:bold;}

.nav {overflow:hidden;  height:50px; background:#96417f;}
.nav ul {padding:19px 0 18px; margin-left:46px;}
.nav ul li {float:left; padding-left:23px; margin-left:26px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/nav-line.gif") no-repeat 0 2px; font-size:12px; letter-spacing:-1px;}
.nav ul li a {display:block; color:#fff;}
.nav ul li a:hover, .nav ul li a:focus {text-decoration:underline;}
.nav .nav-first {padding-left:0; margin-left:0; background-image:none;}
.nav .vod-nav {font-weight:bold; padding-right:39px; font-size:14px; font-weight:bold;}
.nav .board-nav {font-weight:bold; padding-right:134px; font-size:14px; font-weight:bold;}

/*rolling-area*/
.rolling-area {position:relative; overflow:hidden; width:100%; height:530px;}
.rolling-area ul {position:absolute;}
.rolling-area ul li {float:left; width:1024px;}
.btn-rolling-list {overflow:hidden; width:118px; margin:10px 0 0 448px; text-align:center; *zoom:1;}
.btn-rolling-list:after {content:""; display:block; font-size:0; height:0; line-height:0; clear:both;}
.btn-rolling-list .btn-circle {float:left;}
.btn-rolling-list .btn-circle button {overflow:hidden; display:block; width:16px; height:17px; margin-right:11px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/btn-rolling-off.png") no-repeat; border:0 none; padding:0; font-size:0; text-indent:100%; white-space:nowrap; cursor:pointer;}
.btn-rolling-list .btn-circle.on button {width:25px; height:17px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/btn-rolling-on.png") no-repeat;}

.main-content {position:relative; overflow:hidden; width:100%; padding:1px 0 8px;}
.main-content ul {width:1032px;}
.main-content li {float:left; overflow:hidden; width:250px; height:250px; margin:7px 8px 0 0;}
.main-content li a {overflow:hidden; position:relative; display:block; width:248px; *width:250px; height:248px; *height:250px; border:1px solid #3c3c3c; color:#fffefe;}
.main-content li a img {width:250px;}
.main-content li a span {position:absolute; bottom:0; left:0; width:218px; *width:248px; display:block; padding:181px 15px 13px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/shadow.png") repeat-x 0 bottom; font-size:14px; letter-spacing:-1px; line-height:18px; z-index:50;}
.main-content li a span strong {display:block;}
.main-content li a span .broad-date {position:absolute; bottom:218px; left:12px; font-weight:normal;}
.main-content li a span .broad-title	{padding-bottom:15px;}
.main-content li a .play-icon, .main-content li a:hover .play-icon, .main-content li a:focus .play-icon {position:absolute; top:50%; left:50%; width:46px; height:45px; margin:-23px 0 0 -23px; z-index:100;}

.main-content li a:hover, .main-content li a:focus {width:242px; *width:250px; height:242px; *height:250px; border:4px solid #96417f;}
.main-content li a:hover img, .main-content li a:focus img {margin:-3px 0 0 -3px;}
.main-content li a:hover span, .main-content li a:focus span {width:218px; *width:248px; padding:181px 18px 10px 12px; text-decoration:underline; cursor:pointer;}
.main-content li a:hover span .broad-date,.main-content li a:focus span .broad-date {position:absolute; bottom:215px; left:9px; text-decoration:underline; font-weight:normal;}

.hover-none {border:0 none;}
.main-content li a.none-link:hover {cursor:default;}
.main-content li a.none-link:hover span, .main-content li a.none-link:focus span {text-decoration:none;}


.btnMore {position:absolute; right:0; bottom:8px; width:250px; height:250px; margin:0; padding:0; background:#96417f url("http://img.imbc.com/broad/tv/drama/wish/images/btn-more.gif") no-repeat 105px 98px; border:0 none; cursor:pointer;}
.btnMore span {display:block; padding-top:59px; margin-left:5px; text-align:center; font-size:11px; font-weight:bold; letter-spacing:-0.5px; color:#0d0704;}
.ad250 {position:absolute; top:7px; right:0;}

.all-menu {clear:both; overflow:hidden; width:100%;}
.all-menu a {color:#2b2b2b;}
.all-menu a:hover, .all-menu a:focus {text-decoration:underline;}
.map {float:left; overflow:hidden; width:508px; height:180px; *height:250px; padding:41px 0 29px; background:#fff;}
.map ul {margin-left:-4px; width:512px;}
.map li {float:left; font-size:12px; width:256px; padding:2px 0 17px; text-indent:49px; letter-spacing:-0.5px; line-height:1;}
.drama-site {float:right; overflow:hidden; width:508px; height:180px; *height:250px; padding:41px 0 29px; background:#fff;}
.drama-site li {float:left; font-size:12px; width:226px; padding:2px 0 17px; text-indent:65px; letter-spacing:-0.5px; line-height:1;}

/* @ Sub Content */

/*.nav .sub-nav li {float:left; padding-left:9px; margin-left:5px; }
.nav .sub-nav li a {display:block; padding-top:2px; color:#251c17;}
.nav .sub-nav .nav-first {padding-left:0; margin-left:0; background-image:none;}
.nav .sub-nav .vod-nav {padding-right:37px;}
.nav .sub-nav .board-nav {padding-right:35px;}*/

.visual {position:relative; padding-top:24px;}
.visual h1.sub-logo {margin-left:100px; width:294px;}
.visual .drama-info {position:absolute; top:10px; left:21px; overflow:hidden; width:100%; text-align:left;}
.visual .drama-info li {float:left; font-size:11px; line-height:18px; letter-spacing:-1px; color:#696969;}
.visual .drama-info .drama-time-info {display:block; float:left; padding-left:7px; margin-left:7px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/staff-info-line2.gif") no-repeat 0 3px; font-weight:bold;}

.content-wrap {width:100%; background:#fff;}
#sub-content {width:964px; margin:0 30px; padding:28px 0 50px; *zoom:1;}
#sub-content:after {content:""; display:block; visibility:hidden; font-size:0; height:0; line-height:0; clear:both;}
#sub-content h2 {position:relative; clear:both; height:25px; *height:27px; margin-bottom:22px; border-bottom:2px solid #dddddd; font-size:12px; color:#555;}
.tit-h2 {height:25px; display:block; background:url("http://img.imbc.com/broad/tv/drama/wish/images/h2-title.png") no-repeat; text-indent:-9999px;}
.h2-vod {background-position:5px 0;}
.h2-board {background-position:5px -25px;}
.h2-concept {background-position:5px -50px;}
.h2-cast {background-position:5px -75px;}
.h2-prev {background-position:5px -100px;}
.h2-clip {background-position:5px -125px;}
.h2-news {background-position:5px -152px;}
.h2-sketch {background-position:5px -177px;}
.h2-photo {background-position:5px -202px;}
.h2-tvinfo {background-position:5px -227px;}
.h2-tvlaw {background-position:5px -252px;}
.h2-event {background-position:5px -277px;}
.tit-h2.h2-live {height:25px; display:block; background:url("http://img.imbc.com/broad/tv/drama/wish/images/tit-live.jpg") no-repeat 6px 0; text-indent:-9999px;}
.summary-h2 {position:absolute; top:0; display:block; padding:1px; font-weight:normal;}
.summary-clip {left:112px;}
.summary-news {left:130px;}
.summary-sketch {left:90px;}
.summary-photo {left:77px;}
.summary-tvinfo {left:105px;}
.summary-event {left:62px;}
.left-section {float:left; position:relative; width:692px; margin-right:22px;}
#right_common {float:left;}

.area-wrap {overflow:hidden; width:100%; padding-bottom:30px;}

/*Á¦ÀÛÁø ¸í´Ü*/
.staff-name-list {height:318px; padding-left:50px; font-size:11px; line-height:22px; letter-spacing:-1px; color:#464237; background:url(http://img.imbc.com/broad/tv/drama/wish/images/staff-bg.jpg) no-repeat;}

/*µîÀåÀι°*/
.cast-control {position:relative; overflow:hidden; width:692px; height:60px; *height:62px; margin-bottom:30px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.cast-control button {border:0 none; text-indent:-99999px; cursor:pointer;}
#cast_prev {position:absolute; top:0; left:0; width:41px; *width:42px; height:60px; border-right:1px solid #e3e3e3; background:#fff url("http://img.imbc.com/broad/tv/drama/wish/images/btn-cast.png") no-repeat 9px 17px;}
#cast_next {position:absolute; top:0; right:0; width:41px; *width:42px; height:60px; border-left:1px solid #e3e3e3; background:#fff url("http://img.imbc.com/broad/tv/drama/wish/images/btn-cast.png") no-repeat -21px 17px;}
.cast-box {overflow:hidden; width:609px; margin-left:41px;}
.cast-box ul {}
.cast-box li {float:left; width:122px; height:60px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/cast.png") no-repeat;}
.cast-box .cast2	{background-position:0 -65px;}
.cast-box .cast3	{background-position:0 -130px;}
.cast-box .cast4 {background-position:0 -195px;}
.cast-box .cast5	{background-position:0 -260px;}
.cast-box .cast-other {background-image:none;}
.cast-box .cast-tree {background:url("http://img.imbc.com/broad/tv/drama/wish/images/cast_thumb.gif") no-repeat 68px 20px;}
.cast-box li a {display:block; width:106px; *width:122px; height:60px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; padding-left:15px; color:#44403e;}
.cast-box li a strong {display:block; font-size:12px; font-weight:bold; padding:14px 0 5px;}
.cast-box li a:hover, .cast-box li a:focus {width:105px; *width:122px; height:56px; *height:60px; border:2px solid #f2a77a; padding-left:13px;}
.cast-box li a:hover strong, .cast-box li a:focus strong {padding:12px 0 5px;}

/*ÁÖ¿äÀι°*/
.cast-img-area {margin-bottom:11px;}
.cast-summary {margin-bottom:20px; border-top:2px solid #e0e8e8; border-bottom:2px solid #e0e8e8; color:#3e4f4e; letter-spacing:-0.5px;}
.cast-summary h3 {overflow:hidden; width:100%; padding:19px 0 18px; background:#f2f5f5; font-size:14px; font-weight:bold; color:#737270;}
.cast-summary h3 span {display:block; float:left;}
.cast-summary h3 .cast-name {margin:0 7px 0 21px; padding-right:15px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/cast-line.gif") no-repeat 54px center;}
/*.cast-summary h3.cast-title2 {text-align:right; text-indent:0; padding-right:20px;}*/
.cast-summary p {padding:10px 0 15px; margin:0 25px; font-size:12px; line-height:20px; letter-spacing:-1px; color:#44403e;}
.cast-summary p strong {display:block; padding-bottom:8px; font-size:14px; line-height:30px; font-weight:normal; letter-spacing:-1px;}
.other-cast-more {display:block; width:153px; padding:12px 0; margin-left:537px; border:1px solid #b5c9c9; background:#c0d5d5; font-weight:bold; text-align:center; line-height:1; color:#3e4f4f;}

.cast-other-section {width:622px; margin:0 30px 0 40px; padding-bottom:15px;}
.cast-other-section p {padding-left:218px; margin-top:-135px; font-size:12px; line-height:18px; letter-spacing:-1px; color:#44403e;}
.cast-other-section	 p strong {overflow:hidden; display:block; width:400px; margin-bottom:16px; font-size:14px; color:#777574;}
.cast-other-section	 p strong span {display:block; margin:-18px 0 0 55px; padding-left:8px; background:url("http://img.imbc.com/broad/tv/drama/wish/images/cast-other-bg.gif") no-repeat 0 1px;}

/*À̺¥Æ®*/
.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/hoking/img/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:#333333;}
.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/hoking/img/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:#666666; 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;}
.btn-like-program-wrap{position:absolute; top:20px; right:20px; z-index:999;}