@charset "utf-8";

/* **************************************** *
 * font set
 * **************************************** */
body{ font-size:16rem; color:#000;}
body,input,textarea,button,select{font-family:'Poppins',"Pretendard", '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
figure img {width: 100%; height: 100%; object-fit: cover; object-position: center;}

@media (max-width:860px){
	body{font-size:16rem;}
}

@media (max-width:540px){
	body{letter-spacing: -0.1rem; font-size:15rem;}
	p {line-height: 1.6;}
}

/* **************************************** *
 * global root
 * **************************************** */
 :root {
	--height-full: 100vh;

	--point-color: #FCB132;

	--b-01: #000;
	--b-02: #666;
	--b-03: #383838;

	--white: #fff;

	/* background-color */
	--bg-01: #111111;
	--bg-02: #666;

	/* border-color */
	--bd-01: #ddd;
	--bd-02: #e1e1e1;

	/* border-radius */
	--br-20: 20rem;

	--trans-01:all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-02:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-03:all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	--trans-04:all 0.5s ease;

	--lang-en:'Poppins';
	--lang-ko:"Pretendard";

	--font-90:90rem;
	--font-75:75rem;
	--font-70:70rem;
	--font-68:68rem;
	--font-62:62rem;
	--font-58:58rem;
	--font-40:40rem;
	--font-30:30rem;
	--font-28:28rem;
	--font-24:24rem;
	--font-22:22rem;
	--font-20:20rem;
	--font-18:18rem;
	--font-16:16rem;
	--font-15:15rem;
	--font-14:14rem;
}

@media all and (max-width:1480px){
	:root {
		--font-70:60rem;
	}
}

@media all and (max-width:1023px){
	:root {
		--height-full:calc(var(--vh, 1vh) * 100);
		
		--font-90:78rem;
		--font-75:65rem;
		--font-70:65rem;
		--font-68:62rem;
		--font-62:52rem;
		--font-58:52rem;
	}
}

@media (max-width:860px){
	:root {
		--font-75:52rem;
		--font-70:52rem;
	}
}

@media (max-width: 540px){
	:root {
		--font-90:52rem;
		--font-75:37rem;
		--font-70:37rem;
		--font-68:35rem;
		--font-62:32rem;
		--font-58:32rem;
		--font-40:27rem;
		--font-30:22rem;
		--font-28:18rem;
		--font-24:18rem;
		--font-22:18rem;
		--font-20:16rem;
		--font-16:15rem;
		--font-15:14rem;
		--font-14:13rem;
	}
}

/* **************************************** *
 * wrapper
 * **************************************** */
 *[class^="wrap"]{position:relative;margin:0 auto;}

 .wrap{max-width:1400rem;}
 .wrap-wide {padding: 0 70rem;}
 
 @media all and (max-width:1680px){
	 .wrap{margin:0 60rem;max-width:none;}
 }

 @media all and (max-width:1200px){
	 .wrap-wide {padding: 0 40rem;}
}
 
 @media all and (max-width:1023px){
	.wrap-wide {padding: 0;}
	 *[class^="wrap"]{margin:0 40rem;max-width:none;width: auto;}
 }
 
 @media all and (max-width:540px){
	 *[class^="wrap"]{margin:0 20rem;}
 }

 /* **************************************** *
 * swiper set
 * **************************************** */
 .swiper-controls .wrap *{cursor:pointer;}
 .swiper-container img{width:100%;}
 .swiper-controls > div{cursor: pointer;}
 .button-next.swiper-button-disabled,
 .button-prev.swiper-button-disabled{opacity:0.5;}


/* **************************************** *
 * site custom
 * **************************************** */
/* tag common */
p{line-height:1.8; font-weight:300;}

/* button common */
*.btn-basic{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box; height: 63rem; padding: 0 32rem;border:2rem solid #000;font-weight:600;color:var(--b-01);min-width:140rem;transition: .3s;border-radius: 100rem;}
*.btn-basic.white {border-color: var(--white); color: var(--white);}
*.btn-basic.fill {color: var(--white); background: var(--point-color); border: none;}

@media (hover: hover) and (pointer: fine){
	*.btn-basic:hover{background: var(--point-color); color: var(--white); border-color: var(--point-color);}
	*.btn-basic.fill:hover {background: var(--bg-01);}
}

@media all and (max-width:1023px){
	
}

@media (max-width: 540px){
	*.btn-basic{padding:15rem 20rem;font-size:14rem; height: auto;}
}


/* **************************************** *
 * motion custom
 * **************************************** */
[data-ani]{opacity:0;transition:transform 1.6s ease, opacity 1.3s ease;transform-style:preserve-3d;will-change:transform;display: block;}
[data-ani].is_moved{opacity:1; transform:none;}
[data-ani="img"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-ani="bottom"]{transform:translateY(-60rem);}
[data-ani="top"]{transform:translateY(60rem);}
[data-ani="right"]{transform:translateX(60rem);}
[data-ani="left"]{transform:translateX(-60rem);}
[data-ani="rotate"]{transform:rotate(5deg);}
[data-ani="scale"]{animation: motion-scale 10s forwards cubic-bezier(0.12, 0.4, 0.41, 0.86);}
[data-ani="preserveTop"]{transform:translateY(100%) rotateX(-80deg); transform-style:preserve-3d; transform-origin:center bottom;}
[data-ani="hidden"]{transform:translateY(60rem);}
[data-ani="skew"]{transform: translateY(60rem) skew(0deg, 7deg) rotate(.001deg);}
[data-ani-wrap]{overflow: hidden;display: block;}

@media (max-width: 540px){
	[data-ani="right"],
	[data-ani="left"]{transform:translateY(60rem);}
}