/* 상단 */
.header { width: 348px; height: 100dvh; position: fixed; top: 0; left: 0; background-color: #B8DFD9; z-index: 100; }
.header .h_inner { width: 100%; height: 100%; padding: 0; }
.header .pc { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.header .pc .pc_wrap { min-height: 0; display: flex; flex-direction: column; flex: 1; padding: 3rem; }
.header .pc .pctop { display: flex; flex-direction: column; }

.header .pc .logo { width: 20rem; aspect-ratio: 205 / 194; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 2rem; }
.header .pc .logo_img { width: 100%; height: 100%; background: url('../../images/common/logo3.svg') no-repeat center / contain; }

.header .pc .search { width: 22rem; max-width: 100%; aspect-ratio: 220 / 40; background: url('../../images/common/search.svg') no-repeat center / contain; margin: 0 auto; margin-bottom: 2rem; }

.header .pc .state { display: flex; justify-content: center; align-items: center; margin-bottom: 3rem; }
.header .pc .state .state_list { display: flex; align-items: center; }
.header .pc .state .sl_item { display: flex; align-items: center; }
.header .pc .state .sl_item::after { content: ""; width: 5rem; height: 1px; display: block; background-color: #86928E; margin: 0 1.2rem; }
.header .pc .state .state_list .sl_item:last-child::after { display: none; }
.header .pc .state .sl_text { max-width: 90px;  align-items: center; display: flex; flex-wrap: wrap; row-gap: 2rem; font-weight: bold; font-size: 1.6rem; color: #706F6C; }
.header .pc .state a.sl_text:hover { text-decoration: underline; }
.header .pc .state .sl_text span { position: relative; pointer-events: none; }
.header .pc .state .sl_text span::before { content: ""; width: 0.7rem; height: 0.7rem; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 50%); border-radius: 50%; background-color: #0091D4; }

.header .gnb_scroll { min-height: 0; display: flex; flex: 1; margin-right: -10px; }
.header .pc .gnb { min-height: 0; display: flex; flex: 1; overflow-y: auto; scrollbar-gutter: stable; padding-right: 10px; }
.header .pc .gnb_nav_list { min-height: 0; flex: 1; }
.header .pc .gnb .gnb_depth1 { width: 100%; display: flex; flex-direction: column; align-items: flex-end; gap: 0.2rem; }
.header .pc .gnb .gnb_depth1_item { width: 100%; position: relative; }
.header .pc .gnb .gnb_depth1_link { width: fit-content; display: block; position: relative; font-weight: bold; font-size: 3rem; color: #00975b; transition: all 0.6s; }
.header .pc .gnb .gnb_depth1_link.color2 { color: #706F6C; }
header .pc .gnb .gnb_depth2 { width: 100%; display: grid; grid-template-rows: 0fr; background-color: rgba(255, 255, 255, 0.5); margin-top: 0.8rem; opacity: 0; transition: height 0.7s cubic-bezier(.4,0,.2,1); }
.header .pc .gnb .gnb_depth2.open { grid-template-rows: 1fr; opacity: 1; }
.header .pc .gnb .gnb_depth2_inner { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; padding: 2.4rem; overflow: hidden; }
.header .pc .gnb .gnb_depth2_link { display: flex; align-items: center; gap: 0.8rem; font-size: 1.9rem; color: #434343; white-space: nowrap; transition: all 0.15s; }
.header .pc .gnb .gnb_depth2_link.active::before { content: ''; width: 6px; height: 6px; display: block; background-color: #00975b; border-radius: 50%; }
.header .pc .gnb .gnb_depth2_link:hover, .header .pc .gnb .gnb_depth2_link.active { font-weight: 700; color: #00975b; }
.header .pc .gnb .dot { width: 100%; display: flex; align-items: center; gap: 0.6rem; padding: 2rem 0; }
.header .pc .gnb .dot span { width: 0.7rem; height: 0.7rem; border-radius: 50%; background-color: #009FE9; }

.header .pc .sns { display: flex; align-items: center; gap: 0.5rem; margin: 2rem 0 1rem; }
.header .pc .sns .btn_sns { width: 4rem; height: 4rem; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.header .pc .sns .btn_sns.instagram { background-image: url('../../images/common/icon_insta4.svg'); }
.header .pc .sns .btn_sns.facebook { background-image: url('../../images/common/icon_facebook2.svg'); }

.header .pc .policy { display: flex; flex-direction: column; margin-bottom: 3rem; }
.header .pc .policy .p_wrap { display: flex; border-bottom: 1px solid #AF9D5F; }
.header .pc .policy .p_wrap:last-child { border-bottom: none; }
.header .pc .policy .p_con { flex: 1; border-right: 1px solid #AF9D5F; padding: 0.5rem; }
.header .pc .policy .p_con:last-child { border-right: none; }
.header .pc .policy .p_link { font-size: 1.3rem; }
.header .pc .policy .p_link.bold { font-weight: bold; }
.header .pc .policy .p_link:hover { text-decoration: underline; }

.header .pc .copyright .cr_txt { font-size: 1rem; }

.header .header_top { width: calc(100% - 348px); height: 68px; background: linear-gradient(to right, #B9DFD9 0%, #B9DFD9 20%, #AF9D60 63%, #AF9D60 100%); background-attachment: fixed; position: fixed; top: 0; right: 0; }
.header .header_top .h_inner2 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; gap: clamp(20px, 2.6041666667vw, 50px); padding-top: 20px; padding-bottom: 20px; padding-right: 3rem; padding-left: 3rem; }
.header .header_top .texts { display: flex; align-items: center; gap: 1.6rem; font-weight: bold; font-size: clamp(11px, 0.7291666667vw, 14px); }
.header .header_top .dot { display: flex; align-items: center; gap: 3px; }
.header .header_top .dot span { width: 3px; height: 3px; border-radius: 50%; background-color: #000; }

.header .header_top .btn_logo { display: flex; align-items: center; gap: 2rem; }
.header .header_top .btn_inc { display: flex; align-items: center; gap: 8px; }
.header .header_top .btn_inc::before { content: ''; height: 2.5rem; display: block; }
.header .header_top .btn_inc.inu::before { width: clamp(85px, 6.4062500000vw, 123px); background: url('../../images/common/logo_inu3.svg') no-repeat center / contain; }
/* .header .header_top .btn_inc.inu::before { width: clamp(100px, 10.0520833333vw, 193px); background: url('../../images/common/logo_inu3.svg') no-repeat center / contain; } */
.header .header_top .btn_inc.bank::before { width: clamp(100px, 13.1250000000vw, 252px); background: url('../../images/common/logo_bank.svg') no-repeat center / contain; }
.header .header_top .btn_inc.lifelong::before { width: clamp(100px, 10.9375000000vw, 210px); background: url('../../images/common/logo_lifelong.svg') no-repeat center / contain; }

.header .mb { display: none; }

@media all and (max-width: 1280px){
	.header { width: 100%; height: 165px; background: linear-gradient(to right, #B9DFD9 0%, #B9DFD9 20%, #AF9D60 63%, #AF9D60 100%); background-attachment: fixed; }
	.header .pc { display: none; }

	.header .mb { width: 100%; height: 100%; box-sizing: border-box; display: block; }
	.header .mb .mb_main { width: 100%; display: flex; flex-direction: column; gap: 24px; }
	.header .mb .mb_top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
	.header .mb .m_logo { width: 11rem; height: 85px; flex-shrink: 0; }
	.header .mb .m_logo .m_logo_img { width: 100%; height: 100%; display: block; background: url('../../images/common/logo3.svg') no-repeat center / contain; }
	.header .mb .m_btn { display: flex; align-items: center; gap: 12px; }
	.header .mb .m_btn .icon_btn { width: 28px; height: 28px; display: block; }
	.header .mb .m_btn .icon_btn.search { background: url('../../images/common/icon_search.svg') no-repeat center / contain; }
	.header .mb .m_btn .icon_btn.ham { background: url('../../images/common/icon_menu.svg') no-repeat center / contain; }
	.header .mb .mb_verytop { display: flex; justify-content: center; align-items: center; }
	.header .mb .m_education { border-top: 1px solid #8A8A8A; border-bottom: 1px solid #8A8A8A; padding-top: 8px; padding-bottom: 8px; }
	/* .header .mb .m_edu_text { display: flex; align-items: center; gap: 8px; font-size: 15px; color: #434343; text-align: center; white-space: nowrap; }
	.header .mb .m_edu_text::before { content: ''; width: 20px; height: 20px; display: block; flex-shrink: 0; background: url('../../images/common/icon_accreditation.svg') no-repeat center / contain; } */
	.header .mb .m_education .m_logos { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
	.header .mb .m_education .btn_link { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; overflow: hidden; text-indent: 100%; white-space: nowrap; }
	.header .mb .m_education .btn_link.inc { display: flex; align-items: center; gap: 8px; }
	.header .mb .m_education .btn_link.inu::before { content: ''; width: 100px; aspect-ratio: 123/25; display: block; background: url('../../images/common/logo_inu3.svg') no-repeat center / contain; }
	/* .header .mb .m_education .btn_link.inu::before { content: ''; width: 140px; aspect-ratio: 193/25; display: block; background: url('../../images/common/logo_inu3.svg') no-repeat center / contain; } */
	.header .mb .m_education .btn_link.bank::before { content: ''; width: 200px; aspect-ratio: 252/25; display: block; background: url('../../images/common/logo_bank.svg') no-repeat center / contain; }
	.header .mb .m_education .btn_link.lifelong::before { content: ''; width: 140px; aspect-ratio: 210/25; display: block; background: url('../../images/common/logo_lifelong.svg') no-repeat center / contain; }

	.header .mb .mb_details { width: 100vw; height: 100vh; display: none; flex-direction: column; position: fixed; top: 0; left: 0; background-color: #fff; overflow: auto; }
	.header .mb.open .mb_details { display: flex; }
	.header .mb .m_top { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 12px; padding-bottom: 12px; }
	.header .mb .m_logo2 { width: 88px; height: 44px; display: flex; align-items: center; justify-content: center; }
	.header .mb .m_logo2 .m_logo_img2 { width: 100%; height: 100%; background: url('../../images/common/logo2.svg') no-repeat center / contain; }
	.header .mb .close_btn { width: 28px; height: 28px; background: url('../../images/common/icon_close.svg') no-repeat center / contain; }
	.header .mb .m_state { display: flex; justify-items: center; align-items: center; }
	.header .mb .m_state_list { width: 100%; display: flex; align-items: center; }
	.header .mb .m_sl_item { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 12px; position: relative; background-color: #00975b; font-weight: 700; font-size: 17px; color: #fff; padding: 20px 12px; }
	.header .mb .m_sl_item:first-child::after { content: ''; width: 1px; height: 66px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: rgba(255, 255, 255, 0.4); }
	.header .mb .m_sl_item::before { content: ''; width: 28px; height: 28px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; }
	.header .mb .m_sl_item.login::before { background: url('../../images/common/icon_login.svg'); }
	.header .mb .m_sl_item.join::before { background: url('../../images/common/icon_join.svg'); }
	.header .mb .m_state_list2 { width: 100%; display: flex; flex-direction: column; gap: 4px; background-color: #00975b; padding: 20px 36px; }
	.header .mb .welcome { font-size: 19px; color: #fff; }
	.header .mb .member_info { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; }
	.header .mb .info_link { font-size: 19px; color: #fff; }
	.header .mb .info_link::after { content: ''; width: 24px; height: 24px; display: inline-block; vertical-align: baseline; position: relative; top: 2px; background: url('../../images/common/arrow_forward2.svg') no-repeat center / contain; margin-left: 20px; }
	.header .mb .info_link .point { font-weight: 700; font-size: 28px; line-height: 1.4; }
	.header .mb .logout_link { flex-shrink: 0; background-color: #D6F2E5; font-weight: 500; font-size: 17px; color: #00975b; line-height: 1.2; padding: 6px 12px; }
	.header .mb .m_gnb_nav_list { width: 100%; display: block; }
	.header .mb .m_gnb_depth1_item { display: flex; flex-direction: column; }
	.header .mb .m_gnb_depth1_link { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-bottom: 1px solid #8A8A8A; font-weight: 600; font-size: 21px; color: #434343; padding: 20px 36px; transition: color 0.2s; }
	.header .mb .m_gnb_depth1_item:last-child .m_gnb_depth1_link { border-bottom: none; }
	.header .mb .m_gnb_depth1_item.open .m_gnb_depth1_link { color: #000; }
	.header .mb .m_gnb_depth1_link.active { font-weight: 700; color: #000; }
	.header .mb .m_gnb_depth1_link::after { content: ''; width: 24px; height: 24px; display: block; flex-shrink: 0; background: url('../../images/common/arrow_down.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
	.header .mb .m_gnb_depth1_item.open .m_gnb_depth1_link::after { background: url('../../images/common/arrow_up.svg'); }
	.header .mb .m_gnb_depth2 { display: grid; grid-template-rows: 0fr; background-color: #F7F7F7; opacity: 0; visibility: hidden; overflow: hidden; transition: grid-template-rows 0.35s ease, opacity 0.2s ease, visibility 0s linear 0.35s; }
	.header .mb .m_gnb_depth1_item.open .m_gnb_depth2 { border-bottom: 1px solid #8A8A8A; visibility: visible; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows 0.35s ease, opacity 0.2s ease, visibility 0s; }
	.header .mb .m_gnb_depth1_item:last-child.open .m_gnb_depth2 { border-top: 1px solid #8A8A8A; }
	.header .mb .m_gnb_depth2_inner { min-height: 0; display: flex; flex-direction: column; gap: 20px; overflow: hidden; }
	.header .mb .m_gnb_depth2_link { display: block; font-size: 19px; padding-left: 36px; padding-right: 36px; transition: all 0.2s; }
	.header .mb .m_gnb_depth2_item:first-child .m_gnb_depth2_link { margin-top: 24px; }
	.header .mb .m_gnb_depth2_link.active { font-weight: 700; color: #00975b; }
	.header .mb .m_gnb_depth2_item:last-child .m_gnb_depth2_link { margin-bottom: 24px; }
	.header .mb .m_bottom { background-color: #000; padding: 16px 24px; }
	.header .mb .m_bottom .m_utility { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 20px; }
	.header .mb .m_bottom .m_utility .m_sns { display: flex; align-items: center; gap: 10px; }
	/* .header .mb .m_bottom .m_utility .m_logos { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; } */
	.header .mb .m_bottom .m_utility .btn_link { display: block; background-repeat: no-repeat; background-position: center; background-size: contain; overflow: hidden; text-indent: 100%; white-space: nowrap; }
	.header .mb .m_bottom .m_utility .btn_link.sns { width: 24px; height: 24px; background-image: url('../../images/common/icon_insta.svg'); }
	.header .mb .m_bottom .m_utility .btn_link.sns2 { width: 24px; height: 24px; background-image: url('../../images/common/icon_facebook3.svg'); }
	/* .header .mb .m_bottom .m_utility .btn_link.inc { display: flex; align-items: center; gap: 8px; }
	.header .mb .m_bottom .m_utility .btn_link.inu::before { content: ''; width: 140px; aspect-ratio: 193/25; display: block; background: url('../../images/common/logo_inu4.svg') no-repeat center / contain; }
	.header .mb .m_bottom .m_utility .btn_link.bank::before { content: ''; width: 200px; aspect-ratio: 252/25; display: block; background: url('../../images/common/logo_bank.svg') no-repeat center / contain; }
	.header .mb .m_bottom .m_utility .btn_link.lifelong::before { content: ''; width: 140px; aspect-ratio: 210/25; display: block; background: url('../../images/common/logo_lifelong.svg') no-repeat center / contain; } */
	/* .header .mb .m_bottom .m_utility .btn_link.inc::after { content: ''; width: 20px; height: 20px; display: block; background: url('../../images/common/icon_link.svg') no-repeat center / contain; } */

	.header .header_top { display: none; }
}	
@media all and (max-width: 768px){
	.header .mb .m_education .btn_link.inu::before { width: clamp(60px, 13.0208333333vw, 100px); }
	/* .header .mb .m_education .btn_link.inu::before { width: clamp(100px, 18.2291666667vw, 140px); } */
	.header .mb .m_education .btn_link.bank::before { width: clamp(120px, 26.0416666667vw, 200px);  }
	.header .mb .m_education .btn_link.lifelong::before { width: clamp(100px, 18.2291666667vw, 140px); }
}

/* 하단 */
.footer { min-height: 21.5rem; display: flex; gap: clamp(20px, 2.0833333333vw, 40px); font-weight: bold; font-size: clamp(12px, 0.7812500000vw, 15px); padding: 4.5rem; margin-left: 348px; }

.footer .ft_con1 { display: flex; flex-direction: column; gap: 1.8rem; }
.footer .ft_con1:nth-child(1) { flex-shrink: 0; }
.footer .ft_con1 .title { font-size: clamp(14px, 0.8854166667vw, 17px); padding-left: clamp(20px, 4.1666666667vw, 80px); }
.footer .ft_con1 .ft_con_in { display: flex; gap: 3rem 4.2rem; flex-wrap: wrap; }
.footer .ft_con1 .ft_con_in .title { font-size: clamp(13px, 0.8333333333vw, 16px); }
.footer .ft_con1 .ft_con_wrap { display: flex; flex-direction: column; }

@media all and (max-width: 1280px){
	.footer { flex-direction: column; gap: 4rem; margin-left: 0;     padding: 3rem; }
	.footer .ft_con1 .ft_con_wrap br { display: none; }
}
@media all and (max-width: 600px){
	.footer .ft_con1 .ft_con_in { flex-direction: column; gap: 2rem; }
}