/* 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 : #2a80ff;
  --black : #000;
  --black_26 : #262626;
  --red : #FF4040;
  --gray_d4 : #d4d4d4;
  --gray_92 : #929292;
  --gray_4e : #4e4e4e;
  --gray_e : #eeeeee;
  --wt : #fff;
  --wt_f7 : #f7f7f7;
  --wt_ef : #eff2f6;
} */

input,textarea,select,a,button, table {font-family: 'Pre';}
td, th {font-family: 'Pre';}
body {background: var(--wt_f7); font-family: 'Pre';}
.container {width: 100%; height: auto; padding: 0 100px; box-sizing: border-box;}
.container.px_900 {max-width: 900px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {min-height: calc(100vh - 209px); height: auto; padding: 120px 0 100px;}

button,a {cursor: pointer;}

/* color */
.pr {color: var(--pr) !important;}
.black {color: var(--black) !important;}
.red {color: var(--red) !important;}
.gray_d4 {color: var(--gray_d4) !important;}
.gray_92 {color: var(--gray_92) !important;}
.gray_42 {color: var(--gray_42) !important;}
.wt {color: var(--wt) !important;}
.wt_f7 {color: var(--wt_f7) !important;}
.wt_ef {color: var(--wt_ef) !important;}

/* color bg */
.pr_bg {background: var(--pr) !important;}
.black_bg {background: var(--black) !important;}
.red_bg {background: var(--red) !important;}
.gray_d4_bg {background: var(--gray_d4) !important;}
.gray_92_bg {background: var(--gray_92) !important;}
.gray_4e_bg {background: var(--gray_4e) !important;}
.wt_bg {background: var(--wt) !important;}
.wt_f7_bg {background: var(--wt_f7) !important;}
.wt_ef_bg {background: var(--wt_ef) !important;}

/* tit-box */
.tit-box {margin-bottom: 30px; text-align: center;}
.tit-box .tit {font-size: 40px; font-weight: bold; line-height: 1.2; color: var(--pr);}

/* box model */
.px_0 {padding: 0 !important;}
.mt_50 {margin-top: 50px !important;}
.mt_100 {margin-top: 100px !important;}
.w_100 {width: 100% !important;}

.d-flex {display: flex;}
.d-col {display: flex; flex-flow: column; width: 100%;}
.input-box2 .d-col {gap: 10px;}
.d-row {display: flex; flex-flow: row;}

/* ck-editor */
.ck.ck-editor {width: 100% !important;}
.submit-btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; margin-top: 66px; border-radius: 5px; background: var(--pr); font-size: 16px; font-weight: 400; color: var(--wt);}
.ck-editor p {font-size: 16px; line-height: 1.3;}
.ck-editor h2 {font-size: 30px; line-height: 1.3;}
.ck-editor h3 {font-size: 24px; line-height: 1.3;}
.ck-editor h4 {font-size: 22px; line-height: 1.3;}

/*  */
.detail-area p {font-size: 16px; line-height: 1.36;}

.detail-area h2 {font-size: 30px; line-height: 1.2; margin-bottom: 10px;}

.detail-area h3 {font-size: 24px; line-height: 1.2; margin-bottom: 10px;}

.detail-area h4 {font-size: 22px; line-height: 1.2; margin-bottom: 10px;}


/* - 그냥 span | h2 span | h3 span | h4 span 반드시 설정 */

.detail-area span {font-size: 16px; line-height: 1.36;}

.detail-area h2 span{font-size: 30px; line-height: 1.2; margin-bottom: 10px;}

.detail-area h3 span{font-size: 24px; line-height: 1.2; margin-bottom: 10px;}

.detail-area h4 span{font-size: 22px; line-height: 1.2; margin-bottom: 10px;}


/* - figure | img 반드시 설정 */

.detail-area figure {max-width: 100%; width: auto; height: auto;}

.detail-area img {max-width: 100%; width: auto; height: auto; margin: 30px 0;}

/* ws */
.ws {min-width: 305px !important; width: 305px !important; white-space: normal !important; line-height: 1.3 !important; word-break: keep-all;}


/* ckd_label */
.table-area .ckd_label {display: inline-block; width: 20px; height: 20px; background: url(./../img/ckd_off.png)no-repeat 50% 50%; background-size: cover; vertical-align: text-top;}
.table-area input[type="checkbox"] {display: none;}
.table-area input[type="checkbox"]:checked ~ .ckd_label {background: url(./../img/ckd_on.png)no-repeat 50% 50%; background-size: cover;}