@charset "utf-8";

/* webfont rules
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
 */

/* webfont rules */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	/* font-display: swap; */
	src: local('Pretendard Black'), url('../font/Pretendard/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	/* font-display: swap; */
	src: local('Pretendard ExtraBold'), url('../font/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('../font/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	/* font-display: swap; */
	src: local('Pretendard Bold'), url('../font/Pretendard/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	/* font-display: swap; */
	src: local('Pretendard SemiBold'), url('../font/Pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('../font/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	/* font-display: swap; */
	src: local('Pretendard Medium'), url('../font/Pretendard/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	/* font-display: swap; */
	src: local('Pretendard Regular'), url('../font/Pretendard/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	/* font-display: swap; */
	src: local('Pretendard Light'), url('../font/Pretendard/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	/* font-display: swap; */
	src: local('Pretendard ExtraLight'), url('../font/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('../font/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	/* font-display: swap; */
	src: local('Pretendard Thin'), url('../font/Pretendard/Pretendard-Thin.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Thin.woff') format('woff');
}

/* Reset */
*,*::before,*::after {box-sizing:border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,nav,section,article,header,footer,main,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body,input,select,textarea,button,img,fieldset {border:none;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
address,cite,code,em,i{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button,a {vertical-align:middle;}
u,ins,a{text-decoration:none;}
button {cursor:pointer;background-color:inherit;}
a {color:inherit;}

/* Normalize */
* {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html, body {height:100%;}
body {word-break:break-all;word-wrap:break-word;/*font-variant-numeric:tabular-nums;*/line-height:1.5;}
select {appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand {display:none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none;}
input[type="number"]{-moz-appearance:textfield;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;outline:0;letter-spacing:-0.20px;}
img {display:block;max-width:100%;height:auto;}

/* REM rules */
html {font-size:5px;}
@media screen and (min-width: 216px){
	html {font-size:6px;}
}
@media screen and (min-width: 229px){
	html {font-size:6.3611px;}
}
@media screen and (min-width: 250px){
	html {font-size:6.9444px;}
}
@media screen and (min-width: 252px){
	html {font-size:7px;}
}
@media screen and (min-width: 288px){
	html {font-size:8px;}
}
@media screen and (min-width: 292px){
	html {font-size:8.1111px;}
}
/* iphone 5 */
@media screen and (min-width: 320px){
	html {font-size:8.8888px;}
}
@media screen and (min-width: 324px){
	html {font-size:9px;}
}
@media screen and (min-width: 360px){
	html {font-size:10px;}
}
/* iphone 6 */
@media screen and (min-width: 375px) and (orientation : portrait) {
	html {font-size:10.4166px;}
}
/* iphone 12, 12Pro */
@media screen and (min-width: 390px) and (orientation : portrait) {
	html {font-size:10.8334px;}
}
@media screen and (min-width: 396px) and (orientation : portrait) {
	html {font-size:11px;}
}
@media screen and (min-width: 411px) and (orientation : portrait) {
	html {font-size:11.4166px;}
}
@media screen and (min-width: 412px) and (orientation : portrait) {
	html {font-size:11.4444px;}
}
/* iphone 6 Plus */
@media screen and (min-width: 414px) and (orientation : portrait) {
	html {font-size:11.5px;}
}
/* iphone 12 Pro Max */
@media screen and (min-width: 428px) and (orientation : portrait) {
	html {font-size:11.8889px;}
}
@media screen and (min-width: 432px) and (orientation : portrait) {
	html {font-size:12px;}
}
@media screen and (min-width: 468px) and (orientation : portrait) {
	html {font-size:13px;}
}
@media screen and (min-width: 500px) {
	html {font-size:13px !important;}
}
/*
@media screen and (min-width: 504px) and (orientation : portrait) {
	html {font-size:14px;}
}

@media screen and (min-width: 540px) and (orientation : portrait){
	html {font-size:15px;}
}
@media screen and (min-width: 576px) and (orientation : portrait) {
	html {font-size:16px;}
}

@media screen and (min-width: 612px) and (orientation : portrait) {
	html {font-size:17px;}
}
@media screen and (min-width: 648px) and (orientation : portrait) {
	html {font-size:18px;}
}

@media screen and (min-width: 684px) and (orientation : portrait) {
	html {font-size:19px;}
}

@media screen and (min-width: 674px) {
	html {font-size:14px;}
}
@media screen and (min-width: 720px) and (orientation : portrait) {
	html {font-size:18px;}
}
*/