@import url('http://www.imbc.com/commons/css/base-v2.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body { background-color: #3A6E24;  text-align: center; }
.wrapper {min-width:1024px;font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò'; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;right:50%;z-index:100;margin-right:-505px;}
/* °øÅë */
.broad-info { position: absolute; left: 0; top: 26px; color: #fff; text-align: left; height: 35px; font-size: 13px; *width:120px;}
.broad-info li { padding:10px 0 10px 0; }
.broad-info li span { font-size:13px;color:#fff;letter-spacing:-1px;}
.broad-info li span.vertical-bar { margin: 0 4px 0 4px; }
.broad-info li.staff1, .broad-info li.staff2, .broad-info li.staff3 { display: inline-block; }
.broad-info li.staff1 { padding-left: 10px!important;}
.broad-info li.staff2 { padding-left: 0; }
.broad-info li.staff3 { padding-right: 10px!important; }
.broad-info li.staff4 { padding: 10px;} 
.broad-info li.group1 { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/staff-neme-bg.png") repeat-x; height: 20px; padding: 10px 0 10px 0;}
.broad-info li.group2 { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/staff-neme-bg.png") repeat-x; height: 20px; display: block; margin-top: 8px;}
.nav {text-align:center; background-color:#53a0d7; width: 1024px; margin: 0 auto;}
.nav ul {overflow:hidden;margin:0 auto;text-align:center; border: 2px solid #000;  height: 56px; }
.nav ul li {display:inline-block;height:57px;text-align:center;}
.nav ul li a {font-size:18px;color:#333333;letter-spacing:-1px; background:url(http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/vertical_bar.png) no-repeat left center; display: inline-block; text-align: center; height: 56px; }
.nav ul li.first-item a {background:none;}
.nav ul li.menu_vod { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-off-vod.png") no-repeat 25px 15px; }
.nav ul li.menu_vod:hover { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-on-vod.png") no-repeat 25px 15px; }
.nav ul li.menu_vod a{ width: 148px;}
.nav ul li.menu_legend_vod { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-off-legend_vod.png") no-repeat 30px 15px;}
.nav ul li.menu_legend_vod:hover { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-on-legend_vod.png") no-repeat 30px 15px;}
.nav ul li.menu_legend_vod a{ width: 198px;}
.nav ul li.menu_photo { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-off-photo.png") no-repeat 30px 15px; }
.nav ul li.menu_photo:hover { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-on-photo.png") no-repeat 30px 15px; }
.nav ul li.menu_photo a{ width: 146px;}
.nav ul li.menu_news { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-off-news.png") no-repeat 30px 15px;}
.nav ul li.menu_news:hover{ background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-on-news.png") no-repeat 30px 15px;}
.nav ul li.menu_news a{ width: 186px;}
.nav ul li.menu_clip { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-off-clip.png") no-repeat 30px 15px;}
.nav ul li.menu_clip:hover { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-on-clip.png") no-repeat 30px 15px;}
.nav ul li.menu_clip a{ width: 156px;}
.nav ul li.menu_apply { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-off-apply.png") no-repeat 35px 15px; }
.nav ul li.menu_apply:hover { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/nav-on-apply.png") no-repeat 35px 15px; }
.nav ul li.menu_apply a{ width: 158px;}
.section { text-align: left; overflow: hidden;}
.con-inner{ position: relative;}
.btn-more { position: absolute; right: 0; top: 15px; width: 36px; height: 9px; display: block;}
.main #footer { padding: 38px 0 36px 0; color: #fff; background: #346621; font-size:13px; }
.sub #footer { padding: 38px 0 36px 0; color: #fff; background: #3A6E24; font-size:13px;}
/* ¸ÞÀÎÆäÀÌÁö--------------------------------------------------------------------------------------------------------------------- */
.section2, .section3 { margin-top: 40px; position: relative;}
.main #container {  background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/2016fullmoondol_bg-02.jpg") no-repeat top center; position: relative;  min-width:1024px; }
.main .content { width: 926px; *width: 1024px; padding: 40px 47px 40px 47px; background: #fff; margin: 0 auto; border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;}
.main .tit-content{ border-bottom: 1px dotted #c2c2c2; padding-bottom: 3px;}
.main .visual-top {position:relative; overflow:hidden; height: 463px; width: 1024px; margin: 0 auto; text-align: center;}
.main .visual-top h1 { margin-top: 15px; }
.sect-left { float: left;width: 665px;margin-right: 11px;position: relative; }
.main .sect-right { float: left; width: 250px;}
.news .article { float: left; font-family: µ¸¿ò,"Dotum"; font-size: 12px; width: 230px; margin-left: 10px;  height: 240px; }
.news .article span.img {  padding-top: 10px; width: 230px; height: 169px; overflow: hidden; display: block; }
p.title-img { background: #e9e9e9; color: #666; padding: 13px 10px 13px 10px; height: 44px; }
.news .article-txt { width: 395px;  }
.news .article-txt ul { font-family: µ¸¿ò,"Dotum"; font-size: 12px; }
.news .article-txt ul li { padding: 10px 0 10px 0; height: 10px; margin-top: 10px;}
.icon-star { padding-right: 7px; vertical-align: middle;}
.photo ul {width: 838px;overflow: hidden;margin: 0 auto;margin-top: 27px;height: 160px;}
.photo ul li.article {  width: 201px; height: 135px; float: left; padding-left: 11px; line-height: 25px; text-align: center; }
.photo ul li.first-item { padding-left: 0; }
.photo ul li.article .img { width: 199px; height: 111px; overflow: hidden; border: 1px solid #afafaf; }
.photo ul li.article .img img { width: 201px; height: 113px;  }

.btn-left,.btn-right { width: 32px; height: 32px; display: block;}
.btn-left { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/slide_btn-left.png") no-repeat; }
.slide-leftbtn a:hover.btn-left { background-position: 0px -33px; }
.btn-right { background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/slide_btn-right.png") no-repeat; }
.slide-rightbtn a:hover.btn-right{ background-position: 0px -33px; }

.clip ul { width: 926px; overflow: hidden; margin: 0 auto; margin-top: 27px; }
.clip ul li.article {  width: 174px; height: 120px; float: left; padding-left: 14px; line-height: 25px; text-align: center; }
.clip ul li.first-item { padding-left: 0; }
.clip ul li.article .img { width: 172px; height: 96px; overflow: hidden; border: 1px solid #afafaf; }
.clip ul li.article .img img { width:172px; height: 96px;  }

/*¼­ºê°øÅë--------------------------------------------------------------------------------------------------------------------- */
.sub #container {  background: url("http://img.imbc.com/broad/tv/ent/event/2016fullmoonidol/img/2016fullmoondol_bg-sub-02.jpg") no-repeat top center; position: relative; }
.sub .content { width: 963px; *width: 1020px; padding: 30px 26px 40px 31px;  background: #fff; margin: 0 auto; border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000; 
text-align: left; overflow:hidden;}
.sub .visual-top { height: 255px; width: 1024px; position: relative; margin: 0 auto;}
.sub .visual-top {position:relative; overflow:hidden; height: 255px; width: 1024px; margin: 0 auto; text-align: center;}
.sub .visual-top h1 { margin-top: 15px; left: 50%; margin-left: -228px; }
.sub .sect-left { float: left; width: 675px; margin-top: 34px; margin-right: 38px; position: relative;  }

.sub .sect-right { float: left; width: 250px; margin-top: 34px;}
.sub .tit-content{ border-bottom: 1px solid #c2c2c2; padding-bottom: 10px;}
/*¹æû½Åû--------------------------------------------------------------------------------------------------------------------- */
.content_text{ margin-top: 14px; margin-bottom:34px;}
.modify_btn{ position:absolute; top:199px; right:72px;}
.apply_area{margin-top:26px; height:238px; text-align:center;}
button { margin: 0; padding: 0; border: none; background: none; cursor: pointer;}
.apply_btn{ padding-top:32px;}
.notice_text{ font-size:11px; color:#0c578c; padding-top:11px; margin-bottom:38px;}
.notice_area{ background:#e0f1fc; position:relative; font-size:11px; padding-top:32px; padding-left:32px;padding-right:32px; padding-bottom:33px; width: 611px }
.notice_header{ font-size:12px; color:#2b2521; font-weight:bold; margin-bottom:10px;}
.notice_text_bold{ font-weight:bold; color:#1a539b;}
.notice_text_vod{ padding-left:9px; }

/*.sect-auto { overflow-y: auto; overflow-x: hidden; }*/
p.title{font-size:13px;line-height: 16px;margin-top: 5px;}
#v_temp { font-size : 13px; } 
.v_notice ul li { font-size: 13px;}
.v_list_wrap .v_summary a { font-size: 13px; }
.photo ul li p.title {text-align:left; }

.documentation {overflow:hidden;text-align:left;}
.documentation-sub .container-left {float:left;margin-top:-1px;margin-right:28px;}