@charset "euc-kr";
/* @ Lyaout */
body {text-align:center}
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
#footer {clear:both;}
.container {width:990px; margin:0 auto;}
img {vertical-align:top;}
/* @ Main Content */

.main {width:100%; background:url('http://img.imbc.com/broad/tv/drama/empress/images/sub_bg_dotted_mini.jpg') no-repeat center 150px;}
.main-wrap {width:100%; background:url('http://img.imbc.com/broad/tv/drama/empress/images/bg_main_new2.jpg') no-repeat center 150px; overflow:hidden;}
.main-wrap-inner {width:100%; background:url('http://img.imbc.com/broad/tv/drama/empress/images/bg_bottom.png') no-repeat center bottom; overflow:hidden;}
.main-footer {padding:43px 0 32px 0; *padding:23px 0 28px 0; color:#292929;}
.main-part {}
.main-part .visual {position:relative; width:100%; height:470px; text-align:left;}
.main-part .visual img {margin:103px 0 0 80px;}
.main-part .visual ul {position:absolute; top:10px; right:7px; }
.main-part .visual li {padding-bottom:7px; text-align:right; color:#fff; font-size:11px; letter-spacing:-1;}
.main-part .navi {position:relative; height:44px;}
.main-part .navi li {float:left;}
.main-part .vod-board {padding-left:24px; overflow:hidden;}
.main-part .navi-primary {position:absolute; top:15px; left:340px; overflow:hidden; text-align:left;}
.main-part .navi-primary li {padding:0 51px 0 42px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_naviBar.jpg') no-repeat right bottom;}
.main-part .contents-primary {position:relative; width:100%; margin-top:33px; padding-left:3px; text-align:left; overflow:hidden;}
.main-part .position-left {float:left; margin-right:5px;}
.main-part .preview {width:250px; height:149px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_preview.png') no-repeat left top; overflow:hidden;}
.main-part .preview-num {padding:44px 0 0 9px; letter-spacing:-1; color:333;}
.main-part .preview-subject {padding:10px 0 0 9px; letter-spacing:-1; color:333; font-weight:bold;}
.main-part .preview-content {padding:10px 7px 0 9px; line-height:16px;}
.main-part .preview-content a {letter-spacing:-1; font-size:11px; color:#5c5c5c;}
.main-part .event {width:250px; height:101px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_event.jpg') no-repeat; overflow:hidden;}
.main-part .event ul {padding-top:39px;}
.main-part .event li {padding:0 0 9px 9px;}
.main-part .event a {color:#5c5c5c; font-size:11px; letter-spacing:-1;}
.main-part .photo {position:relative; float:left; width:295px; height:250px; margin-right:5px; overflow:hidden;}

.main-part .photo a {display:block; width:100%; height:100%; overflow:hidden;}
.main-part .photo span {display:block; width:100%; cursor:pointer;}
.main-part .photo-address {position:absolute; left:0; bottom:0; width:100%; height:48px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_navi.png') repeat;}
.main-part .photo-subject {position:absolute; top:7px; left:9px; color:#fff; letter-spacing:-1; font-size:14px; font-weight:bold;}
.main-part .photo-content {position:absolute; top:30px; left:9px; color:#fff; letter-spacing:-1; font-size:11px;}
.main-part .sketch {float:left; height:250px; overflow:hidden;}
.main-part .sketch ul {width:175px;}
.main-part .sketch li {position:relative; width:100%; height:120px; overflow:hidden;}
.main-part .sketch-img {width:175px; height:120px;}
.main-part .sketch-btn {position:absolute; left:69px; top:45px;}
.main-part .sketch-address {display:block; position:absolute; left:0; bottom:0; width:100%; height:20px; *height:31px; padding-top:11px;  color:#fff; letter-spacing:-1; font-size:11px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_navi.png') repeat; cursor:pointer;}
.main-part .sketch-address span {color:#fff; letter-spacing:-1;}
.main-part .sketch-subject {margin:11px 0 0 8px; font-size:14px; font-weight:bold;}
.main-part .sketch-content {font-size:11px;}
.main-part .oneMin {float:left; width:729px; height:186px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_oneMin.png') no-repeat left top; overflow:hidden;}
.main-part .oneMin ul {padding:42px 0 0 5px; overflow:hidden;}
.main-part .oneMin-img {width:176px; height:125px;}
.main-part .oneMin li {float:left; margin-right:5px;}
.main-part .oneMin-shot {position:relative; display:block; width:176px; height:125px; margin-bottom:5px;}
.main-part .oneMin-btn {position:absolute; left:5px; bottom:3px;}
.main-part .oneMin-subject {text-indent:6px; color:#5c5c5c; font-size:11px; letter-spacing:-1;}
.main-part .relationship {position:relative; float:right; width:250px; height:186px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_cast.png') no-repeat;}
.main-part .relationship a {display:block; position:absolute; left:0; bottom:0; width:100%; height:158px; text-indent:-5000px;}
.main-part .banner {float:right; width:250px; height:250px; overflow:hidden;}
.main-part .position-bottom {clear:both; padding-top:19px; overflow:hidden;}
.main-part .navi-whole {width:929px; *width:100%; margin-top:33px; padding:19px 0 0 56px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/main_navi.png') repeat; overflow:hidden;}
.main-part .navi-whole div {float:left; text-align:left;}
.main-part .navi-whole div h4 {padding:3px 0 14px 0; color:#f6d8bb; font-weight:bold; letter-spacing:-1;}
.main-part .navi-whole div li {padding-bottom:8px;}
.main-part .navi-whole div a {font-size:11px; color:#fff; letter-spacing:-1;}
.main-part .navi-intro {width:157px;}
.main-part .navi-news {width:153px;}
.main-part .navi-vod {width:165px;}
.main-part .navi-join {width:134px;}
.main-part .navi-event {position:relative; width:160px;}
.main-part .event-more {position:absolute; top:0; left:40px;}
.main-part .navi-program {width:158px;}
.main-part .list-lmg-none {float:right;  width:244px; *width:250px; margin-left:15px; padding:4px 0 8px 6px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/news_txt_dotted.jpg') no-repeat left 10px; overflow:hidden;}
.main-part .list-lmg-none a {font-size:11px; color:#5c5c5c; letter-spacing:-1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:242px; *width:248px;}

.main-part .news {clear:both; width:100%; margin-top:20px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/bg_main_news.png') no-repeat 4px top; overflow:hidden;}
.main-part .news .list-img {float:left; height:108px; *height:149px; padding:41px 0 0 5px; overflow:hidden;}
.main-part .news .list-img .list-li-img {float:left; width:239px; height:101px; overflow:hidden;}
.main-part .news .news-img {display:block; float:left; width:142px; height:100%;}
.main-part .news .img-txt {display:block; float:left; width:73px; *width:97px; height:100%; padding:0 12px; text-align:left; line-height:19px; color:#5c5c5c; font-size:11px; font-family:NanumGothic; letter-spacing:-1;}  
.main-part .news .list-none-img {float:left; width:264px; padding-top:51px;}
.main-part .news .list-none-img li {margin:0 0 16px 15px; padding-left:6px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/news_txt_dotted.jpg') no-repeat left center;}
.main-part .news .list-none-img a {font-size:11px; color:#5c5c5c; letter-spacing:-1;}
/* @ Sub Content */
.sub {background:url('http://img.imbc.com/broad/tv/drama/empress/images/sub_bg_dotted_mini.jpg') repeat-y;}
.sub-wrap {width:100%;}
.sub-footer {padding:51px 0 41px 0; color:#1f1f1f;}
.sub-part {position:relative; text-align:left;}
.sub-part .visual {position:relative; width:735px; height:249px; text-align:left;}
.sub-part .visual h1 img {margin:34px 0 0 121px;}
.sub-part .visual p {position:absolute; top:5px; right:7px; font-size:11px; letter-spacing:-1; color:#fff;}
.sub-part .spot {position:relative; width:735px; height:51px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/sub_spot.png') repeat; border-bottom:1px solid #f3f3f2;}
.sub-part .spot ul {width:130px; background:#270908;}
.sub-part .spot .notice {position:absolute; left:157px; top:22px; font-weight:bold; color:#fff;}
.sub-part .contents-box {width:735px; background:url('http://img.imbc.com/broad/tv/drama/empress/images/sub_contentBox.jpg') repeat-y; overflow:hidden;}
.sub-part .navi-whole {float:left; width:119px; *width:130px; padding-left:11px;}
.sub-part .navi-whole div {width:100%; padding-top:14px;}
.sub-part .navi-whole h3 {padding-bottom:9px; color:#343434; font-weight:bold; text-indent:6px;}
.sub-part .navi-whole ul {width:110px; padding-bottom:5px; border-bottom:1px solid #e8e8e8;}
.sub-part .navi-whole li {margin-bottom:9px; text-indent:6px;}
.sub-part .navi-whole li a {color:#5c5a5a;}
.sub-part .navi-whole .navi-intro {padding-top:19px;}
.sub-part .navi-event {position:relative;}
.sub-part .navi-event .event-more {position:absolute; left:49px; top:13px;}
.sub-part .contents {position:relative; float:right; width:585px; *width:605px; min-height:600px; height:auto !important; height:600px; padding:22px 10px 100px 10px;}
.sub-part .contents div {margin-top:17px; overflow:hidden;}
.sub-part .contents div div {margin-top:0;}
.sub-part .contents h2 {padding-bottom:11px; border-bottom:1px solid #ededed; font-size:16px; font-weight:bold; color:#343434;}
#right_common {position:absolute; top:0; right:0;}

.sub-part .clipGo {position:relative; width:100%; height:35px; margin-bottom:21px;}
.sub-part .clipGo a {display:inline-block; position:absolute; top:0; right:0; width:121px; height:100%; background:url('http://img.imbc.com/commons/images/bg_blank.gif') no-repeat; z-index:5000; text-indent:-5000px;}
.sub-part .clipGo span {}
.sub-part .app-photo {position:absolute; top:5px; right:10px;}

.sub-part .cast-others {position:relative; width:100%; padding-top:17px;}
.sub-part .cast-others li {clear:both; width:100%; padding-top:24px; overflow:hidden;}
.sub-part .cast-others .others-img {display:block; float:left; width:193px; height:133px; margin-right:16px;}
.sub-part .cast-others span {display:block;}
.sub-part .cast-others .name {margin-bottom:17px; color:#000; font-size:15px; letter-spacing:-1; font-weight:bold;}
.sub-part .cast-others .summary {float:right; width:376px; line-height:18px; color:#737373;}

/* ¿ùÆäÀÌÆÛ,Æ÷½ºÅÍ */
.nav_wallpaper {overflow:visible !important; position:relative; width:472px; *width:583px; padding:20px 0 0 111px; background:#eee;}
.nav_wallpaper h3.wallpaper {position:absolute; left:22px; top:19px;}
.nav_wallpaper h3.poster {position:absolute; left:22px; top:89px;}
.nav_wallpaper ul {overflow:hidden; width:472px; padding-bottom:17px;}
.nav_wallpaper ul li {float:left; width:71px; height:53px; margin-right:15px; cursor:pointer;}
.nav_wallpaper ul li img {width:71px; height:53px;}
.view {overflow:hidden; width:583px; margin-top:0 !important; padding:41px 0 20px; margin-bottom:40px; background:#a1a09f; text-align:center;}
.view img {width:578px;}
.option_wallpaper {margin-top:0 !important; display:block; position:absolute; right:4px; bottom:-30px; z-index:5000;}
.btn_1024 {display:block; float:left; width:79px; height:19px; ; margin-right:12px; padding:0; border:0; background:none; cursor:pointer;}
.btn_1024 img {margin-top:0; display:block; width:79px; height:19px;}
.btn_1280 {margin-top:0; display:block; float:left; width:80px; height:19px; padding:0; border:0; background:none; cursor:pointer;}
.btn_1280 img {display:block; width:79px; height:19px;}
.option_poster {margin-top:0 !important; display:none; position:absolute; right:4px; bottom:-30px; height:19px; z-index:5000;}
.btn_download { display:block; width:80px; height:19px; padding:0; border:0; background:none; cursor:pointer;}
.btn_download img {display:block; width:80px; height:19px;}

.sub-part .comment {margin-left:8px; padding-left:7px; font-size:11px; color:#888; font-weight:normal; background:url('http://img.imbc.com/broad/tv/drama/empress/images/sub_comment.jpg') no-repeat left top;}

.sub-part .main-actor {position:relative; width:100%;}
.sub-part .main-actor h3 {float:left; margin-right:3px; font-size:16px; letter-spacing:-1; color:#343434; font-weight:bold;}
.sub-part .main-actor h3 span {color:#414141; font-size:13px; font-weight:normal; letter-spacing:-1;}
.sub-part .actor {margin:10px 0;}
.sub-part .star-lounge {display:block; width:127px; height:11px; margin-top:4px; font-size:11px; letter-spacing:-1; font-weight:bold; color:#881919; background:url('http://img.imbc.com/broad/tv/drama/empress/images/starLounge.jpg') no-repeat right 2px; text-decoration:underline; overflow:hidden;}
.sub-part .actor-others {display:block; position:absolute; top:0; right:0; width:132px; height:24px;}

/*À̺¥Æ®*/
#eventList{width:583px; height:54px; padding:4px 0 0 8px; background:url('http://img.imbc.com/broad/tv/drama/firejung/images2/bg_event_bar.gif') no-repeat; text-align:center; margin-top:10px;}
#eventList li{float:left; margin-right:19px; width:91px; height:27px;}
#eventList a {display:block; height:27px; text-indent:-5000em;}
#eventList a.btnEventIng {background:url('http://img.imbc.com/commons/images/btn_event_ing.gif') no-repeat;}
#eventList a.btnEventFinish {background:url('http://img.imbc.com/commons/images/btn_event_finish.gif') no-repeat;}
#eventList a.btnEventWinner {background:url('http://img.imbc.com/commons/images/btn_event_winner.gif') no-repeat;}
#eventList a.on {background-position:left bottom;}
.eventField {width:100%; margin:0 auto 0 auto !important; text-align:center;}
.eventField div {overflow:visible !important;}