/* font style */

/* 고딕 font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');


/* font-family: 'DM Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700;900&display=swap');


/* font-family: 'DM Mono', monospace; */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&display=swap');

/* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* font-family: 'Nanum Myeongjo', serif; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');

/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* font-family: 'Pretendard'; */
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

/* font-family: 'RIDIBatang'; */
@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 더페이스샵 */
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* tvn */
@font-face {
    font-family: 'OTEnjoystoriesBA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Gotham */
@font-face {
    font-family: 'Gotham';
    src: url('afp://192.168.0.99/부서별 공유폴더/디자인팀/웹팀 메뉴얼/★Fonts/전체 폰트/Gotham-Bold.ttf') format('truetype');
    font-weight: 700;
}

/* Cafe24Ssurround */
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.dmsans { font-family: 'DM Sans', sans-serif!important; }
.gotham { font-family: 'Gotham'!important; }
.roboto { font-family: 'Roboto', sans-serif!important; }
.cafe24 { font-family: 'Cafe24Ssurround'!important; }
.faceshop { font-family: 'InkLipquid'!important; }
.shiningstar { font-family: 'Cafe24Shiningstar'!important; }

/* margin-top */
.mt-200 { margin-top: 200px; overflow: hidden; }
.mt-150 { margin-top: 150px; overflow: hidden; }
.mt-100 { margin-top: 100px; overflow: hidden; }
.mt-80 { margin-top: 80px; overflow: hidden; }
.mt-70 { margin-top: 70px; overflow: hidden; }
.mt-60 { margin-top: 60px; overflow: hidden; }
.mt-50 { margin-top: 50px; overflow: hidden; }
.mt-40 { margin-top: 40px; overflow: hidden; }
.mt-30 { margin-top: 30px; overflow: hidden; }
.mt-20 { margin-top: 20px; overflow: hidden; }
.mt-15 { margin-top: 15px; overflow: hidden; }
.mt-10 { margin-top: 10px; overflow: hidden; }
.mt-5 { margin-top: 5px; overflow: hidden; }

/* margin-bottom */
.mb-200 { margin-bottom: 200px; overflow: hidden; }
.mb-150 { margin-bottom: 150px; overflow: hidden; }
.mb-100 { margin-bottom: 100px!important; overflow: hidden; }
.mb-80 { margin-bottom: 80px; overflow: hidden; }
.mb-70 { margin-bottom: 70px; overflow: hidden; }
.mb-60 { margin-bottom: 60px; overflow: hidden; }
.mb-50 { margin-bottom: 50px; overflow: hidden; }
.mb-40 { margin-bottom: 40px; overflow: hidden; }
.mb-30 { margin-bottom: 30px; overflow: hidden; }
.mb-20 { margin-bottom: 20px!important; overflow: hidden; }
.mb-10 { margin-bottom: 10px; overflow: hidden; }
.mb-5 { margin-bottom: 5px; overflow: hidden; }
.mb-0 { margin-bottom: 0!important; overflow: hidden; }

/* margin-right */

.mr-50 { margin-right: 50px; overflow: hidden; }
.mr-40 { margin-right: 40px; overflow: hidden; }
.mr-35 { margin-right: 35px; overflow: hidden; }
.mr-30 { margin-right: 30px; overflow: hidden; }
.mr-20 { margin-right: 20px; overflow: hidden; }
.mr-10 { margin-right: 10px; overflow: hidden; }
.mr-5 { margin-right: 5px; overflow: hidden; }

/* text-align */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* 폰트웨이트 */
.fw-700 { font-weight: 700; }
.fw-600 { font-weight: 600; }
.fw-500 { font-weight: 500; }
.fw-400 { font-weight: 400!important; }
.fw-300 { font-weight: 300; }

/* 폰트 */
.font-hero { font-size: 0px; letter-spacing: -0.02em; line-height: 120%; font-family: 'Pretendard'; word-break: keep-all; }

.font-head1 { font-size: 60px; letter-spacing: -2%; line-height: 120%; font-family: 'Pretendard'; word-break: keep-all; }
.font-head2 { font-size: 48px; letter-spacing: -2%; line-height: 130%; font-family: 'Pretendard'; word-break: keep-all; }
.font-head3 { font-size: 36px; letter-spacing: -2%; line-height: 130%; font-family: 'Pretendard'; word-break: keep-all; }
.font-head4 { font-size: 30px; letter-spacing: -1.5%; line-height: 140%; font-family: 'Pretendard'; word-break: keep-all; }
.font-head5 { font-size: 24px; letter-spacing: -1.5%; line-height: 140%; font-family: 'Pretendard'; word-break: keep-all; }

.font-body1 { font-size: 20px; letter-spacing: -1%; line-height: 150%; font-family: 'Pretendard'; word-break: keep-all; }
.font-body2 { font-size: 16px; letter-spacing: -1%; line-height: 150%; font-family: 'Pretendard'; word-break: keep-all; }
.font-body3 { font-size: 14px; letter-spacing: -1%; line-height: 150%; font-family: 'Pretendard'; word-break: keep-all; }
.font-body4 { font-size: 12px; letter-spacing: 0; line-height: 150%; font-family: 'Pretendard'; word-break: keep-all; }
.font-body5 { font-size: 10px; letter-spacing: 0; line-height: 150%; font-family: 'Pretendard'; word-break: keep-all; }

/* 컬러 */
.color-white { color: #ffffff; }
.color-gray1 { color: #f2f2f2; }
.color-gray2 { color: #e6e6e6; }
.color-gray3 { color: #999999; }
.color-gray4 { color: #4d4d4d; }
.color-gray5 { color: #1a1a1a; }
.color-black { color: #000000; }

.color-222 { color: #222; }

.color-p-50 { color: #F6F4F1; }
.color-p-100 { color: #D2C8C0; }
.color-p-200 { color: #C7BAAF; }
.color-p-300 { color: #B09D8C; }
.color-p-400 { color: #997F69; }
.color-p-brand { color: #BF3333; }
.color-p-600 { color: #634A35; }
.color-p-700 { color: #4D3928; }
.color-p-800 { color: #38291C; }
.color-p-900 { color: #20170F; }

.color-naver { color: #03C75A; }
.color-kakao { color: #FAE100; }
.color-red { color: #E54F40; }
.color-blue { color: #3564BF; }

/* 배경 */
.bg-main { background: #BF3333; }
.bg-sub1 { background: #3C6A40; }
.bg-sub2 { background: #9B7653; }