@charset "utf-8";

@font-face {
    font-family: 'SUIT-Thin';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-ExtraLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SUIT-Heavy';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
	--ptColor1: #dd2a00;
	--hdHeight: 110px;
	--ctMargin100: 100px;
	--ctMargin140: 140px;
}

.ft_pp {font-family: 'Poppins','Pretendard', sans-serif;}
.ft_mt {font-family: 'Montserrat','Pretendard', sans-serif;}
.ft_gg {font-family: 'Georgia', sans-serif;}
.ft_st1 {font-family: 'SUIT-Thin','Pretendard';}
.ft_st2 {font-family: 'SUIT-ExtraLight','Pretendard';}
.ft_st3 {font-family: 'SUIT-Light','Pretendard';}
.ft_st4 {font-family: 'SUIT-Regular','Pretendard';}
.ft_st5 {font-family: 'SUIT-Medium','Pretendard';}
.ft_st6 {font-family: 'SUIT-SemiBold','Pretendard';}
.ft_st7 {font-family: 'SUIT-Bold','Pretendard';}
.ft_st8 {font-family: 'SUIT-ExtraBold','Pretendard';}
.ft_st9 {font-family: 'SUIT-Heavy','Pretendard';}

.fc1 {color: #111;}
.fc2 {color: #222;}
.fc3 {color: #333;}
.fc4 {color: #444;}
.fc5 {color: #555;}
.fc6 {color: #666;}
.fc7 {color: #777;}
.fc8 {color: #888;}
.fca {color: #aaa;}
.fcb {color: #bbb;}
.fcc {color: #ccc;}
.fcf {color: #fff;}
.fc0c {color: #0c0c0c;}
.fc45 {color: #454545;}
.fc46 {color: #464646;}
.fc63 {color: #636363;}
.fc5d {color: #5d5d5d;}
.fc91 {color: #919191;}
.fc94 {color: #949494;}
.fc95 {color: #959595;}
.fc87 {color: #878787;}

.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;}
.fz65 {font-size:65px;}
.fz70 {font-size:70px;}
.fz80 {font-size:80px;}
.fz90 {font-size:90px;}
.fz100 {font-size:100px;}

/* 반응형 */
@media screen and (max-width: 1600px){
	.fz17 {font-size:16px;}
	.fz16 {font-size:15px;}
	.fz20 {font-size:18px;}
	.fz22 {font-size:20px;}
	.fz24 {font-size:22px;}
	.fz25 {font-size:23px;}
	.fz28 {font-size:24px;}
	.fz30 {font-size:26px;}
	.fz32 {font-size:28px;}
	.fz50 {font-size:34px;}
	.fz60 {font-size:44px;}
	.fz65 {font-size:44px;}
	.fz70 {font-size:54px;}
	.fz80 {font-size:64px;}
}
@media screen and (max-width: 1024px){
	:root {
		--ctMargin100: 80px;
		--ctMargin140: 100px;
	}

	.fz17 {font-size:15px;}
	.fz16 {font-size:14px;}
	.fz20 {font-size:16px;}
	.fz22 {font-size:18px;}
	.fz23 {font-size:20px;}
	.fz24 {font-size:20px;}
	.fz25 {font-size:21px;}
	.fz28 {font-size:22px;}
	.fz30 {font-size:24px;}
	.fz32 {font-size:26px;}
	.fz35 {font-size:27px;}
	.fz36 {font-size:28px;}
	.fz40 {font-size:30px;}
	.fz45 {font-size:35px;}
	.fz60 {font-size:28px;}
	.fz50 {font-size:32px;}
	.fz55 {font-size:34px;}
	.fz58 {font-size:37px;}
	.fz65 {font-size:35px;}
	.fz70 {font-size:38px;}	
	.fz80 {font-size:46px;}
}
@media screen and (max-width:768px){
	:root {
		--hdHeight: 78px;
	}
}
@media screen and (max-width: 480px){
	.fz17 {font-size:13px;}
	.fz16 {font-size:12px;}
	.fz18{font-size:14px;}
	.fz19{font-size:15px;}
	.fz20 {font-size:14px;}
	.fz22 {font-size:15px;}
	.fz24 {font-size:15px;}
	.fz25 {font-size:19px;}
	.fz28 {font-size:20px;}
	.fz30 {font-size:19px;}
	.fz32 {font-size:18px;}
	.fz35{font-size:22px;}
	.fz36{font-size:24px;}
	.fz40{font-size:18px;}
	.fz45{font-size:22px;}
	.fz50 {font-size:20px;}
	.fz55{font-size:20px;}
	.fz58 {font-size:23px;}
	.fz60 {font-size:22px;}
	.fz70 {font-size:24px;}
	.fz80 {font-size:26px;}
}
@media screen and (max-width: 340px){
	.fz24 {font-size:16px;}
	.fz25 {font-size:17px;}
	.fz28 {font-size:18px;}
	.fz30 {font-size:20px;}
	.fz32 {font-size:20px;}
	.fz50 {font-size:24px;}
	.fz60 {font-size:26px;}
	.fz70 {font-size:28px;}
	.fz80 {font-size:30px;}
}