@charset "euc-kr";
@import url(http://www.imbc.com/commons/css/base-v2.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* °øÅë  */
body{ font-family: "³ª´® °íµñ", "Nanum Gothic", Dotum; font-size: 12px; }      
#wrap {width: 100%;min-width: 1024px;}
#container { width: 100%; overflow: hidden;background:#FFCDCC url('http://img.imbc.com/broad/tv/ent/event/happypyramid/img/happy-bg.jpg') no-repeat top center;}
#container.main .visual-top .broad-info{position:absolute;width: 186px;height: 32px;border-radius: 5px;background: url('http://img.imbc.com/broad/tv/ent/event/happypyramid/img/bg-broad-info.png') no-repeat center;;top:28px;right: 839px;z-index:100;font-size:12px;line-height: 2.5; color:#fff;}
#container.sub .visual-top .broad-info{position:absolute;width: 186px;height: 32px;border-radius: 5px;background:url('http://img.imbc.com/broad/tv/ent/event/happypyramid/img/bg-broad-info.png') no-repeat center;top:15px;right: 0;z-index:100;font-size:12px;line-height: 2.5; color:#fff;}
.con-header {width: 1024px;height: 532px;margin: 0 auto;text-align: center;position: relative;}
.con-header h1 {position: absolute;left: 50%;margin-left:-444px;top: 0;}
.con-header h1 a{display: block;width: 100%;}
.con-header .nav {position: absolute;width:100%;bottom: 0;height: 57px;background: #231815;font-size: 0;}
/*¸Þ´º*/
.con-header .nav ul { overflow: hidden;margin: 0 auto;}
.con-header .nav li{float:left;padding-top: 16px;padding-bottom: 11px;}
.con-header .nav li.nav-main{padding-left:19px;padding-right:22px;}
.con-header .nav li.nav-join{padding-left:24px;padding-right:24px;}
.con-header .nav li.nav-audience{padding-left:0px;padding-right:0px;}
.con-header .nav li.nav-photo{padding-left:15px;padding-right:15px;}
.con-header .nav li.nav-vod{padding-left:0px;padding-right:0px;}

.con-header .nav ul li a{float:left;background-image: url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/nav-sum.png");background-repeat: no-repeat;width: 180px;height: 30px;}

.con-header .nav ul li.nav-main a{background-position: 0 -200px;}
.con-header .nav ul li.nav-main a:hover{background-position: 1px -161px;}
.con-header .nav ul li.nav-join a{background-position: 0 -120px;}
.con-header .nav ul li.nav-join a:hover{background-position: 0 -80px;}
.con-header .nav ul li.nav-audience a{;background-position: 0 -280px;}
.con-header .nav ul li.nav-audience a:hover{background-position: 0 -240px;}
.con-header .nav ul li.nav-photo a{background-position: 0 -40px;}
.con-header .nav ul li.nav-photo a:hover{background-position: -1px 0;}
.con-header .nav ul li.nav-vod a{background-position: 4px -360px;}
.con-header .nav ul li.nav-vod a:hover{background-position: 4px -320px;}

.con-header .nav ul li.nav-main a.on{background-position: 1px -161px;}
.con-header .nav ul li.nav-join a.on{background-position: 0 -80px;}
.con-header .nav ul li.nav-audience a.on{background-position: 0 -240px;}
.con-header .nav ul li.nav-photo a.on{background-position: -1px 0;}
.con-header .nav ul li.nav-vod a.on{background-position: 4px -320px;}


.btn-like-program-wrap{position: absolute;left: 0px;top: 70px;z-index: 10;}

/*content*/
#container .con-wrap{width: 1012px;margin: 0 auto;border:6px solid #231815;;background: #fff;position: relative;}
#container.main .intro{background: url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/nav01-bg-v2.jpg") no-repeat left center;overflow: hidden;height:939px;}
#container.sub .con-wrap .container-left{overflow: hidden;width: 694px;}
#container.sub .notice .container-left{background: url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/nav02-bg.jpg") no-repeat left center;overflow: hidden;height: 668px;}
#container.sub .audience .container-left{background: url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/nav03-bg-v2.jpg") no-repeat left top;overflow: hidden;height:1685px;}
#container.sub .audience2 .container-left{background: url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/close.jpg") no-repeat left top;overflow: hidden;height:1269px;}

/*footer*/
#footer{padding:23px 0 29px 0;background: #FFCCCB;}


/* sub */
.sub .con-header {width: 1024px;height: 275px;margin: 0 auto;text-align: center;position: relative;}
.sub .con-header h1 {position: absolute;left: 50%;margin-left:-240px;top: 0;}
.sub .con-header h1 a{display: block;width: 100%;}

#container.sub .visual-top{width: 1024px;height: 218px;background: url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/sub-bg.png") no-repeat left top;}
#container.sub .btn-like-program-wrap{position: absolute;left: 0;top: 20px;z-index: 10;}

.con-wrap .header{height: 26px;padding-top: 32px;margin-bottom: 15px;text-align: left;font-size: 18px;color: rgba(54, 54, 54);letter-spacing: -1px;font-family: "Nanum Gothic", "³ª´® °íµñ", dotum, µ¸¿ò;border-bottom: 2px solid rgb(221, 221, 221);letter-spacing: -1px;}
#container.sub .con-wrap{padding: 0 24px;overflow: hidden;position: relative;width: 964px;font-family: "Nanum Gothic", "³ª´® °íµñ", dotum, µ¸¿ò;}
#container.sub .con-wrap .container-left {width: 694px;overflow: hidden;float: left;}
#container.sub .con-wrap .container-right { padding-bottom: 20px; float: left;margin-left: 15px;}
.sub-photo{margin-bottom: 30px;}


/*1. ¼±ÇàÂü¿© ¾È³»*/
/*main-table*/
.main-table{width:616px;position: absolute;top: 540px;left: 64px;color:#231815;}
.main-table tr{ border-bottom:4px solid #231815;border-top:4px solid #231815;background: #fff;}
.main-table th{text-align: center;border-right:4px solid #231815;border-left:4px solid #231815;background: #FFFFCC;}
.main-table td{padding: 19px 29px;border-right:4px solid #231815;}
.main-table td .td-first a{display: block;font-size:19px;background: url('http://img.imbc.com/broad/tv/ent/event/happypyramid/img/line.png') repeat-x left bottom;color:#231815;}
.main-table td .td-last{font-size:29px;background: url('http://img.imbc.com/broad/tv/ent/event/happypyramid/img/line.png') repeat-x left bottom;letter-spacing: -1px;}

/*2. ¹æû½Åû*/
/*aud-table*/
.aud-table{width:616px;position: absolute;top: 440px;left: 64px;color:#231815;}
.aud-table tr{ border-bottom:4px solid #231815;border-top:4px solid #231815;background: #fff;}
.aud-table th{text-align: center;border-right:4px solid #231815;border-left:4px solid #231815;background: #FFFFCC;}
.aud-table td{padding: 26px 35px;border-right:4px solid #231815;font-size:20px;color:#231815;}
.aud-table td .td-last{font-size:16px;line-height: 1.3;}
.aud-table td .td-last02{display: block;font-size:16px;margin-top: 18px;}
 
.change{position:absolute;top: 854px;left:564px;}
.apply{position:relative;top: 840px;left: 214px;width: 300px;height: 85px;cursor: pointer;}
.apply img{position: absolute;top: -6px;left: -30px;}

/*2-2 ¹æû½Åû Á¾·á*/
.aud-board{margin-top: 860px;}
.audience .aud-board{margin-top: 870px;}

/*2016-09-20  naver ÇØÇǺó ¹è³Ê Ãß°¡*/
.ban-happy{position: absolute;bottom: 80px;width: 100%;height: 324px;background:url("http://img.imbc.com/broad/tv/ent/event/happypyramid/img/ban-add.png") no-repeat center;;}
#promise{position: absolute;bottom: 43px;left: 50%;margin-left:-158.5px ;cursor: pointer;}