/*******************************
   Import
*******************************/

@import url('http://www.imbc.com/commons/css/base.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*******************************
   °øÅë
*******************************/
.page-main-body{background:#091b5b url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-main-v11.jpg') no-repeat center -32px;width:100%;*width:100%;text-align:center;}
.page-sub-body{background:#091b5b url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-sub-v10.jpg') no-repeat center 88px;width:100%;*width:100%;text-align:center;font-size:12px;}
#wrap{width:1024px;margin:0 auto;font-family:'µ¸¿ò','dotum';position:relative;text-align:center;}
#container{width:1024px;*width:1024px;margin:0 auto;position:relative;text-align:center;}
.nav{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-nav.png') no-repeat center -7px;width:1024px;*width:1024px;height:75px;margin-top:-7px;z-index:999;margin:0 auto;}
.nav .nav-inner{margin:0 auto;width:1024px;*width:1024px;}
.nav .nav-inner ul{padding-top:6px;position:relative;width:1024px;*width:1024px;}
.nav .nav-inner ul:after{content:'';display:block;clear:both;}
.nav .nav-inner ul li.main-menu{float:left;width:182px;;height:41px;*height:31px;padding:10px 9px 0;position:relative;}
.nav .nav-inner ul li.main-menu a{display:inline-block;height:34px;*height:34px;width:182px;*width:182px;}
.nav .nav-inner ul li.main-menu a span{text-indent:-999999px;}
.nav .nav-inner ul li.main-menu01 a{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/nav-menu01.png') no-repeat center 0;}
.nav .nav-inner ul li.main-menu02 a{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/nav-menu02.png') no-repeat center 0;}
.nav .nav-inner ul li.main-menu03 a{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/nav-menu03.png') no-repeat center 0;}
.nav .nav-inner ul li.main-menu04 a{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/nav-menu04.png') no-repeat center 0;}
.nav .nav-inner ul li.main-menu06 a{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/nav-recruit.jpg') no-repeat center 0;}
.nav .nav-inner ul li.main-menu05 a{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/nav-menu05.png') no-repeat center 0;}
.nav .nav-inner ul li a:hover,
.nav .nav-inner ul li a.main-active{background-position:center -34px;}
.nav .nav-inner ul li.main-menu01 a:hover,
.nav .nav-inner ul li.main-menu02 a:hover{background-position:center top;}
.nav .nav-inner ul li .sub-menu{display:inline-block;position:absolute;top:48px;display:none;z-index:999;left:0;width:182px;}
.nav .nav-inner ul li.main-menu ul.open{display:block !important;z-index:999;}
.nav .nav-inner ul li .sub-menu01{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-sub-menu01-v2.png') no-repeat bottom center;height:146px;z-index:999;}
.nav .nav-inner ul li .sub-menu02{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-sub-menu02-v2.png') no-repeat bottom center;height:74px;z-index:999;}
.nav .nav-inner ul li .sub-menu03{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-sub-menu03-v2.png') no-repeat bottom center;top:55px;padding-top:0;height:74px;z-index:999;}
.nav .nav-inner ul li .sub-menu04{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-sub-menu04-v2.png') no-repeat bottom center;height:111px;z-index:999;}
.nav .nav-inner ul li .sub-menu li{display:block;border-top:1px solid #2f1f7c;margin: 0 3px;width:176px;float:none;z-index:999;}
.nav .nav-inner ul li .sub-menu li:first-child{border-top:0;}
.nav .nav-inner ul li .sub-menu li a{background:none;padding:0;font-size:12px;height:35px;line-height:35px;font-weight:bold;color:#e7a7ff;width:176px;text-align:center;font-family:'µ¸¿ò','dotum';z-index:999;}
.nav .nav-inner ul li .sub-menu li a.sub-menu-active, .nav .nav-inner ul li .sub-menu li a:hover{color:#fff;text-decoration:underline;}

/*******************************
   Main
*******************************/
.page-main-visual{width:1024px;height:475px;position:relative;}
.page-main-visual:after{content:'';display:block;clear:both;}
.page-main-visual .info{color:#fff;font-size:12px;line-height:38px;text-align: right;padding-right: 31px;}
.page-main-visual h1{position:absolute;width:356px;height:261px;top: 10px;left: 50%;margin-left: -425px;}
.page-main-visual .btn-like-program-wrap{display:inline-block;float:right;padding-right:31px;}
.page-main-content{padding:35px 30px 44px;width:964px;}
.page-main-content .main-cont-top{width:964px;height:274px;margin-bottom:30px;}
.page-main-content .main-cont-top div{float:left;}
.page-main-content .main-cont-top .this-week-guest{width:342px;}
.page-main-content .main-cont-top .this-week-guest .guest-title{height:24px;}
.page-main-content .main-cont-top .this-week-guest .guest-cont{width:338px;height:244px;border:3px solid #d9a9e4;}
.page-main-content .main-cont-top .this-week-guest .guest-cont #guest-cont-inner{padding:21px 28px;font-size:15px;line-height:26px;color:#000;font-family:'³ª´®°íµñ','Nanum Gothic';}
.page-main-content .main-cont-top .this-week-guest .guest-cont #guest-cont-inner p{display: inline-block;font-weight: bold;font-size: 16px;width: 282px;}
.page-main-content .main-cont-top .btns{padding-top:24px;margin:0 30px;width:312px;}
.page-main-content .main-cont-top .btns div{padding-top:12px;}
.page-main-content .main-cont-top .btns div img{z-index:-3}
.page-main-content .main-cont-top .btns div:first-child{padding-top:0;}
.page-main-content .main-cont-top .box-ad{padding-top:20px;}

.page-main-content .main-cont-center{width:964px;height:202px;margin-bottom:19px}
.page-main-content .main-cont-center > div{float:left;}
.page-main-content .main-cont-center .box-clean{margin-right:15px;}
.page-main-content .main-cont-center .box-clean .clean-title{height:24px}
.page-main-content .main-cont-center .box-clean .clean-cont ul{overflow:hidden;}
.page-main-content .main-cont-center .box-clean .clean-cont ul li{margin-left:16px;float:left;}
.page-main-content .main-cont-center .box-clean .clean-cont ul li:first-child{margin-left:0;}
.page-main-content .main-cont-center .box-clean .clean-cont ul li a{display:inline-block;font-size:14px;line-height:19px;color:#2a2a2a;width:230px;height:173px;}
.page-main-content .main-cont-center .box-clean .clean-cont ul li a .img-clean,
.img-news{display:block;background:#000;width:230px;height:126px;}
.page-main-content .main-cont-center .box-clean .clean-cont ul li a .img-clean img{max-width:230px;/* height: auto;min-height: auto; */}
.page-main-content .main-cont-center .box-clean .clean-cont ul li a .txt-clean,
.txt-news{display:block;background:#fff;width:230px;height:42px;text-align: center;font-family:'µ¸¿ò','dotum';padding-top:10px}

.page-main-content .news{width:472px;height:202px;overflow:hidden;}
.page-main-content .news-title{height:24px;}
.page-main-content .news-cont{overflow:hidden;}
.page-main-content .news-cont ul{overflow:hidden;}
.page-main-content .news-cont ul li{float:left;}
.page-main-content .news-cont ul li a{font-size:14px;line-height:19px;display:block;width:230px;}
.page-main-content .news-cont ul li a .img-news{display:block;width:230px;height:126px;overflow:hidden;}
.page-main-content .news-cont ul li a .img-news img{max-width:230px;/*height:126px; min-height:auto; */}
.page-main-content .news-cont ul li a .txt-news{display: block;color:#2a2a2a;width: 230px;height: 42px;text-align: center;font-family: 'µ¸¿ò','dotum';padding-top: 10px;}
.page-main-content .news-cont ul li.box-news-board{overflow:hidden;width:230px;margin-left:12px;padding-bottom:7px;}
.page-main-content .news-cont ul li.box-news-board a{font-size:12px !important;display:block;width:210px;color:#2a2a2a;padding-left:8px;font-family:'µ¸¿ò','dotum';background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-board-dot.jpg') no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.page-main-content .main-cont-bottom{width:964px;height:202px;}
.page-main-content .main-cont-bottom .clip{margin-right:11px;}
.page-main-content .clip-title{height:24px;}
.page-main-content .clip-cont ul{overflow:hidden;}
.page-main-content .clip-cont ul li{float:left;margin-left:15px;}
.page-main-content .clip-cont ul li:first-child{margin-left:0;}
.page-main-content .clip-cont ul li a{display:block;width:230px;height:173px;}
.page-main-content .clip-cont ul li a .img-clip{display:block;width:230px;height:126px;}
.page-main-content .clip-cont ul li a .img-clip img{width: 100%;height: auto;min-height: auto;}
.page-main-content .clip-cont ul li a .txt-clip{display:block;width:230px;height:42px;font-size:14px;line-height:19px;color:#2a2a2a;text-align: center;font-family:'µ¸¿ò','dotum';padding-top:10px;}

.page-main-content .notice-title{height:24px;}
.page-main-content .box-notice{margin-left:1px;width:224px;height:162px;border:3px solid #d9a9e4;}
.page-main-content .box-notice ul{padding:9px 18px;}
.page-main-content .box-notice ul li{}
.page-main-content .box-notice ul li a{font-size:12px;line-height:23px;color:#2a2a2a;padding-left:8px;font-family:'µ¸¿ò','dotum';background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-board-dot.jpg') no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:block;width:150px;}

.page-main-content .main-cont-bottom > div{float:left;}

#footer{padding:20px 0}
.l-copyright{margin:0 auto;text-align:center;color:#c2c4d1;font-size:12px;font-family:'µ¸¿ò','dotum';}


/*******************************
   Sub
*******************************/
.page-sub-visual{width:1024px;height:218px;position:relative;}
.page-sub-visual h1{position:absolute;width:260px;height:185px;top:10px;left: 50%;margin-left: -329px;}
.page-sub-visual h1 a{display:block;width:260px;height:185px}
.page-sub-visual .info{color:#fff;font-size:12px;line-height:38px;text-align: right;padding-right: 31px;}
.page-sub-visual .btn-like-program-wrap{display:inline-block;float:right;padding-right:31px;}
.page-sub-content{background:#fff;overflow:hidden;min-height:1093px;width:1024px;text-align:left;}
.page-sub-content h2{border-bottom:1px solid #7f88a8;line-height:38px;margin:30px 22px 10px 22px;font-family:'³ª´®°íµñ','nanum gothic';font-size:15px;color:#091b5b;font-weight:bold;display:inline-block;width:980px}
.page-sub-content .sub-content{float:left;margin:0 26px 0 22px;position:relative;font-size:12px;}
.page-sub-content .sub-content .box-vod,
.page-sub-content .sub-content .box-notice,
.page-sub-content .sub-content .box-clip,
.page-sub-content .sub-content .box-specialclip,
.page-sub-content .sub-content .box-board,
.page-sub-content .sub-content .box-winning,
.page-sub-content .sub-content .box-review,
.page-sub-content .sub-content .box-rookie,
.page-sub-content .sub-content .box-news{width:685px;}
.page-sub-content .right-content{float:left}
.page-sub-content .box-attend{width:400px;height:139px;position:absolute;top:617px;left:50%;margin-left:-205px;}
.page-sub-content .box-attend p{color:#fff;line-height:22px;font-weight:bold; padding-top:6px;}
.page-sub-content .box-attend h4{text-decoration:underline;font-size:15px; color:#0bffe8;font-family: dotum;}
.page-sub-content .box-attend .attend-title{color:#fff;margin-right:5px;}
.page-sub-content .box-attend .attend-txt{color:#fff;}
.page-sub-content .btn-recruit{position:absolute;top:793px; left:218px;cursor:pointer;}
.page-sub-content .sub-content .btn-attend{position:absolute;top:550px;left:50%;margin-left:-190px;background: none;border: 0;}
.page-sub-content .sub-content .box-winning{padding-top:20px;}
.page-sub-content .sub-content .box-winning-title{font-family: 'µ¸¿ò','dotum';font-size: 14px;color: #091b5b;font-weight: bold;margin:30px 0;text-align:center;}

.page-sub-content .apply .box-attend{background:url('http://img.imbc.com/broad/tv/ent/musiccore/images3/bg-attend.jpg') no-repeat top left; width:578px;height:139px;position:absolute;top:343px;left:50%;margin-left:-289px;}

.page-sub-content .apply .box-attend ul{padding-top: 20px;padding-left: 40px;}

.page-sub-content .apply .box-attend span{font-size:16px;font-family:'³ª´®°íµñ','Nanum Gothic';line-height:34px;font-weight:bold;display:inline-block;}

.page-sub-content .apply .box-attend .attend-title{color:#0bffe8;margin-right:5px;}

/*½ÃÃ»ÀÚÀ§¿øÈ¸ ÅõÇ¥ */
.musiclist_vote{width:616px;padding:40px 36px;margin-bottom:50px;background:#071e58;color:#fff;font-size:12px; font-family:dotum;}
.musiclist_vote p{line-height: 22px;letter-spacing: -.55px}
.musiclist_vote .musiclist{margin-top:25px;padding:15px 25px; text-align:center;background:#fff;font-size:12px; color:#222222;line-height:30px;}
.musiclist_vote .musiclist h3{text-align:left;}
.musiclist_vote .musiclist h3 span{font-size:11px; color:#313030;}
.musiclist_vote .musiclist table td{position:relative;border-bottom:1px solid #f49ff3;text-align:left;}
.musiclist_vote .musiclist table td input{position: absolute;right:20px;top:6px;}
.musiclist_vote .musiclist .btn_vote{margin:20px auto 15px;cursor:pointer;}
/* ´Ù½Ãº¸±âÆäÀÌÁö */
.v_list_wrap h3 a p{display:inline;padding: 0 3px;}
/* °øÁö»çÇ× */
.page-sub-content .sub-content .box-notice #hbbs_music_notice{height:520px !important;}

/* ÇÁ·Î±×·¥ ¼Ò°³ */
.staff-area { padding-bottom:65px; width:688px; background:#161652 url(http://img.imbc.com/broad/tv/ent/musiccore/images3/showstaff_12.jpg) no-repeat center top; padding-top:410px; box-sizing:border-box; }
.staff-area .staff-wrap { overflow:hidden; margin:0 auto; width:520px; height:230px; background:url(http://img.imbc.com/broad/tv/ent/musiccore/images3/staff-box.png) no-repeat center center; display:table; }
.staff-area .staff-wrap .staff-tit { width:41%; text-align:center; display:table-cell; vertical-align:middle;  padding-left:20px; box-sizing:border-box; }
.staff-area .staff-wrap .staff-list { width:59%; display:table-cell; vertical-align:middle; }
.staff-area .staff-wrap .staff-list ul li { font-size:0; margin-top:7px; color:#d6d4ff; font-family:'¸¼Àº °íµñ'; overflow:hidden; }
.staff-area .staff-wrap .staff-list ul li:first-child { margin-top:0; }
.staff-area .staff-wrap .staff-list ul li strong { width:55px; display:block; float:left; margin-right:10px; }
.staff-area .staff-wrap .staff-list ul li strong img { vertical-align:bottom; }
.staff-area .staff-wrap .staff-list ul li span { width:62%; letter-spacing:-1px; display:block; float:left; line-height:1.1; font-size:15px; }
