@charset "utf-8";


/*common*/
.inner { width:1240px; max-width:100%; padding:0 20px; margin:0 auto; position:relative;  }
.inner-1400 { width:1440px; max-width:100%; padding:0 20px; margin:0 auto; position:relative;}
.inner-1600 { width:1640px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }
.inner-1500 { width:1540px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }

.blind { display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden; border: none; }

.pc-view { display:block;}
.mo-view { display:none !important }

.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled, .swiper-button-prev.disabled, .swiper-button-next.disabled, .swiper-button-pause.disabled { display: none; }
.swiper-button-next, .swiper-button-prev { outline:none; }

@media(max-width:768px){
	.pc-view{ 
		display:none; 
	}
	.mo-view { 
		display:block !important; 
	}
}

.pl0{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr05{margin-right:05px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}

.al-left{text-align:left}
.al-right{text-align:right}
.al-center{text-align:center}





/* °ø¿ë */
.btnWrap{}
.btnWrap .btn-shadow-w {
   width:11rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.2rem;
    background: #fff;
	color:var(--color-green);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.04em;
    box-shadow: 0 0 2em rgb(0 0 0 / 20%), 1em 1em 1em rgb(0 0 0 / 20%);
	transition:all 0.25s linear;
}

.btnWrap .btn-shadow-w a{display:block}
.btnWrap .btn-shadow-w:hover{ padding: 0 1.8rem;cursor:pointer;}
.btnWrap .btn-shadow-w img{width:40px; transition:all 0.25s linear;}

.btnWrap .btn-shadow-g {
	width:11rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.2rem;
    background: var(--color-green);
	color:var(--color-beige);
    font-size: 0.9rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.04em;
    box-shadow: 0 0 2em rgb(0 0 0 / 20%), 1em 1em 1em rgb(0 0 0 / 20%);
	transition:all 0.25s linear;
}

.btnWrap .btn-shadow-g:hover{ padding: 0 1.8rem;cursor:pointer;}
.btnWrap .btn-shadow-g img{width:40px; transition:all 0.25s linear;}
.btnWrap .btn-shadow-g a{display:block}

.btnWrap .btn-shadow-b {
    width:11rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.2rem;
    background:var(--color-beige);
	color:var(--color-green);
    font-size: 0.8rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.04em;
    box-shadow: 0 0 2em rgb(0 0 0 / 20%), 1em 1em 1em rgb(0 0 0 / 20%);
	transition:all 0.25s linear;
}

.btnWrap .btn-shadow-b:hover{ padding: 0 1.8rem;cursor:pointer;}
.btnWrap .btn-shadow-b img{width:40px; transition:all 0.25s linear;}



.btnWrap .btn-shadow-n {
    width:2.5rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content:center;
    padding: 0 ;
	color:#fff;
    font-size: 1.0625rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: -0.04em;
	transition:all 0.25s linear;
}

.btnWrap .btn-shadow-n a{display:block}
.btnWrap .btn-shadow-n:hover{ cursor:pointer;}
.btnWrap .btn-shadow-n img{width:2.5rem; transition:all 0.25s linear;}


/* animation */

.ani{ transition:all 1.2s cubic-bezier(0.25, 0.47, 0.12, 0.99); }

.fadeInLeft {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
	overflow:hidden; 
}

.fadeInLeft.c-view{
	 opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.fadeInRight {
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
	overflow:hidden; 
}


.fadeInRight.c-view{
	 opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);

}


.fadeInBottom {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);

}

.fadeInBottom.c-view{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.fadeHiddenLeft {
	opacity: 0;  
	width:0;
	transform: translate3d(0px, 0px , 0px);  
	transform:translateX(60px);
	overflow:hidden; 
}

.fadeHiddenLeft.c-view{
	opacity:1; 
	transform:translateX(0px); 
	transition-delay:0.3s; 
	width:100%;
}

.fadeHiddenRight {
	opacity: 0;  
	width:0; 
	transform: translate3d(0px, 0px , 0px);  
	transform:translateX(-60px);
	overflow:hidden; 
}

.fadeHiddenRight.c-view{
	opacity:1; 
	transform:translateX(0px); 
	transition-delay:0.3s; 
	width:100%;
}

.bounceIn { 
	opacity: 0;
	-webkit-transform: scale(.3);
	-ms-transform: scale(.3);
	transform: scale(.3);
	overflow:hidden; 
}

.bounceIn.c-view{
	opacity:1; 
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}


.bg-img { 
	opacity: 0;
    transition: opacity 1.1s;
	overflow:hidden; 
}

.bg-img img{ 
	transition:transform 2.6s cubic-bezier(.19,1,.22,1);
	transform:scale(1.2)
}

.bg-img.c-view{
	opacity:1; 
}

.bg-img.c-view img{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}




.bg-img-slow{ 
	opacity: 0;
    transition: opacity 1.1s;
	overflow:hidden; 
}

.bg-img-slow img{ 
	transition:transform 30s cubic-bezier(.19,1,.22,1);
	transform:scale(1.2)
}

.bg-img-slow.c-view{
	opacity:1; 
}

.bg-img-slow.c-view img{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}




@media screen and (max-width:768px) {
	.fadeInLeft{opacity:1;transform:translateX(0);	}
	.fadeInRight{opacity:1;transform:translateX(0);}
	.fadeInBottom{opacity:1;transform:translateX(0);	}
	.fadeHiddenLeft {opacity:1; width:100%;transform:translateX(0px);}
	.fadeHiddenRight {opacity:1; width:100%;transform:translateX(0px);}
	.bounceIn{opacity:1; -webkit-transform: scale(1); -ms-transform: scale(1);transform: scale(1);}
	.bg-img { opacity: 1;}
	.bg-img img{transform:scale(1)}
	.bg-img-slow { opacity: 1;}
	.bg-img-slow img{transform:scale(1)}
}