/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #00B6E7;
  --red : #FF0000;
  --black_3 : #333333;
  --black_23 : #232323;
  --gray_e0 : #E0E0E0;
  --gray_6 : #666;
  --gray_ac : #acacac;
  --gray_c9 : #C9C9C9;
  --gray_d9 : #d9d9d9;
  --gray_c4 : #C4C4C4;
  --gray_c1 : #C1C1C1;
  --gray_d3 : #D3D3D3;
  --gray_db : #dbdbdb;
  --gray_e : #EEEEEE;
  --wt : #fff;
  --wt_f2 : #F2F2F2;
  --wt_f4 : #F4F4F8;
}

.pr { background: #00B6E7 !important;}
.red { background: #FF0000 !important;}
.black_3 { background: #333333 !important;}
.black_23 { background: #232323 !important;}
.gray_e0 { background: #E0E0E0 !important;}
.gray_6 { background: #666 !important;}
.gray_ac { background: #acacac !important;}
.gray_c9 { background: #C9C9C9 !important;}
.gray_d9 { background: #d9d9d9 !important;}
.gray_c4 { background: #C4C4C4 !important;}
.gray_c1 { background: #C1C1C1 !important;}
.gray_d3 { background: #D3D3D3 !important;}
.gray_db { background: #dbdbdb !important;}
.gray_e { background: #EEEEEE !important;}
.wt { background: #fff !important;}
.wt_f2 { background: #F2F2F2 !important;}
.wt_f4 { background: #F4F4F8 !important;}

input,button,textarea,td,th,dl,dt,dd,button {font-family: 'Pre';}

body {font-family: 'Pre';}
.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}

/* tit-box */
.tit-box {position: relative; text-align: center;}
.link_btn2 {position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 120px; height: 50px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.36px; color: var(--wt); background: var(--pr);}
.tit-box .tit {margin-bottom: 12px; font-size: 40px; font-weight: bold; line-height: 1.4; letter-spacing: -0.8px; color: var(--black_3);}
.tit-box .sub {font-size: 18px; font-weight: 400; line-height: 1.4; letter-spacing: -0.36px; color: var(--gray_6);}
.tit-box .txt {margin-top: 30px; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.36px; color: var(--gray_6);}

/* pager */
.pager {width: 100%; height: auto; margin-top: 120px;}
.pager ul {display: flex; align-items: center; justify-content: center; gap: 16px;}
.pager ul .arrow {width: 32px; height: auto;}
.pager ul .arrow img {width: 100%; height: auto;}
.pager ul .prev {}
.pager ul .next {}

.pager ul .num {}
.pager ul .num a {display: flex; align-items: center; justify-content: center; width: 32px; height: auto; aspect-ratio: 1; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -0.08px; color: var(--black_3);}
.pager ul .num.active a {background: var(--pr); color: var(--wt);}

/* margin */
.mb0 {margin: 0 !important;}

/* box type */
.block {display: block !important;}