@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");

/* base */
body		{text-align:center}
#wrap 		{z-index:10; width:100%;}
#header		{z-index:30; position:relative; width:100%; height:150px; background:#fff; text-align:center;}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left;}
#container	{z-index:10; position:relative; width:990px; margin:0 auto; text-align:left}
#content	{z-index:30; position:relative;}
#Adcode		{display:none !important;}
#footer		{width:990px; margin:0 auto; text-align:center; clear:both; position:relative; top:30px; color:#fff; padding:20px 0;}

body{background:#1c1c1c url(http://img.imbc.com/broad/tv/drama/bogo/images2/bgSub.jpg) no-repeat center 150px; background-size:1920px 363px;}
#front{padding:45px 0 0 201px; height:205px; *height:250px;}
#front h1{text-indent:-5000px; background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/logo.png) no-repeat; width:361px; height:189px;}
#front h1 a{display:block; width:361px; height:189px;}
.scheme{position:absolute; top:10px; right:260px; color:#a4a4a4; text-align:right; line-height:14px; font-size:11px;}

#content{width:735px; background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/bgContent.jpg) repeat-y; overflow:hidden;} 
#nav{overflow:hidden; width:735px;}
#nav  ul{float:left; width:130px;} 
#nav li{text-indent:-50000px;}
#nav li.vod{background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/btnVod.jpg) no-repeat; width:130px; height:25px;}
#nav li.board{background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/btnBoard.jpg) no-repeat; width:130px; height:26px;}
#nav li a{display:block; width:130px; height:24px;}

.newsBarWrap {background:#000; osition:relative; float:left; width:605px; height:51px; overflow:hidden}
#newsBar {position:relative; float:left; width:100%; height:45px; margin-top:6px; overflow:hidden;}
#newsBar .items {position:absolute; left:0px; top:45px; height:45px; overflow:hidden;}
#newsBar .items a {color:#fff; line-height:45px; padding-left:20px; font-weight:bold}

#aside{width:110px; *width:130px; float:left; padding:16px 10px 0; letter-spacing:-1px;}
#aside p{font-weight:bold; color:#000; font-size:11px; line-height:20px;}
#aside .menuGroup{border-bottom:1px dashed #e0dad7; margin-bottom:10px; padding-bottom:10px;}
#aside .menuGroup p a{font-size:11px; font-weight:normal; color:#fff; background:#269649; width:31px; height:12px; margin-left:5px;}
#aside li{line-height:20px;}
#aside li a{color:#312f2d;}
#aside li a.on{color:#d5b241; text-decoration:underline; background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/blick.jpg) no-repeat 1px 4px; padding-left:6px; font-weight:bold;}

#section{width:585px; *width:605px; float:left; min-height:800px; height:auto !important; height:800px; padding:0 10px 30px;}
#section h2{color:#37312b; font-size:16px; font-weight:bold; height:59px; line-height:59px; margin-bottom:3px; padding-left:10px;}
#section h2 span{font-size:12px;}

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

#staff #context{background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/bgStaff.jpg) no-repeat; padding:277px 25px 70px 28px;}
#staff .staffList{margin-top:46px; line-height:20px; color:#858280;}
#staff .staffList span{display:block; color:#816c0c; font-weight:bold; margin-bottom:10px;}

#clipList {overflow:hidden; width:559px; *width:585px; height:121px; *height:138px; padding:15px 0 0 24px; border:1px solid #d9d9d9; background:#eee}
#clipList li {overflow:hidden; position:relative; float:left; width:126px; margin-right:10px; letter-spacing:-1px; line-height:1.3; color:#555; text-align:center}
#clipList li img {display:block; width:120px; height:80px; margin-bottom:4px; border:3px solid #bfb7a6}
#clipList li em {display:block}
#clipList li span {display:block; letter-spacing:0}
#clipList .playVod {position:absolute; right:10px; top:60px; width:19px; height:21px; border:0}
#clipList .playVod img {width:19px; height:21px; border:0}

#tvinfoWrap{overflow:hidden; position:relative; width:585px; padding-top:29px}
#tvinfoWrap h3{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/bogo/images2/tvinfoOff.gif) no-repeat; font-weight:bold; cursor:pointer;}
#tvinfoWrap h3.on{background:url(http://img.imbc.com/broad/tv/drama/bogo/images2/tvinfoOn.gif) no-repeat;}
#tvinfoWrap h3.tvinfo{left:0;}
#tvinfoWrap h3.qna{left:113px;}
.tvinfoFrame{display:none; overflow:hidden; width:585px;}
.tvinfoTxt{margin-bottom:20px;}
.countryList{overflow:hidden; border-bottom:2px solid #000; height:30px; *height:32px;}
.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;}
.countryList li.on{background:#000; border-color:#000; font-weight:bold; color:#ffe90e;}
#country_02, #country_03, #country_04{display: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 {position:absolute; top:6px; left:208px; font-size:16px; letter-spacing:-2px; line-height:1.33; font-weight:bold; color:#000;}
.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:30px 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}

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


#photo #context p, #sketch #context p, #place #context p{margin-bottom:10px;}

#right_common{position:absolute; top:0; right:0;}