@charset "UTF-8";

#main_visual{width:100%;/*height:835px;*/ height:930px; position:relative; overflow:hidden;}


#main_lineup {width: 100%; height: 995px; position: relative; background: url('/type/a00/images/main/2020/main_lineup_bg.jpg') no-repeat; overflow: hidden;}
.lineup_tit {padding-top: 135px;}
.lineup_tit p {font-weight: 900; font-size: 60px; color: #000;}
.lineup_tit span {margin: 0 0 15px 3px; font-weight: 600; font-size: 20px; opacity: 0.6; display: block;}

.lineup_tab_wrap {margin-top:70px;  float: left;}
.lineup_tab {width: 330px;}
.lineup_tab li {height: 50px; font-size: 16px; font-weight: 300; text-align: left;}
.lineup_tab li a {color: #000;}
.lineup_tab li.active {font-weight: 500; background: url('/type/a00/images/main/2025/lineup_tab_bg.png') no-repeat right -3px;}

.tab_slider {width: 1380px; height: 700px; margin-top: -50px; background: #fff; float: right; position: relative;
background: #612c89; /* Old browsers */
background: -moz-linear-gradient(-51deg,  #612c89 0%, #162752 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-51deg,  #612c89 0%,#162752 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #612c89  0%,#162752 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#612c89', endColorstr='#162752',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.tab_slider {position: relative;}
.lineup_inner {width: 1320px; height: 640px; position: absolute; top: 30px; left: 30px;}
.lineup_name {position: absolute; left: 1px; bottom: 10px; font-size: 80px; font-weight: 900; color: #fff; line-height: 67px;}

#main_notice {padding-top: 40px;}
.main_notice_tit_wrap {text-align: center;}
.main_notice_tit_wrap h2 {padding-left: 80px; font-size: 60px; font-weight: 900; line-height: 1.5; background: url('/type/a00/images/main/2020/notice_tit_ic.png') no-repeat center left; text-align: center; display: inline-block;}
.main_notice_tit_wrap p {margin-top: 5px; font-size: 18px; font-weight: 300;}

.notice_btn_wrap {margin-top: -50px; float: right;}
.notice_btn_wrap button {padding: 0 15px 0 0; border: 0; font-size: 18px; color: #612c89; font-weight: 500; background: url('/type/a00/images/main/2020/view_detail_ic_p.png') no-repeat center right; font-family: 'Noto Sans KR', sans-serif , cursive; cursor: pointer;}

.notice_contents_wrap {padding: 60px 0 140px;}
.notice_contents_wrap ul {overflow: hidden;}
.notice_contents_wrap ul li {width:33.3%; padding:0 70px; float: left; border-right: 1px solid #000; text-align:left;}
.notice_contents_wrap ul li:first-of-type {padding: 0 70px 0 0;}
.notice_contents_wrap ul li:last-of-type {padding: 0 0 0 70px; border-right: 0;}
.notice_contents_wrap ul li:after {content: ''; }
.notice_contents_wrap ul li .notice_date {margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #612c89;}
.notice_contents_wrap ul li .notice_tit {margin-bottom: 20px; font-size: 18px; font-weight: 500; line-height: 24px;}
.notice_contents_wrap ul li .notice_contents {margin-bottom: 40px; font-size: 18px; font-weight: 300; line-height: 24px;}
.notice_view_detail {padding: 0 15px 0 0; border: 0; font-size: 18px; color: #000; font-weight: 500; background: url('/type/a00/images/main/2020/view_detail_ic_b.png') no-repeat right center; line-height: 1; font-family: 'Noto Sans KR', sans-serif , cursive; cursor: pointer;}



#main_media {width: 100%; min-height: 550px; background: url('/type/a00/images/main/2020/main_media_bg.jpg') no-repeat;}
.main_media_tit_wrap {padding:95px 0; float: left;}
.main_media_tit_wrap h2 {padding-left: 85px; font-size: 60px; font-weight: 900; line-height: 1.5; background: url('/type/a00/images/main/2020/media_tit_ic.png') no-repeat top left; text-transform: uppercase; color:#fff;}
.main_media_tit_wrap p {margin-bottom: 25px; font-size: 18px; font-weight: 300; line-height: 30px; color: #fff;}
#main_media .notice_view_detail{color:#fff; background: url('/type/a00/images/main/2020/view_detail_ic_w.png') no-repeat right center;}

.media_slider_wrap {width: 1250px; padding-top: 90px;  float: right; }
.media_slider_box {width: 1130px; min-height: 400px; margin-left: 60px; overflow: hidden;}
.media_slider {}
.media_slider .swiper-slide {width: 550px; margin-right: 30px;float: left; position: relative; cursor:pointer;}
.media_slider .swiper-slide p {width: 550px; position: absolute; bottom: 15px; text-align: center;font-size: 36px; font-weight: 900; color: #fff;}
.media_slider .swiper-slide a {display:block;}




#main_banner {width: 100%; padding: 150px 0;}
.banner_wrap {overflow: hidden;}
.ad_box_slider {width: 750px; margin-right: 20px; float: left; overflow: hidden;}

.info_banner {width: 950px; float: left;}
.info_banner ul {overflow: hidden;}
.info_banner ul li {width: 465px; min-height: 300px; margin:0 20px 20px 0; padding: 185px 0 0 40px; float: left; position: relative; cursor:pointer;}
.info_banner ul li:nth-child(even) {margin:0 0 20px 0;}
.info_banner ul li:nth-child(3), .info_banner ul li:nth-child(4) {margin-bottom: 0;}
.info_banner ul li.info_place {background: url('/type/a00/images/main/2020/info_banner_01.jpg') no-repeat;}
.info_banner ul li.info_program {background: url('/type/a00/images/main/2020/info_banner_02.jpg') no-repeat;}
.info_banner ul li.info_festival {background: url('/type/a00/images/main/2020/info_banner_03.jpg') no-repeat;}
.info_banner ul li.info_hotel {background: url('/type/a00/images/main/2020/info_banner_04.jpg') no-repeat;}
.info_banner ul li h3 {font-size: 24px; font-weight: 900; color: #fff;}
.info_banner ul li p {margin-top: 10px; line-height: 24px; font-size: 16px; font-weight: 300; color: #fff;}
.info_banner ul li.info_language {padding:240px 0 0 40px !important;}

#main_sns_live {margin-top: 100px;}
.main_sns_live_tit_wrap {text-align: center;}
.main_sns_live_tit_wrap h2 {padding-left: 105px; font-size: 60px; font-weight: 900; line-height: 1.5; background: url('/type/a00/images/main/2020/sns_tit_ic.png') no-repeat center left; display: inline-block;}
.main_sns_live_bg {width: 745px; height: 142px; margin: 0 auto; background: url('/type/a00/images/main/2020/main_sns_live_bg.png') no-repeat; }

.lineup_name_2 span{ position:absolute; top:-15px;}

.popup_list .popup_bottom{padding:7px 0;}

.main_visual_wrap {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
#myVideo {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 3;
    overflow: hidden;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.main_wave_bg{ width:100%; height:38px; position:absolute; bottom:0; left:0; z-index:3;}

/* .main_sns_wrap {width: 1415px; margin: 0 auto;} */


.main_popup{position:fixed; top:80px; z-index:999; box-shadow:0 0 20px rgba(0,0,0,0.5);}
.main_popup .mainPop_close{padding:11px; line-height:0; position:absolute; top:0; right:0; background-color:#000040; border:none; cursor:pointer; z-index:2;}
.main_popup .mainPop_close img{width:18px; height:18px;}
.main_popup a{display:block; line-height:0;}
.main_popup.main_popup01{left:160px; z-index:994;}/*긴급공지1*/
.main_popup.main_popup02{max-width:530px; overflow:hidden; left:500px; z-index:993;}/*분실물슬라이드*/
.main_popup.main_popup03{right:20px; z-index:999;}/*라인업*/
.main_popup.main_popup04{left:20px; z-index:995;}/*파크콘서트공지*/
.main_popup.main_popup05{left:280px; z-index:993;}/*긴급공지2*/

.mainPopup_slider01 .swiper-slide img{width:100%;}
.mainPopup_slider01 .swiperPop-next01{width:38px; height:70px; position:absolute; top:50%; left:auto; right:20px; margin-top:-35px; cursor:pointer; background:url(/type/a00/images/main/2020/lineup_right_arrow.png) no-repeat center; background-size:100%; z-index:10;}
.mainPopup_slider01 .swiperPop-prev01{width:38px; height:70px; position:absolute; top:50%; left:20px; right:auto; margin-top:-35px; cursor:pointer; background:url(/type/a00/images/main/2020/lineup_left_arrow.png) no-repeat center; background-size:100%; z-index:10;}



@media screen and (max-width:1600px){
	.main_popup{width:90%; max-width:500px; top:50%; left:50% !important; transform:translate(-50%,-50%) !important;}
	.main_popup a{width:100%;}
	.main_popup a img{width:100%;}
	.main_popup.main_popup01{margin-top:60px; z-index:990;}/*긴급공지1*/
	.main_popup.main_popup02{max-width:500px; margin-top:100px; z-index:995;}/*티켓팅슬라이드*/
	.main_popup.main_popup03{margin-top:100px; right:auto;}/*라인업*/
	.main_popup.main_popup04{z-index:980;}/*파크콘서트공지*/ 
	.main_popup.main_popup05{margin-top:80px; z-index:990;}/*긴급공지2*/

}



@media screen and (max-width:1750px){
	.lineup_tab_wrap {float: none;}
	.lineup_tit {text-align: center; padding-top: 80px;}
	.lineup_tab {margin: 0 auto;}
	.lineup_tab li {height: 70px; text-align: center;}
	.lineup_tab li.active {background: url('/type/a00/images/main/2025/lineup_tab_bg.png') no-repeat center bottom;}
	.lineup_wrap {}

	#main_lineup {height: auto; min-height: 990px; padding-bottom: 100px; background-size: cover;}

	.tab_slider {width: 1140px; height: 582px; margin:0 auto; float: none;}
	.lineup_inner {width: 1080px; height: 524px;}
	.lineup_inner img {width: 100%;}
	.lineup_name {}

	.main_notice_tit_wrap {}
	.notice_btn_wrap {float: none; margin-top: 20px; text-align: center;}
	.notice_contents_wrap {width: 1200px; margin: 0 auto; padding: 60px 0;}
	.notice_contents_wrap ul li {min-height: 260px; padding: 0 35px;}

	#main_media {background-size: cover; background-position: center center;}
	.main_media_tit_wrap {padding:50px 0; text-align: center; float: none;}
	.main_media_tit_wrap h2 {display: inline-block;}
	.media_slider_wrap {width: 1140px; margin: 0 auto; padding:0 0 50px 0; float: none;}
	.media_slider_box {width: 1140px; margin-left: 0;}
	.media_slider .swiper-slide img {width: 100%;}

	#main_banner {padding: 80px 0; background-size: cover;}
	.banner_wrap {width: 1200px; margin: 0 auto;}

	.ad_box_slider {width: 480px;}
	.ad_box_slider img {width: 100%;}

	.info_banner {width: 700px;}
	.info_banner ul li {width: 340px; min-height: 189px; padding: 100px 0 0 20px;}
	.info_banner ul li.info_place {background-position: center center;}
	.info_banner ul li.info_program {background-position: center center;}
	.info_banner ul li.info_festival {background-position: center center;}
	.info_banner ul li.info_hotel {background-position: center center;}
	.info_banner ul li.info_language {padding:140px 0 0 40px !important;}

}
@media screen and (max-width:1450px){
	#main_visual {height: 650px;}
	.swiper-button-prev, .swiper-button-next {top: 80% !important;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:90px !important; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 162px !important;}

	.main_sns_wrap {width: 1200px;}
	/* 태그라이브 삽입되면 삭제함 */
	.main_sns_wrap img {width: 100%;}
	
	.main_wave_bg{ height: 30px;}
}


@media screen and (max-width:1200px){
	#main_visual {height: 550px;}

	#main_lineup {min-height: auto; padding: 50px 0 80px;}
	.lineup_tit {padding-top: 0;}
	.lineup_tit p, .main_notice_tit_wrap h2, .main_media_tit_wrap h2, .main_sns_live_tit_wrap h2 {font-size: 48px;}
	.lineup_tit span {font-size: 18px;}
	.lineup_tab_wrap {margin-bottom: 50px; overflow: hidden;}
	.lineup_tab {width: 50%; overflow: hidden;}
	.lineup_tab li {width: 33%; height: 50px; line-height: 50px; background: #fff; float: left; border: 1px solid #d1d1d1; border-width: 1px 0 1px 1px;}
	.lineup_wrap {clear: both;}
	.lineup_tab li:last-of-type {border-width: 1px 1px 1px 1px;}
	.lineup_tab li.active {background: #612c89; border: 0;}
	.lineup_tab li.active a {color: #fff;}
	.lineup_tab li a {display: block;}
	.lineup_name {font-size: 50px;}

	.swiper-button-prev, .swiper-button-next {width: 40px !important; height: 40px !important;}
	.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {padding: 0 !important;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 135px !important}

	.tab_slider {width: 640px; height: 330px; margin:0 auto; float: none;}
	.lineup_inner {width: 600px; height: 290px; top: 20px; left: 20px;}
	.swiper-slide .lineup_name {display: none;}
	.swiper-slide.swiper-slide-active .lineup_name {display: block;}
	.swiper-pagination01, .swiper-pagination02 {bottom: -15% !important;}

	.notice_contents_wrap {width: 100%;}
	.notice_contents_wrap ul li:first-of-type {padding: 30px;}
	.notice_contents_wrap ul li:last-of-type {padding: 30px; border-width: 1px 1px 1px 1px; border-right: 1px solid #000;}

	.notice_contents_wrap ul li {width: 100%; padding: 30px; float: none; border: 1px solid #000; border-width: 1px 1px 0 1px;}
	.notice_contents_wrap ul li a {display: block;}

	#main_media {min-height: auto;}
	.main_media_tit_wrap p {font-size: 16px;}
	.media_slider_wrap {width: 100%;}
	.media_slider_box {width: 100%; min-height: auto;}
	.media_slider .swiper-slide {}
	.media_slider .swiper-slide p {width: 100%; font-size: 24px; bottom: 20px;}

	.banner_wrap {width: 100%;}
	.ad_box_slider {width: 100%}

	.info_banner {width: 100%; margin-top: 20px;}
	.info_banner ul li {width: 50%; height: 300px; margin: 0; padding: 200px 20px 20px 20px; }
	.info_banner ul li:nth-child(even) {margin: 0;}
	.info_banner ul li.info_place {background-size: cover;}
	.info_banner ul li.info_program {background-size: cover;}
	.info_banner ul li.info_festival {background-size: cover;}
	.info_banner ul li.info_hotel {background-size: cover;}
	.info_banner ul li.info_language {padding:220px 0 0 40px !important;}
	.main_sns_wrap {width: 100%;}
	
	#myVideo{width:100%;}

}

@media screen and (max-width:1000px){
	#main_visual{height:450px;}
	}

@media screen and (max-width:800px){
	#main_visual {height: 350px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 45px !important;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 92px !important;}

	.lineup_tit span {margin: 0 0 15px 0;}
	.lineup_tab_wrap {margin: 40px 0;}
	.lineup_tit p, .main_notice_tit_wrap h2, .main_media_tit_wrap h2, .main_sns_live_tit_wrap h2 {font-size: 36px;}
	.lineup_tab {width: 100%;}
	.lineup_tab li {width: 100%; border-width: 1px 1px 0px 1px;}

	.tab_slider {width: 440px; height: 280px;}
	.lineup_inner {width: 400px; height: 250px;}
	.lineup_name {font-size: 30px;}
	.swiper-button-prev01, .swiper-button-next01, .swiper-button-prev02, .swiper-button-next02 {background-size: cover; width: 25px !important; height: 50px !important;}

	.main_notice_tit_wrap p {font-size: 16px;}
	.main_notice_tit_wrap h2, .main_media_tit_wrap h2, .main_sns_live_tit_wrap h2 {line-height: 2;}
	.notice_contents_wrap ul li {min-height: auto;}
	.notice_contents_wrap ul li .notice_date {font-size: 14px;}
	.notice_contents_wrap ul li .notice_tit {font-size: 16px;}
	.notice_contents_wrap ul li .notice_contents {font-size: 14px;}
	.notice_view_detail {font-size: 14px;}

	.main_media_tit_wrap p {font-size: 16px;}

	.swiper-pagination05 {bottom: 20px !important;}
	.info_banner ul li {width: 100%; height: 350px; padding: 275px 20px 20px 20px;}
	.info_banner ul li h3 {font-size: 20px;}
	.info_banner ul li p {font-size: 14px;}
	.info_banner ul li.info_language {padding:290px 0 0 40px !important;}
	.main_sns_live_bg {width: 100%; background-size: contain;}
	
	.main_wave_bg{ height: 20px;}
	
	
	.main_popup{width:90%; max-width:500px; top:50%; left:50% !important; transform:translate(-50%,-50%) !important;}
	.main_popup a{width:100%;}
	.main_popup a img{width:100%;}
	.main_popup.main_popup01{margin-top:35px;}
	.main_popup.main_popup02{margin-top:80px;}
}


@media screen and (max-width:640px){
	#main_visual {height: 300px;}
	
	
	.mainPopup_slider01 .swiperPop-next01{width:27px; height:50px; margin-top:-25px; right:10px;}
	.mainPopup_slider01 .swiperPop-prev01{width:27px; height:50px; margin-top:-25px; left:10px;}
}

@media screen and (max-width:530px){
	#main_visual {height: 250px;}
}


@media screen and (max-width:480px){
	#main_visual {height: 230px;}
	.swiper-button-prev, .swiper-button-next {width: 30px !important; height: 30px !important; background-size: 30%;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {left: 77px !important}
	.swiper-button-prev01, .swiper-button-prev02 {width: 20px !important; height: 40px !important; left: 15px !important}
	.swiper-button-next01, .swiper-button-next02 {width: 20px !important; height: 40px !important; right: 15px !important}
	.lineup_tit span {margin: 0 0 5px 0;}
	.lineup_tit p, .main_notice_tit_wrap h2, .main_media_tit_wrap h2, .main_sns_live_tit_wrap h2 {font-size: 26px; background-size:30%;}
	.main_notice_tit_wrap h2, .main_media_tit_wrap h2 {padding-left: 40px; }
	.main_sns_live_tit_wrap h2 {line-height: 2.5; padding-left: 80px;}
	#main_lineup {padding: 30px 0 50px;}
	.tab_slider {width: 330px; height: 200px;}
	.lineup_inner {width: 290px; height: 190px;}
	.lineup_name {font-size: 24px;}
	.swiper-pagination01, .swiper-pagination02 {bottom: -5% !important;}


	#main_notice {padding-top: 30px;}
	.notice_contents_wrap {padding: 30px 0;}
	.main_media_tit_wrap {padding: 30px 0;}
	.main_media_tit_wrap p {line-height: 1.2;}
	.media_slider .swiper-slide p {font-size: 18px;}
	#main_banner {padding:30px 0;}
	.swiper-pagination05 {bottom: 10px !important;}
	.info_banner ul li {padding: 250px 20px 20px 20px;}
	
	.main_wave_bg { height: 10%;}
}

@media screen and (max-width:400px){
	#main_visual {height: 200px;}
}