/* 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;
  --pr2 : #25354E;
  --red : #e60021;
  --black_3 : #333333;
  --gray_6 : #666;
  --gray_d9 : #d9d9d9;
  --wt : #fff;
  --wt_f6 : #F6FAFF;
}

body {font-family: 'Pre';}
#wrap {position: relative;}
section {padding: 100px 40px; box-sizing: border-box;}
.sec1 {background: var(--wt_f6);}
.sec2 {background: var(--pr2);}
.sec2_2 {padding-top: 0;}
.sec3 {width: 100%; height: auto; background: url(./../img/last_bg.png)no-repeat 50% 50%; background-size: cover;}
.container {display: flex; align-items: flex-start; justify-content: center; max-width: 1200px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
.left-box {position: relative; width: 50%;}
.right-box {position: sticky; top: 0; width: 50%;}

/* tit-box */
.tit-box {margin-bottom: 30px;}
.tit-box .tit {font-size: 40px; font-weight: bold; line-height: 1.3; letter-spacing: -1.6px; color: var(--black_3);}
.tit-box .tit span {color: var(--pr);}

/* tit-box2 */
.tit-box2 {margin-bottom: 30px;}
.tit-box2 p {display: flex; align-items: center; justify-content: center; width: 130px; height: 50px; border-radius: 60px; border: 1px solid var(--wt); font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.88px; color: var(--wt);}