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

/* font-family: "Noto Serif KR", serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&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', 'Arial', sans-serif; */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');


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

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

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

/* font-family: 'Optima nova LT Pro', sans-serif; */
@import url('https://fonts.cdnfonts.com/css/optima-nova-lt-pro');


/* 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;
}

/* font-family: 'S-CoreDream-3Light'; */
@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* font-family: 'Gotham-book'; */
@font-face {
    font-family: 'Gotham-Book';
    src: url('/theme/basic/css/Gotham-Book.ttf') format('truetype');
    font-weight: 500;
}

/* font-family: 'Gotham-Medium'; */
@font-face {
    font-family: 'Gotham-Medium';
    src: url('/theme/basic/css/Gotham-Medium.ttf') format('truetype');
    font-weight: 500;
}

/* font-family: 'Gotham-Bold'; */
@font-face {
    font-family: 'Gotham-Bold';
    src: url('/theme/basic/css/Gotham-Bold.ttf') format('truetype');
}

/* font-family: 'Gotham-light'; */
@font-face {
    font-family: 'Gotham-Light';
    src: url('/theme/basic/css/Gotham-Light.ttf') format('truetype');
}

/* font-family: 'OptimaNovaLTProLight'; */
@font-face {
    font-family: 'OptimaNovaLTProLight';
    src: url('/theme/basic/css/OptimaNovaLTProLight.otf') format('truetype');
}

/* font-family: 'OwnglyphMoogungChae'; */
@font-face {
    font-family: 'OwnglyphMoogungChae';
    src: url('/theme/basic/css/OwnglyphMoogungChae.ttf') format('truetype');
}

/* font-family: 'NEXON Lv1 Gothic OTF'; */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.buri { font-family: 'Arita-buriM'!important; }


.dmsans { font-family: 'DM Sans', sans-serif!important; }
/* .gotham-bold { font-family: 'Gotham-Bold'!important; }
.gotham { font-family: 'Gotham-Medium'!important; }
.gotham-light { font-family: 'Gotham-Light'!important; }
.gotham-book { font-family: 'Gotham-Book'!important; } */
.gotham-bold { font-family: 'NEXON Lv1 Gothic OTF'!important; }
.gotham { font-family: 'NEXON Lv1 Gothic OTF'!important; }
.gotham-light { font-family: 'NEXON Lv1 Gothic OTF'!important; }
.gotham-book { font-family: 'NEXON Lv1 Gothic OTF'!important; }
.roboto { font-family: 'Roboto', sans-serif!important; }
.cafe24 { font-family: 'Cafe24Ssurround'!important; }
.faceshop { font-family: 'InkLipquid'!important; }
.shiningstar { font-family: 'Cafe24Shiningstar'!important; }
.coredream { font-family: 'S-CoreDream-3Light'!important; }
.nm { font-family: 'NanumMyeongjo'!important; }
.jm { font-family: 'JejuMyeongjo'!important; }
/* .optima { font-family: 'OptimaNovaLTProLight'!important; } */
.optima { font-family: "Noto Serif KR", serif!important; }
.noto-se { font-family: "Noto Serif KR", serif!important; }
.ongul { font-family: 'OwnglyphMoogungChae'!important; }
.pre { font-family: 'Pretendard'!important; }
  
.nexon { font-family: 'NEXON Lv1 Gothic OTF'!important; }

/* padding-top */
.pt-50 { padding-top: 50px; }



/* margin-top */
.mt-300 { padding-top: 300px; overflow: hidden; }
.mt-290 { padding-top: 290px; overflow: hidden; }
.mt-260 { margin-top: 260px; overflow: hidden; }
.mt-200 { margin-top: 200px; overflow: hidden; }
.mt-150 { margin-top: 150px; overflow: hidden; }
.mt-130 { margin-top: 130px; 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-25 { margin-top: 25px; 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; }


/* 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; }


/* 메인폰트 */
.main-head1 { font-size: 100px; letter-spacing: -2%; line-height: 120%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-head2 { font-size: 70px; letter-spacing: -2%; line-height: 120%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-head3 { font-size: 50px; letter-spacing: -2%; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-head4 { font-size: 34px; letter-spacing: -2%; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-head5 { font-size: 26px; letter-spacing: -2%; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-head6 { font-size: 24px; letter-spacing: -2%; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-head7 { font-size: 22px; letter-spacing: -2%; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }

.main-body1 { font-size: 20px; letter-spacing: -2%; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-body2 { font-size: 18px; letter-spacing: -2%; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-body3 { font-size: 16px; letter-spacing: -2%; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-body4 { font-size: 14px; letter-spacing: -2%; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.main-body5 { font-size: 12px; letter-spacing: -2%; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }

/* 폰트 */
.font-hero { font-size: 0px; letter-spacing: -0.02em; line-height: 120%; font-family: "Noto Sans KR", sans-serif; }

.font-head1 { font-size: 60px; letter-spacing: -0.06em; line-height: 120%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-head2 { font-size: 50px; letter-spacing: -0.06em; line-height: 130%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-head3 { font-size: 40px; letter-spacing: -0.06em; line-height: 130%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-head4 { font-size: 32px; letter-spacing: -0.06em; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-head5 { font-size: 24px; letter-spacing: -0.06em; line-height: 150%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }

.font-body1 { font-size: 20px; letter-spacing: -0.06em; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-body2 { font-size: 16px; letter-spacing: -0.06em; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-body3 { font-size: 14px; letter-spacing: -0.06em; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-body4 { font-size: 12px; letter-spacing: -0.06em; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }
.font-body5 { font-size: 10px; letter-spacing: -0.06em; line-height: 160%; font-family: "Noto Sans KR", sans-serif; word-break: keep-all; }

/* 컬러 */
.color-white { color: #ffffff; }
.color-gray1 { color: #f4f4f4; }
.color-gray2 { color: #606060; }
.color-gray3 { color: #999999; }
.color-gray4 { color: #414141; }
.color-gray5 { color: #21292E; }
.color-black { color: #21292E; }

.color-39 { color: #393939; }

.color-p-50 { color: #F6F4F1; }
.color-p-100 { color: #D2C8C0; }
.color-p-200 { color: #C7BAAF; }
.color-p-300 { color: #B09D8C; }
.color-p-400 { color: #456DB7; }
.color-p-brand { color: #860806; }
.color-p-point { color: #F4EEE8; }
.color-p-600 { color: #634A35; }
.color-p-700 { color: #456DB7; }
.color-p-800 { color: #7D9FDC; }
.color-p-900 { color: #20170F; }

.color-naver { color: #329d20; }
.color-kakao { color: #FFF73E; }
.color-red { color: #C80000; }
.color-blue { color: #3564BF; }

.color-o-brand { color: rgba(134,8,6,0.3); }

/* 배경 */
.bg-main { background: #1D458F; }
.bg-sub1 { background: #FBFBFB; }
.bg-sub2 { background: #f6f6f6; }