/* font-family */

/* Google Fonts */
@import url('//fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('//fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* Local Fonts */
/* @font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
} */
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('../../fonts/NanumSquareNeo-Variable.woff2') format('woff2'),
         url('../../fonts/NanumSquareNeo-Variable.woff') format('woff'),
         url('https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Wolyeonggyo';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/Wolyeonggyo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* @font-face {
    font-family: 'SBAggro';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.ttf') format("truetype");
    font-display: swap;
} */


html {
    -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none; /*Firefox*/
    -ms-text-size-adjust: none;  /*Ie*/
    -o-text-size-adjust: none; /*old versions of Opera*/
}

.en{font-family: 'EB Garamond', serif;letter-spacing:0;}
.pop{font-family: 'Poppins';letter-spacing:0;}

/* 전체 기본 설정 */
*{padding:0;margin:0;font-family: "NanumSquareNeo-Variable", "Nanum Gothic", "맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;box-sizing:border-box;word-break:keep-all;letter-spacing: -0.04em;}
h1,h2,h3,h4,h5,h6{letter-spacing:0;}
body{background: #151F28; color:#111;}

/* 전체 스크롤 없앰 */
/* body{-ms-overflow-style: none;scrollbar-width: none;}
body::-webkit-scrollbar {display: none;} */

/* 특정 상황 시 스크롤 없앰 */
.no-scrolling{overflow:hidden;}

/* 기타설정 */
table{border-spacing: 0px;}
address{font-style:normal;}
li{list-style:none;}
a{color:inherit;font-family:inherit;}
a:link, a:visited{text-decoration:none;}
label, button, a, i {cursor:pointer;}
button{background:none;border:none;}
textarea{resize:none;}

img{display:block;}

/* layout */
.inner{position: relative;height:100%; width: 90%; max-width: 1200px; margin: 0 auto 3%;}
.inner-big{position: relative;width: 90%;max-width: 1648px;margin: 0 auto;}

/* input */
input:focus{outline:none;}
input[type="checkbox"]{display:none;}
input[type="radio"]{display:none;}
input[type="number"] {-moz-appearance:textfield;}/* firefox */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input::placeholder{color: #AAAAAA;}


.blue{color: #0EADFF !important;}
.green{color: #07D0BD !important;}

.fw100{font-weight: 100 !important;}
.fw200{font-weight: 200 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}
/* animate */
@keyframes bounce {
	0% {transform: translateY(0px);}
	50% {transform: translateY(-7px);}
	100% {transform: translateY(0px);}
}
@keyframes bounce-x {
	0% {transform: translate(-50%, 0px);}
	50% {transform: translate(-50%, -8px);}
	100% {transform: translate(-50%, 0px);}
}