@charset "utf-8";

body.sub0601 .content_top .notice_wrap{display:none;}
body.sub0601 .sc{margin-top:50px;}

/* 쪽지 */
.note_write_wrap{width:100%; overflow:hidden; margin-top:10px;}
.note_write_wrap .nt_textarea{width:954px; float:left; height:105px; border:1px solid #c2cdd2; background:white; border-radius:10px; padding:16px 20px;}
.note_write_wrap a{display:block; width:240px; height:105px; line-height:105px; float:right; border-radius:10px; background:#04a2b3; text-align:center; color:white; font-size:16px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.note_write_wrap a:hover{background:#028896;}

.note_list{width:100%; margin-top:20px;}
.note_list .box{width:100%; margin-top:6px; padding:30px; border:1px solid #c2cdd2; background:#f6f9fb; border-radius:10px; overflow:hidden;}
.note_list .box:first-child{margin-top:0;}
.note_list .box p{font-size:14px; color:#666; line-height:24px; width:80%; float:left;}
.note_list .box dfn{display:block; font-size:12px; color:#888; letter-spacing:0; width:20%; float:right; text-align:right; padding-top:6px;}


/* vod */
.vod_wrap{width:100%;}
.vod_wrap > p{font-size:16px; color:#2a323c; font-weight:700; font-family:'Nanum Gothic', sans-serif;}
.vod_wrap > p span{display:inline-block; color:#0a8fd9;}
.vod_wrap .vod_list{width:100%; border-top:2px solid #2a323c; border-bottom:1px solid #c2cdd2; margin-top:30px; padding-top:30px;}
.vod_wrap .vod_list .vod_inner{margin:0 -15px;}
.vod_wrap .vod_list .vod_inner ul{width:100%; overflow:hidden;}
.vod_wrap .vod_list .vod_inner ul li{width:33.333%; float:left; padding:0 15px; margin-bottom:40px;}
.vod_wrap .vod_list .vod_inner ul li a{display:block;}
.vod_wrap .vod_list .vod_inner ul li a > div{position:relative;}
.vod_wrap .vod_list .vod_inner ul li a > div > img{width:100%;}
.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit01{position:absolute; top:10px; left:10px; height:30px; line-height:30px; text-align:center; padding:0 15px; color:white; font-size:12px; border-radius:4px; background:#e66060;}
.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit02{position:absolute; top:10px; left:10px; height:30px; line-height:30px; text-align:center; padding:0 15px; color:white; font-size:12px; border-radius:4px; background:#0a8fd9;}
.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit03{position:absolute; top:10px; left:10px; height:30px; line-height:30px; text-align:center; padding:0 15px; color:white; font-size:12px; border-radius:4px; background:#2a323c;}
.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit03 span{display:inline-block; color:#8b8b8b; position:relative; padding-left:6px; margin-left:6px; vertical-align:middle;}
.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit03 span:before{content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background:#555b63;}
.vod_wrap .vod_list .vod_inner ul li a strong{width:100%; display:block; font-size:15px; color:#2a323c; font-weight:700; padding-top:24px; line-height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.vod_wrap .vod_list .vod_inner ul li a:hover strong{text-decoration:underline;}

.vod_view{width:100%;}
.vod_view .vod_view_top{width:100%; overflow:hidden;}
.vod_view .vod_view_top strong{width:968px; display:block; float:left; font-size:20px; color:#2a323c; font-weight:700; line-height:30px; padding-top:4px;}
.vod_view .vod_view_top div{float:right; height:42px; line-height:42px; background:#e66060; text-align:center; border-radius:21px; font-size:14px; font-weight:700; padding:0 24px; color:white;}
.vod_view .vod_view_cont{width:100%; border-top:2px solid #2a323c; margin-top:20px; font-size:13px; color:#666; line-height:22px; padding:30px 0 50px 0; border-bottom:1px solid #c2cdd2;}

.vod_view .vod_view_middle{width:100%; padding:30px 40px; margin-top:20px;}

.vod_view .vod_view_bottom{width:100%; padding:30px 40px; border:1px solid #e66060; border-radius:10px; margin-bottom:20px; position:relative;}
.vod_view .vod_view_bottom:before{content:''; position:absolute; top:50%; margin-top:-18px; left:40px; width:40px; height:36px; background:url('../img/board/caution_icon.png') 0 0 no-repeat;}
.vod_view .vod_view_bottom > div{position:relative; padding-left:100px;}
.vod_view .vod_view_bottom > div:before{content:''; position:absolute; top:50%; margin-top:-34px; left:70px; width:1px; height:68px; background:#d7dadc;}
.vod_view .vod_view_bottom > div > div{font-size:16px; color:#2a323c; font-weight:700; line-height:100%;}
.vod_view .vod_view_bottom > div > div span{display:inline-block; color:#e66060;}
.vod_view .vod_view_bottom > div dfn{display:block; font-size:13px; color:#666; line-height:100%; padding-top:8px;}
.vod_view .vod_view_bottom > div p{font-size:15px; color:#2a323c; line-height:100%; padding-top:16px;}
.vod_view .btn_wrap{width:100%; margin-top:40px; text-align:center;}
.vod_view .btn_wrap a{display:inline-block; width:120px; height:56px; border-radius:4px; background:#2a323c; line-height:56px; text-align:center; color:white; font-size:15px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.vod_view .btn_wrap a:hover{background:#131920;}


/* 소개 */
.intro_wrap{width:100%;}

.ebp_wrap{width:100%; border-top:2px solid #2a323c; border-bottom:1px solid #e2e2e2;}
/*
.e_booth_list{margin:0 -10px;}
.e_booth_list ul{width:100%; padding:30px 0 40px 0; overflow:hidden;}
.e_booth_list ul li{min-height:124px; float:left; padding:0 20px; width:25%; margin:20px 0; text-align:center;}
.e_booth_list ul li > p{font-size:14px; color:#666; padding-top:16px;}
.e_booth_list ul li a{display:block;}
.e_booth_list ul li a img{width:100%; height:76px;}
.e_booth_list ul li a.guestbook_btn{display:inline-block; width:84px; height:32px; line-height:32px; text-align:center; border-radius:4px; color:white; font-size:12px; font-weight:700; background:#373f4a; margin-top:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.e_booth_list ul li a.guestbook_btn:hover{background:#2a323c;}
*/

.e_booth_list{margin:0 -10px;}
.e_booth_list ul{width:100%; padding:30px 0 40px 0; overflow:hidden;}
.e_booth_list ul li{float:left; padding:5px; width:23%; margin:10px; text-align:center; box-shadow: 1px 1px 2px 2px #e2e2e2;}
.e_booth_list ul li a{display:block;}
.e_booth_list ul li a.img_area {padding-bottom:41.67%; background-size:contain !important;}
.e_booth_list ul li p{font-size:14px; color:#666; font-weight:700; background:#f3f3f3; padding:10px;}
.e_booth_list ul li button.guestbook_btn{display:inline-block; width:84px; height:32px; line-height:32px; text-align:center; border-radius:4px; color:white; font-size:12px; font-weight:700; background:#373f4a; margin-top:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;padding:0;}
.e_booth_list ul li button.guestbook_btn:hover{background:#2a323c;}

.e_booth_grade_list{margin:0 -10px;}
.e_booth_grade_list ul{width:100%; padding:30px 0 40px 0; overflow:hidden;}
.e_booth_grade_list ul li{padding:20px; width:23%; margin:10px; text-align:center; box-shadow: 1px 1px 2px 2px #e2e2e2;}
.e_booth_grade_list ul li > div{background-color:#f3f3f3;padding:10px}
.e_booth_grade_list ul li > div > p{font-size:14px; color:#666; font-weight:700}
.e_booth_grade_list ul li a{display:block; padding-bottom:41.67%; background-size:contain !important;}
.e_booth_grade_list ul li a img{width:100%; height:76px;}
.e_booth_grade_list ul li a.guestbook_btn{display:inline-block; width:84px; height:32px; line-height:32px; text-align:center; border-radius:4px; color:white; font-size:12px; font-weight:700; background:#373f4a; margin-top:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;padding:0;}
.e_booth_grade_list ul li a.guestbook_btn:hover{background:#2a323c;}


.guestbook_popup{display:none; position:fixed; top:50%; left:50%; z-index:1001; padding:34px 40px; width:784px; margin-left:-392px; background:white; border-radius:10px; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.guestbook_cont{width:100%; overflow:hidden; margin-top:30px;}
.guestbook_cont .nt_textarea{width:80%; float:left; height:105px; border:1px solid #c2cdd2; background:white; border-radius:10px; padding:16px 20px;}
.guestbook_cont a{display:block; width:19%; height:105px; line-height:105px; float:right; border-radius:10px; background:#04a2b3; text-align:center; color:white; font-size:16px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.guestbook_cont a:hover{background:#028896;}


.e_online_list{margin:0 -10px;}
.e_online_list ul{width:100%; padding:30px 0 40px 0; overflow:hidden;}
.e_online_list ul li{float:left; padding:0 20px; width:33%; margin:20px 0; text-align:center;}
.e_online_list ul li > p{font-size:14px; color:#666; padding-top:16px;}
.e_online_list ul li a{display:block; padding-bottom:41.67%; background-size:contain !important;}
.e_online_list ul li a img{width:100%; height:76px;}
.e_online_list ul li a.guestbook_btn{display:inline-block; width:84px; height:32px; line-height:32px; text-align:center; border-radius:4px; color:white; font-size:12px; font-weight:700; background:#373f4a; margin-top:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;padding:0;}
.e_online_list ul li a.guestbook_btn:hover{background:#2a323c;}


.e_poster_list{width:100%; border-top:2px solid #2a323c; margin-top:20px;}
.e_poster_list ul{width:100%;}
.e_poster_list ul li{width:100%; border-bottom:1px solid #e2e2e2; padding:20px 0;}
.e_poster_list ul li a{display:table; position:relative; width:100%;}
.e_poster_list ul li a p{width:8%; display:table-cell; vertical-align:middle;}
.e_poster_list ul li a p img{width:100%; vertical-align:middle;}
.e_poster_list ul li a > div{width:92%; display:table-cell; padding-left:30px; display:table; height:124px;}
.e_poster_list ul li a > div div{display:table-cell; vertical-align:middle;}
.e_poster_list ul li a > div div strong{display:block; font-size:16px; color:#111;}
.e_poster_list ul li a > div div p{width:100%; margin-top:14px;}
.e_poster_list ul li a > div div p span{display:inline-block; position:relative; padding:0 10px; font-size:13px; color:#04a2b3;}
.e_poster_list ul li a > div div p span:before{content:''; position:absolute; top:50%; margin-top:-5px; left:0; width:1px; height:10px; background:#ddd;}
.e_poster_list ul li a > div div p span:first-child{padding-left:0;}
.e_poster_list ul li a > div div p span:first-child:before{display:none;}

span.poster_down_btn dfn{background:#e9e9e9; color:#333; text-align:center; display:inline-block; padding:4px 10px; border-radius:4px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.e_poster_list ul li a:hover span.poster_down_btn dfn{background:#2a323c; color:white;}



.e_poster_list2{width:100%; border-top:2px solid #2a323c; margin-top:20px;}
.e_poster_list2 ul{width:100%;}
.e_poster_list2 ul li{width:100%; border-bottom:1px solid #e2e2e2; padding:20px 0;}
.e_poster_list2 ul li a{display:table; position:relative;}
.e_poster_list2 ul li a p{width:10%; display:table-cell; vertical-align:middle;}
.e_poster_list2 ul li a p img{width:100%; vertical-align:middle;}
.e_poster_list2 ul li a > div{width:90%; display:table-cell; padding-left:30px; display:table; height:124px;}
.e_poster_list2 ul li a > div div{display:table-cell; vertical-align:middle;}
.e_poster_list2 ul li a > div div strong{display:block; font-size:16px; color:#111;}
.e_poster_list2 ul li a > div div p{width:100%; margin-top:14px;}
.e_poster_list2 ul li a > div div p span{display:inline-block; position:relative; padding:0 10px; font-size:13px; color:#04a2b3;}
.e_poster_list2 ul li a > div div p span:before{content:''; position:absolute; top:50%; margin-top:-5px; left:0; width:1px; height:10px; background:#ddd;}
.e_poster_list2 ul li a > div div p span:first-child{padding-left:0;}
.e_poster_list2 ul li a > div div p span:first-child:before{display:none;}

.e_poster_list2 ul li a:hover span.poster_down_btn dfn{background:#2a323c; color:white;}



span.eposter_vod_btn{display:block; position:absolute; top:00; right:0; cursor:pointer; padding:0 12px; height:32px; line-height:32px; background:#04a2b3; text-align:center; color:white; font-size:12px; font-weight:700; border-radius:4px;}



.board_search{width:100%; overflow:hidden;}
.board_search div{float:right; overflow:hidden;}
.board_search div select{width:120px; height:36px; line-height:36px; float:left; padding-left:10px; border:1px solid #c2cdd2;}
.board_search div input{width:220px; height:36px; line-height:36px; float:left; margin-left:2px; padding:0 10px; border:1px solid #c2cdd2;}
.board_search div a{display:block; width:60px; height:36px; line-height:36px; float:left; text-align:center; background:#2a323c; color:white; font-size:13px; font-weight:700; margin-left:2px;}



/* 약관 */
.terms_warp{width:100%;}
.terms_warp .terms_tab{width:100%; overflow:hidden;}
.terms_warp .terms_tab li{width:50%; float:left; height:54px; line-height:54px;}
.terms_warp .terms_tab li a{display:block; background:#eef3f5; text-align:center; font-size:15px; color:#666;}
.terms_warp .terms_tab li a.on{background:#0a8fd9; font-weight:700; color:white;}
.terms_warp .terms_cont{font-size:15px; line-height:24px; color:#666; padding:50px 0 80px 0;}


/* 사회자 쪽지 */
.moderator_wrap{width:1200px; margin:0 auto; padding-bottom:80px;}

.moderator_top{width:100%; overflow:hidden;}
.moderator_top p{width:1000px; font-size:18px; color:#2a323c; font-weight:700; line-height:28px; float:left; padding-top:4px;}
.moderator_top p span{display:inline-block; color:#04a2b3;}
.moderator_top a.refresh_btn{float:right; display:block; width:100px; height:36px; line-height:34px; border:1px solid #c2cdd2; text-align:center; font-size:13px; color:#546e7a; border-radius:4px; background:url('../img/board/ref_icon.png') 14px 50% no-repeat; padding-left:22px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.moderator_top a.refresh_btn:hover{background:#ecf1f4 url('../img/board/ref_icon.png') 14px 50% no-repeat; border:1px solid #0a8fd9; color:#0a8fd9; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

.moderator_top a.refresh_btn2{float:right; display:block; width:150px; height:36px; line-height:34px; border:1px solid #c2cdd2; text-align:center; font-size:13px; color:#546e7a; border-radius:4px; background:url('../img/board/ref_icon.png') 14px 50% no-repeat; padding-left:22px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.moderator_top a.refresh_btn2:hover{background:#ecf1f4 url('../img/board/ref_icon.png') 14px 50% no-repeat; border:1px solid #0a8fd9; color:#0a8fd9; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

.moderator_list{width:100%; margin-top:24px;}
.moderator_list .box{width:100%; margin-top:6px; padding:24px 30px; border:1px solid #c2cdd2; background:white; border-radius:10px; overflow:hidden;}
.moderator_list .box:first-child{margin-top:0;}
.moderator_list .box p{font-size:14px; color:#666; line-height:24px; width:76%; float:left;}
.moderator_list .box ul{width:24%; float:right; font-size:0; text-align:right; padding-top:5px;}
.moderator_list .box ul li{display:inline-block; font-family:'Nanum Gothic', sans-serif; letter-spacing:0; font-size:12px; color:#888;}


/* paging */
.paging{width:100%; margin-top:40px; position:relative; font-size:0; text-align:center;}
.paging > a{color:#666; display:inline-block; min-width:30px; height:30px; line-height:30px; font-size:15px; text-align:center; vertical-align:middle; margin:0 2px; font-family:'Roboto', sans-serif; position:relative;}
.paging > a.on{color:#04a2b3;}
.paging > a.on:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#04a2b3;}
.paging .pageBtn{text-indent:-99999px; margin:0;}
.paging .pageBtn_first{background:url('../img/board/btn_first.png') no-repeat 50% 50%; background-size:10px;}
.paging .pageBtn_prev{background:url('../img/board/btn_prev.png') no-repeat 50% 50%; margin-right:10px; background-size:5px;}
.paging .pageBtn_next{background:url('../img/board/btn_next.png') no-repeat 50% 50%; margin-left:10px; background-size:5px;}
.paging .pageBtn_last{background:url('../img/board/btn_last.png') no-repeat 50% 50%; background-size:10px;}


/* add style */
.inxxtxx strong {display:block; margin-bottom:5px;}
.blockspan {display:block; margin-top:10px;}
.btNs {display:inline-block; width:60px; height:30px; vertical-align:middle; text-align:center; padding:7px 0; border:1px solid #aaa;}
.btNs.plus {padding:7px 0;}
.btNs + .btNs {margin-left:10px;}

.pop_wrap{background:rgba(0,0,0,0.7); position:absolute; top:0; width:100%; height:100%; text-align:center; z-index:3000; display:table;}
.pop_wrap > div{display:table-cell; vertical-align:middle;}
.pop_wrap > div a{display:inline-block; height:60px; line-height:60px; padding:0 42px; font-size:15px; color:white; font-weight:700; z-index:5000;}


@media all and (max-width:768px) {
	.btNs {width:45%;}
}

@media all and (max-width:1220px) {

	body.sub0601 .sc{margin-top:30px;}

	/* 쪽지 */
	.note_write_wrap{width:100%; margin-top:20px;}
	.note_write_wrap .nt_textarea{width:100%; height:105px; border:1px solid #c2cdd2; background:white; border-radius:10px; padding:16px 20px;}
	.note_write_wrap a{display:block; width:100%; margin-top:4px; height:40px; line-height:40px; border-radius:10px; background:#091C44; text-align:center; color:white; font-size:13px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.note_write_wrap a:hover{background:#091C44;}

	.note_list{width:100%; margin-top:20px;}
	.note_list .box{width:100%; margin-top:4px; padding:14px; border:1px solid #c2cdd2; background:#f6f9fb; border-radius:10px;}
	.note_list .box:first-child{margin-top:0;}
	.note_list .box p{font-size:12px; color:#666; line-height:20px; width:100%;}
	.note_list .box dfn{display:block; font-size:11px; color:#888; letter-spacing:0; width:100%; padding-top:12px;}

	/* vod */
	.vod_wrap{width:100%;}
	.vod_wrap > p{font-size:13px; color:#2a323c; font-weight:700; font-family:'Nanum Gothic', sans-serif;}
	.vod_wrap > p span{display:inline-block; color:#0a8fd9;}
	.vod_wrap .vod_list{width:100%; border-top:2px solid #2a323c; border-bottom:1px solid #c2cdd2; margin-top:14px; padding-top:20px;}
	.vod_wrap .vod_list .vod_inner{margin:0 -4px;}
	.vod_wrap .vod_list .vod_inner ul{width:100%; overflow:hidden;}
	.vod_wrap .vod_list .vod_inner ul li{width:50%; float:left; padding:0 4px; margin-bottom:20px;}
	.vod_wrap .vod_list .vod_inner ul li a{display:block;}
	.vod_wrap .vod_list .vod_inner ul li a > div{position:relative;}
	.vod_wrap .vod_list .vod_inner ul li a > div > img{width:100%;}
	.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit01{position:absolute; top:4px; left:4px; height:24px; line-height:24px; text-align:center; padding:0 10px; color:white; font-size:10px; border-radius:4px; background:#e66060;}
	.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit02{position:absolute; top:4px; left:4px; height:24px; line-height:24px; text-align:center; padding:0 10px; color:white; font-size:10px; border-radius:4px; background:#0a8fd9;}
	.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit03{position:absolute; top:4px; left:4px; height:24px; line-height:24px; text-align:center; padding:0 10px; color:white; font-size:10px; border-radius:4px; background:#2a323c;}
	.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit03 span{display:inline-block; color:#8b8b8b; position:relative; padding-left:6px; margin-left:6px; vertical-align:middle;}
	.vod_wrap .vod_list .vod_inner ul li a > div > .vod_blit03 span:before{content:''; position:absolute; top:50%; left:0; margin-top:-4px; width:1px; height:8px; background:#555b63;}
	.vod_wrap .vod_list .vod_inner ul li a strong{width:100%; display:block; font-size:13px; color:#2a323c; font-weight:700; padding-top:10px; line-height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.vod_wrap .vod_list .vod_inner ul li a:hover strong{text-decoration:underline;}

	.vod_view{width:100%;}
	.vod_view .vod_view_top{width:100%;}
	.vod_view .vod_view_top strong{width:100%; display:block; font-size:14px; color:#2a323c; font-weight:700; line-height:22px;}
	.vod_view .vod_view_top div{height:30px; line-height:30px; background:#e66060; text-align:center; border-radius:21px; font-size:11px; font-weight:700; padding:0 10px; color:white; margin-top:12px;}
	.vod_view .vod_view_cont{width:100%; border-top:2px solid #2a323c; margin-top:20px; font-size:12px; color:#666; line-height:20px; padding:20px 0 30px 0; border-bottom:1px solid #c2cdd2;}
	.vod_view .vod_view_bottom{width:100%; padding:14px; border:1px solid #e66060; border-radius:10px; margin-top:10px; position:relative;}
	.vod_view .vod_view_bottom:before{content:''; position:absolute; top:50%; margin-top:-18px; left:20px; width:30px; height:27px; background:url('../img/board/caution_icon.png') 0 0 no-repeat; background-size:100%;}
	.vod_view .vod_view_bottom > div{position:relative; padding-left:80px;}
	.vod_view .vod_view_bottom > div:before{content:''; position:absolute; top:0; left:60px; width:1px; height:100%; background:#d7dadc;}
	.vod_view .vod_view_bottom > div > div{font-size:14px; color:#2a323c; font-weight:700; line-height:20px;}
	.vod_view .vod_view_bottom > div > div span{display:inline-block; color:#e66060;}
	.vod_view .vod_view_bottom > div dfn{display:block; font-size:11px; color:#666; line-height:18px; padding-top:10px;}
	.vod_view .vod_view_bottom > div p{font-size:12px; color:#2a323c; line-height:18px; padding-top:10px;}
	.vod_view .btn_wrap{width:100%; margin-top:20px; text-align:center;}
	.vod_view .btn_wrap a{display:inline-block; width:80px; height:40px; border-radius:4px; background:#2a323c; line-height:40px; text-align:center; color:white; font-size:13px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.vod_view .btn_wrap a:hover{background:#131920;}

	/* 소개 */
	.intro_wrap{width:100%;}

	.ebp_wrap{width:100%; border-top:2px solid #2a323c; border-bottom:1px solid #e2e2e2;}
	.e_booth_list{margin:0 -10px;}
	.e_booth_list ul{width:100%; padding:14px 0 20px 10px; overflow:hidden;}
	.e_booth_list ul li{float:left; padding:5px; width:43%; margin:8px; text-align:center; box-shadow: 1px 1px 2px 2px #e2e2e2;}
	.e_booth_list ul li > div{background-color:#f3f3f3;padding:8px}
	.e_booth_list ul li > div > p{font-size:12px; color:#666; padding:14px 0 4px 0; font-weight:800}
	.e_booth_list ul li a{display:block;}
	.e_booth_list ul li a img{width:100%;}
	.e_booth_list ul li a.guestbook_btn{display:inline-block; width:60px; height:28px; line-height:28px; text-align:center; border-radius:4px; color:white; font-size:10px; background:#bdc9d1; margin-top:4px;}
	
	.e_booth_grade_list{margin:0 -10px;}
	.e_booth_grade_list ul{width:100%; padding:14px 0 20px 0; overflow:hidden;}
	.e_booth_grade_list ul li{padding:0 10px; width:50%; margin:10px 0; text-align:center;}
	.e_booth_grade_list ul li > p{font-size:12px; color:#666; padding:14px 0 4px 0;}
	.e_booth_grade_list ul li a{display:block;}
	.e_booth_grade_list ul li a img{width:100%;}
	.e_booth_grade_list ul li a.guestbook_btn{display:inline-block; width:60px; height:28px; line-height:28px; text-align:center; border-radius:4px; color:white; font-size:10px; background:#bdc9d1; margin-top:4px;}

	.e_online_list{margin:0 -10px;}
	.e_online_list ul{width:100%; padding:14px 0 20px 0; overflow:hidden;}
	.e_online_list ul li{float:left; padding:0 10px; width:50%; margin:10px 0; text-align:center;}
	.e_online_list ul li > p{font-size:12px; color:#666; padding:14px 0 4px 0;}
	.e_online_list ul li a{display:block;}
	.e_online_list ul li a img{width:100%;}
	.e_online_list ul li a.guestbook_btn{display:inline-block; width:60px; height:28px; line-height:28px; text-align:center; border-radius:4px; color:white; font-size:10px; background:#bdc9d1; margin-top:4px;}
	
	.guestbook_popup{display:none; position:fixed; top:50%; left:50%; z-index:1001; padding:20px; width:80%; margin-left:-40%; background:white; border-radius:10px; transform:translateY(-50%); -ms-transform:translateY(-50%);}
	.guestbook_cont{width:100%; margin-top:16px;}
	.guestbook_cont .nt_textarea{width:100%; height:80px; border:1px solid #c2cdd2; background:white; border-radius:4px; padding:12px 14px;}
	.guestbook_cont a{display:block; width:100%; height:30px; line-height:30px; margin-top:10px; border-radius:4px; background:#04a2b3; text-align:center; color:white; font-size:13px; font-weight:700; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
	.guestbook_cont a:hover{background:#028896;}

	.e_poster_list{width:100%; border-top:2px solid #2a323c; margin-top:14px;}
	.e_poster_list ul{width:100%;}
	.e_poster_list ul li{width:100%; border-bottom:1px solid #e2e2e2; padding:16px 0;}
	.e_poster_list ul li a{display:block; overflow:hidden;}
	.e_poster_list ul li a > p{width:20%; float:left;}
	.e_poster_list ul li a p img{width:100%;}
	.e_poster_list ul li a > div{width:80%; float:left; padding-left:20px;}
	.e_poster_list ul li a > div div{display:block;}
	.e_poster_list ul li a > div div strong{display:block; font-size:13px; color:#111; line-height:18px;}
	.e_poster_list ul li a > div div p{width:100%; margin-top:10px;}
	.e_poster_list ul li a > div div p span{display:inline-block; position:relative; padding:0 6px; font-size:11px; color:#04a2b3;}
	.e_poster_list ul li a > div div p span:before{content:''; position:absolute; top:50%; margin-top:-5px; left:0; width:1px; height:10px; background:#ddd;}
	.e_poster_list ul li a > div div p span:first-child{padding-left:0;}
	.e_poster_list ul li a > div div p span:first-child:before{display:none;}

	.e_poster_list2{width:100%; border-top:2px solid #2a323c; margin-top:14px;}
	.e_poster_list2 ul{width:100%;}
	.e_poster_list2 ul li{width:100%; border-bottom:1px solid #e2e2e2; padding:16px 0;}
	.e_poster_list2 ul li a{display:block; overflow:hidden;}
	.e_poster_list2 ul li a > p{width:50%; float:left;}
	.e_poster_list2 ul li a p img{width:100%;}
	.e_poster_list2 ul li a > div{width:100%; float:left; padding-left:20px;margin-top:5px;}
	.e_poster_list2 ul li a > div div{display:block;}
	.e_poster_list2 ul li a > div div strong{display:block; font-size:13px; color:#111; line-height:18px;}
	.e_poster_list2 ul li a > div div p{width:100%; margin-top:10px;}
	.e_poster_list2 ul li a > div div p span{display:inline-block; position:relative; padding:0 6px; font-size:11px; color:#04a2b3;}
	.e_poster_list2 ul li a > div div p span:before{content:''; position:absolute; top:50%; margin-top:-5px; left:0; width:1px; height:10px; background:#ddd;}
	.e_poster_list2 ul li a > div div p span:first-child{padding-left:0;}
	.e_poster_list2 ul li a > div div p span:first-child:before{display:none;}

	span.eposter_vod_btn{position:relative; display:block; cursor:pointer; width:58px; height:28px; line-height:28px; background:#04a2b3; text-align:center; color:white; font-size:11px; font-weight:700; border-radius:4px; margin-top:12px;}

	.board_search{width:100%;}
	.board_search div{float:none;}
	.board_search div select{width:22%; height:32px; line-height:32px; float:left; padding-left:4px; border:1px solid #c2cdd2;}
	.board_search div input{width:64%; height:32px; line-height:32px; float:left; margin-left:1%; padding:0 10px; border:1px solid #c2cdd2;}
	.board_search div a{display:block; width:12%; height:32px; line-height:32px; float:left; text-align:center; background:#2a323c; color:white; font-size:13px; font-weight:700; margin-left:1%;}

	/* 약관 */
	.terms_warp{width:100%;}
	.terms_warp .terms_tab{width:100%; overflow:hidden;}
	.terms_warp .terms_tab li{width:50%; float:left; height:36px; line-height:36px;}
	.terms_warp .terms_tab li a{display:block; background:#eef3f5; text-align:center; font-size:12px; color:#666;}
	.terms_warp .terms_tab li a.on{background:#0a8fd9; font-weight:700; color:white;}
	.terms_warp .terms_cont{font-size:12px; line-height:20px; color:#666; padding:20px 0 40px 0;}

	/* 사회자 쪽지 */
	.moderator_wrap{width:100%; margin:0 auto; padding:0 4% 40px 4%;}

	.moderator_top{width:100%;}
	.moderator_top p{width:100%; font-size:14px; color:#2a323c; font-weight:700; line-height:22px;}
	.moderator_top p span{display:inline-block; color:#04a2b3;}
	.moderator_top a.refresh_btn{display:block; margin-top:12px; width:80px; height:30px; line-height:28px; border:1px solid #c2cdd2; text-align:center; font-size:11px; color:#546e7a; border-radius:4px; background:url('../img/board/ref_icon.png') 12px 50% no-repeat; background-size:12px; padding-left:14px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

	.moderator_list{width:100%; margin-top:20px;}
	.moderator_list .box{width:100%; margin-top:4px; padding:14px; border:1px solid #c2cdd2; background:white; border-radius:10px;}
	.moderator_list .box:first-child{margin-top:0;}
	.moderator_list .box p{font-size:12px; color:#666; line-height:20px; width:100%;}
	.moderator_list .box ul{width:100%; font-size:0; padding-top:12px;}
	.moderator_list .box ul li{display:inline-block; font-family:'Nanum Gothic', sans-serif; letter-spacing:0; font-size:11px; color:#888; position:relative; padding:0 10px;}
	.moderator_list .box ul li:first-child{padding-left:0;}
	.moderator_list .box ul li:first-child:before{display:none;}
	.moderator_list .box ul li:before{content:''; position:absolute; top:50%; left:0; width:1px; height:10px; background:#e6e6e6; margin-top:-5px;}


	/* paging */
	.paging{width:100%; margin-top:20px; position:relative; font-size:0; text-align:center;}
	.paging > a{color:#666; display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:13px; text-align:center; vertical-align:middle; margin:0 2px; font-family:'Roboto', sans-serif; position:relative;}
	.paging > a.on{color:#04a2b3;}
	.paging > a.on:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#04a2b3;}
	.paging .pageBtn{text-indent:-99999px; margin:0;}
	.paging .pageBtn_first{background:url('../img/board/btn_first.png') no-repeat 50% 50%; background-size:10px;}
	.paging .pageBtn_prev{background:url('../img/board/btn_prev.png') no-repeat 50% 50%; margin-right:10px; background-size:5px;}
	.paging .pageBtn_next{background:url('../img/board/btn_next.png') no-repeat 50% 50%; margin-left:10px; background-size:5px;}
	.paging .pageBtn_last{background:url('../img/board/btn_last.png') no-repeat 50% 50%; background-size:10px;}



}


/* boothLayer */
/* .boothLayer {position: fixed; background-color: rgba(0, 0, 0, 0.3); top:0; left:0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.35s;}
.boothLayer .boothCon {width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;} */
.boothLayer {position: fixed; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.35s;}
.boothLayer.active {opacity: 1; visibility: visible;}
.boothCon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; max-height: 100%;}
.boothCon .boothCon_list a {position: absolute; background-color: #fff;}
.boothCon .boothCon_list .contTitle {top: 18%; left: 35%; width: 35%; height: 15%;}
.boothCon .boothCon_list .conBoard {top: 52%; left: 15.5%; width: 7%; height: 7%;}
.boothCon .boothCon_list .conMov {top: 42%; left: 48%; width: 21%; height: 15%;}
.boothCon .boothCon_list .conBrochure {top: 54%; right: 12.5%; width: 7.5%; height: 29%; background:none;}
.boothCon .boothCon_list .conBrochure span {position: absolute; background-color: #000; width: 55%; height: 25%;}
.boothCon .boothCon_list .conBrochure span:nth-child(1) {left: 40%; top: -7%;}
.boothCon .boothCon_list .conBrochure span:nth-child(2) {left: 25%; top: 20%;}
.boothCon .boothCon_list .conBrochure span:nth-child(3) {left: 10%; top: 47%;}
.boothCon .boothCon_list .conBrochure span:nth-child(4) {left: 0;bottom: 1%;}
.boothCon .boothCon_list .conSub {bottom: 20%; left: 37%; width: 28%; height: 10%;}
.boothCon .closeLayer {position: absolute; top: -20px; right: -10px;}
.boothCon .closeLayer::before {content: ''; position: absolute; width: 30px; height: 1px; background-color: red; transform: rotate(45deg);}
.boothCon .closeLayer::after {content: ''; position: absolute; width: 30px; height: 1px; background-color: red; transform: rotate(-45deg);}
.boothCon .boothCon_img {width: 100%; height: 100%;}