.sa {
	opacity: 0;
	transition: all .9s ease;
}

/* 아래에서 위로 페이드 인 */
.sa-up {
	transform: translate(0, 80px);
}

.sa.show {
	opacity: 1;
	transform: none;
}


.msection1{width: 100%;margin: 0 auto;background: url(../image/main/msec_bg1.jpg) no-repeat center center;background-size: cover;background-attachment:fixed;}
.msection1 > .back{position: relative;width: 100%;min-height: 100vh;}
.msection1 > .back:after{opacity: 0;transform: translate(0, -80px);transition: all .9s ease;content:"";position:absolute;left:0;top:0;bottom:0;right:0;background: url(../image/main/mc1.png) no-repeat center top;background-size: 100% auto;}
.msection1 > .back.on:after{opacity: 1;transform: none;}
.msection1 > .back > .wid{width: calc(100% - 30px);max-width: 1180px;margin: 0 auto;padding: 35% 0 140px;position: relative;z-index: 1;}
.msec_con1{text-align: center;}
.mct_box > .txt1{font-size: 25px;color:#fff;}
.mct_box > .txt2{margin-top: 30px;font-size: 35px;color:#fff;font-weight: bold;line-height: 1.3;}
.mct_box > .txt3{margin-top: 30px;font-size: 21px;color:#fff;}
.mct_box > .txt3 + .txt1{margin-top: 50px;}
.mct_box > .mbn_box{margin-top: 80px;}
.mbn_box{max-width: 80%;margin: 0 auto;display: flex;justify-content:center;align-items:center;gap: 20px;}
.mbn_box > li > a{display: inline-block;font-size: 0;}
.mbn_box > li > a img{width: 100%;transition: all 0.3s ease-in-out;}
.mbn_box > li:hover > a img{transform: scale(1.02,1.02);}
.mbn_box li button{border-radius:60px;}


.msection2{width: 100%;margin: 0 auto;padding: 220px 0;background: url(../image/main/msec_bg2.jpg) no-repeat center center;background-size: cover;background-attachment:fixed;}
.msection3{width: 100%;margin: 0 auto;padding: 100px 0;background: url(../image/main/msec_bg3.jpg) no-repeat center center;background-size: cover;background-attachment:fixed;}
.msection4{width: 100%;margin: 0 auto;padding: 150px 0;background: #000;background-size: cover;background-attachment:fixed;}
.mc_wid{width: calc(100% - 30px);max-width: 1180px;margin: 0 auto;}


.mucon_box{text-align: center;}
.mucon_box > .pmt_box .mo{display: none;}
.mucon_box > .pmt_box{margin-bottom: 43px;}
.mucon_box > p{margin-bottom: 70px;font-size: 53px;line-height: 1.2;display: inline-block;background: linear-gradient(to right, #ffe63e 0%, #be1500 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mucon_box > ul.f_txt li{font-size: 22px;color:#fff;line-height: 1.7;}
.mucon_box > ul.f_txt li.co{color:#ffe745;margin: 40px 0;}
.mucon_box > ul.f_txt li span{display: inline-block;margin: 0 5px;}
.mucon_box > .mbn_box{margin-top: 100px;}

.mspotify_box{text-align: center;}
.mspotify_box > ul > li{padding: 16px 0;border-bottom: 1px solid rgba(255,255,255,0.35);font-size: 35px;color: #fff;line-height: 1.2;font-style: italic;}
.mspotify_box > ul > li:last-child{border-bottom: 0;}
.mspotify_box > p.txt1{margin-top:40px;font-size: 26px;color: #fff;}
.mspotify_box > p.txt2{margin-top:20px;font-size: 50px;color: #fff;font-weight: 500;line-height: 1.1;}
.mspotify_box > p.txt3{margin-top:30px;font-size: 24px;color: #fff;}
.mspotify_box > .mbn_box{margin-top: 80px;}
.gallery-item{opacity: 0;transform: scale(0.8);transition: transform 0.5s, opacity 0.5s;}

.gallery_line{margin-left: -28px;margin-top: -28px;display:flex;flex-wrap:wrap;}
.gallery_line > li{width: calc(25% - 28px);margin-top: 28px;margin-left: 28px;}
.gallery_line > li > a{display: block;position: relative;text-align:center;overflow: hidden;}
.gallery_line > li > a > .img{overflow: hidden;position: relative;padding-top: 100%;overflow: hidden;}
.gallery_line > li > a > .img img{position: absolute; z-index: 1;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;transition: all 0.4s;object-fit: cover;}
.gallery_line > li > a > .over{opacity: 0;transform: scale(1.1);transition: all 0.3s ease-in-out;position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.5);width: 100%;height: 100%;display: flex;align-items:center;justify-content:center;z-index: 2;}
.gallery_line > li > a > .over > div{padding: 5px;}
.gallery_line > li > a > .over > div > p{font-size: 13px;color:#fff;line-height:1.2;}
.gallery_line > li > a > .over > div > p span{margin-bottom:30px;display: block;font-size: 24px;font-weight:bold;line-height:1;}
.gallery_line > li:hover > a > .img img{transform: scale(1.1,1.1);}
.gallery_line > li:hover > a > .over{opacity: 1;transform: scale(1);}




@media screen and (max-width:1720px){
	
}

@media screen and (max-width:1519px){
	
}

@media screen and (max-width:1339px){

}

@media screen and (max-width:1180px){
	
}


@media screen and (max-width:1024px){
	.msection1 > .back{background: none;min-height: 100%;}
	.msection1 > .back:after{display: none;}
	.msection1 > .back > .wid{padding: 10% 0 80px;}
	.mct_box{background: url(../image/main/mc_mo1.png) no-repeat center top;padding-top: 80%;background-size: 80% auto;}
	.mbn_box{gap: 5px;}

	.msection2{padding: 80px 0;}
	.msection3{padding: 80px 0;}
	.msection4{padding: 80px 0;}

	.mucon_box > .mbn_box{margin-top: 80px;}

	.gallery_line{margin-left: -1px;margin-top: -1px;}
	.gallery_line > li{width: calc(25% - 1px);margin-top: 1px;margin-left: 1px;}
	.gallery_line > li > a > .over > div > p{font-size: 12px;}
	.gallery_line > li > a > .over > div > p span{margin-bottom:20px;font-size: 18px;}
}

@media screen and (max-width:767px){
	.mct_box > .txt1{font-size: 5vw;color:#fff;}
	.mct_box > .txt2{margin-top: 15px;font-size: 6vw;}
	.mct_box > .txt3{margin-top: 15px;font-size: 3.5vw;color:#fff;}
	.mct_box > .txt3 + .txt1{margin-top: 25px;}
	.mct_box > .mbn_box{margin-top: 40px;}

	.mucon_box{text-align: center;}
	.mucon_box > .pmt_box .pc{display: none;}
	.mucon_box > .pmt_box .mo{display: block;}
	.mucon_box > .pmt_box .mo img{max-width: 75%;}
	.mucon_box > .pmt_box{margin-bottom: 35px;}
	.mucon_box > p{margin-bottom: 30px;font-size: 30px;line-height: 1.3;}
	.mucon_box > ul.f_txt li{font-size: 16px;line-height: 1.6;word-break: keep-all;}
	.mucon_box > ul.f_txt li br{display: none;}
	.mucon_box > ul.f_txt li.co{color:#ffe745;margin: 20px 0;}
	.mucon_box > .mbn_box{margin-top: 40px;}
	
	.mspotify_box > ul > li{padding: 20px 0;font-size: 20px;line-height: 1.4;word-break: keep-all;}
	.mspotify_box > ul > li:last-child{border-bottom: 0;}
	.mspotify_box > p.txt1{margin-top:30px;font-size: 22px;}
	.mspotify_box > p.txt2{font-size:10vw;word-break: keep-all;}
	.mspotify_box > p.txt3{margin-top:20px;font-size: 18px;word-break: keep-all;}
	.mspotify_box > .mbn_box{margin-top: 40px;}

	.gallery_line > li{width: calc(33.33333333% - 1px);}
	.gallery_line > li > a > .over > div > p{font-size: 11px;}
	.gallery_line > li > a > .over > div > p span{margin-bottom:17px;font-size: 17px;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:520px){
	.gallery_line > li{width: calc(50% - 1px);}
}

@media screen and (max-width:420px){
	.mucon_box > .pmt_box .mo img{max-width: 70%;}
	.mucon_box > p{font-size: 24px;}
}

@media screen and (max-width:380px){
	
}