@charset "UTF-8";

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

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

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

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

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

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

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

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

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

*, *:before, *:after {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;-webkit-font-smoothing:antialiased;}
fieldset{border:0 none}
img{border:0 none; vertical-align: top;}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
i{font-style: normal;}
input,select,textarea{vertical-align:middle; font-family: Pretendard, sans-serif;}
input::placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}
button{vertical-align:middle; cursor:pointer; border:0 none; background-color:transparent; outline:none; text-align:left; font-family: Pretendard, sans-serif;}
button img{position:relative;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout: fixed;}
table caption{width:0; height:0; font-size:0; line-height: 0; opacity:0;}
textarea{resize:none;}
select::-ms-expand {display: none;}

a{text-decoration:none; color:currentColor;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

/* 폰트 단위 rem으로 사용을 위한 reset */
html{font-size:62.5%;} /* 1rem = 10px */

@media screen and (max-width:1024px){
  html{font-size:50%;} /* 1rem = 10px, width 750px 기준 */
}

@media screen and (max-width:767px){
  html{font-size:1.33333vw;} /* 1rem = 10px, width 750px 기준 */
}


body{font-family: Pretendard, sans-serif; font-size:1.8rem; font-weight:400; word-break: keep-all; line-height:1.5; color:#222; letter-spacing: -0.02em;}

.tradedaypopup{font-family: Pretendard, sans-serif; font-size:2.2rem; font-weight:800; word-break: keep-all; line-height:1.5; color:#f44336; letter-spacing: -0.02em;}


@media screen and (max-width:767px){
  body{font-size:3.2rem; letter-spacing: -0.03rem;}
}

.cf:after{content:""; display:block; clear: both;}

.hidden{position:absolute; top:0; left:0; width:0; height:0; font-size:0; opacity:0; text-indent:-999999px;}

.ellipsis{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.ellipsis_line2{width:120px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; line-height:1em; height:4em;}

.skip{display:block; position:absolute; top:-100%; left:0; width:100%; padding:10px 0; font-size:20px; text-align:center; color:#fff; background-color:gray;}
.skip:focus{top:0;}