.floating .float_ban{margin: 1vh 0;}

.gnb{width:85%;margin: 60px auto;}
.gnb ul li a{font-size:24px;}
.gnb ul li a span:after{display:none;}

.onlineheader{background:url(../images/online_top_bg.png) 50% 0 no-repeat;background-size:cover;}
.onlineheader .container{width:1170px;}
.online_top_tt{margin-top:10vh;}
.online_top_tt h2{color:#fff;font-size:40px !important;}

.top_info{margin-top:70px;}
.top_info ul{width:85%;}
.top_info li{position:relative;float:left;text-align:left;width:25%;color:#fff;padding:5px 0 5px 35px;box-sizing:border-box;}
.top_info li:after{position:absolute;top:0;right:0;content:'';display:block;clear:both;width:1px;height:62px;background:#fff;opacity:0.3;}
.top_info li:last-child:after{display:none;}
.top_info li .tinytt{font-size:14px;opacity:0.5;font-weight:100;}
.top_info li .midtt{font-size:21px;margin-top:12px;}
.top_info img{float:right;}

.music_container{width:1730px;margin:90px auto 50px;}
.music_container li{position:relative;z-index:1;float:left;margin-right: 19px;width: 18.5%;overflow:hidden;box-sizing:border-box;}
.music_container li a{display: block;}
.music_container li .representImg{box-sizing:border-box;}
.music_container li:hover .representImg{border:5px solid #a68068;transition:all 0.3s;}
.music_container li:last-child{margin-right:0;}
.music_container li .represent_txt{position:absolute;left:30px;bottom:35px;}
.music_container li .represent_txt span{font-size:25px;color:#fff;margin-right:5px;vertical-align:middle;}


.day_section{background:url(../images/day_bg.png) 50% 0 no-repeat;background-size:cover;padding:80px 0;overflow:hidden;}
.day_section .dark_bg{position:absolute;z-index:0;left:0;top:0;}
.day_section .container{position:relative;z-index: 1;width:1200px;margin:0 auto;}
.day_section .day_tit{text-align:left;color:#fff;background:url(../images/day_sec_tt.png) 0 5px no-repeat;padding:165px 0 42px;}
.day_section .day_tit h2{color:#fff;font-size:50px;}
.day_section .day_tit p{margin-top:20px;font-size:20px;font-weight:300;}
.day_section .day_list_con{}
.day_section .day_list_con li{width:25%;float:left;background:#fff;box-sizing:border-box; border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.day_section .day_list_con li a{display:block;padding:24px 30px 72px;}
.day_section .day_list_con li:hover{background:#fff8ef;transition:all 0.5s ease-in;}
.day_section .day_list_con li .txtarea{float:left;text-align: left;}
.day_section .day_list_con li .txtarea p{font-size:22px;color:#000;}
.day_section .day_list_con li .txtarea span{display: inline-block;color: #b39a8a;margin-top: 10px;}
.day_section .day_list_con li:hover .txtarea span{color:#845e23;transition:all 0.5s ease-in;}
.day_section .day_list_con li .imgarea{float:right;}

.photo_section{background:url(../images/photo_bg.png) 50% 0 no-repeat;background-size:cover;padding:100px 0 150px;overflow:hidden;}
.photo_section .photo_tt{color:#fff;background:url(../images/photo_tt_bg.png) 50% 0 no-repeat;padding: 100px 0 80px;}
.photo_section .photo_tt h2{color:#fff;font-size:50px;}
.photo_section .photo_tt p{margin-top:8px;font-size:21px;}
.photo_section .photo_date{}
.photo_section .photo_date li{font-size:30px;display:inline-block;margin:0 30px;color:#fff;}
.photo_section .photo_date li span{margin-right:15px;color:#b39a8a;}
.photo_section .photo_sequence{width:850px;margin:30px auto 0;}
.photo_section .photo_sequence .seqlist li{float:left;width:270px;height:270px;border:2px solid #845e24;margin-right:20px;box-sizing: border-box;padding: 60px 30px; color:#fff;}
.photo_section .photo_sequence .seqlist li:last-child{margin-right:0;}
.photo_section .photo_sequence .seqlist li p{font-size:21px;line-height:1.3;margin-top:15px;}
.photo_section .photo_sequence .photo_info{margin-top:30px;}
.photo_sequence .photo_info .info_txt{float:left;text-align:left;color:#b39a8a;line-height:1.4;}
.photo_sequence .photo_info .joinbtn{float:right;position:relative;z-index:1;padding:20px 100px;background:#845e23;color:#fff;font-size:25px;display:inline-block;}

.a_member_img_total {padding-bottom:0;position:relative;overflow:hidden;background:#000;}
.a_member_img_total .total_wrap{}
.a_member_img_total .total_wrap .over{display:none;}
.a_member_img_total .bx-controls-direction{display:none;}
.a_member_img_total .total_area .bx-wrapper .slider_bx li{padding:0;}
.a_member_img_total .memberImg{position:absolute;z-index:1;left:24%;top:0;background:rgba(0,0,0,0.75);color:#fff;height: 100%;padding:80px 60px;text-align:left;box-sizing: border-box;}
.a_member_img_total .memberImg h3{color:#fff;font-size:40px !important;background:url(../images/total_h3_bg.png) 48% 92% no-repeat;padding-bottom: 20px;}
.a_member_img_total .memberImg p{margin-top:25px;font-size:20px;line-height:1.5;}


.maincolor01{color:#845e23 !important;}
.commentto .comform .sdsdfff .combtn{background:#845e23;}

.mov_popup_music{width:850px;background:#fff;padding:30px 60px;box-sizing:border-box;border:8px solid #c6a997;}
.mov_popup_c1 .close{right:-8px;}
.mov_popup_music h2{color:#a68068;font-size: 40px !important;font-weight:700 !important;padding: 0 0 20px}
.mov_popup_music .poptxt{margin-top:15px;}
.mov_popup_music .poptxt .subtxt{font-size: 16px;font-weight: 400;line-height: 1.4;}
.mov_popup_music .poptxt .datetxt{ margin-top: 17px;font-size: 22px;}
.mov_popup_music .poptxt .datetxt b{color:#916244;}


#join_popup{width:660px;}
#join_popup label{font-size: 14px;color: #333;font-weight: 100;display: block;}
#join_popup input[type=checkbox]{display:inline-block;}
#join_popup .poptxt{text-align: left;margin-top: 0;font-size:18px;}
#join_popup input[type=text]{margin-left: 8px;margin-bottom: 1vh; padding:8px 20px 8px 5px;border: 1px solid #c6c6c6;}
#join_popup input[type=file]{margin-left: 8px;margin-bottom: 1vh;}
#join_popup h2{margin:0;}
#join_popup h3{font-size: 24px !important;font-weight: 700 !important; margin-top: 14px;}
#join_popup .insert_btn{text-align: center; display: block;margin: 20px 0 0; padding: 20px 0; background: #a68068; color: #fff;border-radius: 6px;}
#join_popup .join_info{background: #f5f5f5;padding: 15px; margin-top: 1vh; }
#join_popup .join_info p{font-size: 16px;font-weight: 400;line-height: 1.4;}
#join_popup .join_info p span{font-size: 14px;color: #777;display: block;}
#join_popup .non_agree{font-size: 14px;color: #333;font-weight: 100;margin: 10px 0;}

/*영상추가*/
.we_hero {width:1024px; background:none; margin:0 auto; text-align:center;}
.we_hero .video_area {width:100%; height:0;margin-top:35px; position:relative;padding-bottom: 56.26%;}
	.we_hero .video_area .video {/*position:relative;*/}
	.we_hero .video_area .play_btn{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:500; display:inline-block;}
	
	.we_hero p.ontv_meet {clear:both; text-align:center; margin-top:14px;}

.invitation_dow{width:310px; height:95px;background:#9b640f; border-radius:5px;  text-align:left;margin-bottom:15px;}
.invitation_dow a{    padding: 0 30px 0; display:block;}
.invitation_dow .txtarea p{float:left; font-size: 22px; color:#fff; line-height:95px;}
.invitation_dow img{float:right;margin-top:36px;}

.view_tip{background:#1d160f; text-align:left;     padding: 100px 0 ; }	
	.view_tip .container{text-align:left;width:1250px;}
	.view_tip ul{display:inline-block; margin-left:-5px;}
	.view_tip ul li{float:left;margin:0 5px;}
	.view_tip_tit_h{display:none;}

.live_comment{background:url(../images/live_comment_bg.png); width:245px; height:308px; position:relative; margin-top:-20px;}	
	.live_comment img{position:absolute; top:141px; left:76px;}
	
	.we_hero{position:relative;}
	.onair_icon{position:absolute; top:-286px; right:0;}
	.we_hero .video_area{margin-top:19px}
	
	.online_top_tt.online_concert_top_tt h2{font-size:50px !important;letter-spacing:-2px}
	.wwwwwww{color:#fff; font-size:25px;margin-top:20px; margin-bottom:40px;}
	.onlineheader2{background: url(../images/thanks_top_bg.png) 50% 0 /*no-repeat;*/}
	
	
	.thanks_top_tt{margin-top:10vh;color:#fff;}
.thanks_top_tt h2{color:#fff;font-size:36px !important;font-weight:400 !important;}
.thanks_top_tt .top_sub_tt{margin:20px 0;}
.thanks_top_tt .top_sub_tt p{font-size:21px;line-height:1.3;}
.thanks_top_tt .go_article a{position:relative;z-index:1;display:inline-block;padding:30px 115px;border:1px solid #fff;color:#fff;font-size:26px;margin:40px 0 110px;}


	
@media screen and (max-width: 1024px){
	#menu.open{z-index:10000;}
	#intro{width:96%;}
	
	.flyban{right:3%;}
	.mgnb_btn{top:40px;}
	.top_info.container{margin-top:2vh;width:96%;}
	.top_info img{display:none;}
	.top_info ul{width:100%;}
	.top_info li{width:48%;text-align: center;padding: 1.5vh;margin: 0 1% 2%; box-sizing: border-box;border: 1px solid rgba(365,365,365,0.3);}
	.top_info li:after{display:none;}
	
	.music_container{width:92%;margin: 3vh auto 6vh;}
	.music_container li{width:30%;margin:0 1.5% 2%;float:inherit;display:inline-block;}
	.music_container li .representImg{width:100%;border:5px solid #a68068;}
	
	.day_section .container{width:96%;}
	.day_section .dark_bg{width: 100%;}
	.day_section .dark_bg img{width:100%;}
	.day_section .day_tit{text-align:center;background-size:24%; background: url(../images/day_sec_tt.png) 50% 0 no-repeat; padding: 7vh 0 3vh;}
	.day_section .day_tit p{margin-top: 10px;}
	.day_section .day_list_con li{width:50%;}
	.a_member_img_total .memberImg{left:0;}
	
	.we_hero{width:100%;}
	.we_hero .video_area {margin:35px auto; position:relative;	width:90%; height:0; overflow:hidden; padding-bottom:56.26%;}
	.video {position:absolute;	top:0;	left:0;	width:100%;	height:100%;}
	.we_hero .video_area .line_plus2{display:none;}
	
	.view_tip .container{text-align:center;width:100%;}
	.view_tip .container ul{text-align:center; margin:0 auto;}
	.view_tip ul li{float:none;display:inline-block; width:45%; margin-bottom:15px;}
	.view_tip ul li img{width:100%;}
	
	.thanks_top_tt h2{font-size: 32px !important;}
	
	
} 

@media screen and (max-width: 800px){
	.flyban{top: 28%;}
	.day_section .day_tit{background:none;padding: 0 0 3vh;}
	.photo_section{padding: 6vh 0 10vh;}
	.photo_section .photo_tt{background-size: 47%;padding: 100px 0 40px;}
	.photo_section .photo_sequence{width:90%;}
	.photo_section .photo_sequence .seqlist li{width: 32.3%;height: 245px;margin-right: 1.5%;padding: 43px 16px;word-break: keep-all;}
	.photo_sequence .photo_info .joinbtn{float: inherit;padding: 20px 0;margin-top: 2vh;width: 100%;}
		.view_tip ul li{float:none;display:inline-block; margin-bottom:10px;}
	.view_tip .container	.view_tip_tit{display:none;}
		.view_tip_tit_h{display:block; margin-bottom:20px; letter-spacing:-1px;}
		.view_tip_tit_h span{color:#976d2b;}
	.view_tip .container h2{color:#fff;}	

	.online_top_tt.online_concert_top_tt h2{font-size:28px !important; font-weight:bold;}
	.wwwwwww{font-size:16px;margin-top:15px; margin-bottom:20px;}
	
		.thanks_top_tt h2{padding: 0 8vw;}
	.thanks_top_tt .go_article a{margin: 3vh 0 6vh;}
} 
@media screen and (max-width: 768px){
	
	.online_top_tt{margin-top: 13vh;}
	.online_top_tt h2{font-size: 35px !important;}
	.music_container{margin:6vh auto 3vh;}
	.day_section .day_tit h2{font-size:40px!important;}
	.music_container li .represent_txt{left: 20px;bottom: 25px;}
	.music_container li .represent_txt span{font-size: 22px;}
	.music_container li .represent_txt img{width:30px;}
	.photo_section .photo_tt h2{font-size:38px !important;}
	
	.we_hero .video_area {margin:18px auto;}
	
	.invitation_dow{width:90%;margin:0 auto; margin-bottom:15px;}
	.onair_icon{z-index:999; top:-175px; left:50%; transform:translateX(-50%);}
		.onair_icon img{width:140px}
		
		.thanks_top_tt h1 img{width:72%;}
	.thanks_top_tt h2{word-break: keep-all;}
} 
@media screen and (max-width: 601px){
	
	.online_top_tt h1{width: 80%;margin: 0 auto;}
	.online_top_tt h2{font-size: 30px !important;}
	.music_container li .representImg{border: 4px solid #a68068;}
	.music_container li{width:29.9%;}
	.day_section .day_list_con li a{padding: 20px 30px 68px;}
	.photo_section .photo_tt{background-size: 37%;padding: 54px 0 20px;}
	.photo_section .photo_tt h2{font-size: 40px !important;}
	.photo_section .photo_tt p{font-size: 19px;line-height: 1.4; word-break: keep-all;margin: 8px 9% 0;}
	.photo_section .photo_date li{font-size: 20px;}
	.photo_section .photo_sequence img{width:54%;}
	.photo_section .photo_sequence .seqlist li{padding: 32px 9px;height: 192px;}
	.photo_section .photo_sequence .seqlist li p{font-size: 16px;}
	.photo_sequence .photo_info .joinbtn{font-size:22px;}
	.a_member_img_total .memberImg{padding:50px 30px;}
	.a_member_img_total .memberImg h3{font-size: 32px !important;}
	.a_member_img_total .memberImg p{margin-top:0;font-size: 18px;}
	.commentto{padding:30px 0 0;}
	.mov_popup_music{width:85%;padding: 30px;}
	.mov_popup_music .poptxt .datetxt{word-break:keep-all;}
	
	#join_popup{width:80%;}
	#join_popup .join_info p{word-break: keep-all;}
	
		.thanks_top_tt h1 img{width: 64%;}
	.thanks_top_tt .go_article a{font-size:22px;}
} 
@media screen and (max-width: 480px){
	.mgnb_btn{top:15px;}
	.online_top_tt{margin: 19vh auto 0;width: 96%;}
	.top_info li .midtt{font-size:16px;margin-top: 6px;}
	.music_container{width:96%;}
	.music_container li{width:46%;margin:0 1.5% 3.5%;}
	.day_section{padding:8vh 0;}
	.day_section .day_tit h2{font-size: 32px!important;}
	.day_section .day_tit p{font-size:16px;}
	.day_section .day_list_con{width: 90%;margin: 0 auto;}
	.day_section .day_list_con li{width:100%;}
	.photo_section .photo_date li{margin:5px 30px 0;}
	.photo_section .photo_sequence .seqlist li{width:80%;margin:0 auto 3%;height: 212px;float: inherit;}
	.photo_section .photo_sequence .seqlist li:last-child{margin-right:auto;}
	.photo_section .photo_sequence img{width:auto;}
	.photo_section .photo_sequence .seqlist li p{font-size:18px;}
	.photo_sequence .photo_info .info_txt{font-size: 14px; word-break: keep-all;}
	.a_member_img_total .memberImg{display:none;}
	.a_member_img_total .bx-controls-direction{display:block;}
	
	
	.mov_popup_music h2{font-size:35px !important;}
	
	#join_popup{padding: 30px 18px;}
	#join_popup .poptxt{font-size:16px;}
	#join_popup input[type=file]{width:62%;}
	#join_popup h3{font-size: 20px !important;}
	#join_popup .join_info p{font-size: 15px;}
	#join_popup label{word-break: keep-all; line-height: 1.5;}
	#join_popup input[type=text]{width:62%;}
	#join_popup input[type=checkbox]{ width: 15px;}
	
	.we_hero .video_area .play_btn{width:8%;}	
	.invitation_dow {height:85px;}
	.invitation_dow .txtarea p{font-size:20px;line-height:85px;}
	.invitation_dow img{margin-top:33px;width:20px;}
	
	.onlineheader {
    background: url(../images/online_top_bg.png) 40% 0 no-repeat;
    background-size: cover;}
	
		.thanks_top_tt{margin-top: 17vh;}
	.thanks_top_tt h1 img{width:92%;}
	.thanks_top_tt h2{font-size: 27px !important;margin-top: 2vh;}
	.thanks_top_tt .top_sub_tt p{font-size: 18px; padding: 0px 8vh; word-break: keep-all;}
	.thanks_top_tt .go_article a{font-size: 20px;padding: 3vh 0; width: 90%;}
	
	

} 
@media screen and (max-width: 320px){
	.online_top_tt h2{font-size: 26px !important;word-break: keep-all;}
	.top_info li .tinytt{font-size:12px;}
	.top_info li .midtt{font-size:15px;}
	.music_container li .represent_txt{left: 12px; bottom: 14px;}
	.music_container li .represent_txt span{font-size:16px;}
	.music_container li .represent_txt img{width:22px;}
	.day_section .day_tit h2{font-size: 28px!important;}
	.day_section .day_tit p{font-size: 19px; line-height: 1.3;}
	.day_section .day_list_con li .txtarea p{font-size:20px;}
	.photo_section .photo_tt{padding: 34px 0 20px;}
	.photo_section .photo_tt h2{font-size:35px !important;}
	.photo_section .photo_date li{margin: 5px 20px 0;}
	
	.mov_popup_music{border: 6px solid #c6a997;padding:30px 15px;}
	.mov_popup_music .poptxt .datetxt{font-size:20px;line-height:1.3;}
	.mov_popup_music .poptxt .subtxt{font-size: 15px;word-break: keep-all;}
	
	#join_popup{font-size: 24px !important;}
	#join_popup input[type=text]{margin-left:0;}
	#join_popup .join_info p{font-size:14px;}
	#join_popup label{font-size:12px;}
	#join_popup .indert_btn{ padding: 15px 0;}
} 


@media screen and (min-width:0\0){
	
	.photo_sequence .photo_info .joinbtn{padding:25px 100px 15px;}
	
	.footer{padding:1.5vw 0 1.5vh;}
	
	
	
}