@charset "euc-kr";

/* 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:#c84a4a; padding-bottom:30px;}
 
#right_common{position:absolute; top:0; right:0;}
#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; padding:15px 0; display:block; font-weight:bold; font-size:12px; color:#000; z-index:1000; background:#efefef;}

button{background:none; margin:0; padding:0;}

body{background:#f5efeb;}

#wrap{background: url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/bgSub01.jpg") no-repeat center 150px;}
#front{width:735px; height:301px; position:relative; overflow:hidden; float:left;}
#front h1{text-indent:-5000px; height:165px; *height:251px; padding:42px 0 44px 0px;}
#front h1 a{display:block; width:300px; height:165px;}
.scheme{width:350px; height:48px; color:#044482; position:absolute; top:10px; left:0; line-height:1.3; letter-spacing:-1.2; word-spacing:-1.2; text-align:left;}
#imbc_nav{overflow:hidden; width:735px;}
#imbc_nav ul{float:left; width:130px;}
#imbc_nav li{text-indent:-5000px;}
#imbc_nav a{display:block; width:130px;}
#imbc_nav .vod a{height:26px; background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/btnVod.jpg") no-repeat;}
#imbc_nav .board a{height:25px; background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/btnBoard.jpg") no-repeat;}

#content{background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/bgCon.jpg") repeat-y; overflow:hidden; width:735px; border-bottom:1px solid #c2bbb7;}
#aside{width:107px; *width:130px; float:left; padding:16px 12px 100px 11px; position:relative;}
.linkFb{position:absolute; bottom:50px;}
.menuGroup{border-bottom:1px dashed #856c6b; font-size:11px; letter-spacing:-1px; line-height:21px; padding:4px 0 6px; margin-bottom:6px;}
.menuGroup p{color:#c0c0c0 ; font-weight:bold;}
.menuGroup p a{text-indent:-5000px; width:34px; height:14px;margin-left:3px; display:inline-block; background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/more_btn.gif") no-repeat 0 2px; vertical-align:middle;}
.menuGroup a{color:#f2a3a2; font-size:12px;}
.menuGroup li a.on{color:#fff; text-decoration:underline; background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/ico_menu.png") no-repeat 0 3px; padding-left:4px; font-weight:bold;}
.menuEvent p{padding:5px 0 !important;}

#imbc_content{width:585px; *width:605px; overflow:hidden; padding:0 10px 80px; float:left;  border-top:1px dashed #9e9e9e; }
#imbc_content h2{line-height:59px; margin-bottom:3px; font-size:16px; font-weight:bold; color:#37312b;}
#imbc_content h2 span{font-size:12px; font-weight:normal;}
.imgTxt{margin-bottom:10px; display:block;}

.ico{position:relative; top:-50px; left:385px; width:197px; height:39px;}

#photo .imgTxt{margin-top:-40px;}

.newsBarWrap {position:relative; float:left; width:604px; *width:605px; height:50px;  background:#fff; overflow:hidden; border-top:1px solid #c2bbb7; border-right:1px solid #c2bbb7;}
#newsBar {position:relative; float:left; width:100%; height:45px; margin-top:6px; overflow:hidden;}
#newsBar .items a {color:#585655; line-height:45px; padding-left:20px; font-weight:bold; display:block; width:100%;}

#ucc #imbc_content p{font-size:11px; color:#828282; letter-spacing:-1px; line-height:14px; position:absolute; top:185px; left:42px;}

#tvinfoWrap{overflow:hidden; position:relative; width:565px; 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/gufamilybook/images2/bg_tvinfo_off.gif") no-repeat; font-weight:bold; cursor:pointer;}
#tvinfoWrap h3.on{background:url("http://img.imbc.com/broad/tv/drama/gufamilybook/images2/bg_tvinfo_on.gif") no-repeat;}
#tvinfoWrap h3.tvinfo{left:0;}
#tvinfoWrap h3.qna{left:113px;}
.tvinfoFrame{display:none; overflow:hidden; width:565px;}

.staffList{color:#fff; letter-spacing:-1px; line-height:19px; position:absolute; top:580px; left:55px;}
.staffList p{margin-bottom:5px;}

#tabSet{overflow:hidden;}
#tabSet li{float:left; margin-right:10px;}
.more_sns{margin-left:176px;}

#eventList{width:565px; 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;}

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

.castList{width:520px; height:130px; overflow:hidden; margin:0 0 0 30px; padding:20px 0 0;}
#cast .castMain{display:none; }
#cast .castPart{display:none; overflow:hidden; width:585px}
.castPart dl{overflow:hidden; position:relative; width:565px; margin-bottom:15px; padding:5px 10px;}
.castPart dl dt{ float:right; width:335px; 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:#f2a3a2;}
.castPart dl dd{float:left;}
.castPart dl img{border:1px solid #ebebeb;}
.castPart dl .txt {float:right; color:#777; line-height:1.55; margin:0px 0 0 12px; width:335px;}
.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;}
#castTree {padding:5px 10px;}



/* ¿ùÆäÀÌÆÛ Æ÷½ºÅÍ */
#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:53px 4px 4px; *padding-top:40px; position:relative; overflow:hidden; }
#veiwPhoto img{width:565px;}
.btnZoom, .btnDown{overflow:hidden; position:absolute; top:10px; right:25px; 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;}

/* sns Åë½Å */
#sns_live {overflow:hidden; position:relative; width:565px}
#sns_link {overflow:hidden; width:524px; *width:565px; height:37px; *height:72px; padding:35px 0 0 41px; text-align:left; background:url("http://img.imbc.com/broad/tv/drama/horsedoctor/images/bg_sns.jpg") no-repeat}
#sns_link li {float:left; padding-left:31px}
#sns_link li.tw {width:240px; *width:271px;}
#sns_link li.fb {width:169px; *width:200px}
#sns_link li a {color:#7b7a7c; line-height:1.33; text-decoration:underline}
#sns_link li em {font-weight:bold}
.btn_refresh {display:block; position:absolute; right:0px; top:0px; width:83px; height:25px; padding:0; border:0; background:url("http://img.imbc.com/broad/tv/drama/horsedoctor/images/btn_refresh.jpg") no-repeat; text-indent:-5000em; cursor:pointer}