/* 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 */

@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'dr';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}



:root {
  --pr : #FF0066;
  --pr2 : #FFB7C2;
  --pr3 : #47282D;
  --yellow : #FFF100;
  --black : #000;
  --black_3e : #3e2723;
  --black_3 : #333333;
  --black_34 : #342E2E;
  --gray_d9 : #d9d9d9;
  --gray_6 : #666666;
  --wt : #FFFFFF;
  --wt_f2 : #F2F2F2;
}

  .pr {background : #FF0066 !important;}
  .pr2 {background : #FFB7C2 !important;}
  .pr3 {background : #47282D !important;}
  .yellow {background : #FFF100 !important;}
  .black {background : #000 !important;}
  .black_3 {background : #333333 !important;}
  .black_34 {background : #342E2E !important;}
  .gray_6 {background : #666666 !important;}
  .wt {background : #FFFFFF !important;}
  .wt_f2 {background : #F2F2F2 !important;}

.sec_bg1 {background: #FEF5F8 !important;}
.sec_bg2 {background: #F7F1ED !important;}
.sec_bg3 {background: #FEF5F8 !important;}
.sec_bg4 {background: #F7F1ED !important;}

/* font */
.dr {font-family: 'dr' !important;}

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

/* tit-box1 */
.tit-box1 {margin-bottom: 30px;}
.tit-box1 .tit {display: flex; align-items: center; gap: 46px; font-size: 40px; font-weight: bold; line-height: 1; color: var(--pr2); white-space: nowrap; transition: all .3s; opacity: 1;}
section.on .tit-box1 .tit {animation: jello-vertical 0.9s both; opacity: 1;}
/* @keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
} */

.tit-box1 .tit:after {content: ''; display: block; width: 100%; height: 2px; background: var(--pr2); transition: all 1.5s; transition-delay: .5s;}
section.on .tit-box1 .tit:after {width: 100%;}
/* //tit-box1 */

/* tit-box2 */
.tit-box2 {margin-bottom: 50px; text-align: center;}
.tit-box2 .tit_img {width: 209px; height: auto; margin: 0 auto; margin-bottom: 5px; text-align: center;}
.tit-box2 .tit_img img {width: 100%; height: auto;}
.tit-box2 .tit {font-size: 40px; font-weight: 400; line-height: 1.5; letter-spacing: -0.8px; color: var(--black);}
.tit-box2 .tit .pr {color: var(--wt);}
.tit-box2 .tit span {font-weight: bold;}

/* tit-box3 */
.tit-box3 {margin-bottom: 50px; text-align: center;}
.tit-box3 .tit-img {width: auto; height: 33px; margin-bottom: 10px;}
.tit-box3 .tit-img img {width: auto; height: 100%;}
.tit-box3 .tit {font-size: 40px; font-weight: bold; line-height: 1.5; letter-spacing: -0.8px; color: var(--black);}
.tit-box3 .tit span {color: var(--pr);}

/* tit-box5 */
.tit-box5 {margin-bottom: 50px; text-align: center;}
.tit-box5 .tit {margin-bottom: 6px; font-size: 40px; font-weight: bold; line-height: 1.5; letter-spacing: -0.8px; color: var(--black);}
.tit-box5 .sub {font-size: 22px; font-weight: 400; line-height: 1.5; letter-spacing: -0.44px; color: var(--gray_6);}

/* description */
.description {margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.36px; color: var(--gray_6); text-align: center;}