@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

body{
  position: relative;
  margin: 0;
}

canvas{
	background:transparent;
  position: absolute;
  cursor: crosshair;
}

header {border-bottom:0;}
#openMenu .bar {background:#fff;}

/* #maincon { margin-top:-100px; background:url(/bussa/images/main/mfoot_bg.png) no-repeat 50% bottom;} */
#maincon { margin-top:-100px; background:url(/bussa/images/main/mfoot_bg2.png) no-repeat 50% bottom;}



#headerWrap::after {display:none;}
#innerHead {z-index:100; position:relative;background:transparent;}

@media all and (min-width:1025px){
	#lnb >li >a{color:#fff;}
	#lnb > li#lnb_04 > a {color:#fef361;}	
}
@media all and (max-width:1024px){
	a.msearbbtn:before {color:#fff;}
}


.visual .visual_slide{ position:relative; z-index:0;}
.visual .visual_item {position:relative;  padding-bottom:100px; padding-top:100px; background-size:cover; text-align:center; perspective:100vw; }
.visual .visual_item.v01 {background:url(/bussa/images/main/visual_bg2.png) no-repeat 50% bottom; background-size:cover;}
.visual .visual_item.v02 {background:url(/bussa/images/main/visual_bg.png) no-repeat 50% bottom; background-size:cover;}
.visual .visual_item.v03 {background:url(/bussa/images/main/visual_bg3.png) no-repeat 50% bottom; background-size:cover;}
.visual .visual_item.v01:before {content:''; display:block; width:417px; height:664px; background:url(/bussa/images/main/visual_0101.png) no-repeat 50% 0; position:absolute; bottom:0; left:0; z-index:5;}
.visual .visual_item.v01:after {content:''; display:block; width:421px; height:686px; background:url(/bussa/images/main/visual_0102.png) no-repeat 50% 0; position:absolute; bottom:0; right:0;  z-index:5;}
.visual .visual_item.v02:before {content:''; display:block; width:437px; height:386px; background:url(/bussa/images/main/visual_0201.png) no-repeat 50% 0; position:absolute; bottom:0; left:0; z-index:5;}
.visual .visual_item.v02:after {content:''; display:block; width:360px; height:386px; background:url(/bussa/images/main/visual_0202.png) no-repeat 50% 0; position:absolute; bottom:0; right:0;  z-index:5;}
.visual .visual_item.v03:before {content:''; display:block; width:560px; height:676px; background:url(/bussa/images/main/visual_0301.png) no-repeat 50% 0; position:absolute; bottom:0; left:0; z-index:5;}
.visual .visual_item.v03:after {content:''; display:block; width:528px; height:614px; background:url(/bussa/images/main/visual_0302.png) no-repeat 50% 0; position:absolute; bottom:0; right:0;  z-index:5;}

.visual .visual_item:after,
.visual .visual_item:before { animation:main-ani 1.6s infinite linear alternate;  -webkit-animation: main-ani 1.6s infinite linear alternate; }
@keyframes main-ani {
	0% {
		transform:rotateY(-15deg) translateZ(-30px);
		
	}
	100% {
		transform:rotateY(15deg) translateZ(0px);
		
	}
}

.visual .visual_item p {position:relative; z-index:9;}
.visual .visual_item p.tit01 {font-size:3.2rem; color:#fff; line-height:1em; margin:100px 0 20px 0;}
.visual .visual_item p.tit02 {font-size:6.0rem; color:#fff; font-family: 'SBAggro'; font-weight:800; line-height:1em; margin:0 0 20px 0;}
.visual .visual_item p.tit02 strong {color:#fef361; font-weight: 600;}
.visual .visual_item p.tit03 {font-size:3.6rem; color:#fff; line-height:1em; margin-bottom:300px;}
.visual .visual_item p.tit02 br.m-br{display: none;}

.mainsear {width:600px; border-radius:50px; margin:0 auto; background:#fff; padding:15px; box-sizing:border-box;  display:flex; justify-content:space-between; margin-top:-350px; position:relative; z-index:10;}
.mainsear input[type="text"] {width:calc(100% - 100px); border:none;}
.mainsear input[type="submit"] {width:160px; height:40px; background:#ff3c5a url(/bussa/images/common/topsearbtn.png) no-repeat 85px 50%; border:0; border-radius:30px; text-align:left; padding:0 20px;}
.mainsear input[type="submit"]:hover {background:#be1f39 url(/bussa/images/common/topsearbtn.png) no-repeat 85px 50%;}
.mainsear select{border: none; width: 150px;  padding-left: 15px;}

.visual .visual_ctrl {position:relative; z-index:10; text-align:center; margin-top:150px; margin-bottom:170px;}
.visual .visual_ctrl > div {display:inline-block;}
.visual .visual_ctrl > div ul li {display:none; font-size:1.5rem; color:#fff;}
.visual .visual_ctrl > div ul li.slick-active {display:inline-block;}
.visual .visual_ctrl > div ul li.slick-active .current {font-weight:600; color:#fef361; padding-right:14px; position:relative;}
.visual .visual_ctrl > div ul li.slick-active .current:after {content:''; display:inline-block; width:3px; height:3px; background:rgba(255,255,255,0.3); position:absolute; top:8px; right:6px; border-radius:50%;}

.visual .visual_ctrl button {width:20px; height:20px; background-image:url(/bussa/images/main/controll_bg.png); background-repeat:no-repeat; text-indent:-9999px; }
.visual .visual_ctrl button.prev {background-position:0 0;}
.visual .visual_ctrl button.next {background-position:0 -20px;}
.visual .visual_ctrl button.auto.slick-pause {background-position:0 -40px;}
.visual .visual_ctrl button.auto.slick-play {background-position:0 -60px;}
@media all and (max-width:1024px){
	@keyframes main-ani {
		0% {
			transform:rotateY(-15deg) translateZ(-30px) scale(0.5);
			-ms-transform:rotateY(-15deg) translateZ(-30px) scale(0.5);
		}
		100% {
			transform:rotateY(15deg) translateZ(0px) scale(0.5);
			-ms-transform:rotateY(15deg) translateZ(0px) scale(0.5);
		}
	}	
	.visual .visual_item p.tit01 {font-size:clamp(2.2rem, 5vw, 3.2rem); margin:20px 0 10px 0;}
	.visual .visual_item p.tit02 {font-size:clamp(3.6rem, 5vw, 6.0rem); margin:0 0 10px 0; word-break:keep-all; line-height:1.2em;}
	.visual .visual_item p.tit03 {font-size:clamp(2.4rem, 5vw, 3.6rem); margin-bottom:100px;}
	/*******ie 조건문*********/
	body.iever .visual .visual_item p.tit01 {font-size:2.2rem!important;}
	body.iever .visual .visual_item p.tit02 {font-size:3.6rem!important;}
	body.iever .visual .visual_item p.tit03 {font-size:2.4rem!important;}
	
	.visual .visual_item.v01:before {bottom:-150px; left:-170px;}
	.visual .visual_item.v01:after {bottom:-150px; right:-140px;}
	.visual .visual_item.v02:before {bottom:-90px; left:-140px;}
	.visual .visual_item.v02:after {bottom:-90px; right:-120px;}	
	
	body.iever .visual .visual_item:after,
	body.iever .visual .visual_item:before { animation:none!important;  -webkit-animation:none; transform:scale(0.5)}	
	
	.mainsear {margin-top:-150px; display:none;}
	.visual .visual_ctrl {margin-top:-120px;}	
}
@media all and (max-width:768px){
	.visual .visual_item p.tit02 br.m-br{display: block;}
	.visual .visual_item{background-size:300%!important;}
	@keyframes main-ani {
		0% {
			transform:rotateY(-15deg) translateZ(-30px) scale(0.4);
		}
		100% {
			transform:rotateY(15deg) translateZ(0px) scale(0.4);
		}
	}
	.visual .visual_item.v01:before {bottom:-200px; left:-200px;}
	.visual .visual_item.v01:after {bottom:-200px; right:-170px;}
	.visual .visual_item.v02:before {bottom:-100px; left:-170px;}
	.visual .visual_item.v02:after {bottom:-100px; right:-150px;}
	body.iever .visual .visual_item:after,
	body.iever .visual .visual_item:before {transform:scale(0.4)}	
	
}

@media all and (max-width:500px){
	.visual .visual_item.v01:before {display: none;}
	.visual .visual_item.v01:after {display: none;}
	.visual .visual_item.v02:before {display: none;}
	.visual .visual_item.v02:after {display: none;}
}

@media all and (max-width:1024px){
	.visual .visual_ctrl {margin-bottom:140px;}
}



.mfest h3 {text-align:center; margin-top:0; font-size:5.4rem; font-family: 'SBAggro'; margin-bottom:50px;}
.mfest h3 span {color:#ff3c5b; padding-right:0;}
.mfest h3:before {display:none;}
.mfest .dv_wrap {padding:0 10px;}

.mfest .dv_wrap {display:flex; justify-content:space-between; flex-flow:row wrap;}
.mfest .dv_wrap >div {width:calc(50% - 33px); position:relative; margin-bottom:50px;}
.mfest .dv_wrap >div a.more {position:absolute; top:0; right:0; align-items:center; line-height:1.2em; padding-right:14px;}
.mfest .dv_wrap >div a.more:after {content:'+'; display:inline-block; padding-left:10px; position:absolute; top:-1px; right:0;}
.mfest .dv_wrap >div > p.title {font-family: 'SBAggro'; font-size:2.6rem; position:relative; padding-left:40px; margin-bottom:20px; line-height:3.0rem;} 
.mfest .dv_wrap >div.mnotice > p.title:before {content:''; width:35px; height:30px; background:url(/bussa/images/main/noti_bg.png) no-repeat 50% 0; position:absolute; top:-3px; left:0;}
.mfest .dv_wrap >div.mbusking > p.title:before {content:''; width:35px; height:30px; background:url(/bussa/images/main/bus_bg.png) no-repeat 50% 0; position:absolute; top:-5px; left:0;}
.mfest .dv_wrap >div.mnotice ul {border-top:2px solid #333;}
.mfest .dv_wrap >div.mnotice ul li {border-bottom:1px dotted #dedede;}
.mfest .dv_wrap >div.mnotice ul li a {display:flex; justify-content:space-between; flex-flow:row wrap; padding:25px 20px; }
.mfest .dv_wrap >div.mnotice ul li a .mnotice_date {font-weight:600; color:#333; font-size:2.0rem; width:120px;line-height:1.2em;}
.mfest .dv_wrap >div.mnotice ul li a p {width:calc(100% - 140px); position:relative; box-sizing:border-box; padding-right:20px;}
.mfest .dv_wrap >div.mnotice ul li a p span {display:block;}
.mfest .dv_wrap >div.mnotice ul li a p span.mnotice_title {font-size:2.0rem; margin-bottom:10px; line-height:1.2em;}
.mfest .dv_wrap >div.mnotice ul li a p span.mnotice_con {font-size:1.7rem; color:#999;line-height:1.2em;   white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.mfest .dv_wrap >div.mnotice ul li a:hover {background-color:#f2f2f2;}
.mfest .dv_wrap >div.mnotice ul li a:hover .mnotice_date,
.mfest .dv_wrap >div.mnotice ul li a:hover p span.mnotice_title {font-weight:600; color:#4c3e89;}
.mfest .dv_wrap >div.mnotice ul li a:hover p:after {content:'\EA6E'; position:absolute; top:calc(50% - 10px); right:0; font-family: remixicon!important; font-size:2.4rem;}


.mfest .dv_wrap >div.mbusking .busking_cal{border-top:2px solid #333; padding:20px 20px; text-align:center; border-bottom:1px dashed #dedede;}
.mfest .dv_wrap >div.mbusking .busking_cal p {margin-bottom:20px; display:flex; justify-content:space-between; }
.mfest .dv_wrap >div.mbusking .busking_cal p a {text-indent:-9999px; width:21px; height:21px; display:block;}
.mfest .dv_wrap >div.mbusking .busking_cal p a.prevmonth {background:url(/bussa/images/main/arrow_left.png) no-repeat 0 0;}
.mfest .dv_wrap >div.mbusking .busking_cal p a.nextmonth {background:url(/bussa/images/main/arrow_right.png) no-repeat 0 0;}
.mfest .dv_wrap >div.mbusking .busking_cal p span {font-size:2.4rem; font-weight:600;}
.mfest .dv_wrap >div.mbusking .busking_cal div {display:flex; justify-content:center; align-items:center; flex-flow:row wrap;}
.mfest .dv_wrap >div.mbusking .busking_cal div a {border:1px solid #dedede; padding:10px 0; width:110px;border-radius:30px; display:inline-block;  margin:0 5px 5px 5px;}
.mfest .dv_wrap >div.mbusking .busking_cal div a.on {background:#4c3e89; color:#fff;}
.mfest .dv_wrap >div.mbusking .busking_cal div a.on span {position:relative; padding-right:20px;}
.mfest .dv_wrap >div.mbusking .busking_cal div a.on span:after {content:'\EB7B'; font-weight:600; font-family: remixicon!important; display:inline-block; position:absolute; top:2px; right:0;}
.mfest .dv_wrap >div.mbusking ul {overflow-y:auto; height:298px; border-bottom:1px dashed #dedede; padding:15px 0;}
.mfest .dv_wrap >div.mbusking ul li a{display:flex; justify-content:space-between; flex-flow:row wrap; padding:20px 20px;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type {font-weight:600; color:#333; font-size:2.0rem; width:80px;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type em {color:#333; display:inline-block; width:100%; border:1px solid #dedede; text-align:center; padding:15px 0;}
.mfest .dv_wrap >div.mbusking ul li a p {width:calc(100% - 100px); position:relative; box-sizing:border-box; padding-right:20px;}
.mfest .dv_wrap >div.mbusking ul li a p span {display:block;}
.mfest .dv_wrap >div.mbusking ul li a p span.busking_title {font-size:2.0rem; margin-bottom:10px; font-weight:600; color:#333;padding-top:5px; line-height:1.2em;}
.mfest .dv_wrap >div.mbusking ul li a p span.busking_con {font-size:1.7rem; color:#999; line-height:1.2em;}
.mfest .dv_wrap >div.mbusking ul li a p:after {content:'\EA6E'; position:absolute; top:calc(50% - 10px); right:0; font-family: remixicon!important; font-size:2.4rem;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type em.t01 {border:1px solid #855964; color:#855964;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type em.t02 {border:1px solid #349982; color:#349982;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type em.t03 {border:1px solid #00a0ba; color:#00a0ba;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type em.t04 {border:1px solid #786bc0; color:#786bc0;}
.mfest .dv_wrap >div.mbusking ul li a .busking_type em.t05 {border:1px solid #3c66a3; color:#3c66a3;}




@media all and (max-width:1024px){
	.mfest .dv_wrap >div {width:100%;}
}
@media all and (max-width:768px){
	.mfest .dv_wrap >div.mbusking .busking_cal div a {width:100px;}
	.mfest .dv_wrap >div.mbusking ul li a{padding:14px 0px;}
	.mfest .dv_wrap >div.mbusking ul li a p span.busking_con{font-size: 1.5rem;}
	.mfest .dv_wrap >div.mbusking ul li a .busking_type em{padding: 10px 0;}
	.mfest .dv_wrap >div.mbusking ul li a .busking_type{width: 68px}
	.mfest .dv_wrap >div.mbusking ul li a p span.busking_title{padding-top: 0; margin-bottom: 5px;}
	.mfest .dv_wrap >div.mbusking ul li a p{width: calc(100% - 80px);}
}

.mbanner {position:relative; margin-bottom:80px;}
.mbanner >div {position:reative; display:flex; flex-flow:row wrap; align-items:center;padding:0 10px;}
.mbanner >div a {display:block; width:33.33%; box-sizing:border-box; padding:50px 30px 50px 130px; border:1px solid #dedede; position:relative;}
.mbanner >div a:nth-child(2),
.mbanner >div a:nth-child(3){border-left:0}
.mbanner >div a:before {content:''; width:90px; height:90px; background:#f2f2f2; position:absolute; top:calc(50% - 45px); left:30px;}
.mbanner >div a p.tt {font-family: 'SBAggro'; font-size:2.4rem; line-height:1.2em; color:#333;}
.mbanner >div a p.tc {font-size:1.8rem; line-height:1.2em;}
.mbanner >div a:after {content:'\EA6E'; width:44px; height:44px; border-radius:50px; background:#fff; position:absolute; top:calc(50% - 22px); right:30px; font-family: remixicon!important; display:flex; justify-content:center; align-items:center; font-size:2.2rem;}

.mbanner >div a:nth-child(1):before {background:url(/bussa/images/main/b_01.png) no-repeat 50% 50%;}
.mbanner >div a:nth-child(2):before {background:url(/bussa/images/main/b_02.png) no-repeat 50% 50%;}
.mbanner >div a:nth-child(3):before {background:url(/bussa/images/main/b_03.png) no-repeat 50% 50%;}

.mbanner >div a:hover {box-shadow:0px 0px 0px 3px rgba(0,0,0,1) inset; z-index:10; position:relative;}
.mbanner >div a:hover:after {background-color:#333; color:#fff;}

@media all and (max-width:1280px){
	.mbanner >div a {display:block; width:33.33%; box-sizing:border-box; padding:30px 20px 25px 80px;}
	.mbanner >div a:before {width:50px; height:50px; top:calc(50% - 25px); left:20px; background-size:100%!important;}	
	.mbanner >div a p.tc {display:none;}
	.mbanner >div a:after {width:30px; height:30px; top:calc(50% - 15px); right:20px;}
}
@media all and (max-width:768px){
	.mbanner >div a {display:block; width:33.33%; box-sizing:border-box; padding:30px 20px 25px 70px;}
	.mbanner >div a:before {left:15px;}
	.mbanner >div a:after {right:15px;}
}
@media all and (max-width:680px){
	.mbanner >div a {width:100%;}
	.mbanner >div a:nth-child(2),
	.mbanner >div a:nth-child(3){border-left:1px solid #dedede; border-top:0;}
	.mbanner >div a:hover {border:1px solid #333; box-shadow:5px 5px 0px rgba(0,0,0,0.1);}
	}

.mmov { margin-bottom:50px;}
.mmov >div {padding:0 10px;}
.mmov >div iframe {width:100%;  min-height:550px; /*aspect-ratio: 16 / 9;*/ background:#333; position:relative; z-index:10; box-shadow:0 0 20px rgba(0,0,0,0.2); box-sizing:border-box;}
@media all and (max-width:768px){
	.mmov { margin-bottom:0px;}
	.mmov >div iframe {min-height:350px;}	
	#maincon .dv_wrap {padding:0 15px!important;}
}

@media all and (max-width:480px){
	.mmov >div iframe {min-height:200px;}	
}


/* footer */
footer {background:transparent;}