body {text-align:center}
.ui-body-main {background:#fef6e3 url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-main.jpg") no-repeat center 150px}
.ui-body-sub {background:#fafeee}
.page-wrapper {overflow:hidden; position:relative; width:100%}
.page-main {background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-main-x.png") repeat-x center 615px}
.page-sub {background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-sub.jpg") no-repeat center 150px}
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
.page-content-layout {overflow:hidden; position:relative; width:990px; margin:0 auto; text-align:left}
.about-program {z-index:30; position:absolute; text-align:right; line-height:1.333; color:#000; letter-spacing:-1px; font-size:12px}
.about-program em {font-weight:bold}
.about-program-date {display:block; margin-top:1px; font-weight:bold}
.label-staff {padding-left:7px; margin-left:5px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-about-progarm.gif") no-repeat left top}
.nav-grid {overflow:hidden}
.content-body {}
.content-body img {vertical-align:top}
.page-footer {height:41px; *height:60px; padding-top:19px; color:#6e766d; line-height:1.333}
.btn-hand-default {display:block; padding:0; border:0; cursor:pointer; background:none}
/* @ Main */
.logo-main {z-index:20; position:absolute; left:270px; top:285px; width:353px; height:288px; filter:alpha(opacity=0); opacity:0}
.logo-main img { -ms-filter:'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';/* IE 8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6 & 7 */ clip:rect(0px 276px 267px 0px); }
.about-program-main {right:11px; top:8px}
.content-body-main {z-index:30; overflow:hidden; position:relative; width:969px; *width:990px; padding:25px 0 20px 21px; background:#fff}
.visual-grid {overflow:hidden; z-index:10; position:relative; width:990px; height:515px}
.visual-list-group {overflow:hidden; width:990px; height:515px}
.visual-list-group li {float:left; overflow:hidden; position:relative}
.visual-list-group .screen-off {position:absolute; left:0; top:0; filter:alpha(opacity=0); opacity:0}
.nav-grid-main {position:relative; z-index:20; width:990px; height:45px; margin-top:-45px}
.nav-primary {overflow:hidden; width:990px; height:45px}
.nav-primary li {float:left; overflow:hidden; height:45px}
.nav-primary a {display:block; float:left; height:45px}
.gwd-l {overflow:hidden; position:relative; float:left; width:672px; margin-right:17px}
.gwd-r {overflow:hidden; position:relative; float:left; width:250px; padding-top:261px}
.grid-main {overflow:hidden; position:relative}
.grid-main h2 {height:24px; *height:36px; padding-top:10px; border-top:1px solid #d1e3db; border-bottom:1px solid #d1e3db}
.latest-grid {height:200px}
.release-list-group {position:absolute; left:109px; top:1px; width:560px; height:34px}
.release-list-group ul {overflow:hidden; height:34px}
.release-list-group li {float:left; margin-right:5px; padding-right:6px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-preview-vertical-bar.jpg") no-repeat right 12px}
.release-list-group a {display:block; height:24px; *height:34px; padding-top:10px; color:#666f65; line-height:1.333}
.release-list-group .last {background:none}
.release-list-group .active .label-release {font-weight:bold}
.tab-panel-release {position:relative; width:480px; *width:672px; height:102px; *height:125px; padding:23px 0 0 192px; line-height:1.7; color:#666f65}
.release-title {display:block; margin-bottom:6px; font-weight:bold; color:#666f65}
.release-thumb {display:block; position:absolute; left:0; top:20px; width:170px; *width:172px; height:127px; *height:129px; border:1px solid #90988f}
.release-content {height:56px}
.release-content a {color:#666f65}
.btn-group-release {display:block; overflow:hidden; position:absolute; left:192px; top:130px; height:18px}
.btn-group-release .btn {display:block; float:left; height:18px; margin-right:4px}
.btn-group-release .btn-view {width:49px}
.btn-group-release .btn-hd {width:54px}
.btn-group-release .btn-download {width:59px}
.btn-group-release .btn-3m {width:26px}
.cast-grid {height:188px}
.cast-grid ul {overflow:hidden; width:750px; padding-top:20px; text-align:center}
.cast-grid li {float:left; overflow:hidden; width:143px; margin-right:25px}
.cast-grid a {display:block; line-height:1.333; color:#6e766d; font-weight:bold; letter-spacing:-1px}
.cast-grid a img {display:block; margin-bottom:7px; border:1px solid #90988f}
.label-cast {display:block; position:absolute; right:18px; top:8px; width:121px; height:20px}
.label-cast img {float:left}
.btn-cast-more {display:block; float:left; width:44px; height:20px}
.sketch-grid {height:213px}
.sketch-grid ul {overflow:hidden; width:700px; padding-top:20px}
.sketch-grid li {float:left; overflow:hidden; width:143px; margin-right:25px}
.sketch-grid a {display:block; letter-spacing:-1px; line-height:1.333; color:#666f65}
.sketch-grid a img {display:block; width:141px; height:93px; margin-bottom:8px; border:1px solid #90988f}
.event-grid {height:127px}
.event-grid ul {overflow:hidden; position:relative; width:250px; padding-top:10px}
.event-grid li {float:left; overflow:hidden; width:250px; height:72px}
.event-grid a {display:block; width:250px; height:72px}
.label-event {display:block; position:absolute; right:11px; top:10px; width:60px; height:16px}
.label-event .paper {display:block; float:left; width:26px; height:14px; *height:16px; padding-top:2px; line-height:1.333; color:#675f55}
.label-event .btn {display:block; float:left; width:16px; height:16px; padding:0; border:0; cursor:pointer; text-indent:-9999px}
.label-event .btn-previous {margin-right:2px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/btn-event-previous.jpg") no-repeat}
.label-event .btn-next {background:url("http://img.imbc.com/broad/tv/drama/hand/images2/btn-event-next.jpg") no-repeat}
.new-grid ul {overflow:hidden; width:250px; padding-top:20px}
.new-grid li {position:relative; overflow:hidden; width:250px; height:69px; margin-bottom:10px}
.new-grid a {display:block; overflow:hidden; width:147px; *width:250px; height:65px; *height:69px; padding:4px 0 0 103px; color:#666f65; line-height:1.333}
.new-grid a img {display:block; position:absolute; left:0; top:0; width:94px; height:67px; border:1px solid #90988f}
.ad250 {position:absolute; left:0; top:0}
.nav-guide-grid {overflow:hidden; width:939px; *width:990px; padding:20px 0 20px 49px; font-size:11px; color:#556972; letter-spacing:-1px; border:1px solid #e7eae7; background:#e9efea}
.nav-guide-grid h3 {margin-bottom:16px; font-weight:bold; line-height:1.333}
.nav-guide-grid li {margin-bottom:3px}
.nav-guide-grid a {color:#556972; line-height:1.333}
.nav-guide-group {position:relative; overflow:hidden}
.nav-group-main {float:left; width:100px; margin-right:30px; min-height:156px; height:auto !important; height:156px}
.btn-event-more {display:block; position:absolute; right:25px; top:0; width:33px; height:12px}
.nav-drama-group {width:120px; margin-right:0}
/* @ Sub */
.logo-sub {position:absolute; left:240px; top:35px; width:281px; height:169px}
.logo-sub a {display:block}
.about-program-sub {right:11px; top:8px}
.about-program-sub .about-program-date {display:inline; padding-left:7px; margin-left:5px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-about-progarm.gif") no-repeat left top}
.content-grid {overflow:hidden; float:left; width:735px; margin-right:5px}
.content-header {overflow:hidden; z-index:10; position:relative; width:735px; height:51px; *height:242px; padding-top:191px}
.notice-panel {position:absolute; left:130px; top:191px; width:605px; height:51px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-notice.png") no-repeat}
.notice-panel ul {overflow:hidden; width:605px; height:51px}
.notice-panel li {width:605px; height:51px; line-height:1.333}
.notice-panel a {display:block; overflow:hidden; width:565px; *width:605px; height:32px; *height:51px; padding:19px 20px 0; color:#363a34; white-space:nowrap; text-overflow:ellipsis}
.nav-popular {overflow:hidden; width:130px; height:51px; margin-bottom:26px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-nav-popular.png") no-repeat}
.nav-popular li {height:25px}
.nav-popular a {display:block; height:19px; *height:25px; padding:6px 0 0 16px; color:#d4ddd9; line-height:1.333; font-weight:bold; letter-spacing:-1px}
.content-body-sub {z-index:20; overflow:hidden; width:733px; *width:735px; border:1px solid #e8e8e8; background:#fff}
.content-body-sub img {vertical-align:top}
.nav-grid-sub {float:left; position:relative; z-index:30; width:129px; padding-top:25px}
.nav-group-sub {overflow:hidden; width:118px; *width:129px; padding-left:11px; margin-bottom:13px; color:#c3bfb3; letter-spacing:-1px; line-height:1.333}
.nav-group-sub a {color:#6c7d77}
.nav-group-sub .nav-on, .nav-group-sub a:hover {padding-left:7px; color:#b84b19; text-decoration:underline; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-nav-on.gif") no-repeat left 3px}
.nav-group-sub h3 {margin-bottom:5px; padding-left:3px; font-weight:bold; color:#444c4e}
.nav-group-sub ul {overflow:hidden; width:105px; *width:108px; padding:0 0 7px 3px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-nav-group-sub.gif") repeat-x left bottom}
.nav-group-sub li {margin-bottom:5px}
.nav-group-sub .btn-event-more:hover {padding:0; background:none}
.content-grid-body {float:left; overflow:hidden; position:relative; width:585px; *width:604px; padding:0 9px 30px; border-left:1px solid #ebebeb}
.content-grid-body h2 {height:34px; *height:54px; margin-bottom:10px; padding-top:19px; font-size:18px; color:#555; font-weight:bold; letter-spacing:-1px; line-height:1.333; border-bottom:1px dotted #b6b6b6}
.label-corner {margin-left:7px; padding-left:7px; font-size:11px; color:#333638; font-weight:normal; background:url("http://img.imbc.com/broad/tv/drama/mine/http://img.imbc.com/broad/tv/drama/hand/images2/bg-label-actor.jpg") no-repeat 0 0}
.corner-heading {overflow:hidden; width:585px; margin-bottom:15px}
.btn-photo-app {display:block; position:absolute; right:9px; top:7px; width:198px; height:39px}
.page-footer-sub {width:990px; margin:0 auto; color:#35280d}
.page-footer-sub #f_copyright {width:735px}
/* Cast */
.cast-heading {position:relative; overflow:hidden; width:550px; *width:585px; height:97px; *height:120px; margin-bottom:20px; padding:23px 0 0 35px; background:#f1f1f1}
.cast-heading ul {overflow:hidden; width:585px}
.cast-heading li {float:left; overflow:hidden; width:70px; margin-right:21px; letter-spacing:-1px; color:#777; line-height:1.333; font-size:11px; text-align:center}
.cast-heading li a {color:#777}
.cast-heading img {display:block; width:65px; height:51px; margin-bottom:6px; border:1px solid #cdcdcd}
.cast-heading .btn-cast {display:block; width:68px; height:16px}
.cast-heading .btn-cast img {width:68px; height:16px}
.cast-body {overflow:hidden; position:relative; width:585px; line-height:1.333}
.cast-body img {vertical-align:top}
.cast-body h3 {height:50px; font-size:16px; color:#392a05; font-weight:bold}
.btn-actor {display:block; position:absolute; left:135px; top:7px; width:63px; height:13px}
.label-actor-main {padding-left:7px; font-weight:normal; font-size:12px; letter-spacing:-1px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-label-actor.gif") no-repeat 0 0}
.btn-cast-default {display:block; position:absolute; right:0; top:0; width:127px; height:33px}
.cast-sub-list {overflow:hidden; width:585px}
.cast-sub-list li {position:relative; width:375px; *width:585px; min-height:128px; height:auto !important; height:133px; margin-bottom:10px; padding:5px 0 0 210px; line-height:1.333; color:#392a05}
.cast-sub-list .thumb {display:block; overflow:hidden; position:absolute; left:0; top:0; width:193px; height:133px; background:#000}
.cast-sub-list .thumb img {width:193px; vertical-align:top}
.cast-sub-list h4 {margin-bottom:5px; font-size:14px; letter-spacing:-1px; font-weight:bold}
.cast-sub-list .label-actor-sub {margin-left:8px; padding-left:8px; font-size:12px; font-weight:normal; letter-spacing:0; color:#392a05; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-label-actor.gif") no-repeat 0 0}
.cast-sub-list .txt {line-height:1.55}
/* Wallpaper */
.wallpaper-heading {position:relative; width:585px; padding:20px 0 10px; background:#eee}
.wallpaper-grid {overflow:hidden; position:relative; width:475px; *width:585px; margin-bottom:15px; padding:0 0 0 110px}
.wallpaper-grid h3 {position:absolute; left:22px; top:5px}
.wallpaper-grid ul {overflow:hidden; width:475px}
.wallpaper-grid li {overflow:hidden; float:left; width:71px; height:53px; margin:0 10px 15px 0; background:#000}
.wallpaper-grid li a {display:block; overflow:hidden; width:71px; height:53px; background:#000}
.wallpaper-grid li a img {width:71px}
.wallpaper-body {overflow:hidden; position:relative; width:577px; *width:585px; padding:38px 4px 4px; background:#a1a09f}
.wallpaper-body .btn-group {display:block; position:absolute; right:10px; top:12px; overflow:hidden; width:163px; height:19px}
.btn-size-1024 {float:right; width:79px; height:19px; margin-left:5px}
.btn-size-1280 {float:right; width:79px; height:19px}
.btn-download {float:right; width:79px; height:19px}
.wallpaper-body-img {overflow:hidden; width:577px}
.wallpaper-body-img img {width:577px}
.screen-out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
/* @ Event */
.event-fighting-body {overflow:hidden; width:585px; height:448px; *height:779px; margin-bottom:15px; padding-top:331px; background:url("http://img.imbc.com/broad/tv/drama/hand/images2/bg-event-fighting.jpg") no-repeat; text-align:center}
.event-fighting-body h3 {margin-bottom:32px}
.event-fighting-body p {margin-bottom:25px}
.event-list {width:585px; height:54px; padding:4px 0 0 8px; background:url("http://img.imbc.com/broad/tv/drama/images/event_bg.jpg") no-repeat; text-align:center; margin-top:10px;}
.event-list li {float:left; margin-right:19px; width:91px; height:27px}
.event-list a {display:block; height:27px; text-indent:-5000em; background:no-repeat left top}
.event-list a.btnEventIng {background-image:url("http://img.imbc.com/commons/images/btn_event_ing.gif")}
.event-list a.btnEventFinish {background-image:url("http://img.imbc.com/commons/images/btn_event_finish.gif")}
.event-list a.btnEventWinner {background-image:url("http://img.imbc.com/commons/images/btn_event_winner.gif")}
.event-list a.on {background-position:left bottom}
.event-field {width:100%; margin:0 auto; text-align:center}