@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Beau+Rivage&family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Lao MN';
    src: url('../../../css/font/Lao Sangam MN.ttf') format('truetype');
}
@font-face {
    font-family: 'Snag';
	font-weight:700;
    src: url('../../../css/font/Snag Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Snag';
	font-weight:300;
    src: url('../../../css/font/Snag Light.otf') format('opentype');
}
@font-face {
    font-family: 'Snag';
	font-weight:500;
    src: url('../../../css/font/Snag Medium.otf') format('opentype');
}

:root {
	--ptColor1: #020816;
	--ptColor2: #D8B783;
	--ptColor3: #352926;
	--hdHeight: 120px;
	--ctMargin100: 100px;
	--ctMargin150: 150px;
}

.ft_mt {font-family: 'Montserrat', sans-serif;}
.ft_cg {font-family: "Noto Serif", serif;}
.ft_br {font-family: "Beau Rivage", cursive;}
/* .ft_lm {font-family: 'Lao MN';} */
.ft_lm, .ft_sg {font-family: 'Snag';}
.ft_pp {font-family: "Poppins", sans-serif;}

.fz12 {font-size:12px;} /* small text */
.fz13 {font-size:13px;}
.fz14 {font-size:14px;}
.fz15 {font-size:15px;} /* main text */
.fz16 {font-size:16px;}
.fz17 {font-size:17px;}
.fz18 {font-size:18px;}
.fz19 {font-size:19px;}
.fz20 {font-size:20px;} /* subheading */
.fz21 {font-size:21px;}
.fz22 {font-size:22px;}
.fz23 {font-size:23px;}
.fz24 {font-size:24px;}
.fz25 {font-size:25px;}
.fz26 {font-size:26px;} /* title */
.fz27 {font-size:27px;}
.fz28 {font-size:28px;}
.fz29 {font-size:29px;}
.fz30 {font-size:30px;}
.fz31 {font-size:31px;}
.fz32 {font-size:32px;}
.fz33 {font-size:33px;}
.fz34 {font-size:34px;}
.fz35 {font-size:35px;}
.fz36 {font-size:36px;}
.fz37 {font-size:37px;}
.fz38 {font-size:38px;}
.fz39 {font-size:39px;}
.fz40 {font-size:40px;}
.fz41 {font-size:41px;}
.fz42 {font-size:42px;}
.fz43 {font-size:43px;}
.fz44 {font-size:44px;}
.fz45 {font-size:45px;}
.fz46 {font-size:46px;}
.fz47 {font-size:47px;}
.fz48 {font-size:48px;}
.fz49 {font-size:49px;}
.fz50 {font-size:50px;} /* point title */
.fz51 {font-size:51px;}
.fz52 {font-size:52px;}
.fz53 {font-size:53px;}
.fz54 {font-size:54px;}
.fz55 {font-size:55px;}
.fz56 {font-size:56px;}
.fz57 {font-size:57px;}
.fz58 {font-size:58px;}
.fz59 {font-size:59px;}
.fz60 {font-size:60px;}
.fz62 {font-size:62px;}
.fz64 {font-size:64px;}
.fz70 {font-size:70px;}
.fz78 {font-size:78px;}
.fz80 {font-size:80px;}
.fz90 {font-size:90px;}
.fz100 {font-size:100px;}
.fz160 {font-size:160px;}
.fz200 {font-size:200px;}
.fz250 {font-size:250px;}

/* 반응형 */
@media screen and (max-width:1740px){
	.fz18 {font-size:16px;}	
	.fz20 {font-size:18px;}
	.fz22 {font-size:20px;}
	.fz24 {font-size:22px;}
	.fz28 {font-size:26px;}
	.fz30 {font-size:28px;}
	.fz32 {font-size:30px;}
	.fz46 {font-size:44px;}
	.fz50 {font-size:48px;}
	.fz60 {font-size:58px;}
	.fz62 {font-size:52px;}
	.fz64 {font-size:54px;}
	.fz100 {font-size:80px;}
	.fz160 {font-size:100px;}
	.fz200 {font-size:150px;}
	.fz250 {font-size:200px;}
}
@media screen and (max-width:1024px){
	.fz18 {font-size:16px;}
	.fz20 {font-size:16px;}
	.fz22 {font-size:18px;}
	.fz24 {font-size:20px;}
	.fz28 {font-size:24px;}
	.fz30 {font-size:26px;}
	.fz32 {font-size:28px;}
	.fz46 {font-size:30px;}
	.fz50 {font-size:38px;}
	.fz60 {font-size:38px;}
	.fz62 {font-size:40px;}
	.fz64 {font-size:42px;}
	.fz100 {font-size:70px;}
	.fz160 {font-size:80px;}
	.fz200 {font-size:100px;}
	.fz250 {font-size:150px;}
}
@media screen and (max-width:790px){
	:root {
		--hdHeight: 98.75px;
		--ctMargin100: 80px;
		--ctMargin150: 110px;
	}
}
@media screen and (max-width:480px){
	.fz18 {font-size:15px;}
	.fz22 {font-size:16px;}
	.fz24 {font-size:18px;}
	.fz28 {font-size:22px;}
	.fz30 {font-size:24px;}
	.fz32 {font-size:26px;}
	.fz46 {font-size:28px;}
	.fz50 {font-size:28px;}
	.fz60 {font-size:30px;}
	.fz62 {font-size:30px;}
	.fz64 {font-size:32px;}
	.fz100 {font-size:50px;}
	.fz160 {font-size:70px;}
	.fz200 {font-size:80px;}
	.fz250 {font-size:100px;}
}