/* 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_bg : #F1F6FB;
  --pr : #0075FF;
  --red_bg : #FDE6E6;
  --red : #E44845;
  --yellow : #F8DE36;
  --black_1b : #1B1B1D;
  --gray_c7 : #C7C7C7;
  --gray_56 : #565656;
  --gray_8d : #8D8D94;
  --gray_dc : #DCE0E4;
  --gray_88 : #88909B;
  --gray_e5 : #E5E7EA;
  --gray_b0 : #b0b8c1;
  --wt : #FFFFFF;
  --wt_f9 : #F9FAFB;
}

.pr_bg {background : #F1F6FB !important;}
.pr {background : #0075FF !important;}
.red_bg {background : #FDE6E6 !important;}
.red {background : #E44845 !important;}
.yellow {background : #F8DE36 !important;}
.black_1b {background : #1B1B1D !important;}
.gray_c7 {background : #C7C7C7 !important;}
.gray_56 {background : #565656 !important;}
.gray_8d {background : #8D8D94 !important;}
.gray_dc {background : #DCE0E4 !important;}
.gray_88 {background : #88909B !important;}
.gray_e5 {background : #E5E7EA !important;}
.wt {background : #FFFFFF !important;}
.wt_f9 {background : #F9FAFB !important;}

.pr_bg_c {color : #F1F6FB !important;}
.pr_c {color : #0075FF !important;}
.red_bg_c {color : #FDE6E6 !important;}
.red_c {color : #E44845 !important;}
.yellow_c {color : #F8DE36 !important;}
.black_1b_c {color : #1B1B1D !important;}
.gray_c7_c {color : #C7C7C7 !important;}
.gray_56_c {color : #565656 !important;}
.gray_8d_c {color : #8D8D94 !important;}
.gray_dc_c {color : #DCE0E4 !important;}
.gray_88_c {color : #88909B !important;}
.gray_e5_c {color : #E5E7EA !important;}
.wt_c {color : #FFFFFF !important;}
.wt_f9_c {color : #F9FAFB !important;}

a,button,input,select,dt,dd,textarea {font-family: 'Pre';}
a,button {cursor: pointer;}
body {background: var(--wt_f9); font-family: 'Pre';}
.container {max-width: 1100px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding: 70px 0; margin-bottom: 10px; background: var(--wt);}
section:last-of-type {padding-bottom: 140px;}

/* tit-box */
.tit-box {text-align: left;}
.tit-box.tit-box2 {position: relative; margin-bottom: 30px; text-align: center;}
.tit-box.tit-box2 .tit {justify-content: center;}

.tit-box.tit-box2 .tit_btn {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; gap: 5px; width: 107px; height: 30px; border-radius: 15px; background: var(--pr); font-size: 13px; font-weight: 400; line-height: 1.15; color: var(--wt); box-sizing: border-box;}
.tit-box.tit-box2 .tit_btn img {width: 12px; height: auto;}

.tit-box .tit {display: flex; align-items: center; gap: 10px; font-size: 30px; font-weight: 700; line-height: 1.2; color: var(--black_1b);}
.tit-box .tit img {width: 35px; height: auto;}
/* //tit-box */

/* more_btn */
.more_btn {margin-top: 50px; text-align: center;}
.more_btn a {display: inline-flex; align-items: center; gap: 15px; padding: 14px 20px; box-sizing: border-box; background: var(--pr); border-radius: 5px; font-size: 15px; font-weight: 500; line-height: 1.2; color: var(--wt);}
.more_btn a img {width: 5px;}

/*  */
.tit-box_s {margin-bottom: 30px;}
.tit-box_s .tit {font-size: 24px; font-weight: bold; line-height: 1.21; color: var(--black_1b);}
.tit-box_s .tit_btn {display: flex; align-items: center; justify-content: center; gap: 5px; width: 107px; height: 30px; border-radius: 15px; background: var(--pr); font-size: 13px; font-weight: 400; line-height: 1.15; color: var(--wt); box-sizing: border-box;}

button,a {cursor: pointer;}

/* popup-mode */
.popup-mode header {display: none !important;}
.popup-mode .mo_nav {display: none !important;}
.popup-mode footer {display: none !important;}
.popup-mode .sec_top_benefit {display: none !important;}
.popup-mode .sec_expert_info {margin-top: 0 !important;}
.popup-mode .fixed_btn2 {display: none !important;}
.popup_blank_close {position: absolute; top: 20px; right: 20px; width: 30px; height: auto; z-index: 3; display: none;}

/* speech_b */
.speech_b {animation: move_box 1s linear alternate infinite; position: absolute; top: 50px; right: 0; width: auto; box-sizing: border-box; background: var(--wt); border-radius: 17px 0 17px 17px; background: var(--pr_bg); text-align: center; box-sizing: border-box;}
@keyframes move_box {
  0% {transform: translateY(0px);}
  100% {transform: translateY(5px);}
}
.speech_b .txt-box {position: relative; padding: 0 10px; width: 195px; height: 35px; box-sizing: border-box; overflow: hidden;}
/* @keyframes txt_rolling {
  0% {transform: translateY(0);}
  30% {transform: translateY(-50%);}
  70% {transform: translateY(-100%);}
  100% {transform: translateY(0);}
} */


.speech_b p {position: absolute; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 13px; font-weight: 400; line-height: 1.2; color: #586271; text-align: center;}
.speech_b p.active:nth-child(1) {transform: translateY(0); transition: all .5s;}
.speech_b p.prev:nth-child(1) {transform: translateY(-100%); transition: all .5s;}
.speech_b p.next:nth-child(1) {transform: translateY(100%);}

.speech_b p.active:nth-child(2) {transform: translateY(0); transition: all .5s;}
.speech_b p.prev:nth-child(2) {transform: translateY(-100%); transition: all .5s;}
.speech_b p.next:nth-child(2) {transform: translateY(100%);}

.speech_b p.active:nth-child(3) {transform: translateY(0); transition: all .5s;}
.speech_b p.prev:nth-child(3) {transform: translateY(-100%); transition: all .5s;}
.speech_b p.next:nth-child(3) {transform: translateY(100%);}
/* @keyframes txt_rolling {
  0% {top: 0;}
  100% {}
} */
/* .speech_b p:nth-child(2) {animation: txt_rolling2 1s linear alternate infinite;}
@keyframes txt_rolling2 {
  0% {}
  100% {}
}
.speech_b p:nth-child(3) {animation: txt_rolling3 1s linear alternate infinite;}
@keyframes txt_rolling3 {
  0% {}
  100% {}
} */