@charset "euc-kr";
@import url("http://www.imbc.com/commons/css/common2011v2.css");
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;}
#f_copyright{z-index:10; clear:both; width:100%; text-align:center;}
#Adcode	{display:none !important;}

body {background:url(http://img.imbc.com/broad/tv/culture/home/images/bg_pattern.gif)}
#wrap {background:url(http://img.imbc.com/broad/tv/culture/home/images/bg.jpg) no-repeat 50% 150px}
#front {position:relative; height:464px; overflow:hidden}
#formalBar {height:30px; background:url(http://img.imbc.com/broad/tv/culture/home/images/bg_formalBar.jpg) no-repeat 0 0; overflow:hidden}
#formalBar p {float:right; padding-right:14px; padding-top:10px; color:#363637; font-size:12px}
#formalBar em {font-weight:bold}
#formalBar li {float:left; width:84px; height:30px}
#formalBar li.m_vod {width:84px}
#formalBar li.m_bbs {width:87px}
#formalBar li a {display:block; height:30px; background:url(http://img.imbc.com/commons/images/bg_blank.gif); text-indent:-5000em}
#content {height:529px; background:url(http://img.imbc.com/broad/tv/culture/home/images/bg_content_border.gif) no-repeat 4px 100%; border-right:1px solid #dcdcdc}
#sidebar {float:left; width:170px; *width:171px; border-right:1px solid #dcdcdc; height:528px; background:url(http://img.imbc.com/broad/tv/culture/home/images/bg_sidebar.gif) 4px 0 repeat-y}
#nav {padding-top:12px}
#nav li {height:32px; margin-bottom:5px; background:no-repeat 0 0}
#nav li.yel {background-image:url(http://img.imbc.com/broad/tv/culture/home/images/bg_nav_list_y.png)}
#nav li.gre {background-image:url(http://img.imbc.com/broad/tv/culture/home/images/bg_nav_list_g.png)}
#nav li a {display:block; padding-left:24px; padding-top:13px; *margin-top:5px; *padding-top:8px; color:#361703; font-weight:bold}

#section {height:528px; margin-left:170px; background:#fff}
#section h2 {height:36px; *height:38px; line-height:36px; color:#606060; font-weight:bold; padding-left:31px; border:1px solid #cfcfcf; background:#f3fb97 url(http://img.imbc.com/broad/tv/culture/home/images/icon_title.png) no-repeat 11px 50%}
#hotAIR {float:left; margin:12px 13px 30px 13px; width:529px}
#hotAIR #VODFrame {padding-top:12px; height:199px; *height:212px; border:1px solid #c1c0c0; border-top:0; background:#f3f3f3}
#VOD_media {float:left; margin:0 0 0 12px}
#VOD_media img {width:200px; height:148px; border:4px solid #a4d047}
#VOD_airdate {margin-left:235px; padding:10px 0; color:#242424; font-size:14px; font-weight:bold}
#VOD_airdate span {color:#565555}
#VOD_text {margin-left:235px; color:#e30a0a; line-height:1.2}
.rectangle_banner {float:left; margin-top:12px; margin-bottom:30px; width:250px; height:250px}

#lastAIR {float:left; width:283px; margin:0 24px 0 13px; background:url(http://img.imbc.com/broad/tv/culture/home/images/pattern_title.gif) repeat-x 0 29px;} 
#lastAIR h2 {border:0; height:31px; line-height:31px; background:url(http://img.imbc.com/broad/tv/culture/home/images/icon_title2.png) no-repeat 11px 50%}
#lastAIR li {float:left; margin:0 5px}
#lastAIR li p {padding-top:12px}
#lastAIR li p img {width:122px; height:78px; border:4px solid #a4d047}
#lastAIR li span {display:block; padding-top:12px; color:#545454; font-size:12px; font-weight:bold; text-align:center}

#airInfo {float:left; width:223px; margin:0 12px 0 0; background:url(http://img.imbc.com/broad/tv/culture/home/images/pattern_title.gif) repeat-x 0 29px;}
#airInfo h2 {border:0; height:31px; line-height:31px; background:url(http://img.imbc.com/broad/tv/culture/home/images/icon_title2.png) no-repeat 11px 50%}
#airInfo ul {padding-top:10px; padding-left:20px}
#airInfo li {line-height:1.6}

#essay {float:left; position:relative; top:-20px; width:251px; padding-top:20px}
#essay h2 {border:1px solid #c1c0c0; height:27px; *height:29px; background:#f2f1e7; line-height:27px; padding-left:88px; color:#505050}
#essay h2 span {color:#2e2d2d}
#essay #face {position:absolute; top:0; left:44px}
#fotoFrame {border:1px solid #c1c0c0; border-top:0; padding-top:18px; height:125px; *height:144px; background:#2f2f2f; text-align:center}
#fotoFrame #frame {position:relative; margin:0 auto 10px; width:169px; *width:177px; height:93px; *height:101px; border:4px solid #e9e9e9; overflow:hidden}
#fotoFrame #frame ul {position:absolute; left:0; top:0; width:1500px}
#fotoFrame #frame li {width:169px; height:93px; float:left}
#fotoFrame #frame li img {width:169px}
#fotoFrame button {position:absolute; background:no-repeat 0 0; width:25px; height:27px; top:104px; text-indent:-5000em; cursor:pointer}
#fotoFrame button#essayPrev {left:6px; background-image:url(http://img.imbc.com/broad/tv/culture/home/images/btn_essay_prev.png)}
#fotoFrame button#essayNext {left:218px; background-image:url(http://img.imbc.com/broad/tv/culture/home/images/btn_essay_next.png)}
#fotoFrame #essayNav {width:249px}
#fotoFrame #essayNav ul {width:78px; margin:0 auto; *margin:0; height:7px; overflow:hidden}
#fotoFrame #essayNav li {float:left; display:inline; width:8px; height:7px; background:url(http://img.imbc.com/broad/tv/culture/home/images/essay_nav.png) no-repeat 0 0; text-indent:-5000em; margin:0 3px 0 2px; overflow:hidden; line-height:7px}
#fotoFrame #essayNav li.on {background-position:0 -7px}

#f_copyright {height:89px; *height:134px; padding-top:45px}

@media only screen and (min-device-width: 768px) and (orientation:portrait) {
	#wrap {background-size:1920px, 1150px}
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
	#wrap {background-size:1920px, 1150px}
}