@charset "utf-8";

@font-face {  
	font-family: 'Roboto';  font-style: normal;  font-weight: 100;
	src: url('/summerfestival/2024/css/fonts/Roboto-Thin.woff2') format('woff2'),
	url('/summerfestival/2024/css/fonts/Roboto-Thin.woff') format('woff'),
	url('/summerfestival/2024/css/fonts/Roboto-Thin.otf') format('opentype');
}
@font-face {  
	font-family: 'Roboto';  font-style: normal;  font-weight: 300;
	src: url('/summerfestival/2024/css/fonts/Roboto-Light.woff2') format('woff2'),
	url('/summerfestival/2024/css/fonts/Roboto-Light.woff') format('woff'),
	url('/summerfestival/2024/css/fonts/Roboto-Light.otf') format('opentype');
}
@font-face {   
	font-family: 'Roboto';   font-style: normal;   font-weight: 400;
	src: url('/summerfestival/2024/css/fonts/Roboto-Regular.woff2') format('woff2'),
	url('/summerfestival/2024/css/fonts/Roboto-Regular.woff') format('woff'),
	url('/summerfestival/2024/css/fonts/Roboto-Regular.otf') format('opentype'); 
}
@font-face {   
	font-family: 'Roboto';   font-style: normal;   font-weight: 500;
	src: url('/summerfestival/2024/css/fonts/Roboto-Medium.woff2') format('woff2'),
	url('/summerfestival/2024/css/fonts/Roboto-Medium.woff') format('woff'),
	url('/summerfestival/2024/css/fonts/Roboto-Medium.otf') format('opentype'); 
}
@font-face {   
	font-family: 'Roboto';   font-style: normal;   font-weight: 700;
	src: url('/summerfestival/2024/css/fonts/Roboto-Bold.woff2') format('woff2'),
	url('/summerfestival/2024/css/fonts/Roboto-Bold.woff') format('woff'),
	url('/summerfestival/2024/css/fonts/Roboto-Bold.otf') format('opentype'); 
}

html { overflow-y:hidden; }
html.stream_html { overflow-y:auto; }

body { font-family: 'Noto Sans KR', sans-serif, Arial,"Malgun Gothic",Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic; }

.mobile_br { display:none; }

.bubble_outer {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	perspective: 200px;
	transform-style: preserve-3d;
	background:#000;
	z-index:2;
}

.c {
	position: absolute;
}
/*
.intro_text_outer { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; }
.intro_text_outer .intro_text { position:absolute; left:50%; top:50%; 
	transform:translate(-50%, -60%);
	-webkit-transform:translate(-50%, -60%);
	-moz-transform:translate(-50%, -60%);
	-ms-transform:translate(-50%, -60%);
	-o-transform:translate(-50%, -60%);
}
*/
.intro_text_outer { position:fixed; left:0; top:0; display:table; width:100%; height:100%; background:#000; }
.intro_text_outer .intro_text { 
display:table-cell; width:100%; text-align:center; vertical-align:middle;
}
#m_wrapper { visibility:hidden; opacity:0; filter:alpha(opacity=0);
	animation:1.5s fadeIn 1.0s 1 linear forwards;
	-webkit-animation:1.5s fadeIn 1.0s 1 linear forwards;
	-moz-animation:1.5s fadeIn 1.0s 1 linear forwards;
	-o-animation:1.5s fadeIn 1.0s 1 linear forwards;
}

.innerDiv { width:100%; max-width:1315px; margin:0 auto; }
.innerDiv:after { clear:both; display:block; content:''; }
#m_wrapper, #m_container, #wrapper { position:relative; width:100%; height:100%; z-index:3; }
.stream_html #m_wrapper, .stream_html #m_container, .stream_html #wrapper { height:auto; }


#header { position:fixed; top:0; left:0; width:100%; z-index:100; background:rgba(79, 93, 127, 0.8); }
#header #gnb { position:relative; z-index:100; text-align:center; }

#header #gnb h1 { display:none; vertical-align:middle; }
#header #gnb h1 img {  }

#header #primary { display:inline-block; padding:0; vertical-align:top; text-align:left; }
#header #primary li.big { display:inline-block; position:relative; }
#header #primary li.big a.big { display:block; line-height:58px; padding:0 35px 0; font-size:16px; color:#fff; }
#header #primary li.big a.big span { display:block; position:relative; }
#header #primary li.big a.big span:after { display:block; content:""; position:absolute; bottom:5px; left:0; width:0; height:4px; background:#fff; 
	-webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
#header #primary li.big:hover a.big span:after { width:100%; }


#header #primary li.depth01 .depth02 { display:none; min-width:calc(100% - 70px); position:absolute; top:50px; left:35px; padding:10px 0; }
#header #primary li.depth01 .depth02 ul { }
#header #primary li.depth01 .depth02 li a { display:inline-block; line-height:26px; font-size:14px; color:#fff; }
#header #primary li.depth01 .depth02 li a:hover { text-decoration:underline; }



#header #primary li.big a.big.comming { color:#ccc; cursor:default; }
#header #primary li.big a.big.comming span:after { display:none; }
#header #primary li.big .depth02 li a.comming { color:#ccc; cursor:default; }
#header #primary li.big .depth02 li a.comming:hover { text-decoration:none; }



#header #header_lang { float:right; display:inline-block; width:195px; vertical-align:middle; position:relative; cursor:pointer; }
#header #header_lang .lang_now { display:inline-block; vertical-align:middle; background:url("/summerfestival/2024/images/lang_arrow.png") 80% center no-repeat; }


#header #header_lang .lang_now span { display:inline-block; padding:0 70px 0 10px; height:58px; line-height:58px; font-size:20px; color:#fff; font-weight:bold; text-align:left; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
#header #header_lang .lang_menu { display:inline-block; vertical-align:middle; }
#header #header_lang .lang_menu #header_lang { padding:22px 0 17px 0; cursor:pointer; position:relative; }
	#header_lang .lang_menu .lang_list { display:none; position:absolute; top:58px; right:0; padding:3px 0; text-align:left; background:rgba(0,0,0,0.8); }
		#header #header_lang:hover .lang_menu .lang_list, #header #header_lang:active .lang_menu .lang_list, #header #header_lang:focus .lang_menu .lang_list { display:block; }
	#header_lang .lang_menu .lang_list ul { width:175px; padding:0 10px; }
	#header_lang .lang_menu .lang_list li a { display:block; padding:0 15px; }
	#header_lang .lang_menu .lang_list li span { display:block; white-space:nowrap; padding:8px 13px; color:#b9b9b9; font-size:14px; position:relative; }
	#header_lang .lang_menu .lang_list li a:hover span,
	#header_lang .lang_menu .lang_list li.current span { color:#fff; }
	#header_lang .lang_menu .lang_list li.current span { font-weight:bold; }
	#header_lang .lang_menu .lang_list li.current span:after { display:block; content:""; width:6px; height:6px; position:absolute; top:50%; left:0; margin-top:-3px; background:#fff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } 
	
	#header_lang .lang_menu .lang_list li:before {
		display:block; content:"";
		width: 100%;
		height: 1px;
		border-left: 1px solid rgba(103,105,107,0);
		border-right: 1px solid rgba(103,105,107,0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-position: 0 0, 0 100% ;
		background-repeat: no-repeat;
		-webkit-background-size: 100% 20px;
		-moz-background-size: 100% 20px;
		background-size: 100% 20px;
		/*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);*/
		background-image: -webkit-linear-gradient(left, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%), -webkit-linear-gradient(left, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%);
		background-image: -moz-linear-gradient(left, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%), -moz-linear-gradient(left, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%);
		background-image: -o-linear-gradient(left, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%), -o-linear-gradient(left, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%);
		background-image: linear-gradient(to right, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%), linear-gradient(to right, rgba(103,105,107,0) 0%, rgba(103,105,107,1) 50%, rgba(103,105,107,0) 100%);
	}
	#header_lang .lang_menu .lang_list li:first-child:before { display:none; }



#container { position:absolute; left:0; top:0; padding-top:0; width:100%; height:100%; overflow-y:hidden; }
#container:after { content:""; clear:both; display:block; }

.stream_html #container { position:static; padding-top:58px; overflow-y:auto; }

#container:before { position:absolute; left:50%; top:50%; width:2px; height:390px; margin:-195px 0 0 -1px; background:#fff; content:''; z-index:9; }
.stream_html #container:before { display:none; }

.left_contents_box { position:absolute; right:50%; top:0; min-width:24%; height:100%; margin-right:5%; display:table; table-layout:fixed; z-index:3; }

.left_contents_box .again_img { display:table-cell; width:100%; height:100%; vertical-align:middle; }
.left_contents_box .again_img img { max-width:100%; }

.left_contents_box .countdown_inner { display:table-cell; width:100%; height:100%; vertical-align:middle; font-family: 'Roboto', sans-serif; color:#fff; } 
.left_contents_box .countdown_inner .days p { display:inline-block; font-size:230px; font-weight:100; letter-spacing:-15px; }
.left_contents_box .countdown_inner .days span { display:inline-block; margin-left:20px; font-size:50px; font-weight:700; letter-spacing:3px; }
.left_contents_box .countdown_inner .times { width:100%; }
.left_contents_box .countdown_inner .times ul { display:inline-block; width:100%; padding:0; font-size:0; line-height:0; letter-spacing:-5px; }
.left_contents_box .countdown_inner .times li { display:inline-block; *display:inline; min-width:130px; margin-left:20px; font-size:14px; line-height:1; font-weight:500; color:#ebebeb; letter-spacing:0; text-align:right; }
.left_contents_box .countdown_inner .times li:first-child { margin:0; }
.left_contents_box .countdown_inner .times li p { display:inline-block; margin-right:15px; font-size:75px; font-weight:500; letter-spacing:-3px; }
.left_contents_box .countdown_inner .times li span { display:inline-block; vertical-align:top; padding-top:10px; }  



.main_bg { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1; }
.main_bg:before { position:absolute; left:0; top:0; width:100%; height:100%; display:block; content:''; background:url("/summerfestival/2024/images/spread_bg_dot.png") repeat; z-index:9; }
.main_bg ul { position:absolute; left:0; top:0; width:100%; height:100%; }
.main_bg ul li.slide_bg { position:absolute; left:50%; top:50%; width:100%; height:100%; z-index:-1;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.main_bg ul li.slide_bg.active { z-index:1;
	animation:4s imgZoomOut 0s 1 linear forwards;
	-webkit-animation:4s imgZoomOut 0s 1 linear forwards;
	-moz-animation:4s imgZoomOut 0s 1 linear forwards;
	-o-animation:4s imgZoomOut 0s 1 linear forwards;
}
.main_bg ul li#main_bg01{ background:url('/summerfestival/2026/images/main_01.jpg') center center no-repeat; }
.main_bg ul li#main_bg02{ background:url('/summerfestival/2026/images/main_02.jpg') center center no-repeat; }
.main_bg ul li#main_bg03{ background:url('/summerfestival/2026/images/main_03.jpg') center center no-repeat; }
.main_bg ul li#main_bg04{ background:url('/summerfestival/2026/images/main_04.jpg') center center no-repeat; }
.main_bg ul li#main_bg05{ background:url('/summerfestival/2026/images/main_05.jpg') center center no-repeat; }
.main_bg ul li#main_bg06{ background:url('/summerfestival/2026/images/main_06.jpg') center center no-repeat; }
.main_bg ul li#main_bg07{ background:url('/summerfestival/2026/images/main_07.jpg') center center no-repeat; }

.slider_box { position:absolute; left:0; top:0; width:100%; height:100%; z-index:98; }

.slider_box .swiper-container {
	width: 100%;
	height: 100% !important;
	margin-left: auto;
	margin-right: auto;
}
.slider_box .swiper-container-vertical > .swiper-wrapper {  }
.slider_box .swiper-slide { 
	transform:scale(0.7, 0.7); -webkit-transform:scale(0.7, 0.7); -moz-transform:scale(0.7, 0.7); -ms-transform:scale(0.7, 0.7); -o-transform:scale(0.7, 0.7); 
	transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear;
}
.slider_box .swiper-slide.swiper-slide-active { 
	transform:scale(1, 1); -webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); -o-transform:scale(1, 1); 
}

.slider_box .swiper-slide .slide_con { float:right; display:table; table-layout:fixed; width:50%; height:100%; text-align:left; }
.slider_box .swiper-slide .slide_con img { max-width:100%; }

.slider_box .swiper-slide .slide_con .slide_con_inner { width:100%; height:100%; padding:0 97px 0 15%; display:table-cell; vertical-align:middle; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con { padding-left:10%; }

.slider_box .swiper-slide .slide_con .slide_con_inner h2 { margin-bottom:3%; font-size:36px; font-weight:bold; color:#fff; }
.slider_box .swiper-slide .slide_con .slide_con_inner h2.prize_tit { margin-bottom:1%; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con h2 a { color:#fff; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .small_tit a { display:block; font-size:24px; font-weight:100; color:#fff; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list {}
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li { margin-bottom:3%; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li a { display:block; line-height:34px; font-size:28px; font-weight:500; color:#fff; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li a span { display:block; max-width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }  
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li a span.date { line-height:24px; font-size:22px; font-weight:100; color:#d6d6d6; }

.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .prize a { font-size:50px; font-weight:700; font-family:'Roboto', sans-serif; color:#fff; }
.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .prize a span { font-size:24px; font-weight:500; }

.slider_box .swiper-container .swiper-pagination { position:fixed; right:70px; top:50%; z-index:9; }
.slider_box .swiper-container .swiper-pagination .swiper-pagination-bullet { width:6px; height:6px; margin:20px auto; background:#fff; opacity:1; }
.slider_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active { position:relative; width:17px; height:17px; background:#fff; }
.slider_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { position:absolute; left:50%; top:50%; display:block; width:27px; height:27px; margin:-13.5px 0 0 -13.5px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background:#fff; content:''; opacity:0.4; filter:alpha(opacity=40); }


.slider_box .scroll_icon_box { position:fixed; right:70px; bottom:0; z-index:9; }
.slider_box .scroll_icon_box span { float:left; padding-top:35px; margin-right:25px; font-size:13px; font-weight:bold; color:#fff; }
.slider_box .scroll_icon_box .scroll_bar { position:relative; float:left; width:50px; height:138px; background:url("/summerfestival/2024/images/scroll_img.png") center center no-repeat; }
.slider_box .scroll_icon_box .scroll_bar .mouse_icon { position:absolute; left:0; top:18px; }
.slider_box .scroll_icon_box .scroll_bar .mouse_icon.play { animation:mousemove 0.9s 0s 1 ease-in-out forwards; }



#footer { position:absolute; left:50%; bottom:0; text-align:center; z-index:99;
	transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0);
}
.stream_html #footer { position:relative; left:0; margin-top:50px; width:100%;
	transform:translate(0, 0); -webkit-transform:translate(0, 0); -moz-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0);
}
#footer .bottom_menu { width:100%; }
#footer .bottom_menu ul { display:block; width:100%; }
#footer .bottom_menu ul.menu { padding:20px 0 0; }
#footer .bottom_menu li { display:inline-block; margin:0 8px; vertical-align:top; }
#footer .bottom_menu li.bar { margin-top:6px; font-size:12px; color:#fff; font-family:Arial; }
#footer .bottom_menu ul.sns li.bar { display:none; }
#footer .bottom_menu li.even { display:none; }
#footer .bottom_menu li a { font-size:16px; line-height:24px; color:#fff; }
#footer .bottom_menu li a img { }
#footer .ment { padding:20px 0 18px 0; font-size:14px; line-height:18px; color:#fff; opacity: 0.3; filter:alpha(opacity=30); }
#footer .copy { padding-bottom:10px; font-size:11px; color:#747474; }

@keyframes fadeIn {
	0%{
		visibility:hidden;
		opacity:0; 
		filter:alpha(opacity=0);
	}
	100%{
		visibility:visible;
		opacity:1; 
		filter:alpha(opacity=100);
	}
}
@-webkit-keyframes fadeIn {
	0%{
		visibility:hidden;
		opacity:0; 
	}
	100%{
		visibility:visible;
		opacity:1; 
	}
}
@-moz-keyframes fadeIn {
	0%{
		visibility:hidden;
		-moz-opacity:0; 
	}
	100%{
		visibility:visible;
		-moz-opacity:1; 
	}
}
@-o-keyframes fadeIn {
	0%{
		visibility:hidden;
		opacity:0; 
	}
	100%{
		visibility:visible;
		opacity:1; 
	}
}
@keyframes imgZoomOut{
	0%{
		-ms-transform:translate(-50%,-50%) scale(1.4);
		transform:translate(-50%,-50%) scale(1.4); 	
	}
	100%{
		-ms-transform:translate(-50%,-50%) scale(1.1);
		transform:translate(-50%,-50%) scale(1.1); 
	}
}


@-webkit-keyframes imgZoomOut{
	0%{
		-webkit-transform:translate(-50%,-50%) scale(1.4);
	}
	100%{
		-webkit-transform:translate(-50%,-50%) scale(1.1);
	}
}

@-moz-keyframes imgZoomOut{
	0%{
		-moz-transform:translate(-50%,-50%) scale(1.4);
	}
	100%{
		-moz-transform:translate(-50%,-50%) scale(1.1);
	}
}

@-o-keyframes imgZoomOut{
	0%{
		-o-transform:translate(-50%,-50%) scale(1.4);
	}
	100%{
		-o-transform:translate(-50%,-50%) scale(1.1);
	}
}

@keyframes mousemove{
	0%{
		top:10px;
	}
	50%{
		top:50px;
	}
	100%{
		top:18px;
	}
}

@-webkit-keyframes mousemove{
	0%{
		top:10px;
	}
	50%{
		top:50px;
	}
	100%{
		top:18px;
	}
}


@-moz-keyframes mousemove{
	0%{
		top:10px;
	}
	50%{
		top:50px;
	}
	100%{
		top:18px;
	}
}


@-o-keyframes mousemove{
	0%{
		top:10px;
	}
	50%{
		top:50px;
	}
	100%{
		top:18px;
	}
}




/*__모바일*/
@media (max-width:768px){
	.flexslider .slides { height:100%; }

	.innerDiv { min-width:320px; }
	
	.intro_text_outer .intro_text { width:100%; text-align:center; }
	.intro_text_outer .intro_text img { width:80%; }

	.mobile_br { display:block; }

	#wrapper { height:100%; }
	.stream_html #wrapper { height:auto; }

	#header #gnb { width:100%; }
	#header #gnb #m_header { position:absolute; top:0; left:0; }
	#header #gnb #m_header img { height:50px; padding:6px; }
	#header #gnb h1 { float:none; display:inline-block; width:100%; text-align:center; }
	#header #gnb h1 img { height:42px; padding:10px; }
	#header #header_lang { position:absolute; top:0; right:0; padding:0; margin:0; width:auto; height:auto; }
	#header #header_lang .lang_now { margin:0; padding:19px 5px 19px 0; }
	/* 국기타입
	#header #header_lang .lang_now span { width:16px; height:16px; margin:0; padding:0; }
	#header #header_lang .lang_now span img { width:auto; height:16px; margin:0; }
	*/
	#header #header_lang .lang_now span { width:auto; height:auto; padding:0 30px 0 0 ; line-height:1; font-size:16px; margin-right:0; }
	#header #header_lang .lang_menu p { margin-right:8px; }
	#header #header_lang .lang_menu p img { height:26px; }

	#header #header_lang li a { line-height:16px; padding:3px 5px; font-size:13px; font-weight:normal; }
	#header #header_lang .lang_menu .lang_list { top:62px; }
	#header #header_lang .lang_menu .lang_list ul { width:auto; }

	#container { padding:0; }
	.stream_html #container { padding-top:62px; }

	#container:before { display:none; }

	.left_contents_box { position:absolute; right:10%; top:85px; min-width:unset; width:80%; height:auto; margin:0; }

	
	.left_contents_box .again_img { text-align:right; }
	.left_contents_box .again_img img { padding:10px; max-width:50%; }

	.left_contents_box .countdown_inner { display:table-cell; width:100%; height:100%; vertical-align:middle; font-family: 'Roboto', sans-serif; color:#fff; text-align:center; } 
	.left_contents_box .countdown_inner .days p { display:inline-block; font-size:90px; font-weight:100; letter-spacing:-5px; }
	.left_contents_box .countdown_inner .days span { display:inline-block; margin-left:10px; font-size:30px; font-weight:500; }
	.left_contents_box .countdown_inner .times { }
	.left_contents_box .countdown_inner .times li { min-width:70px; margin-left:10px; font-size:14px; line-height:1; letter-spacing:0; }
	.left_contents_box .countdown_inner .times li p { margin-right:5px; font-size:22px; letter-spacing:-1px; }
	.left_contents_box .countdown_inner .times li span { padding-top:0; }  
	

	.main_bg ul li.slide_bg { position:absolute; left:50%; top:50%; z-index:-1; min-height:100vh; max-width:200vw;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
	}
	.main_bg ul li.slide_bg.active { z-index:1;
		animation:4s imgZoomOut 0s 1 linear forwards;
		-webkit-animation:4s imgZoomOut 0s 1 linear forwards;
		-moz-animation:4s imgZoomOut 0s 1 linear forwards;
		-o-animation:4s imgZoomOut 0s 1 linear forwards;
	}
	.main_bg ul li#main_bg01{ background:url('/summerfestival/2024/images/main_01.jpg') center center no-repeat; background-size:auto 100%; }
	.main_bg ul li#main_bg02{ background:url('/summerfestival/2024/images/main_03.jpg') center center no-repeat; background-size:auto 100%; }
	.main_bg ul li#main_bg03{ background:url('/summerfestival/2024/images/main_04.jpg') center center no-repeat; background-size:auto 100%; }
	.main_bg ul li#main_bg04{ background:url('/summerfestival/2024/images/main_04.jpg') center center no-repeat; background-size:auto 100%; }
	.main_bg ul li#main_bg05{ background:url('/summerfestival/2024/images/main_05.jpg') center center no-repeat; background-size:auto 100%; }
	.main_bg ul li#main_bg06{ background:url('/summerfestival/2024/images/main_06.jpg') center center no-repeat; background-size:auto 100%; }
	.main_bg ul li#main_bg07{ background:url('/summerfestival/2024/images/main_07.jpg') center center no-repeat; background-size:auto 100%; }


	.slider_box .swiper-slide .slide_con { float:none; display:table; table-layout:fixed; width:85%; height:100%; text-align:left; }
	.slider_box .swiper-slide .slide_con img { max-width:100%; }

	.slider_box .swiper-slide .slide_con .slide_con_inner { width:100%; height:100%; padding:0 18px 120px !important; display:table-cell; vertical-align:bottom; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.big_logo { padding:0 18px 105px !important; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.big_logo img { max-width:95%; vertical-align:middle; }
	.slider_box .swiper-slide .slide_con .slide_con_inner h2 { margin-bottom:3%; font-size:30px; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .small_tit a { font-size:18px; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li a { line-height:24px; font-size:18px; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li a span { max-width:100%; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .main_board_list li a span.date { line-height:20px; font-size:13px; }
	
	.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .prize a { font-size:30px; }
	.slider_box .swiper-slide .slide_con .slide_con_inner.board_con .prize a span { font-size:20px; }


	.slider_box .swiper-container .swiper-pagination { position:fixed; right:15px; bottom:120px; top:unset; transform:none; }
	.slider_box .swiper-container .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; margin:20px auto; background:#fff; opacity:1; }
	.slider_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active { position:relative; width:17px; height:17px; background:#fff; }
	.slider_box .swiper-container .swiper-pagination .swiper-pagination-bullet-active:after { position:absolute; left:50%; top:50%; display:block; width:27px; height:27px; margin:-13.5px 0 0 -13.5px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background:#fff; content:''; opacity:0.4; filter:alpha(opacity=40); }


	.slider_box .scroll_icon_box { display:none; }


	
	#footer { width:100%; }
	#footer .bottom_menu { padding:30px 0 0 0; position:relative; }
	#footer .bottom_menu ul.sns { position:absolute; top:0; left:0; padding:0; }
	#footer .bottom_menu li a img { height:30px; }
	#footer .bottom_menu ul.menu { border:0 none; padding:10px 0; }
	#footer .bottom_menu li { margin:0 4px; }
	#footer .bottom_menu li.even { display:block; width:100%; height:0; margin:0 !important; font-size:0; line-height:0; overflow:hidden; }
	#footer .bottom_menu li.bar { margin-top:8px; }
	#footer .bottom_menu li a { font-size:13px; line-height:21px; }
	
	#footer .ment { display:none; }
	#footer .copy { display:none; padding:0 10px 18px 10px; font-size:11px; line-height:15px; }
}




/* 메인비주얼 */
.main_visual { position:relative; width:100%; text-align:center; z-index:9; }
.main_visual .img { display:inline-block; margin-top:67px; vertical-align:top; position:relative; }
.main_visual .img .dday { position:absolute; top:107px; left:0; }
.main_visual .texts { margin-top:10px; height:135px; line-height:30px; font-size:24px; color:#fff; text-shadow:0 0 25px #000000; }

/*__모바일*/
@media (max-width:768px){
	.main_visual .img { display:inline-block; margin-top:45px; vertical-align:top; position:relative; }
	.main_visual .img img { width:80%; }
	.main_visual .img .dday { position:absolute; top:5%; left:10%; width:25%; }
	.main_visual .img .dday img { width:100%; }
	.main_visual .texts { margin-top:15px; height:auto; padding:0 10px 45px 10px; line-height:21px; font-size:15px; }
}



/* 공지사항-이벤트 */
.notice_event { position:relative; text-align:center; z-index:9; }
.notice_event_box { display:inline-block; vertical-align:top; width:372px; margin:0 8px; padding:0 10px; background:rgba(0,0,0,0.6); }
.notice_event_box .notice_event_tit { line-height:50px; padding:0 90px 0 5px; border-bottom:2px dotted #6f6f6f; font-size:20px; text-align:left; }
.notice_event_box .notice_event_tit a { color:#fff; }
.notice_event_box .notice_event_con { height:95px; padding:10px 0; }
.notice_event_box .notice_event_con img { max-width:100%; }

.notice_event_con .owl-carousel .item img { width:372px; height:95px; }
.notice_event_con .owl-carousel .item a.notice { display:block; height:95px; padding:0; font-size:0; line-height:0; letter-spacing:-5px; }
.notice_event_con .owl-carousel .item a.notice .thumb { display:inline-block; margin-right:10px; vertical-align:middle; }
.notice_event_con .owl-carousel .item a.notice .thumb img { width:190px; height:auto; }
.notice_event_con .owl-carousel .item a.notice .txt { display:inline-block; width:172px; vertical-align:middle; color:#fff; text-align:left; letter-spacing:0; }
.notice_event_con .owl-carousel .item a.notice .txt span { display:block; line-height:20px; font-size:16px; }
.notice_event_con .owl-carousel .item a.notice .txt strong { display:block; max-height:48px; line-height:24px; font-size:18px; overflow:hidden; word-break:break-all; }

.notice_event_con .owl-controls .owl-nav .owl-prev { position:absolute; top:-50px; right:40px; }
.notice_event_con .owl-controls .owl-nav .owl-next { position:absolute; top:-50px; right:0; }

/*__모바일*/
@media (max-width:768px){
	.notice_event_box { width:88%; margin:15px 4% 0 4%; padding:0 2%; }

	.notice_event_box .notice_event_tit { line-height:36px; padding:0 50px 0 3px; font-size:16px; }
	.notice_event_box .notice_event_con { padding:10px 0; height:auto; }
	.notice_event_con .owl-carousel .item img { width:100%; height:auto; }
	.notice_event_con .owl-carousel .item a.notice { display:block; height:auto; padding:0; margin-left:150px; }
	.notice_event_con .owl-carousel .item a.notice .thumb { position:absolute; top:5px; left:0; margin:0; }
	.notice_event_con .owl-carousel .item a.notice .thumb img { width:auto; height:70px; }
	.notice_event_con .owl-carousel .item a.notice .txt { width:100%; }
	.notice_event_con .owl-carousel .item a.notice .txt span { display:block; font-size:14px; }
	.notice_event_con .owl-carousel .item a.notice .txt strong { display:block; max-height:54px; height:54px; line-height:18px; font-size:16px; overflow:hidden; }

	.notice_event_con .owl-controls .owl-nav .owl-prev { position:absolute; top:-38px; right:30px; }
	.notice_event_con .owl-controls .owl-nav .owl-next { position:absolute; top:-38px; right:0; }
}




/* 중앙 max-width contents 공통 */
@media all and (min-width:769px){
	.inner_contents { clear:both; width:100%; max-width:1360px; margin:0 auto; }
}

/*__모바일*/
@media (max-width:768px){
	.inner_contents { clear:both; }
}


.main_visual .info_layer { z-index:96; }


#streamMovie { width:840px; margin:45px auto; }
#streamMovie .tit { height:50px; line-height:50px; font-size:18px; color:#fff; background:rgba(0,0,0,0.9); text-align:center; position:relative; }
#streamMovie .tit .onAir { display:inline-block; position:absolute; top:9px; left:11px; padding:0 13px; line-height:32px; font-weight:500; background:#e82e2c; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#streamMovie .frame { line-height:0; font-size:0; }
#streamMovie .frame iframe { width:100%; height:445px; }
#streamMovie .txt p { padding:10px 0 11px 0; color:#fff; text-align:center; }
#streamMovie .txt .txt_red { font-size:15px; background:rgba(232,46,44,1); }
#streamMovie .txt .txt_white { padding:20px; font-size:16px; color:#000; background:rgba(255,255,255,1); }
#streamMovie .txt .txt_white span { display:inline-block; font-weight:500; letter-spacing:-1px; }
#streamMovie .txt .txt_white span em { display:inline-block; margin:0 15px; }
#streamMovie .txt .txt_black { font-size:13px; background:rgba(0,0,0,0.75); }

/*__모바일*/
@media (max-width:768px){
	#streamMovie { width:100%; margin:25px auto; }
	#streamMovie .stream_inner { margin:0 4%; }
	#streamMovie .tit { height:32px; line-height:32px; font-size:13px; }
	#streamMovie .tit .onAir { top:7px; left:5px; padding:0 3px; line-height:18px; font-size:12px; text-indent:-2px; font-weight:normal; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
	#streamMovie .tit .subject { display:block; margin-left:50px; text-align:center; }
	#streamMovie .frame iframe { width:100%; }
	#streamMovie .txt p { padding:5px 10px 6px 10px; }
	#streamMovie .txt .txt_red { font-size:12px; }
	#streamMovie .txt .txt_white { padding:6px 10px 7px 10px; font-size:13px; }
	#streamMovie .txt .txt_white span { margin:2px 0; font-weight:normal; }
	#streamMovie .txt .txt_white span em { margin:0 12px; }
	#streamMovie .txt .txt_black { font-size:12px; }
}