@font-face {
    font-family: 'NanumSquare';
    src: url('/fonts/NanumSquareR.otf') format('opentype');
    font-weight: 500; /* Regular 폰트 */
    font-style: normal;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
    font-family: 'NanumSquare';
    src: url('/fonts/NanumSquareL.otf') format('opentype');
    font-weight: 300; /* Regular 폰트 */
    font-style: normal;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF, U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
    font-family: 'NanumSquare';
    src: url('/fonts/NanumSquareB.otf') format('opentype');
    font-weight: bold; /* Regular 폰트 */
    font-style: normal;
    unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7A3, U+D7B0-D7FF, U+0041-005A, U+0061-007A, U+0030-0039;
}

body, button, input {font-family: 'NanumSquare', sans-serif;}
div {box-sizing: border-box;}
button {cursor: pointer;}

a {line-height: 1;}
a:link {color:#000; text-decoration: none;}
a:visited {color:#000; text-decoration: none;}

.mgt-10 {margin-top:10px;}
.mgt-20 {margin-top:20px;}
.mgt-30 {margin-top:30px;}
.mgt-32 {margin-top:32px;}
.mgt-50 {margin-top:50px;}
.mgt-64 {margin-top:64px;}

.mgb-5 {margin-bottom:5px;}
.mgb-10 {margin-bottom:10px;}
.mgb-20 {margin-bottom:20px;}
.mgb-30 {margin-bottom:30px;}
.mgb-40 {margin-bottom:40px;}
.mgb-80 {margin-bottom:80px;}

.mgr-5 {margin-right:5px;}
.mgr-10 {margin-right:10px;}
.mgr-20 {margin-right:20px;}
.mgr-30 {margin-right:30px;}
.mgr-40 {margin-right:40px;}
.mgr-100 {margin-right:100px;}
.mgr-125 {margin-right:125px;}

.mgl-10 {margin-left:10px;}
.mgl-170 {margin-left:170px;}

/* font size */
.text-xs {font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */}
.text-sm {font-size: 0.875rem; /* 14px */line-height: 1.25rem; /* 20px */}
.text-base {font-size: 1rem; /* 16px */line-height: 1.5rem; /* 24px */}
.text-lg {font-size: 1.125rem; /* 18px */line-height: 1.75rem; /* 28px */}
.text-xl {font-size: 1.25rem; /* 20px */line-height: 1.75rem; /* 28px */}
.text-2xl {font-size: 1.5rem; /* 24px */line-height: 2rem; /* 32px */}
.text-3xl {font-size: 1.875rem; /* 30px */line-height: 2.25rem; /* 36px */}
.text-4xl {font-size: 2.25rem; /* 36px */line-height: 2.5rem; /* 40px */}
.text-5xl {font-size: 3rem; /* 48px */line-height: 1;}
.text-6xl {font-size: 3.75rem; /* 60px */line-height: 1;}
.text-7xl {font-size: 4.5rem; /* 72px */line-height: 1;}
.text-8xl {font-size: 6rem; /* 96px */line-height: 1;}
.text-9xl {font-size: 8rem; /* 128px */line-height: 1;}

/* font weight */
.font-light	{font-weight: 300;}
.font-normal {font-weight: 500;}
.font-bold {font-weight: bold;}

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

/* color */
:root {
    --primary-color: #532080;
    --secondary-color: #EFE7FC;
    --third-color: #3C185C;
    --fourth-color: #A898C5;
    --lightgray-color: #F6F6F6;
    --darkgray-color: #EFEFEF;
    --darkgray2-color: #CCCCCC;
    --black-color: #000;
    --white-color: #fff;
    --title-text-color: #505050;
    --light-text-color: #888888;
    --content-text-color: #1A1311;
}