
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess*/
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: local('Pretendard Thin'), local('Pretendard Thin'),
    url(/font/web/Pretendard-Thin.woff2) format('woff2'),
    url(/font/web/Pretendard-Thin.ttf) format('ttf'),
    url(/font/web/Pretendard-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: local('Pretendard ExtraLight'), local('Pretendard ExtraLight'),
    url(/font/web/Pretendard-ExtraLight.woff2) format('woff2'),
    url(/font/web/Pretendard-ExtraLight.ttf) format('ttf'),
    url(/font/web/Pretendard-ExtraLight.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: local('Pretendard Light'), local('Pretendard Light'),
    url(/font/web/Pretendard-Light.woff2) format('woff2'),
    url(/font/web/Pretendard-Light.ttf) format('ttf'),
    url(/font/web/Pretendard-Light.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: local('Pretendard Regular'), local('Pretendard Regular'),
    url(/font/web/Pretendard-Regular.woff2) format('woff2'),
    url(/font/web/Pretendard-Regular.ttf) format('ttf'),
    url(/font/web/Pretendard-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: local('Pretendard Medium'), local('Pretendard Medium'),
    url(/font/web/Pretendard-Medium.woff2) format('woff2'),
    url(/font/web/Pretendard-Medium.ttf) format('ttf'),
    url(/font/web/Pretendard-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: local('Pretendard SemiBold'), local('Pretendard SemiBold'),
    url(/font/web/Pretendard-SemiBold.woff2) format('woff2'),
    url(/font/web/Pretendard-SemiBold.ttf) format('ttf'),
    url(/font/web/Pretendard-SemiBold.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: local('Pretendard Bold'), local('Pretendard Bold'),
    url(/font/web/Pretendard-Bold.woff2) format('woff2'),
    url(/font/web/Pretendard-Bold.ttf) format('ttf'),
    url(/font/web/Pretendard-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: local('Pretendard ExtraBold'), local('Pretendard ExtraBold'),
    url(/font/web/Pretendard-ExtraBold.woff2) format('woff2'),
    url(/font/web/Pretendard-ExtraBold.ttf) format('ttf'),
    url(/font/web/Pretendard-ExtraBold.otf) format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: local('Pretendard Black'), local('Pretendard Black'),
    url(/font/web/Pretendard-Black.woff2) format('woff2'),
    url(/font/web/Pretendard-Black.ttf) format('ttf'),
    url(/font/web/Pretendard-Black.otf) format('opentype');
}



@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Gmarket Sans Light'), local('Gmarket Sans Light'),
    url(/font/web/GmarketSansLight.woff) format('woff'),
    url(/font/web/GmarketSansLight.ttf) format('ttf'),
    url(/font/web/GmarketSansLight.otf) format('opentype');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Gmarket Sans Medium'), local('Gmarket Sans Medium'),
    url(/font/web/GmarketSansMedium.woff) format('woff'),
    url(/font/web/GmarketSansMediumt.ttf) format('ttf'),
    url(/font/web/GmarketSansMedium.otf) format('opentype');
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Gmarket Sans Bold'), local('Gmarket Sans Bold'),
    url(/font/web/GmarketSansBold.woff) format('woff'),
    url(/font/web/GmarketSansBold.ttf) format('ttf'),
    url(/font/web/GmarketSansBold.otf) format('opentype');
}

/*Paperlogy*/
@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 100;
    src: local('Paperlogy Thin'), local('Paperlogy Thin'),
    url(/font/Paperlogy-1Thin.woff2) format('woff2'),
    url(/font/Paperlogy-1Thin.ttf) format('ttf'),
    url(/font/Paperlogy-1Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 200;
    src: local('Paperlogy ExtraLight'), local('Paperlogy ExtraLight'),
    url(/font/Paperlogy-2ExtraLight.woff2) format('woff2'),
    url(/font/Paperlogy-2ExtraLight.ttf) format('ttf'),
    url(/font/Paperlogy-2ExtraLight.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 300;
    src: local('Paperlogy Light'), local('Paperlogy Light'),
    url(/font/Paperlogy-3Light.woff2) format('woff2'),
    url(/font/Paperlogy-3Light.ttf) format('ttf'),
    url(/font/Paperlogy-3Light.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 400;
    src: local('Paperlogy Regular'), local('Paperlogy Regular'),
    url(/font/Paperlogy-4Regular.woff2) format('woff2'),
    url(/font/Paperlogy-4Regular.ttf) format('ttf'),
    url(/font/Paperlogy-4Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 500;
    src: local('Paperlogy Medium'), local('Paperlogy Medium'),
    url(/font/Paperlogy-5Medium.woff2) format('woff2'),
    url(/font/Paperlogy-5Medium.ttf) format('ttf'),
    url(/font/Paperlogy-5Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 600;
    src: local('Paperlogy SemiBold'), local('Paperlogy SemiBold'),
    url(/font/Paperlogy-6SemiBold.woff2) format('woff2'),
    url(/font/Paperlogy-6SemiBold.ttf) format('ttf'),
    url(/font/Paperlogy-6SemiBold.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 700;
    src: local('Paperlogy Bold'), local('Paperlogy Bold'),
    url(/font/Paperlogy-7Bold.woff2) format('woff2'),
    url(/font/Paperlogy-7Bold.ttf) format('ttf'),
    url(/font/Paperlogy-7Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 800;
    src: local('Paperlogy ExtraBold'), local('Paperlogy ExtraBold'),
    url(/font/Paperlogy-8ExtraBold.woff2) format('woff2'),
    url(/font/Paperlogy-8ExtraBold.ttf) format('ttf'),
    url(/font/Paperlogy-8ExtraBold.otf) format('opentype');
}

@font-face {
    font-family: 'Paperlogy';
    font-style: normal;
    font-weight: 900;
    src: local('Paperlogy Black'), local('Paperlogy Black'),
    url(/font/Paperlogy-9Black.woff2) format('woff2'),
    url(/font/Paperlogy-9Black.ttf) format('ttf'),
    url(/font/Paperlogy-9Black.otf) format('opentype');
}
/*Paperlogy*/

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-shadow:none;}
body {font-family:"Pretendard", sans-serif; background:#f6f6f6; padding:0; margin:0;}
body {-ms-user-select:none; -moz-user-select:-moz-none; -khtml-user-select:none; -webkit-user-select:none; user-select:none;} /*드래그 금지 */
a {color:unset;}
a:hover, a:focus {color:unset; text-decoration:none;}
ul {padding:0; margin:0; list-style:none;}
p {margin:0;}
button {transition: all 0.2s ease-in-out 0s; font-weight:600 !important;}
button:focus, button:hover {box-shadow:none; outline:none !important;}

.modal {padding:0 !important;}

/* ====== 토스트 ====== */
.toast-container{position: fixed; top: 12px; left: 12px; z-index: 999999; pointer-events: none;}
.toast-card{pointer-events: auto; background:#EAFAF3; color:#fff; border-radius:12px; outline: 2px #32CD8B solid; outline-offset: -2px; min-width:240px; padding:0; opacity:0; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, box-shadow .2s ease;}
.toast-card.show{opacity:1; transform: translateY(0);}
.toast-content{color: #575757; font-size: 15px; font-weight: 600; padding:14px 30px; line-height: 16px; word-wrap: break-word}
.toast-card.dir-down::after{border-color: transparent transparent #2f2f2f transparent; top:-16px; left:50%; transform:translateX(-50%);}
.toast-card.dir-up::after{border-color: #2f2f2f transparent transparent transparent; bottom:-16px; left:50%; transform:translateX(-50%);}

/* 스크롤바 */
/* ::-webkit-scrollbar {width:8px; height:8px;}
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar-thumb {border-radius:30px; background-color:#C9CFD8;}
::-webkit-scrollbar-button {width:0; height:0;} */


/*반응형 View*/
/*galaxy Duo*/
@media only screen and (max-width:540px) {
}


/*iphone SE*/
@media only screen and (max-width:320px) {
}


/*galaxy Fold*/
@media only screen and (max-width:280px) {
}
