@charset "euc-kr";
/* @ Lyaout */
body {text-align:center}
.ui-body-main {background:url("http://img.imbc.com/broad/tv/culture/dine/images2/bg-body-x.gif") repeat-x 0 575px}
.ui-body-sub {background:url("http://img.imbc.com/broad/tv/culture/dine/images2/bg-sub.jpg") no-repeat center 120px}
.wrapper {overflow:hidden; width:100%}
.ui-body-main .wrapper {background:url("http://img.imbc.com/broad/tv/culture/dine/images2/bg-main.jpg") no-repeat center 120px}
#header {width:100%; height:150px}
#header .gnb {width:990px; margin:0 auto; text-align:left}
.ui-content-layout {overflow:hidden; position:relative; width:990px; margin:0 auto; text-align:left}
.ui-content-main {padding-top:455px}
.footer {padding:20px 0;}
/* @ Main Content */
.ui-content-main {overflow:hidden}
.ui-content-main .logo {position:absolute; left:16px; top:24px}
.ui-content-main .desc-txt {position:absolute; left:53px; top:291px; width:217px; height:142px; text-indent:-9999px; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/logo-txt.png") no-repeat}
.primary-staff {position:absolute; left:427px; top:397px}
.primary-staff ul {overflow:hidden; position:relative; width:300px}
.primary-staff li {float:left; width:148px; line-height:1.333; font-weight:bold; letter-spacing:-1px}
.primary-staff .ft {width:300px}
.ui-content-main .primary-date {position:relative; z-index:10; width:977px; *width:990px; height:22px; *height:30px; padding:8px 13px 0 0; line-height:1.333; font-weight:bold; color:#eeece0; letter-spacing:-1px; text-align:right}
.ui-content-main .ui-content-wrap {overflow:hidden; position:relative; width:990px; height:550px}
.ui-content-main .primary-nav {overflow:hidden; float:left; position:relative; z-index:20; width:175px; height:550px; margin:-30px 20px 0 0; background:#f4f5cd}
.ui-content-main .primary-nav ul {overflow:hidden; width:175px}
.ui-content-main .primary-nav li {overflow:hidden; width:141px; *width:175px; height:34px; padding:0 17px; letter-spacing:-1px; font-weight:bold}
.ui-content-main .primary-nav a {display:block; height:22px; *height:34px; padding:11px 0 0 28px; color:#005b21; line-height:1.333; border-bottom:1px dotted #d4d4d4; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/ico-nav-primary.png") no-repeat left center}
.ui-content-main .primary-nav .popular-nav {float:left; height:30px; margin-bottom:21px; padding:0; border-bottom:0}
.ui-content-main .primary-nav .popular-nav a {height:30px; *height:34px; padding:0; text-indent:-9999px}
.ui-content-main .primary-nav .vod-nav {width:84px; *width:84px}
.ui-content-main .primary-nav .vod-nav a {background:url("http://img.imbc.com/broad/tv/culture/dine/images2/nav-popular.jpg") no-repeat}
.ui-content-main .primary-nav .bbs-nav {width:91px; *width:91px}
.ui-content-main .primary-nav .bbs-nav a {background:url("http://img.imbc.com/broad/tv/culture/dine/images2/nav-popular.jpg") no-repeat -84px 0}
.preview-wrap {float:left; height:230px}
.preview-wrap h3 {margin-bottom:8px; padding:5px 0 0 220px; font-weight:bold}
.preview-wrap .obj {position:absolute; z-index:50; left:0; top:57px; width:210px; height:148px}
.preview-txt {padding-left:220px; color:#444; line-height:1.55}
.preview-date {display:block; margin-bottom:8px}
.preview-txt a {display:block; line-height:1.55}
.recipe-wrap ul {overflow:hidden; width:525px}
.recipe-wrap li {float:left; width:240px; margin-right:15px}
.recipe-wrap .thumb {display:block; overflow:hidden; float:left; width:128px; *width:130px; height:72px; *height:74px; margin-right:8px; border:1px solid #cfcfcf}
.recipe-wrap .thumb img {width:128px; vertical-align:top}
.recipe-wrap .txt {display:block; float:left; width:102px; color:#444; letter-spacing:-1px; line-height:1.333; font-weight:bold}
.primary-title {height:23px; *height:40px; margin-bottom:18px; padding:16px 0 0 37px; border-bottom:1px dotted #d4d4d4; font-size:14px; color:#005b21; line-height:1.333; letter-spacing:-1px; font-weight:bold; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/ico-title.png") no-repeat 0 12px}
.primary-wrap {overflow:hidden; position:relative; width:510px}
.primary-wrap .button {display:block; position:absolute; right:0; top:24px; width:37px; height:9px; text-indent:-9999px; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/btn-more.png") no-repeat}
.ad250 {overflow:hidden; position:absolute; right:10px; top:40px; width:250px; height:250px}
/* @ Sub Content */
.layout-grid {overflow:hidden; float:left; position:relative; width:735px; margin-right:5px; padding-top:250px}
.layout-grid .logo {position:absolute; left:3px; top:16px}
.layout-grid .logo a {display:block; width:212px; height:130px}
.ui-content-sub .primary-date {position:relative; z-index:10; width:722px; *width:735px; height:51px; padding:0 13px 0 0; line-height:51px; font-weight:bold; color:#eeece0; letter-spacing:-1px; text-align:right; background:#015a21}
.ui-content-sub .primary-nav {overflow:hidden; float:left; position:relative; z-index:20; width:130px; margin:-51px 10px 0 0}
.ui-content-sub .primary-nav ul {overflow:hidden; width:130px}
.ui-content-sub .primary-nav li {width:128px; *width:130px; padding:0 1px; height:34px; *height:35px; border-bottom:1px dotted #cbccaa; letter-spacing:-1px; font-weight:bold}
.ui-content-sub .primary-nav a {display:block; height:23px; *height:34px; padding:11px 0 0 40px; line-height:1.333; color:#015a21; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/ico-nav-primary.png") no-repeat 11px center}
.ui-content-sub .primary-nav .popular-nav {width:130px; *width:130px; padding:0; border-bottom:0}
.ui-content-sub .primary-nav .popular-nav a {height:30px; *height:34px; padding:0 0 0 16px; color:#313131}
.ui-content-sub .primary-nav .vod-nav {height:26px; *height:26px}
.ui-content-sub .primary-nav .vod-nav a {height:26px; *height:26px; line-height:26px; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/sub-nav-popular.jpg") no-repeat 0 0}
.ui-content-sub .primary-nav .bbs-nav {height:25px; *height:25px}
.ui-content-sub .primary-nav .bbs-nav a {height:25px; *height:25px; line-height:25px; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/sub-nav-popular.jpg") no-repeat 0 -26px}
.ui-content-sub .ui-content-wrap {overflow:hidden; width:735px; padding-bottom:20px; border-bottom:1px solid #d7d7d7; background:url("http://img.imbc.com/broad/tv/culture/dine/images2/bg-sub-y.gif") repeat-y}
.ui-content-sub h2 {overflow:hidden; width:585px; height:62px; font-size:16px; letter-spacing:-1px; font-weight:bold; line-height:62px; color:#37312b}
.content-body-wrap {overflow:hidden; float:left; width:585px}
.content-body {overflow:hidden; width:585px}
#right_common {overflow:hidden; float:left; width:250px}
.warning-txt {overflow:hidden; width:583px; *width:585px; margin-bottom:15px; border:1px solid #dcdcdc; text-align:center; background:#f1f1f1}
.warning-txt img {vertical-align:top}
.info-list {overflow:hidden; width:585px; margin-bottom:10px}
.info-list li {position:relative; width:405px; *width:585px; height:125px; *height:135px; margin-bottom:10px; padding:10px 0 0 180px; color:#444; line-height:1.333; background:url("http://img.imbc.com/broad/tv/culture/dine/images/line.jpg") no-repeat center bottom}
.info-list li h3 {position:relative; margin-bottom:35px; font-weight:bold}
.info-list li h3 span {display:block; position:absolute; left:0; top:18px; font-weight:normal}
.info-list .thumb {display:block; overflow:hidden; position:absolute; left:0; top:0; width:164px; *width:168px; height:114px; *height:118px; padding:4px 0 0 4px; background:url("http://img.imbc.com/broad/tv/culture/dine/images/info_img_bg.jpg") no-repeat}
.info-list .thumb img {vertical-align:top}
.info-page-navi {overflow:hidden; text-align:center}

.btn-like-program-wrap {position:absolute; top:10px; right:10px; z-index:999;}