@charset "euc-kr";
/* @ layout */
body{text-align:center;}
#wrapper{position:relative; width:100%; text-align:center; overflow:hidden;}
#header{position:relative; width:100%;}
#header .gnb{width:990px; margin:0 auto; text-align:left;}
#container{position:relative; width:990px; overflow:hidden; margin:0 auto; text-align:left;}
#banner {position:absolute; right:30px; top:21px;}
#right_common {float:right; overflow:hidden;}
#footer {position:relative; width:100%; overflow:hidden; clear:both; text-align:center; padding:30px 0; color:#a58275;}

.scheme {position:absolute; top:0px; right:5px; width:735px; height:50px; *height:67px; padding-top:5px; font-size:11px; text-align:right; }
.sub .scheme {width:735px; height:50px; *height:67px; padding-top:5px !important; font-size:11px; text-align:right; }
.scheme li {color:#173755; line-height:1.57; word-spacing:-2.2;}
.sub .scheme li {color:#173755; line-height:1.33; word-spacing:-2.2;}
.scheme li.timeInfo{font-weight:bold;}

/* @ accessibility */ 
#accessibility{position:relative; z-index:9999; text-align:left}
#accessibility li {position:absolute; top:0;left:0; width:100%}
#accessibility a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-1000px; z-index:500; font-size:12px}
#accessibility a:focus, #accessibility a:active{position:absolute; top:0; height:40px; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef; line-height:40px}

/* @ Main Content */
.main {background:#eedfd1 url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_main_v1.jpg") no-repeat center 150px;}
#front{z-index:10; position:relative; width:990px; height:515px;}
.main #imbc_nav{z-index:100; position:absolute; bottom:0; width:990px; height:44px;}
.main #imbc_content{z-index:100; position:relative; width:940px; *width:990px; overflow:hidden; padding:21px 30px 20px 20px; background:#f6f1e6;}
.main #conLeft {float:left; width:678px; overflow:hidden;}
.main #conRight {float:right; margin-top:258px; width:250px; overflow:hidden;}

.main #mVisual { position:relative; overflow:hidden; width:990px; height:472px; }
.main #mVisual .mainImg {width:3960px; height:472px; }
.main #mVisual .mainImg li {position:absolute; top:0; left:0; display:none;}

/* siteMap */
#siteMap{width:940px; *width:990px; overflow:hidden; margin-top:10px; padding:22px 0 20px 50px; background:#f8edec; text-align:left;}
#siteMap p{margin-bottom:13px; color:#c64f62; font-weight:bold; letter-spacing:-1px;}
#siteMap .menuGroup{overflow:hidden; position:relative; float:left; height:160px; padding-right:60px;}
#siteMap .more{display:block; position:absolute; left:40px; top:0px; width:33px; height:12px; text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/btn_Mmore.jpg") no-repeat left top; }
#siteMap .more img {width:33px; height:12px;}
#siteMap ul li {margin-bottom:3px; letter-spacing:-1;}
#siteMap ul li a {color:#715d61; font-size:11px; line-height:1.4;}

.main .scheme {width:990px; height:50px; *height:67px; padding-top:10px; font-size:11px; text-align:right; }
.main .scheme li {color:#173755; line-height:1.57; word-spacing:-2.2;}
.main .scheme li.timeInfo{font-weight:bold;}
.main #imbc_nav {background:url("http://img.imbc.com/broad/tv/drama/aurora/images/m_menu.jpg") no-repeat center bottom; width:990px; height:50px;}
.main #imbc_nav li{float:left; text-indent:-5000px; }
.main #imbc_nav li a {width:130px; height:50px; display:block;}
.main #imbc_nav .preview a, .main #imbc_nav .cast a, .main #imbc_nav .photo a, .main #imbc_nav .sketch a, .main #imbc_nav .auroraNews a{width:147px !important;}
.main #imbc_content h2 {width:70px;height:24px; *height:34px; padding:10px 18px 0 18px;}

.main .mRecent{width:678px; height:167px;background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_Mrecent.jpg") no-repeat ;}

.mRecent .wrap {display:none; overflow:hidden; position:relative; width:492px; *width:658px; height:105px; *height:120px; padding:15px 0 0 166px}
.mRecent .wrap p a {color:#81756b; line-height:1.55}
.mRecent .list {overflow:hidden; position:absolute; left:110px; top:11px; width:550px}
.mRecent .list ul {overflow:hidden; width:550px}
.mRecent .list ul li {float:left; margin-right:8px; padding-right:8px; color:#6c6862; line-height:1.4; letter-spacing:-1px; cursor:pointer; background:url("http://img.imbc.com//broad/tv/drama/ohgo/images/bg_preview.gif") no-repeat right 3px; white-space:nowrap}
.mRecent .list ul li.last {margin-right:0; padding-right:0; background:none}
.mRecent .list ul li em {font-weight:bold}
.mRecent h3 {position:absolute; left:110px; top:35px; *top:13px; padding-right:9px; color:#6c6862; cursor:pointer; letter-spacing:-1px; background:url("http://img.imbc.com//broad/tv/drama/ohgo/images/bg_preview.gif") no-repeat right 1px}
.mRecent h3.p1 {left:115px}
.mRecent h3.p2 {left:208px; *left:220px; }
.mRecent h3.p3 {left:300px; *left:312px;}
.mRecent h3.p4 {left:393px; *left:405px; }
.mRecent h3.p5 {left:486px; *left:498px;}
.mRecent h3.on em {font-weight:bold}
.mRecent h3.last {background:none}
.mRecent h4 {margin-bottom:7px; letter-spacing:-1px}
.mRecent h4 a {color:#863b4a; font-weight:bold; line-height:1.4; font-size:12px}
.mRecent h4 img {position:absolute; left:9px; top:16px; width:134px; border:1px solid #ddcfb4}
.mRecent .btn {position:absolute; left:166px; top:102px; width:250px; height:18px}
.mRecent .btn ul {width:100%; height:18px}
.mRecent .btn ul li {float:left; height:18px; margin-right:4px}
.mRecent .btn_v {display:block; width:49px; height:18px; background:url("http://img.imbc.com//broad/tv/drama/ohgo/images/sp_preview.png") no-repeat 0 0; text-indent:-5000em}
.mRecent .btn_hd {display:block; width:54px; height:18px; background:url("http://img.imbc.com//broad/tv/drama/ohgo/images/sp_preview.png") no-repeat -54px 0; text-indent:-5000em}
.mRecent .btn_d {display:block; width:59px; height:18px; background:url("http://img.imbc.com//broad/tv/drama/ohgo/images/sp_preview.png") no-repeat -112px 0; text-indent:-5000em}
.mRecent .btn_3m {display:block; width:26px; height:18px; background:url("http://img.imbc.com//broad/tv/drama/ohgo/images/sp_preview.png") no-repeat -176px 0; text-indent:-5000em}

.mOnemin {width: 678px; height: 202px; margin-top:13px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_oneMin.jpg") no-repeat;}
.mOnemin ul {width:655px; height:150px; margin:11px 0 0 18px; *margin:13px 0 0 18px;}
.mOnemin .oneMin-img {width:100%; height:100%;}
.mOnemin li {float:left; position:relative; width:142px; *width:144px; margin-right:19px;}
.mOnemin .oneMin-shot {position:relative; display:block; width:142px; height:95px; border:1px solid #e5dbc4; margin-bottom:8px;}
.mOnemin .oneMin-btn {position:absolute; left:5px; bottom:3px;}
.mOnemin .oneMin-subject {line-height:1.5; text-align:left;}
.mOnemin img {vertical-align:top;}
.main .mCast{position:relative; width:678px; height:361px; margin:9px 0; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_Mcast.jpg") no-repeat ;}

.main #castLeft {float:left; width:450px; height:324px; margin-top:5px;}
.main #castRight {float:left; width:210px; height:324px; margin-top:5px;}
.main .castMore {position:absolute; top:10px; right:15px; height:20px;}
.main .castMore em {font-weight:bold; color:#863b4a; vertical-align:middle;} 
.main .castMore img {vertical-align:middle;}
.main .mCast .rora {width:368px; height:120px; *height:100px; margin:0px 9px 0px 80px; padding-top:18px;}
.main .mCast .mama  {width:370px; height:120px; *height:100px; margin:15px 9px 0px 80px; *margin-top:0 9px 0px 75px; padding-top:25px;}
.main .mCast .sagong {width:185px; *height:272px; margin:0px 9px 0px 20px; padding-top:45px;}
.main .mCast .sagong li {margin-bottom:5px;}
.main .mCast ul {margin-top:25px;}
.main .mCast ul li{float:left; width:81px; height:126px; margin:0 9px 10px 0; text-align:center;}
.main .mCast ul li a{font-weight:bold; color:#675f55;}
.main .mCast ul li img{display:block; width:81px; height:103px; margin-bottom:5px;  border:1px solid #d4d4d4;}

.main .mPhoto {width:678px; height:201px; margin-top:8px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_Mphoto.jpg") no-repeat ;}
.main .mPhoto ul {float:left; width:655px; height:150px; margin:10px 0 0 18px;}
.main .mPhoto ul li {float:left; position:relative; width:142px; margin-right:19px;}
.main .mPhoto ul li img{ float:left; width:142px; height:95px; border:1px solid #e5dbc4; margin-bottom:8px; }
.main .mPhoto ul li .txt {line-height:1.5; text-align:left;}

.main #event { position:relative; width:250px; height:117px; margin-bottom:10px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_Mevent.jpg") no-repeat ; }
.main .eventList {width:231px; height:72px; margin:0 10px 0 9px; overflow:hidden; }
.main .eventList li {float:left;}
.main .eventCtrl {position:absolute; top:10px; right:15px;}

.main #talk {width:250px; height:364px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_Mnews.jpg") no-repeat ; }
.main .newsList {width:220px; overflow:hidden; margin:15px 10px;}
.main .newsList li {width:220px; height:69px; border:none !important; text-align:center; margin-bottom:6px;}
.main .newsList li a {float:left; display:block; width:96px; height:69px;}
.main .newsList li p {float:right; width:110px; height:69px; margin-left:5px; text-align:left; padding-top:3px;}
.main .newsList li p a {color:#675f55; letter-spacing:-1.2; word-spacing:-1.2; line-height:1.3; }
.main .newsList li img {float:left; height:69px; text-align:center;}

/*¹æ¼ÛÇùÂù »óÇ°*/
.main #m_info {width:250px; height:208px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_Mnews_new.jpg") no-repeat ; }
.main .data-wrap {width:220px; overflow:hidden; margin:15px 10px; *margin:10px 0 0 10px;}
.main .data-wrap li{width:220px; height:69px; border:none !important; text-align:left; margin-bottom:9px;}
.main .data-wrap li  a {float:left; display:block; width:220px; height:69px;}
.main .data-wrap li img {float:left; height:69px; width:96px; text-align:center;} 
.main .data-wrap li .txt {float:left; margin-left:10px;width:100px; line-height:1.35;} 

/* @ Sub Content */
.sub {background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_subY.jpg") repeat-y center top;}
.sub #wrapper {background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_sub_v3.jpg") no-repeat center 150px;}
.sub #front {position:relative;width:735px; height:191px;}
.sub h1.logo {position:absolute; top:10px; left:265px; width:250px; height:100px;}
.sub h1.logo a {text-indent:-5000px; display:block; width:200px; height:180px;}
.sub #con_inner {float:left; width:735px; overflow:hidden; margin-right:5px;}
.sub #content {width:735px;  overflow:hidden; padding-bottom:50px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_content.jpg") repeat-y center 0; }
.sub #imbc_nav {float:left; width:130px; overflow:hidden;}
.sub #imbc_nav .popular {width:130px; height:51px; overflow:hidden; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/btn_sub.jpg") no-repeat center top;}
.sub #imbc_nav .popular li {width:130px; height:25px; float:left; }
.sub #imbc_nav .popular li a {display:block; font-weight:bold; width:100px; *width:130px; height:10px; *height:25px; padding:7px 15px;}
.sub #imbc_nav .menuGroup {width:100px; overflow:hidden; padding:15px 0 ; margin:0 15px; border-bottom:1px dotted #e8e8e8;}
.sub #imbc_nav .menuGroup p {position:relative; margin-bottom:8px; font-weight:bold; color:#f95474;}
.sub #imbc_nav .menuGroup li {line-height:1.7;}
.sub #imbc_nav .menuGroup li a {width:100px; height:20px;display:block;}
.sub #imbc_nav .menuGroup li a:hover, .sub #imbc_nav .menuGroup li a.on {width:92px; *width:100px; color:#3ca0b2; text-decoration:underline; padding-left:8px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/ico_menu.jpg") no-repeat left 7px;}
.sub #imbc_nav .menuGroup a.more{display:block; position:absolute; left:40px; top:0px; width:37px; height:13px; text-indent:-5000px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/btn_Smore.jpg") no-repeat left top; }

.sub #imbc_content {position:relative; float:right; width:585px; *width:605px; overflow:hidden; padding:20px 10px 100px 10px; }
.sub #imbc_content h3 {font-size:14px; font-weight:bold; padding-bottom:10px; margin-bottom:20px; border-bottom:1px dotted #b6b6b6; }
.sub #imbc_content h3 span {font-size:11px; font-weight:normal;}

/* »õ¼Ò½Ä ¿¬µ¿ */
.sub #talk {width:585px; overflow:hidden; margin-bottom:15px; background:#f3f3f4; }
.sub .newsList {width:565px; overflow:hidden; margin:10px 10px 10px 12px;}
.sub .newsList li {float:left; width:131px; margin: 0 5px;  border:none !important;}
.sub .newsList li a {display:block; }
.sub .newsList li span {display:block; text-align:left; margin-top:5px;}
.sub .newsList li span a {color:#666; letter-spacing:-1.2; word-spacing:-1.2;line-height: 1.35; }
.sub .newsList li img {height:94px;}

#newsBar{float:right; width:580px; *width:605px; height:49px; *height:51px; background:url("http://img.imbc.com/broad/tv/drama/aurora/images/bg_bar.jpg") no-repeat center top;  line-height:51px; padding-left:25px;}
#newsBar a{color:#fff600; letter-spacing:-1.2; word-spacing:-1.2;}

.btnApp {position:absolute; top:3px; right:15px; display:block; width:198px; height:39px;  }

/* À̺¥Æ® */
.sub #eventList{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;}
.sub #eventList li{float:left; margin-right:19px; width:91px; height:27px;}
.sub #eventList a {display:block; height:27px; text-indent:-5000em; background:no-repeat left top}
.sub #eventList a.btnEventIng {background-image:url("http://img.imbc.com/commons/images/btn_event_ing.gif")}
.sub #eventList a.btnEventFinish {background-image:url("http://img.imbc.com/commons/images/btn_event_finish.gif")}
.sub #eventList a.btnEventWinner {background-image:url("http://img.imbc.com/commons/images/btn_event_winner.gif")}
.sub #eventList a.on {background-position:left bottom}
.sub .eventField {width:100%; margin:0 auto; text-align:center;}

/*0710½Å±Ô À̺¥Æ® Åø·¹ ¹éÆÑ*/
.event_backpack {position:relative; width:585px; margin:0 auto;}
.event_backpack h4 {padding-bottom:8px;}
.event_backpack a {display:inline-block; position:absolute; top:585px; left:381px; width:74px; height:21px; z-index:5000; text-indent:-5000px; background:url("http://img.imbc.com/commons/images/bg_blank.gif");}

/* ¹æ¼Û Á¤º¸ */
.sub #tvinfoWrap{overflow:hidden; position:relative; width:585px; padding-top:29px}
.sub #tvinfoWrap h4{position:absolute; top:0; width:108px; height:29px; text-align:center; font-size:12px; color:#fff; letter-spacing:-1px; line-height:29px; background:url("http://img.imbc.com/broad/tv/drama/bigf/images/tvinfoOff.gif") no-repeat; font-weight:bold; cursor:pointer;}
.sub #tvinfoWrap h4.on{background:url("http://img.imbc.com/broad/tv/drama/bigf/images/tvinfoOn.gif") no-repeat;}
.sub #tvinfoWrap h4.tvinfo{left:0;}
.sub #tvinfoWrap h4.qna{left:113px;}
.sub .tvinfoFrame{display:none; overflow:hidden; width:585px;}
.sub .tvinfoTxt{margin-bottom:20px;}
.sub .countryList{overflow:hidden; border-bottom:2px solid #000; height:30px; *height:32px;}
.sub .countryList li{float:left; width:142px; *width:144px; height:28px; *height:30px; background:#efefef; border:1px solid #dfdfdf; line-height:28px; text-align:center; margin-right:3px; cursor:pointer; color:#747474;}
.sub .countryList li.on{background:#000; border-color:#000; font-weight:bold; color:#ffe90e;}
.sub #country_02, #country_03, #country_04{display:none;}

/*¿ùÆäÀÌÆÛ & Æ÷½ºÅÍ*/
.sub #wallList{width:563px; *width:585px; height:155px; *height:174px; background:#eee; overflow:hidden; padding:19px 0 0 22px; overflow:hidden;}
.sub #wallList h3{clear:both; float:left; margin-bottom:17px;}
.sub #wallList ul{overflow:hidden; float:left; width:430px; margin-bottom:17px;}
.sub #wallList ul li{cursor:pointer; float:left; margin-right:15px; overflow:hidden;} 
.sub #wallList li img{width:71px;}
.sub #wallList .wallpaperList{margin-left:15px;} 
.sub #wallList .posterList{margin-left:38px;}
.sub #wallView{background:#a1a09f; padding:38px 4px 4px; *padding-top:25px; position:relative; overflow:hidden;}
.sub #veiwPhoto img{width:577px;}
.sub .btnZoom, .btnDown{overflow:hidden; position:absolute; top:10px; right:13px; height:19px;}
.sub .btnZoom button{width:79px; height:19px; vertical-align:top; padding:0; border:none; margin-left:12px; float:left; cursor:pointer; background:none;}
.sub .btnDown button{width:79px; height:19px; vertical-align:top; padding:0; border:none; cursor:pointer; background:none;}

/*µîÀåÀι°*/
#castNav{background:#eee; width:585px; height:120px; margin-bottom:21px; position:relative;}
#castNav ul{overflow:hidden; width:50000px;}
#castNav li{float:left; cursor:pointer; margin-right:20px; width:70px; text-align:center;}
#castNav li span{display:block; color:#777; font-size:11px; letter-spacing:-1px; line-height:20px;}

.castList{width:520px; height:100px; overflow:hidden; margin:0 0 0 33px; padding:20px 0 0;}
#cast .castMain{display:none;}
 #cast .castPart{display:none; overflow:hidden; width:585px}
.castPart dl{overflow:hidden; position:relative; width:585px; margin-bottom:15px; padding:5px 0 0 0;}
.castPart dl dt{ width:375px; font-size:16px; letter-spacing:-2px; line-height:1.33; font-weight:bold; color:#000; margin-bottom:10px;}
.castPart dl dt span {font-size:12px; color:#164700;}
.castPart dl dd{float:left;}
.castPart dl img{border:1px solid #ebebeb;}
.castPart dl .txt {color:#777; line-height:1.55; margin:0px 0 0 12px; width:375px;}
.castPart .frame {position:relative; left:10px; top:4px; padding-left:10px; color:#5574CA; letter-spacing:-1px; line-height:1.33; background:url("http://img.imbc.com/broad/tv/drama/bogo/images2/arrowBlick.jpg") no-repeat 0 2px; font-size:12px; font-weight:normal}
.btn_pre {position:absolute; top:52px; left:12px;}
.btn_next {position:absolute; top:52px; right:12px;}