@charset "utf-8";

@font-face {
	font-family: 'Noto Sans KR';
	src: url("./fonts/noto_sans_kr/NotoSansKR-Thin.otf?#iefix") format("embedded-opentype"), url("./fonts/noto_sans_kr/NotoSansKR-Thin.woff2") format("woff2"), url("./fonts/noto_sans_kr/NotoSansKR-Thin.woff") format("woff");
	font-style: normal;
	font-weight: 100;
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("./fonts/noto_sans_kr/NotoSansKR-Light.otf?#iefix") format("embedded-opentype"), url("./fonts/noto_sans_kr/NotoSansKR-Light.woff2") format("woff2"), url("./fonts/noto_sans_kr/NotoSansKR-Light.woff") format("woff");
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("./fonts/noto_sans_kr/NotoSansKR-Regular.otf?#iefix") format("embedded-opentype"), url("./fonts/noto_sans_kr/NotoSansKR-Regular.woff2") format("woff2"), url("./fonts/noto_sans_kr/NotoSansKR-Regular.woff") format("woff");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("./fonts/noto_sans_kr/NotoSansKR-Medium.otf?#iefix") format("embedded-opentype"), url("./fonts/noto_sans_kr/NotoSansKR-Medium.woff2") format("woff2"), url("./fonts/noto_sans_kr/NotoSansKR-Medium.woff") format("woff");
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("./fonts/noto_sans_kr/NotoSansKR-Bold.otf?#iefix") format("embedded-opentype"), url("./fonts/noto_sans_kr/NotoSansKR-Bold.woff2") format("woff2"), url("./fonts/noto_sans_kr/NotoSansKR-Bold.woff") format("woff");
	font-style: normal;
	font-weight: 700;
}
@font-face {
	font-family: 'Noto Sans KR';
	src: url("./fonts/noto_sans_kr/NotoSansKR-Black.otf?#iefix") format("embedded-opentype"), url("./fonts/noto_sans_kr/NotoSansKR-Black.woff2") format("woff2"), url("./fonts/noto_sans_kr/NotoSansKR-Black.woff") format("woff");
	font-style: normal;
	font-weight: 900;
}

@font-face {
	font-family: 'Gmarket Sans';
	src: url("./fonts/GmarketSans/GmarketSansLight.woff2") format("woff2"), url("./fonts/GmarketSans/GmarketSansLight.woff") format("woff");
	font-style: normal;
	font-weight: 100;
}
@font-face {
	font-family: 'Gmarket Sans';
	src: url("./fonts/GmarketSans/GmarketSansMedium.woff2") format("woff2"), url("./fonts/GmarketSans/GmarketSansMedium.woff") format("woff");
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'Gmarket Sans';
	src: url("./fonts/GmarketSans/GmarketSansBold.woff2") format("woff2"), url("./fonts/GmarketSans/GmarketSansBold.woff") format("woff");
	font-style: normal;
	font-weight: 700;
}

*{font-display:swap;}
*:not(input){font-family:"Noto Sans KR";}

/* base rules */
*,*::before,*::after {box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;}
body {font-family:'Noto Sans KR','맑은 고딕','Malgun Gothic',verdana,sans-serif;font-size:1.25rem;font-weight:400;color:#333333;line-height:1.5;word-break:keep-all;word-wrap:break-word;letter-spacing:-0.5px;}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {margin:0;}
body {scroll-behavior:smooth;text-rendering:optimizeSpeed;}
ul,ol {margin:0;padding:0;list-style:none}
a {text-decoration:none;color:inherit;cursor:pointer}
button {background-color:transparent;color:inherit;border-width:0;padding:0;cursor:pointer}
img {max-width:100%;display:block;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance:none}
input,button,textarea,select {font: inherit;}
:not(input){-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
textarea {-webkit-user-select:auto;user-select:auto;}
:focus {outline:0;}
i, em, address {font-style: normal;}
table {border-collapse:collapse;border-spacing:0;}
th, td {padding:0;}
fieldset,img {border:0;}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* 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;}
}
@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;}
}
@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: 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: 720px) and (orientation : portrait){
	html {font-size:20px;}
}
@media screen and (min-width: 1080px) and (orientation : portrait){
	html {font-size:30px;}
}

/* 글자 자르기 */
[class*="ellipsis"] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[class*="ellipsisC2"] {max-height:3em; display:-webkit-box; -webkit-line-clamp:2; /* 라인수 */ -webkit-box-orient:vertical; white-space:normal;}
[class*="ellipsisC3"] {max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; /* 라인수 */ -webkit-box-orient:vertical; white-space:normal;}
[class*="ellipsisC4"] {max-height:6em; display:-webkit-box; -webkit-line-clamp:4; /* 라인수 */ -webkit-box-orient:vertical; white-space:normal;}