@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}


:root {
  /* color */
  --pr : #702aae;
  --pr2 : #8622fc;
  --pr3 : #9069b2;
  --pr_gt : linear-gradient(to right, #480582 -18%, #3c046d 63%, #380466 85%, #350361);
  --pr4_gt : linear-gradient(to bottom, #4f058f 133%, #2c0350 -45%, #2b034f -94%, #280348 -126%);;
  --black : #000;
  --black140 : #140b0b;
  --white : #fff;
  --whitef6 : #f6f6f6;
  --whitef4 : #f4f4f4;
  --grayb7 : #b7b7b7;
  --gray94 : #949494;
  --gray52 : #525252;
  --gray70 : #707070;
  --graydb : #dbd0d0;
  --graye6 : #e6dede;
  --grayd6 : #d6d6d6;
  --grayed : #ededed;
  --grayeb : #ebebeb;
  --grayee : #eee;
  --grayf0 : #f0f0f0;
  /* //color */

  /* font-size */
  --size10 : 10px;
  --size11 : 11px;
  --size13 : 13px;
  --size14 : 14px;
  --size15 : 15px;
  --size16 : 16px;
  --size17 : 17px;
  --size18 : 18px;
  --size20 : 20px;
  --size22 : 22px;
  --size23 : 23px;
  --size24 : 24px;
  --size25 : 25px;
  /* //font-size */
}

.pr {background: var(--pr2); border: solid 1px var(--pr2); color: var(--white);}
.negate {background: var(--white); border: solid 1px var(--grayeb); color: var(--black);}

body {font-family: 'Pretendard-Regular'; background-color: #f6f6f6;}
.dim {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); z-index: 12;}
.container {max-width: 500px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; overflow: hidden;}
.main-sec .sec-link_box {background: var(--graydb);}
.main-sec:first-of-type {margin-top: 60px;}
.main-sec:nth-of-type(even) .sec-link_box {background: var(--graye6);}

/* tit-box */
.tit-box {width: 100%; height: auto; padding: 15px 20px; margin-bottom: 17px; box-sizing: border-box; border-bottom: 1px solid var(--grayed);}
.tit-box .tit {width: 500px; margin: 0 auto; font-size: var(--size20); font-weight: bold; line-height: 1.2; letter-spacing: -0.4px;}
/* //tit-box */

/* tab-menu */
.tab-menu {width: 100%; height: auto; margin-bottom: 30px;}
.tab-menu ul {display: flex; align-items: center;}
.tab-menu ul li {margin-right: 35px;}
.tab-menu ul li:last-of-type {margin-right: 0;}
.tab-menu ul li a {font-size: var(--size17); font-weight: 500; line-height: 1.18; letter-spacing: -0.51px; color: var(--black);}
.tab-menu ul li.active a {color: var(--pr2);}
/* //tab-menu */