@charset "euc-kr";

/* base */
body		{text-align:center; }
#wrap		{z-index:10; width:100%;}
#header		{z-index:30; position:relative; width:100%; height:43px; *height:50px; padding-top:15px; background:#fff; text-align:center;}
#header-logo {width:155px; height:49p; padding-top:13px; padding-left:10px;}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left;}
#container	{z-index:10; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
#content	{z-index:30; position:relative; overflow:hidden;}
#Adcode		{display:none !important;}
#footer		{ clear:both;  width:990px; text-align:center;  height:50px; color:#633f1f; background:#fff;}
#policy ul li.help {float:left !important;}
#footer #policy, #company_info  {width:990px; margin:0 auto; }
.skip, .hide , label{position:absolute;top:-5000px;}
a:hover {text-decoration:none !important;}

/* layout */
#accesibility {position:absolute; left:45%; width:115px; height:18px; background:#fff; font-weight:bold; z-index:50; text-align:center;}
#container {width:990px; padding-top:17px; height:786px; *height:803px;}
#content {float:left; width:682px; margin-top:4px; *margin-top:0; height:692px;}
#right {position:absolute; top:36px; right:0; width:297px; background:url("http://withmbc.imbc.com/dramia/images2/bg_right.png") no-repeat;}

/* style */
#main #wrap {background:url("http://withmbc.imbc.com/dramia/images2/bg_main1.jpg") no-repeat center 50px; background-size:1920px 803px;}
#main #content {background:url("http://withmbc.imbc.com/dramia/images2/bg_content.png") no-repeat; padding:4px 0 0 10px;}
#main h1 {float:left;}

/* menu ¿µ¿ª */
#main #mainmenu {position:absolute; top:42px; left:275px;}
#main #mainmenu li.menu {float:left; margin:0 11px;}
#main #mainmenu li li {background:url("http://withmbc.imbc.com/dramia/images2/m_bar.jpg") no-repeat 0px 7px; }
#main #mainmenu li ul {display:none; position:absolute; top:22px; left:3px; width:398px; *width:400px; height:26px; background:#56656f; border:1px solid #62666c; }
#main #mainmenu li ul li {float:left; letter-spacing:-1.3; word-spacing:-1.5; }
#main #mainmenu li ul li a { float:left; color:#edeff2; height:14px;  padding:6px 13px; display:block;}
#main .menu03 li.first {margin-left:60px;}
#main .menu04 li.first {margin-left:65px;}
#main .menu05 li.first {margin-left:155px;}
#main .first {background:none !important;}

.first {background:none;}

.language {position:absolute; top:7px; right:10px; }
.language li {float:left; width:50px; height:14px; background:url("http://withmbc.imbc.com/dramia/images2/lang_bar.png") no-repeat 0 3px;}
.language li a {display:block; width:40px; *width:50px; height:8px; *height:14px; padding:3px 5px;}

/* content ¿µ¿ª */
#content {clear:both;}

#visual_area {position:relative; width:668px; height:271px; overflow:hidden; }
#visual {height:271px; width:668px; overflow:hidden; }
#visual_btn {width:652px; *width:668px; height:28px; position:absolute; bottom:0px; left:0; padding:0 8px;}
#visual_btn  p.play {float:left; width:50px; margin:6px 10px;}
.bannerPlay {margin-right:5px;}
#visual_btn ul {float:right; width:65px; margin-top:8px;}
#visual_btn li{float:left; margin-right:6px;}

#section {position:relative; width:632px; *width:668px; padding:18px;}
#section h3{position:absolute; top:18px; left:18px; padding-right:18px; }
#section ul {border-top:1px solid #eaedef; margin-top:5px; overflow:hidden; padding-top:10px;}
#section p.what {padding:7px 0 0 160px; width:400px; height:40px;}

#photo {float:left; position:relative; width:316px; margin-top:10px;}
#photo li {float:left; width:148px; height:128px; *height:130px; margin:0 4px;}
#photo li img { height:96px; *height:98px; border:1px solid #e0e0e0; text-align:center;}
#photo li .text {width:146px;}

#vod {float:right; position:relative; width:284px; margin-top:10px;}
#vod li {float:left; width:134px; height:130px; margin:0 4px;}
#vod li img {height:96px; *height:98px; border:1px solid #000; }
#vod li .text {width:133px;}

#event {clear:both; position:relative; width:630px;}
#event h4{float:left;}
#event li {float:left; width:120px; height:115px; margin:0 2px; text-align:center; overflow:hidden;}
#event li span {display:block; }
#event li .img {width:120px; height:80px;}
#event li img {height:78px;*height:80px; border:1px solid #e0e0e0; text-align:center; }
#event li img a {width:120px; height:115px; background:#000;}
#event li .text {text-align:left !important; width:120px;}
#event li.tv img {width:118px; *width:120px; border:1px solid #e0e0e0; text-align:center; height:78px;*height:80px; background:#000 }

.more {position:absolute; top:3px; right:0;}
li span.text { padding:5px 3px; line-height:1.3; letter-spacing:-1.3; word-spacing:-1.3;}
li span.text a {color:#56656f; text-align:left !important; }


/* right ¿µ¿ª */
#right{overflow:hidden; height:748px; }
#right .dramia {padding:70px 0 0 145px;}
#notice {position:relative; width:270px; margin:15px 15px 0 15px; }
#notice h3 {padding:0 0 5px 5px; border-bottom:1px solid #eaedef;}
#notice ul {height:130px; *height:140px; padding:10px 0 0px 10px;}
#notice li {line-height:1.7; letter-spacing:-1.3; word-spacing:-1.3; padding-left:8px; background:url("http://withmbc.imbc.com/dramia/images2/dot.jpg") no-repeat left 8px;}
#notice p {position:absolute; top:7px; right:7px;} 

#quick {position:relative; width:270px; margin:0px 15px 15px 15px; }
#quick h3{padding:22px 0 15px 5px; border-top:1px solid #eaedef;}
#quick ul {overflow:hidden;}
#quick li {float:left; height:52px; padding-left:1px; background:url("http://withmbc.imbc.com/dramia/images2/qm_repeatY.jpg") repeat-y left top;}
#quick li.first {padding-left:3px;}

#banner {margin:22px 19px;}
#banner li {width:259px; height:94px; margin-bottom:5px;}

/* QR ÄÚµå */
.qr {position:absolute; bottom:4px; right:4px; *bottom:0;}
.cord {position:absolute; top:23px; left:24px; z-index:9999;}