@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
/* 예시파일 */

:root {
  --layout-color: #fff;
}

@charset 'utf-8';

:root {
  --whole-color: #fff;
  --point-color: #3aa9a3;
  --point-color-secondary: #2869f7;
  --black-color: #111;
  --dark-gray-color: #262626;

  --empty-color: #f5f6f8;
  --default-color: #ddd;
  --blue-gray-color: #3f434c;
  --gray-color: #999;
  --gray-font-color: #828282;
  --tooltip-bg-color: #f7f7f7;

  --default-font-color: #181818;
}

@font-face {
  font-family: 'NexonMaplestory';
  font-weight: 300;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonMaplestory/NexonMaplestoryLight.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/NexonMaplestory/NexonMaplestoryLight.eot?#iefix')
      format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/NexonMaplestory/NexonMaplestoryLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/NexonMaplestory/NexonMaplestoryLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/NexonMaplestory/NexonMaplestoryLight.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'MaplestoryOTFBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.product-thumb-price {
  font-family: 'NexonMaplestory';
  font-size: 20px;
}

.product-thumb-title {
  font-family: 'NexonMaplestory';
  font-size: 14 px;
}

* {
  font-family: 'NexonMaplestory';
  font-weight: 300;
}

.swiper-wrapper {
  color: fff;
}

nav .swiper-slide {
  background-color: #585958;
  color: #fff;
}

.nav__link {
  font-size: 15px;
}

.nav {
  background-color: #585958;
}

.header {
  background-color: #0d6a79;
  min-height: 68px;
  border-bottom: 1px solid var(--dark-gray-color);
  color: #fff;
  font-size: 14px;
}

.nav__link {
  padding: 8px 10px;
}

/* add */

.kakaosync {
  display: block;
  width: 100%;
  height: 47px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  color: #fff;
  background-color: #fee500;
  border: none;
  color: #000000;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: -10px;
}

.open-id-sign-in__item button {
  border-radius: 20px;
}

.kakaoimg {
  margin-right: 10px;
}