/* 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-face {
  font-family: 'gb';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* //font */

@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'SUIT';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
}

:root {
  --main_bg: #fcf9f4;
  --black: #000;
  --gray_9b: #9b9b9b;
  --gray_6: #666;
  --gray_42: #424242;
  --gray_4e: #4e4e4e;
  --gray_d9: #d9d9d9;
  --wt: #fff;
}

/* font */
.pop {font-family: "Poppins", serif !important;}
.gb {font-family: 'gb' !important;}

a,p,button,input,textarea,th,td,dl,dt,dd,select {font-family: 'SUIT';}
html {scroll-behavior: smooth;}
body {background: var(--main_bg); font-family: 'SUIT';}
.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
.container2 {max-width: 740px;}
.container3 {max-width: 1070px;}
section {padding-top: 160px;}
.about-area,.contact-area,.by_yeoro {padding-top: 90px;}
/* tit-box */
.tit-box {margin-bottom: 80px; text-align: center;}
.tit-box .tit-img {width: auto; height: 184px;}
.tit-box .tit-img img {width: auto; height: 100%;}
.tit-box .sub {margin-top: 60px; font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--gray_4e);}

/* link-btn */
.link-btn {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 10px; width: 100%;}
.link-btn a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; border: 1.5px solid var(--gray_4e); font-size: 24px; font-weight: 300; line-height: 1; color: var(--gray_4e);}
.link-btn a img {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 27px; height: auto; transition: all .3s;}
.link-btn a:hover img {transform: translateY(-50%) scale(1.2);}



/* 에디터 */
/* ck에디터 부분 */
.detail-area2 {width: 100%; height: auto;}
.detail-area2 p {font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area2 p span{font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}
.detail-area2 span{font-size: 16px; font-weight: 400; line-height: 1.44; letter-spacing: -0.32px; color: #000;}

/* about_item */
.about_item.detail-area2 {width: 100%; height: auto;}
.about_item.detail-area2 p {font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.32px; color: var(--gray_42) !important;}
.about_item.detail-area2 p span{font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.32px; color: var(--gray_42) !important;}
.about_item.detail-area2 span{font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -0.32px; color: var(--gray_42) !important;}
/* .detail-area2 p:first-of-type {margin-bottom: 20px;} */

.detail-area2 h2 {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area2 h3 {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area2 h4 {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000; margin: 10px 0 5px;}
.detail-area2 h2 span {font-size: 30px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-area2 h3 span {font-size: 24px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}
.detail-area2 h4 span {font-size: 22px; font-weight: 600; line-height: 1.6; letter-spacing: -0.32px; color: #000;}

.detail-area2 img {width: auto; height: auto; max-width: 100%; margin: 20px 0;}
.detail-area2 figure {width: auto; height: auto;}

.detail-area2 .text-huge {font-size: 1.8em !important;}
.detail-area2 .text-big {font-size: 1.4em !important;}
.detail-area2 .text-small {font-size: .85em !important;}
.detail-area2 .text-tiny {font-size: .7em !important;}

.detail-area2 figure img {position: relative; left: 50%; transform: translateX(-50%);}