@charset "utf-8";
/****************************************/
/* Name: The 17th Global Gathering 제17회 부산세계시민축제
/* Version: 1.0 / day: 2022-09-15
/* Author:  

/* Summary 
	1)메인 레이아웃
	2)반응형 레이아웃
	3)콘텐츠
	4)반응형 콘텐츠
*/
/****************************************/

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css");

/* html{scroll-behavior: smooth;} */

/* Common */
body{text-align: left;font-size:16px;line-height:1.5;font-family: 'Pretendard', sans-serif;color:#333;letter-spacing:-0.2px;font-weight:400;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;word-break:keep-all}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Pretendard',sans-serif;font-size:16px;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight:500}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{position: relative;vertical-align:middle}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box;}
a:link,a:visited{text-decoration:none;color:#333}
a:hover,a:focus,a:active{color:#252525}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{word-break:keep-all}
table {width:100%;border-spacing:0;border-collapse:collapse;}

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:500;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#007cc3;}

#loading {position:fixed;top:0;left:0;display: block;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:50;}
#loading .load{position:fixed;top:50%;left:50%;display: block;margin:-25px 0 0 -25px;width: 50px; height: 50px;border: 5px solid rgba(255,255,255,0.2);border-radius: 50%;border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; }


/*
================================================================================
레이아웃
================================================================================
*/


#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;}

/* ---- 상단영역 ---- */
#header{position:fixed;top:0;left:0;padding:0 80px;width:100%;min-width:320px;transition: all 0.2s ease;background-color: rgba(0,0,0,0.15);z-index:350}
#header .head_box{position:relative;height:100px;z-index:50}
#header .head_box .logo{position:absolute;top:30px;left:0;transition: all 0.2s ease;z-index:200}
#header .head_box .logo a{display: block;width: 239px;height: 41px;overflow: hidden;text-indent: -999px;background: url('../img/logo.png') no-repeat left top / 100%;}
#header .head_box .logo.eng a{display: block;width: 279px;height: 46px;overflow: hidden;text-indent: -999px;background: url('../img/logo_eng.png') no-repeat left top / 100%;}

#header .head_box .top_glob{position: absolute;top: 25px;right: 0;display: flex;align-items: center;z-index: 20;}
#header .head_box .top_glob .lan{margin-right: 10px;}
#header .head_box .top_glob .lan a{position: relative;display: block;padding-right: 20px;font-size: 14px;color: #fff;font-weight: 500;}
#header .head_box .top_glob .lan a::after{position: absolute;top: 50%;right: 0;width: 8px;height: 5px;content: '';background: url('../img/ic_lan.png') no-repeat left top;transform: translateY(-50%);}
#header .head_box .top_glob ul{display: flex;}
#header .head_box .top_glob ul li{margin-left: 9px;}
#header .head_box .top_glob ul li a{display: block;width: 46px;height: 46px;text-indent:-999px;overflow: hidden;background-color: #fff;background-position: center center;background-repeat: no-repeat;border-radius: 50%;}
#header .head_box .top_glob ul li.ic1 a{background-image: url('../img/ic_sns1.png');}
#header .head_box .top_glob ul li.ic2 a{background-image: url('../img/ic_sns2.png');}

#header .head_box .btnMenu{display: none;}

#gnb{position:relative;display: flex;justify-content: center;padding-left: 80px;}
#gnb ul{position:relative;display:flex;padding:0 40px;height:100px;z-index:20}
#gnb > ul > li{position:relative;}
#gnb > ul > li > a{position:relative;display:block;padding:0 40px;font-size:19px;color:#fff;line-height:100px;font-weight:700;text-decoration:none;transition: all 0.2s ease;}
#gnb > ul > li.on > a,
#gnb > ul > li > a:hover{color: #eb6100 !important;}
#gnb > ul.eng > li > a{padding: 0 20px;}


/* ---- 중간영역 ---- */
#container{position:relative;height:100%}
#container #content{position:relative;min-height:500px;}
#container #content::after{display:block;clear:both;content:''}


/* ---- 하단영역 ---- */
#footer{position:relative;clear:both;padding: 50px 40px;width:100%;background:#2f3133;}
#footer .footWrap{position: relative;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;max-width: 1300px;}
#footer .footWrap .footlogo img{margin-right:30px;}
#footer .footWrap .btn a{display: block;padding: 0 20px;width: 250px;font-size: 17px;color: #e0e0e0;line-height: 55px;background: #1a1b1d url('../img/ic_arrow.png') no-repeat right 20px center;border:1px solid #3d3e3f;border-radius: 4px;}


#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;}


#footer .botBtTop{position:fixed;bottom:30px;right:-40px;opacity:0;padding-top: 10px;width:64px;height:64px;font-size: 13px;color: #fff;background:#3e0b87;border-radius: 50%;z-index:300;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
#footer .botBtTop::before{position:absolute;top:30%;left:55%;width:6px;height:6px;content:'';border:1px solid #fff;border-width:2px 2px 0 0;transform:rotate(-45deg) translate(-50%, -50%);}
#footer .botBtTop.on{right:30px;opacity:1;}

#header.fix{background-color: #fff;box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
#header.fix .head_box .logo a{background-position: left bottom;}

#header.fix #gnb > ul > li > a{color: #111;}
#header.fix .head_box .top_glob .lan a{color: #111;}
#header.fix .head_box .top_glob .lan a::after{background-position: left bottom;}
#header.fix .head_box .top_glob ul li a{background-color: #f5f5f5;}


/*
================================================================================
반응형 레이아웃
================================================================================
*/

 /* PC Device */
@media all and (min-width:1301px){
	
	#mGnb{display:none;}

	.fix_bg{display:none !important;}
	
	


}


 /* TABLET Device */
@media all and (max-width:1300px){

	
	#header{padding: 0 0 0 40px;}
	#header .head_box .btnMenu{display: block;position:absolute;top:0;right:0;width:100px;height:100px;overflow:hidden;text-indent:-999px;cursor: pointer;background: url('../img/ic_mb_menu.png') no-repeat center center;z-index:200}

	#header .head_box .btnMenu.on{background:transparent;}
	#header .head_box .btnMenu.on span{position:relative;display:block;margin:0 auto;width:40px;height:3px;background:transparent !important;transition: all 0.3s ease;}
	#header .head_box .btnMenu.on span::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#fff}
	#header .head_box .btnMenu.on span::after{position:absolute;top:0;left:0;width:100%;height:2px;content:'';transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#fff;}
	#header .head_box .btnMenu.on:hover span{transform:rotate(180deg);}

	#header .head_box .top_glob{position: relative;top: 0;justify-content: space-between;padding: 10px 40px;width: 100%;border-bottom: 1px solid #f2f2f2;}
	#header .head_box .top_glob .lan a{padding: 0 15px;color: #fff !important;line-height: 30px;background-color: #3e0b87;border-radius: 15px;}
	#header .head_box .top_glob .lan a::after{display: none;}
	#header .head_box .top_glob ul li a{background-color: #f1f1f1;}
	
	#gnb{display: block;padding-left: 0;}
	#gnb ul{display: block;padding: 0;height: auto;}
	#gnb > ul > li{text-align: right;border-bottom: 1px solid #f2f2f2;}
	#gnb > ul > li > a{padding-left: 0 !important;font-size: 25px;color: #777 !important;line-height: 75px;}
	#gnb > ul > li > a::before{opacity: 0;display: inline-block;margin-right: 8px;width: 6px;height: 6px;content: '';background-color: #eb6100;border-radius: 50%;vertical-align: middle;transition: all 0.4s ease;}
	#gnb > ul > li.on > a::before{opacity: 1;}
	#gnb > ul > li > a:hover,
	#gnb > ul > li.on > a{color: #111 !important;}
	
	#mbMenu{display:block !important;position:fixed;top:100px;right:-360px;width:360px;background:#fff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;border:1px solid #e1e1e1;z-index:500}
	#mbMenu.on{right:0}

	/* 모바일메뉴 */
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:300}
	
	#header.fix .head_box .btnMenu{background: url('../img/ic_mb_menu_on.png') no-repeat center center;}
	#header.fix .head_box .btnMenu.on{background: transparent;}
	#header.fix .head_box .btnMenu.on span::before,
	#header.fix .head_box .btnMenu.on span::after{background-color: #111;}

}

 /* TABLET Device */
 @media all and (max-width:950px){

	
	
 }


 /* Mobile Device */
@media all and (max-width:640px){
	
	#header{padding: 0 0 0 20px;}
	#header .head_box{height: 60px;}
	#header .head_box .logo{top: 15px;}
	#header .head_box .logo a{width: 160px;height: 28px;}
	#header .head_box .logo.eng a{width: 180px;height: 30px;}
	#header .head_box .btnMenu{width: 60px;height: 60px;background-size: 20px;}
	#header.fix .head_box .btnMenu{background-size: 20px;}
	#header .head_box .btnMenu.on span{width: 20px;height: 2px;}

	#mbMenu{top: 60px;right: -250px;width: 250px;}
	#header .head_box .top_glob{padding: 10px 20px;}
	#header .head_box .top_glob ul li a{width: 35px;height: 35px;background-size: 100%;}
	#header .head_box .top_glob .lan a{padding: 0 10px;font-size: 13px;line-height: 25px;}
	#gnb > ul > li > a{padding: 0 20px;font-size: 16px;line-height: 40px;}

	#footer{padding: 20px;}
	#footer .botBtTop{bottom: 10px;width: 40px;height: 40px;font-size: 11px;}
	#footer .botBtTop::before{width: 5px;height: 5px;}
	#footer .botBtTop.on{right: 10px;}
	
	#footer .footWrap .footlogo img{margin: 5px 0;height: 22px;}
	#footer .footWrap .btn a{padding: 0 14px;width: 150px;font-size: 13px;line-height: 40px;}
	
}

/* Mobile Device */
@media all and (max-width:380px){
	


}

 /* Mobile Device */
@media all and (max-width:340px){
	


}

/*
================================================================================
콘텐츠
================================================================================
*/

/* 슬라이드 기본설정 */
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column;
}
.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
	flex-wrap: wrap;
	
}
.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}
  .swiper-container-pointer-events {
	touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
	touch-action: pan-x;
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}
  .swiper-slide-invisible-blank {
	visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.mVisual{position: relative;display: flex;align-items: center;padding: 100px 40px 0;height: 100vh;overflow: hidden;background:url('../img/visual_bg.jpg') no-repeat center top / cover;background-attachment: fixed;}
.mVisual .bg1{position: absolute;bottom: 0;left: 0;width: 485px;height: 582px;background: url('../img/visual_lt_bg.png') no-repeat left bottom / 100%;}
.mVisual .bg2{position: absolute;top: 0;right: 0;width: 485px;height: 582px;background: url('../img/visual_rt_bg.png') no-repeat right top / 100%;}
.mVisual .mConBox{display: flex;justify-content: space-between;align-items: center;margin: 0 auto;max-width: 1300px;}
.mVisual .mConBox .poster{width: 45%;box-shadow: 10px 10px 20px rgba(0,0,0,0.3);}
.mVisual .mConBox .con{width: 45%;color: #fff;}
.mVisual .mConBox .con .txt{font-size: 24px;font-weight: 700;}
.mVisual .mConBox .con h2{margin-bottom: 50px;font-size: 55px;font-weight: bold;line-height: 1.2;}
.mVisual .mConBox .con dl dt{margin-bottom: 10px;font-size: 20px;opacity: 0.6;}
.mVisual .mConBox .con dl dd{margin-bottom: 20px;font-size: 22px;font-weight: 500;}
.mVisual .round_bg{position: absolute;right: 60px;bottom: 100px;width: 194px;height: 194px;background: url('../img/top_round_arrow.png') no-repeat center center;}
.mVisual .round_bg span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('../img/top_round_txt.png') no-repeat center center / 100%;animation-duration: 8s;animation-iteration-count: infinite; animation-name: rote;animation-timing-function: linear;}
.mVisual .bg_txt{position: absolute;right: 0;top: 50%;z-index: 1;}
.mVisual .bg_txt span{display: inline-block;opacity: 0.3;font-size: 15px;color: #fff;letter-spacing: 1px;transform: translateY(-50%) rotate(90deg);}

.icGo{position:absolute;left:50%;bottom:20px;margin-left:-17px;width:40px;height:70px;overflow:hidden;text-indent:-999px;background:url('../img/ic_scroll.png') no-repeat center center;transition: all 0.2s ease;-webkit-transition:all 0.2s ease;z-index:40}

.shake{animation-duration: 10s;animation-iteration-count: infinite; animation-name: shake;}
@keyframes shake {
	10%, 30%, 50%, 70%, 90% {transform: translateY(-5px);}
	20%, 40%, 60%, 80% {transform: translateY(0);}
}

@keyframes rote {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}


.mConBox{position: relative;margin: 0 auto;max-width: 1300px;z-index: 2;}

.title{margin-bottom: 50px;}
.title span{display: block;margin-bottom: 20px;font-size: 15px;color: #eb6100;;font-weight: 700;line-height: 1;}
.title h2{margin-bottom: 20px;font-size: 42px;font-weight: 700;line-height: 1;}
.title p{font-size: 15px;color: #777;font-weight: 500;}

.mCon1{position: relative;padding: 140px 40px;overflow: hidden;background:url('../img/m_con1_bg.jpg') no-repeat center center / cover;}
.mCon1 .control{position: absolute;top: 70px;right: 0;}
.mCon1 .control button{position: relative;margin-left: 10px;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background-color: #fff;border-radius: 50%;transition: all 0.2s ease;}
.mCon1 .control button::after{position: absolute;top: 50%;left: 50%;width: 14px;height: 12px;content: '';background-repeat: no-repeat;background-position: center top;transform: translate(-50%, -50%)}
.mCon1 .control .prevSlide::after{background-image: url('../img/ic_before.png');}
.mCon1 .control .nextSlide::after{background-image: url('../img/ic_next.png');}
.mCon1 .control button:hover{background-color: #eb6100;}
.mCon1 .control button:hover::after{background-position: center bottom;}
.mCon1 .sched_slide > ul > li{position: relative;padding: 40px 30px;height: 310px;background-color: #fff;border:1px solid #e3e6ee;border-radius: 5px;transition: all 0.2s ease;}
.mCon1 .sched_slide > ul > li:hover{border-color: #594d9f;}
.mCon1 .sched_slide > ul > li .time{display: block;margin-bottom: 20px;font-size: 18px;color: #594d9f;font-weight: 700;line-height: 1;}
.mCon1 .sched_slide > ul > li .tit{display: block;margin-bottom: 15px;font-size: 22px;color: #111;font-weight: 700;line-height: 1.2;}
.mCon1 .sched_slide > ul > li ul{margin-bottom: 20px;}
.mCon1 .sched_slide > ul > li ul li{position: relative;padding-left: 10px;font-size: 18px;font-weight: 500;word-break: keep-all;}
.mCon1 .sched_slide > ul > li ul li::before{position: absolute;top: 12px;left: 0;width: 4px;height: 4px;content: '';background-color: #4d298b;border-radius: 50%;}
.mCon1 .sched_slide > ul > li .take{display: none;position: absolute;left: 25px;bottom: 0;padding-left: 20px;width: calc(100% - 50px);line-height: 60px;border-top: 1px solid #e5e8ef;}
.mCon1 .sched_slide > ul > li .take::before{position: absolute;top: 27px;left: 5px;width: 4px;height: 4px;content: '';background-color: #4d298b;border-radius: 50%;}
.mCon1 .bg_ani{position: absolute;left: 50%;bottom: 20px;font-size: 150px;color: #fff;font-weight: 700;transform: translateX(-50%);white-space:nowrap;line-height: 1;}

.mCon2{display: flex;overflow: hidden;background: #3e0b87}
.mCon2 .lt{display: flex;align-items: center;justify-content: flex-end;padding-left: 60px;width: 50%;background: #3e0b87 url('../img/m_con2_bg.png') no-repeat left bottom;}
.mCon2 .lt .con{position: relative;width: 650px;}
.mCon2 .title{color: #fff;}
.mCon2 .title p{color: #fff;}
.mCon2 .d-day{position: absolute;top: 0;right: 85px;font-size: 45px;color: #eb6100;font-weight: 700;}
.mCon2 dl{font-size: 20px;color: #fff;font-weight: 700;}
.mCon2 dl dt{display: inline-block;margin-bottom: 20px;padding: 0 20px;line-height: 44px;background-color: #6d07ff;border-radius: 22px;}
.mCon2 dl dd{padding-left: 10px;}
.mCon2 dl dd ul li{position: relative;padding-left: 15px;}
.mCon2 dl dd ul li::before{position: absolute;top: 12px;left: 0;width: 5px;height: 5px;content: '';background-color: #fff;border-radius: 50%;}
.mCon2 .rt{width: 50%;}
.mCon2 .rt iframe{width: 100%;}
.mCon2 .rt img{width: 100%;height: 100%;object-fit: cover;}

.mCon3{padding:90px 40px ;background: #eb6100 url('../img/m_con3_bg.jpg') no-repeat right top / auto 100%;}
.mCon3 .mConBox{display: flex;justify-content: space-between;align-items: center;}
.mCon3 .title{color: #fff;}
.mCon3 .title span{color: #3e0b87;}
.mCon3 .title p{color: #fff;}
.mCon3 .btn_view{display: inline-block;}
.mCon3 .btn_view a{position: relative;display: block;padding: 0 55px 0 20px;font-size: 17px;color: #fff;font-weight: 500;line-height: 45px;border:1px solid #fff;border-radius: 23px;transition: all 0.2s ease;}
.mCon3 .btn_view a span{position: absolute;top:50%;right: 30px;width: 2px;height: 2px;background-color: #fadac3;transform: translateY(-50%);}
.mCon3 .btn_view a span::before{position: absolute;top: 0;left: -6px;width: 2px;height: 2px;content: '';background-color: #fadac3;}
.mCon3 .btn_view a span::after{position: absolute;top: 0;right: -6px;width: 2px;height: 2px;content: '';background-color: #fadac3;}
.mCon3 .btn_view a:hover{color: #eb6100;background-color: #fff;}
.mCon3 .btn_view a:hover span,
.mCon3 .btn_view a:hover span::before,
.mCon3 .btn_view a:hover span::after{background-color: #eb6100;}
.mCon3 .rt ul{display: flex;justify-content: flex-end;margin: 30px 0;}
.mCon3 .rt ul li{display: flex;flex-direction: column;justify-content: center;margin-left: 30px;width: 223px;height: 190px;font-size: 15px;color: #fff;text-align: center;border:1px solid rgba(255,255,255,0.22);border-radius: 20px;}
.mCon3 .rt ul li .num{margin-bottom: 30px;font-size: 60px;font-weight: 700;line-height: 1;}
.mCon3 .rt ul.first li{margin-left: 20px;width: 130px;}

.mCon4{padding: 110px 40px;overflow: hidden;}
.mCon4 ul{display: flex;justify-content: space-between;}
.mCon4 ul li{width:calc(33.33% - 30px)}
.mCon4 ul li .box{position: relative;padding: 40px;border:1px solid #e3e6ee;border-radius: 10px;}
.mCon4 ul li .box .tit{display: block;margin-bottom: 10px;font-size: 18px;color: #594d9f;font-weight: 600;}
.mCon4 ul li .box .tit b{color: #eb6100;}
.mCon4 ul li .box .d-day{display: block;margin-bottom: 30px;font-size: 35px;color: #888;font-weight: 700;line-height: 1;}
.mCon4 ul li .box .date{display: block;margin-bottom: 5px;font-size: 18px;color: #555;font-weight: 700;line-height: 1;}
.mCon4 ul li .box .qr{position: absolute;bottom: 40px;right: 40px;width: 83px;}

.mCon5{padding:50px 40px;overflow: hidden;border-top: 1px solid #ececec;}
.mCon5 .mConBox{max-width: 1400px;}
.mCon5 dl{display: flex;align-items:flex-start;}
.mCon5 dl dt{position:relative;margin-right: 30px;padding:0 0 10px 10px;color: #555;}
.mCon5 dl dt::before{position: absolute;top: 10px;left: 0;width: 3px;height: 3px;content: '';background-color: #555;border-radius: 50%;}
.mCon5 dl dd ul{display: flex;align-items: center;flex-wrap: wrap;}
.mCon5 dl dd ul li{margin:0 30px 10px 0;}
.mCon5 dl:first-of-type{margin-bottom: 20px;align-items: center;}
.mCon5 dl:first-of-type dd{margin-right: 10px;}
.mCon5 .btnOpen{display: none;}

.mCon6{padding:60px 40px;overflow: hidden;background-color: #f5f8fd;}
.mCon6 .mConBox{display: flex;}
.mCon6 .mConBox .title{flex-shrink: 0;width:300px;}
.mCon6 .mConBox .lt{flex-shrink: 0;margin-right: 50px;}
.mCon6 .mConBox .lt .box{padding-left: 35px;}
.mCon6 .mConBox .lt h3{margin: 20px 0 10px -35px;padding-left: 35px;font-size: 24px;font-weight: 700;background-repeat: no-repeat;background-position: left center;}
.mCon6 .mConBox .lt h3:nth-of-type(1){background-image: url('../img/ic_loc1.png');}
.mCon6 .mConBox .lt h3:nth-of-type(2){background-image: url('../img/ic_loc2.png');}
.mCon6 .mConBox .lt ul{margin-bottom: 30px;}
.mCon6 .mConBox .con{width: 100%;}
.mCon6 .mConBox .con .map{height: 500px;overflow: hidden;background-color: #fff;border:1px solid #e3e6ee}
.mCon6 .mConBox .con iframe{margin-top: -200px;}
.mCon6 .mConBox .con p{margin-top: 10px;}
.mCon6 .btn{display: inline-block;}
.mCon6 .btn a{position: relative;display: block;padding: 0 55px 0 20px;font-size: 17px;color: #fff;font-weight: 500;line-height: 45px;background-color: #eb6100;border-radius: 23px;transition: all 0.2s ease;}
.mCon6 .btn a::after{position: absolute;top: 50%;right: 20px;width: 10px;height: 10px;content: '';border: 1px solid #fff;transform: translateY(-50%);}
.mCon6 .btn a::before{position: absolute;top: 50%;right: 24px;width: 4px;height: 5px;content: '';background-color:#fff;transform: translateY(-50%);}

.ani_bg1{animation: ani_bg1 3s linear 0s infinite alternate;}
.ani_bg2{animation: ani_bg2 3s linear 0s infinite alternate;}
.ani_bg3{animation: ani_bg3 3s linear 0s infinite alternate;}

@keyframes ani_bg1 {
    from {
        transform: scale(100%);
    }

    to {
		transform: scale(110%);
    }
}

@keyframes ani_bg2 {
    from {
        transform: translate(50px, 50px);
    }

    to {
		transform: translate(0, 0);
    }
}

@keyframes ani_bg3 {
    from {
        transform: translateX(50px);
    }

    to {
		transform: translateX(0);
    }
}



/* 애니효과 */
.ani_0{transition-property: all;transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani{opacity:0;transition-property: all;transition-duration: 1s;-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 1s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 1s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x,
.swip_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 2s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 2s;}
.ani_x.m,
.swip_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.delay2{transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.delay3{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.delay4{transition-delay:1.1s;-webkit-transition-delay:1.1s;}
.delay5{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.delay6{transition-delay:1.7s;-webkit-transition-delay:1.7s;}
.delay7{transition-delay:2.0s;-webkit-transition-delay:2.0s;}
.delay8{transition-delay:2.3s;-webkit-transition-delay:2.3s;}
.delay9{transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.delay10{transition-delay:3.0s;-webkit-transition-delay:3.0s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.action .ani{opacity:1;}


.layPopup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 400;}
.layPopup .popBox{position: absolute;top: 50%;left: 50%;width: 100%;max-width: 810px;min-height: 730px;overflow:hidden;background-color: #fff;border-radius: 20px;transform: translate(-50%, -50%);}
.layPopup .popBox .btnClose{position: absolute;top: 0;right: 0;width: 70px;height: 70px;text-indent: -999px;overflow: hidden;}
.layPopup .popBox .btnClose::before{position: absolute;top: 50%;left: 50%;width: 20px;height:0;content: '';border-top: 2px solid #fff;transform:translate(-50%, -50%) rotate(45deg);}
.layPopup .popBox .btnClose::after{position: absolute;top: 50%;left: 50%;width: 20px;height:0;content: '';border-top: 2px solid #fff;transform:translate(-50%, -50%) rotate(-45deg);}
.layPopup .popBox h2{padding:0 35px;font-size:25px;color: #fff;font-weight: 700;line-height:70px;background-color: #eb6100;}
.layPopup .popBox .popCon{padding: 35px;}
.layPopup .popBox .popCon h3{margin-bottom: 10px;font-size:20px;font-weight: 700;}
.layPopup .popBox .popCon table tr{text-align: center;}
.layPopup .popBox .popCon table thead th{padding:10px;font-size: 17px;background-color: #f9fafd;border-top: 2px solid #594d9f;border-bottom: 1px solid #ddd;}
.layPopup .popBox .popCon table tbody td{padding: 10px;border-bottom: 1px solid #ddd;}

.tabMenu{margin-bottom: 30px;}
.tabMenu ul{display: flex;justify-content: center;}
.tabMenu ul li{width: 33.33%;text-align: center;}
.tabMenu ul li a{position: relative;display: block;margin-left: -1px;font-size: 16px;color: #3e0b87;line-height:50px;font-weight: 500;border:1px solid #e9edf5;transition: all 0.2s ease;}
.tabMenu ul li.on a,
.tabMenu ul li.on a:hover,
.tabMenu ul li a:hover{color: #fff;background-color: #3e0b87;border-color: #3e0b87;z-index: 1;}
.tabMenu.bbs{margin-bottom: 60px;}

.mVisual .btn{display: inline-block;}
.mVisual .btn a{position: relative;display: block;padding: 0 55px 0 20px;font-size: 17px;color: #fff;font-weight: 500;line-height: 45px;background-color: #eb6100;border-radius: 23px;transition: all 0.2s ease;}
.mVisual .btn a::after{position: absolute;top: 50%;right: 20px;width: 10px;height: 10px;content: '';border: 1px solid #fff;transform: translateY(-50%);}
.mVisual .btn a::before{position: absolute;top: 50%;right: 24px;width: 4px;height: 5px;content: '';background-color:#fff;transform: translateY(-50%);}

.leaflet_bg{background-image:linear-gradient(#45278b, #42288d, #42288d);}
.leaflet_con{position: relative;padding: 50px 100px;width: 100%;height: 100%;}
.leaflet_con .leaflet_slide ul li{width: 50%;}
.leaflet_con .leaflet_slide ul li.map{width: auto;}
.leaflet_con .leaflet_slide ul li.map a{display: none;}
.leaflet_con .control button{position: fixed;top: 50%;width: 50px;height: 50px;text-indent: -999px;overflow: hidden;background-color: rgba(0,0,0,0.2);border-radius: 50%;transition: all 0.2s ease;transform: translateY(-50%);z-index: 30;}
.leaflet_con .control button::after{position: absolute;top: 50%;left: 50%;width: 15px;height: 15px;content: '';border:1px solid #fff;border-width: 3px 3px 0 0;transform: translate(-70%, -50%) rotate(45deg);}
.leaflet_con .control button:hover{background-color: rgba(0,0,0,0.5);}
.leaflet_con .control .prevSlide_leaf{left: 20px;}
.leaflet_con .control .nextSlide_leaf{right: 20px;}
.leaflet_con .control .prevSlide_leaf::after{transform: translate(-30%, -50%) rotate(-135deg);}
.leaflet_con .control .swiper-button-disabled{opacity: 0.2;}

.map_con{overflow: auto;}
.map_con img{max-width: 3000px;}

.btn_close{position: fixed;top: 20px;right: 20px;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background-color: rgba(0,0,0,0.5);border-radius: 50%;z-index: 20;}
.btn_close::after,
.btn_close::before{position: absolute;top: 50%;left: 50%;width: 20px;height: 0;content: '';border-top: 2px solid #fff;}
.btn_close::after{transform: translate(-50%, -50%) rotate(45deg);}
.btn_close::before{transform: translate(-50%, -50%) rotate(-45deg);}



/*
================================================================================
반응형 콘텐츠
================================================================================
*/




 /* PC Device */
@media all and (min-width:1301px){
	
	
}

 /* TABLET Device */
@media all and (max-width:1300px){

	.mVisual{min-height: 1000px;}
	.mVisual .mConBox{display: block;}
	.mVisual .mConBox .poster{float:right;width: 40%;}
	.mVisual .mConBox .con{width: 100%;}

	.mCon3 .mConBox .lt{flex-shrink: 0;margin-right: 50px;}
	.mCon3 .rt{width: 100%;}
	.mCon3 .rt ul.first{flex-wrap: wrap;}
	.mCon3 .rt ul li{margin-bottom: 20px;width: calc(33.33% - 20px);}
	.mCon3 .rt ul.first li{width: calc(33.33% - 20px);}

	.mCon4 ul{flex-wrap: wrap;justify-content: flex-start;}
	.mCon4 ul li{margin:0 10px 20px;width: 300px;}

	.mCon5 dl{flex-wrap: wrap;}
	.mCon5 dl dt{margin-bottom: 10px;width: 60px;flex-shrink: 0;}
	.mCon5 dl dd{margin-bottom: 10px;width: calc(100% - 100px);}

	.leaflet_con{padding: 0;}

}

 /* TABLET Device */
 @media all and (max-width:950px){

	.mVisual .mConBox .con h2{margin-bottom: 80px;font-size: 40px;}
	.mVisual .mConBox .poster{width: 45%;}

	.mVisual .round_bg{bottom: 30px;right: 40px;width: 150px;height:150px;}

	.mCon1 .bg_ani{font-size: 50px;}

	.mCon2{display: block;}
	.mCon2 .lt{padding: 60px;width: 100%;}
	.mCon2 .rt{position: relative;padding-top: 55%;width: 100%;}
	.mCon2 .rt iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.mCon2 .rt img{position: absolute;top: 0;left: 0;}

	.mCon3 .mConBox{display: block;}
	.mCon3 .rt ul{flex-wrap: wrap;justify-content: flex-start;}
	.mCon3 .rt ul.first li,
	.mCon3 .rt ul li{margin: 0 20px 20px 0;}
	
	.layPopup{padding: 40px;}
	.layPopup .popBox{position: relative;top:0;left: 0;transform: translate(0, 0);;}

	.mCon6 .mConBox{display: block;}
	.mCon6 .mConBox .title{width: auto;}
	.mCon6 .mConBox .lt{margin:0 0 40px}

	.leaflet_con .leaflet_slide ul li{width: 100%;}
	.leaflet_con .leaflet_slide ul li.map{margin: auto;width: 100%;}
	.leaflet_con .leaflet_slide ul li.map a{display: block;position: absolute;left: 50%;top:50%;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: rgba(0,0,0,0.5) url('../img/ic_zoom.png') no-repeat center center;border-radius: 50%;transform: translate(-50%, -50%);z-index: 10;}

}

 /* Mobile Device */
@media all and (max-width:640px){

	@keyframes ani_bg1 {
		from {
			transform: scale(100%);
		}
	
		to {
			transform: scale(100%);
		}
	}
	
	.mVisual{padding: 80px 30px 0;height: auto;min-height: 600px;overflow: initial;}
	.mVisual .mConBox .poster{float: none;position: sticky;top: 80px;width: 100%;}
	.mVisual .mConBox .con{margin: 0 -30px;padding:30px;width: auto;}
	.mVisual .mConBox .con .txt{font-size: 16px;}
	.mVisual .mConBox .con h2{margin-bottom: 30px;font-size: 24px;}
	.mVisual .mConBox .con dl{display: flex;flex-wrap: wrap;}
	.mVisual .mConBox .con dl dt{margin-bottom: 5px;width: 60px;font-size: 13px;}
	.mVisual .mConBox .con dl dd{margin-bottom: 10px;width: calc(100% - 60px);font-size: 14px;}
	.mVisual .bg1{width: 200px;}
	.mVisual .bg2{width: 180px;}
	.mVisual .round_bg{right: 20px;bottom: 20px;width: 80px;height: 80px;background-size: 15px;z-index: 2;}
	.mVisual.mv_ani .mConBox .con{padding-top: 70px;background-image:linear-gradient(transparent, #140065,  #140065, #140065);}
	.mVisual .bg_txt{right: -110px;display: none;}
	.mVisual .bg_txt span{font-size: 12px;}

	.title{margin-bottom: 20px;}
	.title span{margin-bottom: 10px;font-size: 13px;}
	.title h2{margin-bottom: 10px;font-size: 25px;}
	.title p{font-size: 13px;}

	.mCon1{padding: 50px 20px 60px;}
	.mCon1 .title{padding-right: 80px;}
	.mCon1 .control{top: 50px;}
	.mCon1 .control button{margin-left: 5px;width: 30px;height: 30px;}
	.mCon1 .sched_slide > ul > li{padding: 15px 15px;height: auto;}
	.mCon1 .sched_slide > ul > li .time{margin-bottom: 10px;font-size: 16px;}
	.mCon1 .sched_slide > ul > li .tit{margin-bottom: 10px;font-size: 18px;}
	.mCon1 .sched_slide > ul > li ul{margin-bottom: 10px;}
	.mCon1 .sched_slide > ul > li ul li{margin-bottom: 5px;font-size: 12px;line-height: 1.2;}
	.mCon1 .sched_slide > ul > li ul li::before{top: 5px;width: 3px;height: 3px;}
	.mCon1 .sched_slide > ul > li .take{left: 15px;padding-left: 0;width: calc(100% - 30px);font-size: 13px;line-height: 40px;}
	.mCon1 .sched_slide > ul > li .take::before{display: none;}
	.mCon1 .bg_ani{font-size: 25px;}

	.mCon2 .lt{padding:30px 20px;background-size: 150px;}
	.mCon2 .d-day{right: 0;font-size: 30px;}
	.mCon2 .title p br{display: none;}
	.mCon2 dl{font-size: 14px;}
	.mCon2 dl dt{margin-right: 10px;padding: 0 15px;line-height: 30px;}
	.mCon2 dl dd{padding-left: 5px;}
	.mCon2 dl dd ul li{padding-left: 10px;}
	.mCon2 dl dd ul li::before{top: 8px;width: 3px;height: 3px;}

	.mCon6 .btn a{padding: 0 40px 0 15px;font-size: 14px;line-height: 40px;}

	.mCon3{padding: 50px 20px;}
	.mCon3 .mConBox{display: block;}
	.mCon3 .mConBox .lt{margin: 0 0 30px;}
	.mCon3 .mConBox .title h2 br{display: none;}
	.mCon3 .rt ul{justify-content: center;margin: 10px 0;}
	.mCon3 .rt ul li{margin: 0 5px 10px;padding: 10px;width: calc(50% - 10px);height: auto;min-height: 100px;font-size: 14px;border-radius: 10px;}
	.mCon3 .rt ul li .num{margin-bottom: 10px;font-size: 30px;}
	.mCon3 .rt ul.first li{margin: 0 5px 10px;width: calc(33.33% - 10px);}

	.mCon3 .btn_view a{padding: 0 50px 0 15px;font-size: 14px;line-height: 35px;}

	.mCon4{padding: 50px 20px 40px;}
	.mCon4 ul li{margin: 0 0 10px;width: 100%;}
	.mCon4 ul li .box{padding: 20px;}
	.mCon4 ul li .box .qr{right: 20px;bottom: 20px;width: 70px;}
	.mCon4 ul li .box .tit{font-size: 16px;}
	.mCon4 ul li .box .d-day{margin-bottom: 20px;font-size: 30px;}
	.mCon4 ul li .box .date{font-size: 15px;}

	

	.mCon5{padding: 0;min-height: 50px;}
	.mCon5 .mConBox{position: absolute;left: 0;bottom:0;padding: 0 20px;width: 100%;background-color: #fff;z-index: 10;}
	.mCon5 dl{display: none;width: 100%;}
	.mCon5 dl:first-of-type{margin-bottom: 0;align-items: flex-start;}
	.mCon5 dl dt{margin:7px 10px 0 0;width: auto;font-size: 14px;}
	.mCon5 dl:first-of-type dd{margin-right: 0;}
	.mCon5 dl dd{margin-right:0;width:100%;}
	.mCon5 dl dd ul{justify-content: space-between;}
	.mCon5 dl dd ul li{margin: 0 0 5px 0;padding: 5px;width: calc(50% - 5px);text-align: center;border:1px solid #ddd}
	.mCon5 dl dd ul li img{height: 25px;}

	.mCon5 .btnOpen{display: block;margin: 0 -20px;width: calc(100% + 40px);height:50px;text-align: center;font-size: 15px;color: #555;font-weight: 500;}
	.mCon5 .btnOpen span{position: relative;display: inline-block;padding-right: 40px;}
	.mCon5 .btnOpen span::after{position: absolute;top: 50%;right: 0;width: 25px;height: 25px;content: '';border-radius: 50%;background: #fff url('../img/ic_arrow2.png') no-repeat center center / 10px;border:1px solid #d3d6d9;transform: translateY(-50%);box-shadow: 2px 2px 5px rgba(0,0,0,0.1);}

	.mCon5 .ani_y{opacity: 1;transform: translateY(0);}
	.mCon5.on dl{display: block;}
	.mCon5.on .btnOpen{margin-bottom: 20px;background-color: #efefef;box-shadow: -10px -10px 10px rgba(0,0,0,0.1);}
	.mCon5.on .btnOpen span::after{transform:translateY(-50%) rotate(180deg);}

	.mCon6{padding: 50px 20px 0;}
	.mCon6 .mConBox .con{margin: 0 -20px;padding: 0 0 10px;width: auto;border-bottom: 1px solid #e3e6ee;}
	.mCon6 .mConBox .con .map{height: 300px;}
	.mCon6 .mConBox .con iframe{margin-top: -150px;height: 600px;}
	.mCon6 .mConBox .con p{padding: 0 20px;font-size: 14px;}
	.mCon6 .mConBox .lt h3{margin: 15px 0 5px -30px;padding-left: 30px;font-size: 18px;background-size: 22px;}
	.mCon6 .mConBox .lt .box{padding-left: 30px;}

	.layPopup{padding: 10px;overflow: auto;}
	.layPopup .popBox{border-radius: 10px;min-height: 200px;height: calc(100vh - 20px);}
	.layPopup .popBox h2{padding: 0 20px;font-size: 18px;line-height: 50px;}
	.layPopup .popBox .btnClose{width: 50px;height: 50px;}
	.layPopup .popBox .popCon{padding: 15px;height: calc(100% - 35px);overflow: auto;}
	.layPopup .popBox .popCon table{display: block;}
	.layPopup .popBox .popCon table thead th{padding: 10px 5px;font-size: 13px;}
	.layPopup .popBox .popCon table tbody td{padding: 10px 3px;font-size: 13px;}
	.layPopup .popBox .popCon table tr{display: flex;width: 100%;flex-wrap: wrap;}
	.layPopup .popBox .popCon table thead{display: block;}
	.layPopup .popBox .popCon table thead th{display: none;}
	.layPopup .popBox .popCon table thead th:nth-child(1){display: block;width: 25%;}
	.layPopup .popBox .popCon table thead th:nth-child(2){display: block;width: 75%;}
	.layPopup .popBox .popCon table tbody{display: block;}
	.layPopup .popBox .popCon table tbody td:nth-child(1){width: 25%;}
	.layPopup .popBox .popCon table tbody td:nth-child(2){width: 70%;}
	.layPopup .popBox .popCon table tbody td:nth-child(3){width: 25%;}
	.layPopup .popBox .popCon table tbody td:nth-child(4){width: 70%;}

	.tabMenu{margin-bottom: 20px;}
	.tabMenu ul{flex-wrap: wrap;justify-content: flex-start;}
	.tabMenu ul li{margin-bottom: -1px;width: 50%;}
	.tabMenu ul li a{font-size: 13px;line-height: 40px;}

	.leaflet_con .control button{width: 30px;height: 30px;}
	.leaflet_con .control button::after{width: 10px;height: 10px;border-width: 2px 2px 0 0;}
	.leaflet_con .control .prevSlide_leaf{left: 10px;}
	.leaflet_con .control .nextSlide_leaf{right: 10px;}

	.mVisual .btn a{padding: 0 40px 0 15px;font-size: 14px;line-height: 35px;}

	.map_con{overflow:visible;}
	.map_con img{max-width: 100%;}

	.btn_close{top: 10px;right: 10px;width: 30px;height: 30px;}
	.btn_close::after, .btn_close::before{width: 15px;}
	
}

 /* Mobile Device */
@media all and (max-width:340px){


}



/*FROM SITE CODE :  
*/