/* 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-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-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-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #3f7d41;
  --pr2 : #b01518;
  --black : #000;
  --black_2d : #2d2d2d;
  --black_2f : #2f2f2f;
  --gray_e : #eee;
  --wt : #fff;
}

/* color */
.blue {background: #eff7ff;}
.red {background: #ffefef;}
.green {background: #effff6;}
.yellow {background: #fff7ef;}
.pr2 {background: var(--pr) !important;}

button,input,textarea,a,td,th {font-family: 'Pre';}

html {scroll-behavior: smooth;}
body {font-family: 'Pre';}
.container {max-width: 1520px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; overflow: hidden;}

/* box model */
.d-flex {display: flex; align-items: center;}
.border-none {border: none; border-right: 1px solid var(--pr);}

/* .tit-box */
.tit-box {margin-bottom: 90px; text-align: center;}
.tit-box .tit {font-size: 50px; font-weight: 800; letter-spacing: -1.5px; color: var(--black);}
.tit-box .tit2 {line-height: 1.5; word-break: keep-all;}

/* more-btn */
.more-area {position: relative; display: flex; justify-content: flex-end; max-width: 1920px; width: 100%; margin: 100px auto 0; z-index: 1;}
.sec2 .more-area {margin: 224px auto 0;}
.more-btn {position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 483px); height: 296px; padding: 0 200px 0 100px; box-sizing: border-box; background: var(--wt); font-size: 50px; font-weight: 800; letter-spacing: -1.5px; color: var(--black);}
.more-area.pr .more-btn {background: var(--gray_e);}
.more-btn:before {position: absolute; top: 50%; left: -62px; transform: translateY(-50%); content: ''; display: block; width: 124px; height: 124px; background: var(--pr2); border-radius: 100%; z-index: -1;}
.more-btn:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 6px; height: 100%; background: var(--pr2);}
/* more-btn addClass 가 pr 일때 */
.more-area.pr .more-btn:before {position: absolute; top: 50%; left: -62px; transform: translateY(-50%); content: ''; display: block; width: 124px; height: 124px; background: var(--pr); border-radius: 100%; z-index: -1;}
.more-area.pr .more-btn:after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 6px; height: 100%; background: var(--pr);}
.more-btn img {width: 213px; height: auto;}

/* tag-btn */
.tag-btn {}
.tag-btn .txt {font-size: 40px; font-weight: 600; line-height: 1.75; letter-spacing: -1.2px; color: var(--black_2d);}
.tag-btn .d-flex {justify-content: space-between;}
.tag-btn .tag {font-size: 350px; font-weight: 600; line-height: 1.19; color: var(--pr2);}
.tag-btn .btn-more {display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 21px; padding: 98px 195.7px; text-align: center; background: var(--pr2); border-radius: 171px; box-sizing: border-box; font-size: 38px; font-weight: 500; line-height: 1.32; letter-spacing: -1.14px; color: var(--wt);}
.tag-btn .btn-more img {width: 368.5px;}
.tag_link a:first-child {margin-bottom: 10px;}
.tag-btn.pr .tag {color: var(--pr);}
.tag-btn.pr .btn-more {background: var(--pr);}

/* contact-link */
.contact-link {display: flex; align-items: center; justify-content: space-between; width: 1260px; height: 248px; padding: 0 86px 0 123px; margin: 0 auto; border-radius: 171px; background: var(--pr); font-size: 50px; font-weight: 600; letter-spacing: -1.5px; color: var(--wt); box-sizing: border-box;}
.contact-link img {width: 213px; height: auto;}