@import url("reset.css"); 
@import url("slick.css"); 

/* ---- 신규 디자인 폰트 ---- */
@font-face { font-family:"Hakgyoansim Allimjang"; font-style:normal; font-weight:400; font-display:swap; src:url("font/HakgyoansimAllimjangTTF-R.woff2") format("woff2"); } 
@font-face { font-family:"Hakgyoansim Allimjang"; font-style:normal; font-weight:600; font-display:swap; src:url("font/HakgyoansimAllimjangTTF-B.woff2") format("woff2"); } 
@font-face { font-family:"Kyobo Handwriting 2021"; font-style:normal; font-weight:400; font-display:swap; src:url("font/KyoboHandwriting2021sjy.woff2") format("woff2"); } 
/* ---- Paperlogy : 신규 디자인(footer) + 기존 서브 공통 CSS 에서 계속 사용 ---- */
@font-face { font-family:"Paperlogy"; font-style:normal; font-weight:400; font-display:swap; src:url("font/Paperlogy-4Regular.woff2") format("woff2"); } 
@font-face { font-family:"Paperlogy"; font-style:normal; font-weight:500; font-display:swap; src:url("font/Paperlogy-5Medium.woff2") format("woff2"); } 
@font-face { font-family:"Paperlogy"; font-style:normal; font-weight:600; font-display:swap; src:url("font/Paperlogy-6SemiBold.woff2") format("woff2"); } 
@font-face { font-family:"Paperlogy"; font-style:normal; font-weight:700; font-display:swap; src:url("font/Paperlogy-7Bold.woff2") format("woff2"); } 

:root { 
 --width:1480px; 
 --padding:20px; 
 --header_h:80px; 
 --point-color-1:#00b0f0; 
 --point-color-2:#006489; 
 --point-color-3:#f7941e; 
 --font2:"Hakgyoansim Allimjang","Pretendard","sans-serif"; 
 --font3:"Kyobo Handwriting 2021","Pretendard","sans-serif"; 
 --font4:"Paperlogy","Pretendard","sans-serif"; 

 /* ↓ 서브(공통) CSS 에서 계속 참조하는 값 — 삭제 금지 */
 --font:"Pretendard","GmarketSans", sans-serif; 
 --point-color-4:#7daf30; 
 } 

[data-delay] { position:relative; transition:all 1s ease; opacity:0; } 
[data-direction="left"] { left:-40px; } 
[data-direction="right"] { right:-40px; } 
[data-direction="top"] { top:-40px; } 
[data-direction="bottom"] { bottom:-40px; } 
.section_on [data-delay] { opacity:1; } 
.section_on [data-direction="left"] { left:0; } 
.section_on [data-direction="right"] { right:0; } 
.section_on [data-direction="top"] { top:0; } 
.section_on [data-direction="bottom"] { bottom:0; } 

p { word-break:keep-all; } 
.blind { position:absolute; width:1px; aspect-ratio:1; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } 

html { scroll-padding-top:var(--header_h); } /* fixed 헤더에 앵커가 가려지지 않도록 */
#wrap { position:relative; overflow:hidden; word-break:keep-all; } 
.cont { max-width:var(--width); margin:0 auto; padding:0 var(--padding); } 

/* header */
.header { position:fixed; top:0; left:0; z-index:100; display:flex; justify-content:space-between; align-items:center; width:100%; height:var(--header_h); padding:0 50px; transition:background-color .3s,box-shadow .3s; } 
.header .logo a { display:flex; align-items:center; } 
.header .gnb > ul { display:flex; align-items:center; gap:8px; } 
.header .gnb > ul > li { position:relative; } 
.header .gnb > ul > li > a { display:flex; justify-content:center; align-items:center; padding:0 24px; transition:color .3s; font-family:var(--font2); font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.5; color:#1d1d1d; } 
.header .gnb > ul > li > a:hover { color:var(--point-color-2); } 
.header .gnb .btn_apply { padding:5px 20px; border-radius:2em; transition:opacity .3s; background:var(--point-color-1); color:#fff; } 
.header .gnb .btn_settle { padding:5px 20px; border-radius:2em; transition:opacity .3s; background:var(--point-color-3); color:#fff; } 
.header .gnb .btn_apply:hover,
.header .gnb .btn_settle:hover { opacity:0.85; color:#fff; } 
.header .gnb .sub { position:absolute; top:45px; left:50%; display:flex; flex-direction:column; gap:15px; width:200px; padding:25px 0; border-radius:0 30px 30px 30px; box-shadow:0 4px 10px rgba(29,29,29,0.12); background:var(--point-color-2); opacity:0; visibility:hidden; transform:translate(-50%,-8px); transition:opacity .25s ease,transform .25s ease,visibility .25s; } 
.header .gnb > ul > li:hover .sub { opacity:1; visibility:visible; transform:translate(-50%,0); } 
.header .gnb .sub a { display:block; transition:color .25s,font-weight .25s; font-family:var(--font2); font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1.4; color:#fff; text-align:center; } 
.header .gnb .sub a:hover { font-weight:600; color:#fff; text-decoration:underline; } 
.header .utils { display:flex; align-items:center; gap:30px; } 
.header .utils a { position:relative; display:flex; justify-content:center; align-items:center; width:50px; aspect-ratio:1; } 
.header .utils img { transition:opacity .3s; } 
.header .icon_menu::after { content:""; position:absolute; top:50%; left:50%; width:20px; aspect-ratio:1; margin:-10px 0 0 -10px; opacity:0; transition:opacity .3s; background:url("../img/icon_close.svg") no-repeat center/contain; } 
.header.is_scroll { background:#fff; border-bottom: 1px solid #e4e4e4; } 
.header.allmenu_on { background:#fff; } 
.header.allmenu_on::before { content:""; position:fixed; top:var(--header_h); right:0; bottom:0; left:0; z-index:-2; background:rgba(0,0,0,0.6); } 
.header.allmenu_on::after { content:""; position:absolute; top:var(--header_h); left:0; z-index:-1; width:100%; padding-top:405px; background:#fff; } 
.header.allmenu_on .icon_menu img { opacity:0; } 
.header.allmenu_on .icon_menu::after { opacity:1; } 
.header.allmenu_on .gnb { position:absolute; top:var(--header_h); left:0; width:100%; padding:40px var(--padding); } 
.header.allmenu_on .gnb > ul { max-width:1720px; margin:0 auto; align-items:flex-start; gap:0; } 
.header.allmenu_on .gnb > ul > li { flex:1 1 20%; padding:0 10px; } 
.header.allmenu_on .gnb > ul > li > a { width:100%; padding:0 0 25px; border-bottom:1px solid #0096cc; border-radius:0; background:none; font-size:24px; color:#0096cc; } 
.header.allmenu_on .gnb > ul > li > a:hover { opacity:1; color:var(--point-color-2); } 
.header.allmenu_on .gnb > ul > li .sub { position:static; gap:24px; width:100%; padding:24px 0 0; border-radius:0; box-shadow:none; background:none; opacity:1; visibility:visible; transform:none; } 
.header.allmenu_on .gnb .sub a { font-size:20px; color:#2d2d2d; } 
.header.allmenu_on .gnb .sub a:hover { font-weight:600; color:var(--point-color-1); text-decoration:none; } 

@media screen and (max-width: 1560px) { 
.header { padding:0 20px; } 
.header .gnb > ul > li > a { padding:0 16px; font-size:18px; } 
 } 

@media screen and (max-width: 1200px) { 
.header .gnb { display:none; } 
.header.allmenu_on::after { display:none; } 
.header.allmenu_on .gnb { position:absolute; top:var(--header_h); left:0; display:block; width:100%; padding:10px 0 20px; box-shadow:0 10px 20px rgba(29,29,29,0.08); background:#fff; } 
.header.allmenu_on .gnb > ul { flex-direction:column; align-items:stretch; max-width:none; margin:0; } 
.header.allmenu_on .gnb > ul > li { flex:none; padding:0; } 
.header.allmenu_on .gnb > ul > li > a { justify-content:flex-start; width:100%; padding:14px var(--padding); border-bottom:0; font-size:20px; color:#1d1d1d; } 
.header.allmenu_on .gnb .btn_apply,
.header.allmenu_on .gnb .btn_settle { border-radius:0; background:none; color:#1d1d1d; } 
.header.allmenu_on .gnb > ul > li .sub { position:static; left:auto; display:none; gap:2px; width:100%; padding:4px 0 16px; border-radius:0; box-shadow:none; background:none; opacity:1; visibility:visible; transform:none; } 
.header.allmenu_on .gnb .sub a { padding:10px var(--padding); font-size:17px; color:#2d2d2d; text-align:left; } 
 } 

@media screen and (max-width: 768px) { 
.header .logo { max-width:180px; } 
.header .logo,
.header .utils { position:relative; z-index:2; } 
.header .utils a { width:44px; } 
.header.allmenu_on .gnb { top:0; z-index:1; height:100vh; padding:var(--header_h) 0 40px; overflow-y:auto; } 
 } 

/* sub */
.sub_breadcrumb { margin-top:var(--header_h); border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4; background:#f5fbfe; } 
.sub_breadcrumb > .cont > ul { display:flex; } 
.sub_breadcrumb > .cont > ul > li { position:relative; border-right:1px solid #e4e4e4; } 
.sub_breadcrumb > .cont > ul > li:first-child { border-left:1px solid #e4e4e4; } 
.sub_breadcrumb .home a { display:flex; justify-content:center; align-items:center; padding:20px 21px; } 
.sub_breadcrumb button { display:flex; justify-content:space-between; align-items:center; gap:10px; width:240px; padding:18px 17px 18px 20px; font-family:var(--font2); font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1.5; color:#1d1d1d; text-align:left; } 
.sub_breadcrumb button span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.sub_breadcrumb button img { flex-shrink:0; transform:rotate(180deg); transition:transform .25s ease; } 
.sub_breadcrumb .is_open button img { transform:rotate(0); } 
.sub_breadcrumb .depth { position:absolute; top:100%; left:-1px; right:-1px; z-index:10; display:none; border:1px solid #e4e4e4; border-top:0; background:#fff; } 
.sub_breadcrumb .is_open .depth { display:block; } 
.sub_breadcrumb .depth a { display:block; padding:12px 20px; transition:background-color .3s,color .3s; font-family:var(--font2); font-size:18px; font-weight:400; letter-spacing:-0.025em; line-height:1.5; color:#555; } 
.sub_breadcrumb .depth a:hover { background:#f5fbfe; color:#1d1d1d; } 
.sub_breadcrumb .depth .is_active { font-weight:600; color:var(--point-color-1); } 
.sub_title { padding:60px 0; font-family:var(--font2); font-size:48px; font-weight:600; letter-spacing:-0.005em; line-height:1.2; color:var(--point-color-2); text-align:center; } 
.sub_cont { min-height:70vh; padding:100px 0 150px; } 

@media screen and (max-width: 1024px) { 
.sub_breadcrumb button { width:200px; } 
.sub_title { padding:45px 0; font-size:36px; } 
.sub_cont { padding:70px 0 100px; } 
 } 

@media screen and (max-width: 768px) { 
.sub_breadcrumb > .cont { padding:0; } 
.sub_breadcrumb > .cont > ul > .home { display:none; } 
.sub_breadcrumb > .cont > ul > li { flex:1; min-width:0; } 
.sub_breadcrumb > .cont > ul > li:first-child { border-left:0; } 
.sub_breadcrumb button { gap:6px; width:100%; padding:14px 10px; font-size:15px; } 
.sub_breadcrumb .depth a { padding:10px 14px; font-size:15px; } 
.sub_title { padding:30px 20px; font-size:26px; } 
.sub_cont { padding:40px 0 70px; } 
 } 

/* main visual */
.main_visual { position:relative; background:#d2f0fb; } 
.main_visual::before { content:""; position:absolute; top:-8.79%; left:-10.88%; z-index:0; width:120.94%; height:133.06%; background:url("../img/mv_bg.png") no-repeat center; background-size:100% 100%; } 
.main_visual .visual_area { position:relative; z-index:1; max-width:1920px; margin:0 auto; aspect-ratio:1920/1080; } 
.main_visual .tit { position:absolute; top:24.44%; left:19.06%; width:41.88%; } 
.main_visual .visual_area::after { content:""; position:absolute; z-index:2; top:51.85%; left:27.34%; width:50.23%; aspect-ratio:964/643; background:url("../img/mv_character.png") no-repeat center bottom; background-size:contain; } 
.main_visual .balloon { position:absolute; z-index:3; display:flex; justify-content:center; align-items:center; white-space:nowrap; font-family:var(--font3); font-size:clamp(12px,1.6667vw,32px); font-weight:400; letter-spacing:-0.014em; line-height:1; color:#fff; text-align:center; } 
.main_visual .balloon1 { top:12.59%; left:21.51%; width:14.32%; aspect-ratio:275/101; padding-bottom:1.7%; background:url("../img/mv_balloon1.png") no-repeat center/100% 100%; } 
.main_visual .balloon2 { top:20%; left:12.5%; width:14.32%; aspect-ratio:275/102; padding-bottom:1.7%; background:url("../img/mv_balloon2.png") no-repeat center/100% 100%; } 
.main_visual .balloon3 { top:51.11%; left:25.73%; width:18.8%; aspect-ratio:361/85; padding-bottom:1%; padding-left:2.81%; background:url("../img/mv_balloon3.png") no-repeat center/100% 100%; } 
.main_visual .apply_area { position:absolute; z-index:3; top:21.67%; right:max(var(--padding), calc(50% - 680px)); display:flex; flex-direction:column; align-items:center; width:19.79%; } 
.main_visual .apply_area .desc { font-family:var(--font2); font-size:24px; font-weight:400; letter-spacing:-0.04em; line-height:1.4; color:#343434; text-align:center; } 
.main_visual .apply_area .btn { display:flex; justify-content:space-between; align-items:center; width:100%; margin-top:11px; padding:24px 40px; border-radius:20em; transition:background-color .3s; background:var(--point-color-1); } 
.main_visual .apply_area .btn:hover { background:#004f6c; } 
.main_visual .apply_area .btn span { font-family:var(--font2); font-size:32px; font-weight:400; letter-spacing:0; line-height:1.2; color:#fff; } 
.main_visual .apply_area .note { margin-top:9px; font-family:var(--font2); font-size:16px; font-weight:400; letter-spacing:-0.005em; line-height:1.5; color:#343434; } 
/* main quick */
.main_quick { position:fixed; top:200px; right:4.17%; z-index:90; } 
.main_quick ul { display:flex; flex-direction:column; gap:10px; } 
.main_quick a { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:110px; aspect-ratio:1; padding:10px; border:1px solid #c6c6c6; border-radius:8px; transition:border-color .3s,color .3s; background:#fff; } 
.main_quick a:hover { border-color:#0096cc; } 
.main_quick a:hover span { color:#007daa; } 
.main_quick span { font-family:var(--font2); font-size:16px; font-weight:400; letter-spacing:-0.04em; line-height:1.4; color:#2d2d2d; transition:color .3s; text-align:center; } 
.main_quick .type_char a { justify-content:flex-start; gap:0; aspect-ratio:110/150; padding:10px 0 0; border-color:var(--point-color-1); background:#2ebef3; } 
.main_quick .type_char span { color:#fff; } 


/* main process */
.main_process { position:relative; padding:220px 0 180px; background:#fff; } 
.main_process::after { content:""; position:absolute; bottom:-1px; left:0; width:100%; aspect-ratio:1920/75; background:url("../img/sec1_wave.png") no-repeat center bottom; background-size:100% 100%; } 
.main_process .sec_head { display:flex; flex-direction:column; align-items:center; gap:10px; } 
.main_process .sec_head .tit { font-family:var(--font2); font-size:48px; font-weight:400; letter-spacing:-0.005em; line-height:1.2; color:#1d1d1d; text-align:center; } 
.main_process .sec_head .tit em { font-weight:600; color:var(--point-color-1); } 
.main_process .sec_head .desc { font-family:var(--font2); font-size:22px; font-weight:400; letter-spacing:-0.03em; line-height:1.4; color:#555; text-align:center; } 
.main_process .step_list { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:96px; } 
.main_process .step_list > li { display:flex; flex-direction:column; align-items:center; flex:1 1 18%; max-width:228px; gap:10px; } 
.main_process .step_tit { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; padding:10px; border-radius:2em; background:var(--point-color-1); } 
.main_process .step_tit em { font-family:var(--font2); font-size:24px; font-weight:600; letter-spacing:-0.02em; line-height:1.4; color:#fff; } 
.main_process .step_tit span { font-family:var(--font2); font-size:22px; font-weight:400; letter-spacing:-0.02em; line-height:1.55; color:#fff; } 
.main_process .step_list > li > p { padding:20px 0 10px; font-family:var(--font2); font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.4; color:#2d2d2d; text-align:center; } 
.main_process .step_list .note { display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:228/120; margin-top:auto; padding:20px 10px; border:4px solid #e4e4e4; border-radius:20px; text-align:center; } 
.main_process .step_list .note p,
.main_process .step_list .note span { font-family:var(--font2); font-size:20px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; color:#2d2d2d; } 
.main_process .step_list .note em { color:var(--point-color-2); } 

/* main place */
.main_place { position:relative; padding:80px 0; background:#e6f7fe; } 
.main_place .sec_head { display:flex; flex-direction:column; align-items:center; gap:10px; } 
.main_place .sec_head .tit { font-family:var(--font2); font-size:48px; font-weight:400; letter-spacing:-0.005em; line-height:1.2; color:#1d1d1d; text-align:center; } 
.main_place .sec_head .tit em { font-weight:600; color:var(--point-color-2); } 
.main_place .sec_head .desc { font-family:var(--font2); font-size:22px; font-weight:400; letter-spacing:-0.03em; line-height:1.4; color:#555; text-align:center; } 
.main_place .tab_area { display:flex; justify-content:center; align-items:center; gap:25px; margin-top:40px; } 
.main_place .tab_area button { display:flex; justify-content:center; align-items:center; width:24px; aspect-ratio:1; } 
.main_place .tab_list { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; } 
.main_place .tab_list a { display:flex; justify-content:center; align-items:center; padding:7px 18px; border-radius:2em; transition:background-color .3s,color .3s; background:#fff; font-family:var(--font2); font-size:18px; font-weight:400; letter-spacing:-0.01em; line-height:1.4; color:#343434; } 
.main_place .tab_list a:hover,
.main_place .tab_list .is_active { background:#004f6c; color:#fff; } 
.main_place .place_list { margin-top:60px; } 
.main_place .place_list .slick-slide { padding:0 10px; } 
.main_place .place_list a { display:block; overflow:hidden; border-radius:0 0 30px 30px; background:#fff; } 
.main_place .place_list img { display:block; min-width:100%; } 
.main_place .place_list .txt { display:flex; flex-direction:column; gap:15px; padding:35px 27px; } 
.main_place .place_list h3 { overflow:hidden; font-family:var(--font2); font-size:28px; font-weight:400; letter-spacing:-0.03em; line-height:1.25; color:#2d2d2d; white-space:nowrap; text-overflow:ellipsis; } 
.main_place .place_list p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:18px; font-weight:500; letter-spacing:-0.02em; line-height:1.65; color:#343434; } 

/* main community */
.main_community { padding:80px 0 140px; background:#e6f7fe; } 
.main_community .cont { display:flex; justify-content:space-between; gap:30px; } 
.main_community .sec_head { position:relative; display:flex; flex-direction:column; flex:0 0 31.8%; gap:16px; margin-right:50px; padding-bottom:27.8%; } 
.main_community .sec_head::after { content:""; position:absolute; bottom:0; left:-4.8%; width:107.86%; aspect-ratio:494/329; background:url("../img/community_character.png") no-repeat center bottom; background-size:contain; } 
.main_community .sec_head .tit { font-family:var(--font2); font-size:48px; font-weight:400; letter-spacing:-0.01em; line-height:1.2; color:#2d2d2d; } 
.main_community .sec_head .tit em { font-weight:600; color:var(--point-color-2); } 
.main_community .sec_head .desc { font-family:var(--font2); font-size:22px; font-weight:400; letter-spacing:-0.014em; line-height:1.25; color:#555; } 
.main_community .board { display:flex; flex-direction:column; flex:1 1 29%; min-width:0; gap:10px; } 
.main_community .board_head { display:flex; justify-content:space-between; align-items:center; } 
.main_community .board_head h3 { font-family:var(--font2); font-size:18px; font-weight:400; letter-spacing:-0.017em; line-height:1.4; color:#2d2d2d; } 
.main_community .btn_more { display:flex; justify-content:center; align-items:center; width:24px; aspect-ratio:1; } 
.main_community .board_list { border-top:1px solid var(--point-color-2); border-bottom:1px solid var(--point-color-2); } 
.main_community .board_list > li + li { border-top:1px solid #c6c6c6; } 
.main_community .board_list a { display:flex; flex-direction:column; gap:8px; padding:26px 0; } 
.main_community .board_list .subject { position:relative; overflow:hidden; transition:color .3s; font-family:var(--font2); font-size:26px; font-weight:400; letter-spacing:-0.019em; line-height:1.4; color:#2d2d2d; white-space:nowrap; text-overflow:ellipsis; } 
.main_community .board_list a:hover .subject { color:#004f6c; } 
.main_community .has_file .subject { padding-right:24px; } 
.main_community .has_file .subject::after { content:""; position:absolute; top:50%; right:0; width:13px; aspect-ratio:13/14; margin-top:-7px; background:url("../img/icon_file.svg") no-repeat center; background-size:contain; } 
.main_community .board_list p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:16px; font-weight:400; letter-spacing:-0.03em; line-height:1.3; color:#555; } 
.main_community .board_list .date { margin-top:2px; font-family:var(--font2); font-size:18px; font-weight:400; letter-spacing:-0.028em; line-height:1.45; color:#004f6c; } 

@media screen and (max-width: 1560px) { 
.main_visual .apply_area .btn span { font-size:28px; } 
.main_process { padding:160px 0 140px; } 
.main_process .step_list { margin-top:70px; } 
 } 

@media screen and (max-width: 1400px) { 
.main_quick { display:none; } 
 } 

@media screen and (max-width: 1240px) { 
.main_visual .apply_area .desc { font-size:20px; } 
.main_visual .apply_area .btn { padding:18px 26px; } 
.main_visual .apply_area .btn span { font-size:24px; } 
.main_process .sec_head .tit,
.main_place .sec_head .tit,
.main_community .sec_head .tit { font-size:40px; } 
.main_community .sec_head { margin-right:20px; } 
.main_community .sec_head { flex:0 0 26%; } 
 } 

@media screen and (max-width: 1024px) { 
.main_visual .apply_area { top:16%; left:auto; right:4%; width:30%; } 
.main_process { padding:120px 0 100px; } 
.main_process .sec_head .tit,
.main_place .sec_head .tit,
.main_community .sec_head .tit { font-size:34px; } 
.main_process .sec_head .desc,
.main_place .sec_head .desc,
.main_community .sec_head .desc { font-size:18px; } 
.main_process .step_list { margin-top:50px; } 
.main_place { padding:60px 0; } 
.main_place .place_list { margin-top:40px; } 
.main_community { padding:60px 0 100px; } 
.main_community .cont { flex-wrap:wrap; gap:40px 30px; } 
.main_community .sec_head { flex:1 1 100%; margin-right:0; padding-bottom:0; } 
.main_community .sec_head::after { display:none; } 
 } 

@media screen and (max-width: 960px) { 
.main_visual .visual_area { aspect-ratio:39/70; } 
.main_visual .tit { top:19%; left:12%; width:76%; } 
.main_visual .balloon { font-size:clamp(15px,4.53vw,44px); } 
.main_visual .balloon1 { top:6%; left:34%; width:40%; } 
.main_visual .balloon2 { top:12%; left:6%; width:40%; } 
.main_visual .balloon3 { top:33%; left:20%; width:52%; padding-left:7.78%; } 
.main_visual .visual_area::after { top:38%; left:10%; width:80%; } 
.main_visual .apply_area { top:70%; left:6%; width:88%; } 
.main_visual .apply_area .desc { font-size:17px; } 
.main_visual .apply_area .btn span { font-size:20px; } 
 } 

@media screen and (max-width: 768px) { 
.main_process { padding:70px 0 60px; } 
.main_process .sec_head .tit,
.main_place .sec_head .tit,
.main_community .sec_head .tit { font-size:26px; } 
.main_process .sec_head .desc,
.main_place .sec_head .desc,
.main_community .sec_head .desc { font-size:16px; } 
.main_process .step_list { gap:30px; margin-top:35px; } 
.main_process .step_list > li { flex:0 0 100%; max-width:100%; } 
.main_process .step_list .note { aspect-ratio:auto; padding:24px 16px; } 
.main_process .step_list .note p,
.main_process .step_list .note span { font-size:17px; } 
.main_process .step_list > li > p { font-size:17px; } 
.main_place { padding:45px 0; } 
.main_place .tab_area { gap:12px; margin-top:25px; } 
.main_place .tab_list a { padding:5px 14px; font-size:15px; } 
.main_place .place_list .txt { padding:22px 20px; } 
.main_place .place_list h3 { font-size:22px; } 
.main_place .place_list p { font-size:16px; } 
.main_community { padding:45px 0 70px; } 
.main_community .board { flex:1 1 100%; } 
.main_community .board_list a { padding:18px 0; } 
.main_community .board_list .subject { font-size:20px; } 
.main_community .board_list .date { font-size:16px; } 
 } 

/* footer */
.footer { background:#f8f8f8; } 
.footer .top { border-bottom:1px solid #c6c6c6; } 
.footer .top > .cont { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-top:10px; padding-bottom:10px; } 
.footer .menu { display:flex; align-items:center; gap:16px; } 
.footer .menu li { position:relative; } 
.footer .menu li + li::before { content:""; position:absolute; top:50%; left:-9px; width:2px; aspect-ratio:1; margin-top:-1px; border-radius:50%; background:#555; } 
.footer .menu a { transition:color .3s; font-size:16px; font-weight:400; letter-spacing:-0.02em; line-height:1.2; color:#343434; } 
.footer .menu a:hover { color:var(--point-color-2); } 
.footer .menu .privacy a { font-weight:600; color:#2d2d2d; } 
.footer .family { position:relative; } 
.footer .family > button { display:flex; justify-content:space-between; align-items:center; gap:40px; width:250px; padding:15px 30px; border-radius:2em; box-shadow:0 2px 10px rgba(33,33,33,0.08); background:#fff; font-family:var(--font4); font-size:16px; font-weight:600; letter-spacing:-0.01em; line-height:1.5; color:#555; } 
.footer .family > button img { transition:transform .3s; } 
.footer .family.is_open > button img { transform:rotate(180deg); } 
.footer .family_list { position:absolute; bottom:100%; left:0; z-index:10; display:none; width:100%; margin-bottom:8px; padding:10px 0; border-radius:20px; box-shadow:0 2px 10px rgba(33,33,33,0.08); background:#fff; } 
.footer .family.is_open .family_list { display:block; } 
.footer .family_list a { display:block; padding:8px 30px; transition:color .3s; font-size:16px; font-weight:400; letter-spacing:-0.02em; line-height:1.5; color:#555; } 
.footer .family_list a:hover { color:var(--point-color-1); } 
.footer .info { display:flex; justify-content:space-between; gap:70px; padding-top:40px; padding-bottom:50px; } 
.footer .info .txt { display:flex; flex-direction:column; flex:1; min-width:0; gap:10px; } 
.footer .info dl { display:flex; flex-wrap:wrap; align-items:center; gap:20px; } 
.footer .info dl div { display:flex; align-items:center; gap:13px; } 
.footer .info dt { font-size:17px; font-weight:600; letter-spacing:-0.02em; line-height:1.2; color:#555; } 
.footer .info dd { font-size:16px; font-weight:400; letter-spacing:-0.02em; line-height:1.2; color:#555; } 
.footer .info .notice { margin-top:10px; font-size:15px; font-weight:500; letter-spacing:-0.02em; line-height:1.35; color:var(--point-color-2); } 
.footer .copyright { display:block; margin-top:30px; font-size:16px; font-weight:500; letter-spacing:-0.02em; line-height:1.4; color:#555; } 
.footer .info .right { display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; gap:70px; } 
.footer .info .right > img { filter:grayscale(1); } 
.footer .sns { display:flex; align-items:center; gap:10px; } 
.footer .sns a { display:flex; transition:opacity .3s; } 
.footer .sns a:hover { opacity:0.8; } 

@media screen and (max-width: 1024px) { 
.footer .info { gap:40px; padding-top:30px; padding-bottom:40px; } 
.footer .info .right { gap:40px; } 
.footer .family > button { gap:20px; width:200px; padding:12px 20px; } 
 } 

@media screen and (max-width: 768px) { 
.footer .top > .cont { flex-direction:column; align-items:flex-start; gap:15px; } 
.footer .family { width:100%; } 
.footer .family > button { width:100%; } 
.footer .info { flex-direction:column; gap:30px; } 
.footer .info dl { gap:10px; } 
.footer .info dt { font-size:15px; } 
.footer .info dd { font-size:15px; } 
.footer .info .notice { font-size:14px; } 
.footer .copyright { margin-top:20px; font-size:14px; } 
.footer .info .right { align-items:flex-start; gap:25px; } 
 } 

/* ==========================================================
 ↓↓↓ 여기부터는 서브 페이지 공통 CSS (건드리지 말 것) ↓↓↓
 ========================================================== */
/* Sub page adjustments */
.sub_visual { height: 200px; } 
.sub_visual .txt h2 { font-size: 2rem; } 
.sub_visual .txt .en { font-size: 1rem; } 
.sub_cont { padding: 40px var(--padding); } 
.page_title h3 { font-size: 1.75rem; } 
.con_body { margin-top: 30px; } 
.navi>ul>li.home { width:40px; height:40px; } 
.navi>ul>li { width: calc((100% - 40px) / 2); } 
.navi>ul>li .navi_btn { padding:0 20px 0 10px; height:40px; font-size:12px; } 
.navi .s_navi { top:40px; } 
.navi>ul>li .navi_btn:after { right:10px; width:20px; } 
 

/* listType_1 */
.listType_1 { display:flex; flex-direction:column; gap:70px; } 
.listType_1>ul { display:flex; flex-direction:column; gap:50px; } 
.listType_1>ul>li { display:flex; align-items:flex-start; gap:24px; } 
.listType_1>ul>li .item_title { width:350px; display:flex; align-items:center; gap:12px; flex-shrink:0; } 
.listType_1>ul>li .num { font-family:'NanumSquareNeo', sans-serif; font-size:1.5625rem; color:#7daf30; font-weight:900; line-height:1.12; } 
.listType_1>ul>li .txt { font-family:var(--font2); font-size:1.5625rem; font-weight:500; color:#212121; line-height:1.12; letter-spacing:-0.02em; font-weight:700; } 
.listType_1>ul>li .item_desc { flex:1; } 
.listType_1>ul>li .item_desc p { font-family:var(--font); font-size:1.25rem; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 

.listType_2 ul li { } 

/* titleType_1 */
.titleType_1 { display:flex; flex-direction:column; gap:10px; align-items:center; } 
.titleType_1 h4 { display:inline-flex; align-items:center; gap:12px; padding:5px 40px; background-color:#0397F9; color:#fff; font-family:var(--font); font-size:1.875rem; font-weight:500; border-radius:2em; line-height:1.33; letter-spacing:-0.03em; padding-top: 12px; } 

@media screen and (max-width: 960px) { 
.listType_1 { gap:35px; } 
.listType_1>ul { gap:25px; } 
.listType_1>ul>li { flex-direction:column; gap:10px; } 
.listType_1>ul>li .num { font-size:18px; } 
.listType_1>ul>li .txt { font-size:18px; } 
.listType_1>ul>li .item_desc p { font-size:16px; } 
.titleType_1 h4 { font-size:20px; padding:4px 24px; } 
 } 

/* tabType_1 */
.tabType_1 { margin-bottom:90px; display:flex; justify-content:center; } 
.tabType_1>ul { display:flex; background:#f5f5f5; border-radius:10px; padding:10px; border-radius:2em; } 
.tabType_1>ul>li>a { display:flex; justify-content:center; align-items:center; width:200px; height:60px; font-family:"Pretendard", sans-serif; font-size:1.125rem; font-weight:600; line-height:1.222; letter-spacing:-0.02em; color:#212121; border-radius:8px; transition:all 0.3s ease-out; border-radius:2em; } 
.tabType_1>ul>li.active>a { background:var(--point-color-1); color:#fff; } 

@media screen and (max-width: 768px) { 
.tabType_1 { margin-bottom:40px; } 
.tabType_1>ul { width:100%; } 
.tabType_1>ul>li { flex:1; } 
.tabType_1>ul>li>a { width:100%; height:50px; font-size:16px; } 
 } 

/* infoType_1 */
.infoType_1 { margin-top:60px; font-family:var(--font); } 
.infoType_1 a { font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; } 
.infoType_1>ul { display:flex; flex-direction:column; gap:50px; } 
.infoType_1>ul>li { display:flex; gap:24px; } 
.infoType_1>ul>li>.tit { position:relative; flex-shrink:0; width:318px; font-family:var(--font2); font-size:1.5625rem; font-weight:700; color:#212121; line-height:1.12; letter-spacing:-0.02em; padding-left:16px; } 
.infoType_1>ul>li>.tit::before { position:absolute; left:0; top:2px; width:4px; height:25px; background:var(--point-color-3); display:block; content:""; } 
.infoType_1>ul>li>.desc { flex:1; display:flex; flex-direction:column; gap:20px; } 
.infoType_1>ul>li>.desc p { font-family:var(--font); font-size:1.25rem; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 
.infoType_1>ul>li>.desc .notice { font-family:"Pretendard", sans-serif; font-size:1.125rem; font-weight:500; line-height:1.889; color:#0a5679; letter-spacing:-0.02em; } 
.infoType_1>ul>li>.desc .sub_desc { display:flex; flex-direction:column; gap:4px; } 
.infoType_1>ul>li>.desc .sub_desc p { font-family:var(--font); font-size:1.125rem; font-weight:500; color:#424242; line-height:1.9; letter-spacing:-0.02em; } 

/* infoTable */
.infoTable_1 { width:100%; border-collapse:collapse; margin-top:10px; } 
.infoTable_1 th,.infoTable_1 td { padding:20px; border:1px solid #c6c6c6; font-family:var(--font); font-size:1.0625rem; color:#424242; line-height:1.5; vertical-align:middle; text-align:center; letter-spacing:-0.02em; } 
.infoTable_1 th { background:#eeeeee; font-weight:400; color:#424242; text-align:center; line-height:2.0; } 
.infoTable_1 td { font-weight:500; } 
.infoTable_1 thead th { background:#eeeeee; color:#424242; font-family:var(--font); font-size:1.0625rem; line-height:2.0; } 
.infoTable_1 thead th .sub { font-family:var(--font); font-size:0.8125rem; font-weight:400; display:block; margin-top:5px; } 
.infoTable_1 td p { margin:5px 0; } 
.infoTable_1 td p .badge { display:inline-block; background:#7daf30; color:#fff; font-size:1.0625rem; font-weight:500; border-radius:5px; padding:5px 10px; margin-right:5px; line-height:1; font-family:var(--font); } 
.infoTable_2 td p { text-align: left; } 
@media screen and (max-width:768px) { 
.infoTable_1 { display:block; overflow-x:auto; } 
.infoTable_1 th,.infoTable_1 td { padding:10px 12px; font-size:0.875rem; white-space:nowrap; } 
 } 
/* 필수자료 카드 */
.intro_card_list { display:flex; gap:20px; flex-wrap:wrap; } 
.intro_card { flex:1; min-width:200px; border-radius:10px; overflow:hidden; } 
.intro_card_img { width:100%; overflow:hidden; text-align:center; } 
.intro_card_img img { border-radius:20px; } 
.intro_card_txt { padding:20px 0 0; display:flex; flex-direction:column; gap:10px; align-items:center; } 
.intro_card_txt .badge { display:inline-block; background:#1197d5; color:#fff; font-family:var(--font); font-size:1.0625rem; font-weight:500; border-radius:5px; padding:5px 10px; line-height:1; } 
.intro_card_txt span { font-size:1.25rem; color:#424242; line-height:1.5; letter-spacing:-0.02em; text-align:center; font-family:var(--font); } 
@media screen and (max-width:960px) { 
.intro_card { min-width:calc(50% - 10px); flex:none; width:calc(50% - 10px); } 
 } 
@media screen and (max-width:480px) { 
.intro_card { width:100%; min-width:100%; } 
 } 

@media screen and (max-width: 960px) { 
.infoType_1 { margin-top:30px; } 
.infoType_1>ul { gap:30px; } 
.infoType_1>ul>li { flex-direction:column; gap:10px; } 
.infoType_1>ul>li>.tit { width:100%; font-size:20px; } 
.infoType_1>ul>li>.desc { width:100%; } 
.infoType_1>ul>li>.desc>p { font-size:16px; } 
.infoType_1>ul>li>.desc .notice { font-size:15px; } 
.infoType_1>ul>li>.desc .sub_desc p { font-size:15px; } 
 } 

/* listType_2 */
.listType_2 { display:flex; flex-direction:column; gap:20px; } 
.listType_2>ul { display:flex; flex-direction:column; gap:20px; } 
.listType_2>ul>li { display:flex; align-items:center; gap:10px; } 
.listType_2>ul>li .num { display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#7daf30; border-radius:50%; font-family:var(--font); font-size:1.125rem; font-weight:500; color:#fff; flex-shrink:0; line-height:1; } 
.listType_2>ul>li .txt { font-family:var(--font); font-size:1.25rem; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 

@media screen and (max-width: 768px) { 
.listType_2>ul { gap:12px; } 
.listType_2>ul>li .num { width:24px; height:24px; font-size:14px; } 
.listType_2>ul>li .txt { font-size:16px; } 
 } 

/* listType_3 — unordered bullet list */
.listType_3>ul { list-style:none; margin:0; padding:0; } 
.listType_3>ul>li { display:flex; align-items:flex-start; gap:10px; } 
.listType_3>ul>li::before { content:""; width:6px; height:6px; background:#424242; border-radius:50%; flex-shrink:0; margin-top:12px; } 
.listType_3>ul>li .txt { font-family:var(--font); font-size:1.25rem; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 


.listType_4>ul>li { font-size:1.25rem; font-family:var(--font); } 
.listType_4>ul>li strong { display:flex; gap:10px; font-weight:400; color:#424242; } 
.listType_4>ul>li .number { width:30px; aspect-ratio: 1/1; display:flex; align-items:center; justify-content:center; background-color:#7daf30; border-radius:50%; font-size:1.125rem; font-weight:700; color:#fff; } 
.listType_4>ul>li ul { padding:5px 0 10px 40px; } 
.listType_4>ul>li ul li { font-size:1.125rem; color:#424242; } 

@media screen and (max-width: 768px) { 
.listType_3>ul>li .txt { font-size:16px; } 
.listType_3>ul>li::before { margin-top:9px; } 
 } 

/* apply_form */
.apply_form { display:flex; flex-direction:column; gap:70px; } 
.apply_section { display:flex; flex-direction:column; gap:20px; } 
.apply_section.has_border { padding-top:40px; border-top:1px solid #e0e0e0; } 
.apply_step ul { display:flex; list-style:none; margin:0; padding:0; } 
.apply_step ul li { flex:1; display:flex; align-items:center; gap:10px; height:65px; border-bottom:1px solid #bdbdbd; } 
.apply_step ul li .num { display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:50%; background-color:#e0e0e0; font-family:var(--font); font-size:1.125rem; font-weight:500; color:#424242; } 
.apply_step ul li.is-active .num { background-color:#1197d5; color:#fff; } 
.apply_step ul li.is-active { border-bottom-color:#1197d5; } 
.apply_step ul li .txt { font-size:1.25rem; font-weight:500; color:#212121; } 
.apply_field_top { display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:15px; border-bottom:2px solid #000; } 
.apply_field_top.no_border { border-bottom:none; } 
.apply_field_top .field_tit { font-size:1.5625rem; font-weight:700; color:#424242; } 
.apply_field_top .field_required { font-size:1rem; font-weight:500; color:#424242; } 
.apply_field_top .field_required .star { color:#1197d5; } 
.apply_field_info { font-size:1rem; font-weight:500; color:#004e6c; line-height:1.6; } 
.apply_field_list { display:flex; flex-direction:column; gap:0; } 
.apply_field_row { padding:10px 0; display:flex; align-items:flex-start; } 
.apply_field_row .field_label { display:flex; align-items:center; gap:3px; width:342px; min-height:50px; padding:0 50px 0 0; font-size:1.0625rem; font-weight:600; color:#000; box-sizing:border-box; flex-shrink:0; } 
.apply_field_row .field_label input[type=text] { width:100%; height:50px; line-height:50px; border-radius:5px; } 
.apply_field_row .field_label .star { color:#1197d5; } 
.apply_field_row .field_input { flex:1; display:flex; flex-direction:column; gap:8px; } 
.apply_field_row .field_input input[type="number"],
.apply_field_row .field_input input[type="text"] { height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121; } 
.apply_field_row .field_input input[type="number"]::placeholder,
.apply_field_row .field_input input[type="number"]:disabled,
.apply_field_row .field_input input[type="number"]:read-only,
.apply_field_row .field_input input[type="text"]::placeholder { color:#9e9e9e; } 
.apply_field_row .field_input input[type="text"]:disabled,
.apply_field_row .field_input input[type="text"]:read-only { color:#616161; background-color:#F5F5F5; } 
.apply_field_row .field_input textarea { width:100%; height:130px; padding:12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121; resize:none; box-sizing:border-box; } 
.apply_field_row .field_input textarea::placeholder { color:#9e9e9e; } 
.input_group { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } 
.input_group .max600 { max-width:600px; width:100%; } 
.input_date { display:flex; align-items:center; gap:10px; } 
.input_date .divider { font-size:1rem; color:#424242; } 
.input_date .date_wrap { position:relative; } 
.date_wrap .btn_calendar { position:absolute; right:10px; top:50%; transform:translateY(-50%); width:20px; height:20px; padding:0; border:none; background:none; cursor:pointer; } 
.date_wrap .btn_calendar img { width:100%; height:100%; object-fit:contain; } 
.input_file_list { width: 100%; } 
.input_file { display:flex; align-items:center; gap:10px; } 
.input_file input[type="file"] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.input_file .file_name { max-width:350px; width:100%; height:50px; line-height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; font-weight:500; color:#9e9e9e; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.input_file_list ul { display:flex; flex-direction: column; gap:5px; } 
.input_file_list ul li { width:100%; display:flex; gap:10px; } 
.input_file_list .input_file { max-width:450px; width:calc(100% - 60px); } 
.input_file_list .control { display:flex; gap:5px; } 
.input_file_list .control .btn_plus { width:20px; aspect-ratio: 1/1; background:url(../img/ic_plus.svg) no-repeat center center / 100%; } 
.input_file_list .control .btn_minus { width:20px; aspect-ratio: 1/1; background:url(../img/ic_minus.svg) no-repeat center center / 100%; } 
.btn_verify { display:flex; align-items:center; justify-content:center; height:50px; padding:0 20px; border-radius:5px; background-color:#424242; font-size:1.125rem; font-weight:700; color:#fff; text-decoration:none; white-space:nowrap; transition:all 0.3s ease-out; } 
.btn_verify:hover { background-color:#333; } 
.btn_file { display:flex; align-items:center; justify-content:center; height:50px; padding:0 10px; border-radius:5px; background-color:#424242; font-size:1.125rem; font-weight:600; color:#fff; cursor:pointer; transition:all 0.3s ease-out; white-space: nowrap; } 
.btn_file:hover { background-color:#333; } 
.radio_label { display:inline-flex; align-items:center; gap:5px; font-size:1rem; font-weight:500; color:#424242; cursor:pointer; } 
.radio_label input[type="radio"] { width:18px; height:18px; accent-color:#1197d5; } 
.field_count { display:flex; align-items:center; } 
.field_count .count { font-size:1rem; font-weight:500; color:#424242; } 
.field_count .txt_count { margin-left:auto; } 
.unit { font-size:1rem; font-weight:500; color:#424242; } 
.apply_notice_section { display:flex; flex-direction:column; gap:30px; } 
.apply_notice_title { font-size:1.5625rem; font-weight:700; color:#000; } 
.apply_notice_box { padding:30px 40px; border-radius:10px; background-color:#f5f5f5; } 
.apply_notice_box .notice_txt { font-size:1rem; font-weight:500; color:#666; line-height:1.8; } 
.apply_notice_section .notice_highlight { display:block; padding:40px 0; border-bottom:1px solid #bdbdbd; font-size:1.25rem; font-weight:700; color:#000; text-align:center; } 
.apply_notice_section .notice_highlight strong { font-weight:inherit; color:var(--point-color-2); } 
.apply_agree_check { display:flex; flex-direction:column; gap:15px; padding:20px 0; align-items:center; } 
.apply_agree_check .agree_tit { font-size:1.125rem; font-weight:600; color:#000; } 
.apply_agree_check .agree_radio { display:flex; gap:40px; justify-content:center; } 
.apply_form_btn { display:flex; gap:20px; justify-content:center; } 
.apply_form_btn a { display:flex; align-items:center; justify-content:center; width:350px; height:60px; border-radius:10px; font-size:1.125rem; font-weight:700; text-decoration:none; transition:all 0.3s ease-out; } 
.apply_form_btn .btn_prev { background-color:#e0e0e0; color:#212121; } 
.apply_form_btn .btn_prev:hover { background-color:#ccc; } 
.apply_form_btn .btn_next { background-color:#1197d5; color:#fff; } 
.apply_form_btn .btn_next:hover { background-color:#0397F9; } 

@media screen and (max-width: 768px) { 
.apply_step ul li { height:auto; justify-content:flex-start; gap:10px; padding:0 15px; flex-direction:column; } 
.apply_step ul li .txt { text-align:center; } 
.apply_field_top { flex-direction:column; align-items:flex-start; gap:10px; } 
.apply_field_top .field_tit { font-size:20px; } 
.apply_notice_box { padding:20px; } 
.apply_notice_title { font-size:20px; } 
.apply_form_btn { flex-direction:column; } 
.apply_form_btn a { width:100%; } 
.apply_agree_check .agree_radio { flex-direction:column; gap:10px; } 
.btn_file { padding:0 10px; font-size:14px; } 
 } 

@media screen and (max-width: 960px) { 
.apply_field_row { flex-direction:column; } 
.apply_field_row .field_label { width:100%; min-height:auto; padding:10px 0; } 
.apply_field_row .field_input { padding:5px 0; width:100%; } 
.apply_field_row .field_input input[type="text"] { box-sizing:border-box; } 
.input_group input[type="text"] { flex:1; min-width:0; } 
.input_group .btn_verify { flex-shrink:0; } 
.input_date .date_wrap { flex:1; } 
.input_date .date_wrap input { width:100%; box-sizing:border-box; } 
.input_file_list ul li { flex-wrap:wrap; } 
 } 

/* apply_member */
.apply_member_agree { display:flex; align-items:center; gap:8px; font-size:1.125rem; font-weight:600; color:#424242; line-height:1.5; cursor:pointer; } 
.apply_member_agree strong { color:#0397F9; } 
.apply_member_agree input[type="checkbox"] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.apply_member_agree .ico_check { display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0; } 
.apply_member_agree input[type="checkbox"]:checked + .ico_check { background-color:#1197d5; } 
.apply_member_wrap { display:flex; flex-direction:column; gap:0; } 
.apply_member_entry { display:flex; flex-direction:column; gap:20px; } 
.apply_member_row { display:flex; gap:20px; align-items:flex-start; } 
.apply_member_row .apply_member_table { flex:1; } 
.apply_member_check { display:flex; align-items:center; cursor:pointer; } 
.apply_member_check input[type="checkbox"] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.apply_member_check .ico_check { display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0; } 
.apply_member_check input[type="checkbox"]:checked + .ico_check { background-color:#1197d5; } 
.apply_member_table { margin-bottom:20px; width:100%; border-collapse:collapse; border-top:1px solid #616161; } 
.apply_member_table th { width:220px; background-color:#f5f5f5; padding:0 24px; height:80px; text-align:left; font-size:1.0625rem; font-weight:600; color:#424242; white-space:nowrap; border-bottom:1px solid #e0e0e0; } 
.apply_member_table th .star { color:#1197d5; } 
.apply_member_table td { padding:16px; background-color:#fff; border-bottom:1px solid #e0e0e0; } 
.apply_member_table td input[type="text"] { width:100%; height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121; background-color:#f5f5f5; box-sizing:border-box; } 
.apply_member_table td input[type="text"].max468 { max-width: 468px; } 
.apply_member_table td input[type="text"]::placeholder { color:#9e9e9e; } 
.apply_member_radio { display:flex; align-items:center; gap:20px; } 
.apply_member_info { font-size:1rem; font-weight:500; color:#004e6c; line-height:1.8; } 
.apply_member_btn { display:flex; gap:15px; margin-top:15px; justify-content:center; } 
.apply_member_btn button { display:flex; align-items:center; justify-content:center; width:350px; height:60px; padding:0 20px; border:none; border-radius:10px; background-color:#e0e0e0; font-size:1rem; font-weight:600; color:#212121; cursor:pointer; transition:all 0.3s ease-out; } 
.apply_member_btn button:hover { border-color:#0397F9; color:#0397F9; } 
.apply_member_btn .btn_add { background-color:#7cc8e8; } 
.apply_member_count { font-size:1.25rem; font-weight:700; color:#000; margin-top:10px; text-align:center; } 
.apply_member_count strong { color:#1197d5; } 

@media screen and (max-width: 960px) { 
.apply_member_table th { width:80px; padding:0 15px; height:60px; font-size:15px; } 
.apply_member_table td { padding:10px; } 
.apply_member_table td input[type="text"] { height:45px; } 
.apply_member_btn button { width:100%; } 
 } 

@media screen and (max-width: 640px) { 
.apply_member_row { flex-direction:column; gap:10px; } 
.apply_member_table,.apply_member_table tbody,.apply_member_table tr,.apply_member_table th,.apply_member_table td { display:block; width:100%; box-sizing:border-box; } 
.apply_member_table tr { border-bottom:1px solid #e0e0e0; } 
.apply_member_table th { width:100%; height:auto; padding:10px 15px; border-bottom:none; } 
.apply_member_table td { border-bottom:none; padding:10px 10px; } 
.apply_member_agree { font-size:16px; } 
.apply_member_info { font-size:14px; } 
 } 

/* apply_agree (약관동의) */
.apply_agree_list { display:flex; flex-direction:column; gap:20px; padding:30px 40px; border-radius:10px; background-color:#f5f5f5; } 
.apply_agree_item { display:flex; flex-direction:column; gap:0; } 
.apply_agree_item label { display:flex; align-items:center; gap:8px; cursor:pointer; } 
.apply_agree_item input[type="checkbox"] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.apply_agree_item .ico_check { display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0; } 
.apply_agree_item input[type="checkbox"]:checked + .ico_check { background-color:#1197d5; } 
.apply_agree_item label span:last-child { font-size:1.0625rem; font-weight:500; color:#424242; line-height:2; } 
.apply_agree_all { flex-direction:row; align-items:center; gap:8px; padding-bottom:20px; border-bottom:1px solid #e0e0e0; cursor:pointer; } 
.apply_agree_all span:last-child { font-size:1.0625rem; font-weight:700; color:#424242; } 
.apply_agree_item_top { display:flex; align-items:center; justify-content:space-between; } 
.apply_agree_item_top label { flex:1; } 
.btn_toggle { display:flex; align-items:center; justify-content:center; width:18px; height:18px; padding:0; border:none; background:url(../img/ico_breadcrumb_arrow.svg) no-repeat center center; background-size:contain; cursor:pointer; transition:transform 0.3s ease-out; flex-shrink:0; } 
.btn_toggle.is-active { transform:rotate(180deg); } 
.apply_agree_content { display:none; margin-top:10px; padding:20px; background-color:#fff; border-radius:5px;; height:240px; overflow:auto; } 
.apply_agree_content span { font-size:1rem; font-weight:400; color:#424242; line-height:2.125; } 

/* apply_sign (서명) */
.apply_sign_section { display:flex; flex-direction:column; gap:30px; } 
.apply_sign_title { font-size:1.25rem; font-weight:600; color:#000; line-height:1.5; text-align: center; } 
.apply_sign_title strong { color:var(--point-color-2); font-weight:inherit; } 
.apply_sign_date { display:flex; gap:16px; width:100%; list-style:none; margin:0; padding:0; } 
.apply_sign_date li { position:relative; flex:1; } 
.apply_sign_date .unit { position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:1rem; font-weight:500; color:#424242; } 
.apply_sign_date .val { display:flex; align-items:center; width:100%; height:50px; padding:0 12px; border:1px solid #e0e0e0; border-radius:5px; background-color:#f5f5f5; font-size:1rem; font-weight:500; color:#212121; box-sizing:border-box; } 
.apply_sign_info { display:flex; flex-direction:column; gap:8px; } 
.apply_sign_info .label { font-size:1.0625rem; font-weight:600; color:#424242; } 
.apply_sign_box { width:100%; height:120px; display:flex; align-items:center; justify-content:center; border:1px solid #e0e0e0; border-radius:5px; background-color:#f5f5f5; } 
.apply_sign_box span { font-size:1rem; font-weight:400; color:#9e9e9e; } 

/* apply_notice_info (하단 안내) */
.apply_notice_info { display:flex; justify-content:center; padding:20px; border:1px dashed #1197d5; border-radius:5px; } 
.apply_notice_info ul { display:flex; flex-direction:column; gap:8px; list-style:none; margin:0; padding:0; align-items:center; } 
.apply_notice_info ul li { position:relative; padding-left:30px; font-size:1.125rem; font-weight:600; color:#000; line-height:1.5; } 
.apply_notice_info ul li::before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; border-radius:50%; background-color:#1197d5; content:""; } 
.apply_notice_info ul li::after { position:absolute; left:7px; top:50%; transform:translateY(-50%) rotate(45deg); width:6px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; content:""; margin-top:-2px; } 
.apply_notice_info ul li strong { color:#0397F9; text-decoration: underline; font-weight:inherit; } 
.btn_submit { gap:8px; } 

@media screen and (max-width: 768px) { 
.apply_agree_list { padding:20px; } 
.apply_agree_item label span:last-child { font-size:15px; } 
.apply_agree_all span:last-child { font-size:15px; } 
.apply_agree_content span { font-size:14px; } 
.apply_notice_info ul li { font-size:15px; padding-left:28px; } 
 } 

/* ========================================
 apply_complete (step 3 completion message)
 ======================================== */
.apply_complete { display:flex; flex-direction:column; align-items:center; gap:20px; padding:0; } 
.apply_complete_txt { display:flex; flex-direction:column; align-items:center; gap:10px; } 
.apply_complete_title { font-family:var(--font); font-size:1.5625rem; color:#212121; text-align:center; } 
.apply_complete_title strong { color:var(--point-color-1); font-weight:700; } 
.apply_complete_desc { display:flex; align-items:center; gap:5px; font-size:1rem; font-weight:500; color:#424242; text-align:center; } 
.apply_complete_desc strong { font-weight:inherit; color:var(--point-color-2); text-decoration: underline; } 
.apply_complete_notice { font-size:1rem; font-weight:500; color:#0397F9; text-align:center; } 

/* field_value */
.field_value { display:flex; align-items:center; min-height:50px; padding:0 12px; font-size:1rem; font-weight:500; color:#212121; line-height:1.6; } 
.field_value strong { color:#1197d5; font-weight:700; font-size:1.25rem; } 

@media screen and (max-width:960px) { 
.apply_complete_img { width:200px; } 
.apply_complete_title { font-size:20px; } 
.apply_complete_desc { flex-direction:column; text-align:center; } 
.apply_complete_notice { font-size:14px; } 
.field_value { min-height:auto; padding:5px 0; } 
 } 

/* ========================================
 refund (환급신청 전용)
 ======================================== */
.refund_highlight { padding:10px 20px; background-color:#e8f4fd; border-radius:5px; } 
.refund_youth_check { display:inline-flex; align-items:center; gap:8px; cursor:pointer; } 
.refund_youth_check input[type="checkbox"] { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.refund_youth_check .ico_check { display:inline-block; width:24px; height:24px; border-radius:50%; background-color:#bdbdbd; background-image:url(../img/ic_mark.svg); background-repeat:no-repeat; background-position:center center; background-size:12px; flex-shrink:0; } 
.refund_youth_check input[type="checkbox"]:checked + .ico_check { background-color:#1197d5; } 
.refund_youth_check span:last-child { font-size:1.0625rem; font-weight:500; color:#424242; } 
.refund_category_list { display:flex; flex-direction:column; gap:30px; margin-top:10px; } 
.refund_category { display:flex; flex-direction:column; gap:15px; } 
.refund_category_tit { display:flex; align-items:center; gap:12px; } 
.refund_category_tit .bar { display:block; width:4px; height:22px; border-radius:2px; background-color:var(--point-color-1); } 
.refund_category_tit span.tit { font-size:1.25rem; font-weight:600; color:#212121; } 
.refund_category_tit .field_required { font-size:1rem; font-weight:500; color:#424242; } 
.refund_category_tit .field_required .star { color:#1197d5; } 
.refund_category_body { display:flex; flex-direction:column; gap:15px; list-style:none; margin:0; padding:0; } 
.refund_entry { display:flex; flex-direction:column; gap:0; } 
.refund_inline_row { display:flex; align-items:flex-start; gap:20px; } 
.refund_inline_field { display:flex; align-items:center; gap:0; } 
.refund_inline_field .field_label { width:100px; min-height:50px; padding:0; font-size:1.0625rem; font-weight:600; color:#424242; display:flex; align-items:center; gap:3px; flex-shrink:0; } 
.refund_inline_field .field_label .star { color:#1197d5; } 
.refund_inline_field .field_input { flex:1; } 
.refund_inline_field .input_group { display:flex; align-items:center; gap:10px; flex-wrap:nowrap; } 
.refund_inline_field .input_group input[type="text"] { flex:1; min-width:0; } 
.refund_inline_field .field_input input[type="text"] { height:50px; padding:0 15px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#212121; background-color:#f5f5f5; width:100%; box-sizing:border-box; } 
.refund_inline_field .field_input input[type="text"]::placeholder { color:#9e9e9e; } 
.refund_file_field { display:flex; align-items:center; gap:20px; } 
.refund_entry_btn { display:flex; gap:15px; align-items:center; } 
.refund_entry_btn button { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border:none; border-radius:5px; font-size:0.875rem; font-weight:700; color:#fff; cursor:pointer; transition:all 0.3s ease-out; } 
.refund_entry_btn .btn_entry_add { background-color:#424242; } 
.refund_entry_btn .btn_entry_add:hover { background-color:#212121; } 
.refund_entry_btn .btn_entry_remove { background-color:#fff; border:1px solid #e0e0e0; color:#424242; } 
.refund_entry_btn .btn_entry_remove:hover { background-color:#f5f5f5; } 

@media screen and (max-width:1440px) { 
.refund_inline_field .field_label { width:80px; } 
.refund_inline_row { gap:10px; } 
 } 
@media screen and (max-width:1200px) { 
.refund_inline_row { flex-wrap:wrap; } 
.refund_inline_field { width:calc(50% - 5px); } 
.refund_inline_field .input_date { width:100%; } 
.refund_inline_field .input_date .date_wrap { width:100%; } 
 } 
@media screen and (max-width:960px) { 
.refund_inline_row { flex-wrap:wrap; gap:15px; } 
.refund_inline_field { flex:1; min-width:calc(50% - 10px); } 
.refund_inline_field .field_label { width:70px; min-height:auto; padding:0 0 5px; } 
 } 
@media screen and (max-width:768px) { 
.refund_category { position:relative; } 
.refund_highlight { padding:8px 15px; } 
.refund_inline_row { flex-direction:column; gap:15px; } 
.refund_inline_field { min-width:100%; gap:10px; } 
.refund_inline_field .field_label { padding:0 0 5px; } 
.refund_inline_field .input_group { flex-wrap:nowrap; } 
.refund_entry_btn { position:absolute; right:0; top:0; gap:10px; } 
.refund_category_tit span:last-child { font-size:16px; } 
.refund_entry_btn button { width:28px; height:28px; } 
 } 

/* 숙박 여행자/동반자 정보 */
.refund_traveler_wrap { display:flex; gap:15px; margin-top:15px; } 
.refund_traveler_check { display:flex; align-items:flex-start; padding-top:5px; flex-shrink:0; cursor:pointer; } 
.refund_traveler_check .ico_check { display:block; width:24px; height:24px; border-radius:50%; background:#bdbdbd; position:relative; transition:all 0.3s ease-out; } 
.refund_traveler_check .ico_check::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-55%) rotate(45deg); width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; } 
.refund_traveler_check input:checked + .ico_check { background:#1197d5; } 
.refund_traveler_check input { display:none; } 
.refund_traveler_info { flex:1; border-top:1px solid #000; } 
.refund_traveler_info .apply_member_table { width:100%; border-collapse:collapse; } 
.refund_traveler_info .apply_member_table th { width:150px; padding:15px 20px; background:#f5f5f5; font-size:1.0625rem; font-weight:600; text-align:left; border-bottom:1px solid #e0e0e0; } 
.refund_traveler_info .apply_member_table td { padding:15px 20px; border-bottom:1px solid #e0e0e0; } 
.refund_traveler_info .apply_member_table input[type="text"] { width:100%; height:50px; padding:0 15px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; box-sizing:border-box; } 
/* 여행자 정보 그리드 (div) */
.refund_traveler_grid { display:flex; flex-wrap:wrap; } 
.refund_traveler_grid.grid_half .refund_traveler_cell { width:50%; } 
.refund_traveler_cell { display:flex; align-items:stretch; width:calc(100% / 3); border-bottom:1px solid #e0e0e0; box-sizing:border-box; } 
.refund_traveler_cell .cell_label { display:flex; align-items:center; gap:3px; width:150px; padding:15px 20px; background:#f5f5f5; font-size:1.0625rem; font-weight:600; color:#000; flex-shrink:0; box-sizing:border-box; } 
.refund_traveler_cell .cell_label .star { color:#1197d5; } 
.refund_traveler_cell .cell_input { flex:1; padding:15px 20px; display:flex; align-items:center; gap:15px; box-sizing:border-box; } 
.refund_traveler_cell .cell_input input[type="text"] { width:100%; height:50px; padding:0 15px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; box-sizing:border-box; } 
.refund_traveler_cell .cell_input .input_group { display:flex; align-items:center; gap:10px; width:100%; } 
.refund_traveler_cell .cell_input .input_group input[type="text"] { flex:1; min-width:0; } 
.refund_traveler_cell .cell_input .input_date { width:100%; } 
.refund_traveler_cell .cell_input .input_date .date_wrap { width:100%; } 
.refund_traveler_cell .cell_input .input_file { width:100%; } 
.refund_traveler_cell .cell_input select { width:100%; height:50px; padding:0 15px; border:1px solid #e0e0e0; border-radius:5px; font-size:1rem; color:#616161; background:#fff url(../img/ico_breadcrumb_arrow.svg) no-repeat right 15px center; background-size:12px; appearance:none; -webkit-appearance:none; box-sizing:border-box; } 
@media screen and (max-width:1300px) { 
.refund_traveler_cell { width:50%; } 
.refund_traveler_grid.grid_half .refund_traveler_cell { width:50%; } 
 } 
@media screen and (max-width:1440px) { 
.refund_traveler_cell .cell_label { width:120px } 


 } 
@media screen and (max-width:960px) { 
.refund_traveler_cell { width:100%; } 
.refund_traveler_grid.grid_half .refund_traveler_cell { width:100%; } 
.refund_traveler_cell .cell_label { width:120px; padding:12px 15px; } 
.refund_traveler_cell .cell_input { padding:12px 15px; } 
 } 
.refund_doc_list { display:flex; flex-direction:column; gap:10px; margin-top:15px; } 
.refund_doc_row { display:flex; align-items:center; gap:15px; } 
.refund_doc_row .field_label { width:160px; font-size:1.0625rem; font-weight:600; color:#000; flex-shrink:0; } 
.refund_doc_row .input_file { flex:1; max-width:510px; } 
.refund_doc_info { padding:10px 0 0; font-size:0.9375rem; font-weight:500; color:#004e6c; line-height:1.6; } 
.refund_file_field .field_label { width:120px; min-height:50px; padding:0; font-size:1.0625rem; font-weight:600; color:#000; display:flex; align-items:center; gap:3px; flex-shrink:0; } 

@media screen and (max-width:768px) { 
.refund_traveler_wrap { flex-direction:column; } 
.refund_traveler_info .apply_member_table th,.refund_traveler_info .apply_member_table td { display:block; width:100%; padding:10px; } 
.refund_traveler_info .apply_member_table th { background:none; border:none; padding-bottom:0; } 
.refund_doc_row { flex-direction:column; align-items:flex-start; gap:5px; } 
.refund_doc_row .field_label { width:auto; } 
.refund_doc_row .input_file { max-width:100%; width:100%; } 
.refund_traveler_cell .cell_label { width:90px; padding:10px; } 
 } 

/* ========================================
 travel_notice / refund_notice (유의사항 Check 공통 오버라이드)
 ======================================== */
.travel_notice .apply_check_con,.refund_notice .apply_check_con { border:none; border-radius:0; text-align:center; padding:50px 40px; } 
.travel_notice .apply_check_top,.refund_notice .apply_check_top { justify-content:center; } 
.travel_notice .apply_check_desc + .apply_check_desc { margin-top:50px; } 
.travel_notice .apply_check_desc .desc_txt { margin-top:10px; } 
.travel_notice .apply_check_desc .desc_txt strong { color:#1197d5; } 
.travel_notice .apply_check_desc .desc_example { display:block; margin-top:30px; margin-bottom:30px; } 
.travel_notice .guide_table_wrap { margin-top:0; } 
.refund_notice .apply_check_desc + .apply_check_desc { margin-top:30px; } 
.refund_notice .apply_check_desc .desc_tit { color:#424242; } 
.refund_notice .apply_check_desc .desc_txt strong { font-weight:700; color:#1197d5; } 

@media screen and (max-width:768px) { 
.travel_notice .apply_check_con,.refund_notice .apply_check_con { padding:25px 20px; } 
.travel_notice .apply_check_desc + .apply_check_desc { margin-top:25px; } 
.travel_notice .apply_check_desc .desc_example { margin-top:15px; margin-bottom:15px; } 
.refund_notice .apply_check_desc + .apply_check_desc { margin-top:15px; } 
 } 

/* ========================================
 confirm (신청확인 목록)
 ======================================== */
.confirm_list { display:flex; flex-direction:column; gap:70px; } 
.confirm_section { display:flex; flex-direction:column; gap:20px; } 
.confirm_table { overflow-x:auto; } 
.confirm_table table { width:100%; border-collapse:collapse; text-align:center; } 
.confirm_table thead th { padding:0 30px; height:60px; background-color:#eee; font-size:1.0625rem; font-weight:600; color:#424242; letter-spacing:-0.02em; } 
.confirm_table tbody td { padding:0 30px; height:60px; font-size:1rem; font-weight:500; color:#424242; border-bottom:1px solid #bdbdbd; } 
.confirm_table tbody tr { cursor:pointer; transition:background-color 0.2s ease-out; } 
.confirm_table tbody tr:hover { background-color:#f9f9f9; } 
.confirm_tag { display:inline-flex; align-items:center; justify-content:center; height:30px; padding:0 15px; border-radius:2em; font-size:0.9375rem; font-weight:600; letter-spacing:-0.01em; } 
.confirm_tag.temp { background-color:#fff3e0; color:#e65100; border:1px solid #ffcc80; } 
.confirm_tag.pending { background-color:transparent; color:var(--point-color-2); border:1px solid var(--point-color-2); } 
.confirm_tag.reviewing { background-color:#ede7f6; color:#4527a0; border:1px solid #b39ddb; } 
.confirm_tag.supplement { background-color:#fff8e1; color:#f57f17; border:1px solid #ffe082; } 
.confirm_tag.reviewed { background-color:#e0f2fe; color:#0369a1; border:1px solid #7dd3fc; } 
.confirm_tag.approved { background-color:#1197d5; color:#fff; } 
.confirm_tag.completed { background-color:#f0fdf4; color:#15803d; border:1px solid #86efac; } 
.confirm_tag.cancelled { background-color:#fafafa; color:#999; border:1px solid #e0e0e0; } 
.confirm_tag.refund_req { background-color:#1197d5; color:#fff; cursor:pointer; } 
.confirm_tag.refund_req:hover { background-color:#0d7fb3; } 

@media screen and (max-width:768px) { 
.confirm_list { gap:40px; } 
.confirm_table thead th { padding:0 10px; height:50px; font-size:14px; } 
.confirm_table tbody td { padding:0 10px; height:50px; font-size:13px; } 
.confirm_tag { height:26px; padding:0 10px; font-size:12px; } 
 } 

/* ========================================
 confirm_view (신청확인 상세)
 ======================================== */
.confirm_view { display:flex; flex-direction:column; gap:40px; } 
.confirm_tab ul { display:flex; align-items:center; gap:45px; list-style:none; justify-content: center; } 
.confirm_tab ul li { position:relative; min-width:166px; display:flex; align-items:center; justify-content:center; height:54px; padding:0 15px; font-size:1.125rem; font-weight:500; color:#424242; letter-spacing:-0.02em; cursor:pointer; transition:all 0.3s ease-out; box-sizing:border-box; border:1px solid var(--point-color-1); border-radius:10px; } 
.confirm_tab ul li:first-child::before { display:none; } 
.confirm_tab ul li::before { position:absolute; left:-36px; top:50%; width:25px; height:1px; background-color:#bdbdbd; display:block; content:""; } 
.confirm_tab ul li.is-active { background-color:#1197d5; border-color:#1197d5; color:#fff; font-weight:600; } 
.confirm_view_btn { display:flex; justify-content:flex-end; } 
.btn_edit { display:flex; align-items:center; justify-content:center; width:80px; height:40px; border:1px solid #0397F9; border-radius:5px; font-size:1rem; font-weight:500; color:#0397F9; text-decoration:none; transition:all 0.3s ease-out; } 
.btn_edit:hover { background-color:#e8f4fd; } 

@media screen and (max-width:1200px) { 
.confirm_tab ul { flex-wrap:wrap; gap:10px; } 
.confirm_tab ul li { min-width:80px; height:40px; } 
.confirm_tab ul li:before { display:none; } 
 } 
@media screen and (max-width:768px) { 
.confirm_view { gap:25px; } 
.confirm_tab ul { flex-wrap:wrap; gap:8px; } 
.confirm_tab ul li { height:40px; padding:0 12px; font-size:14px; } 
.btn_edit { width:70px; height:36px; font-size:14px; } 
 } 

/* ========================================
 login_card (login/verify card layout)
 ======================================== */
.login_card { max-width:800px; margin:0 auto; padding:50px; border:1px solid #e0e0e0; border-radius:50px; background-color:#fff; box-sizing:border-box; } 
.login_card_top { display:flex; flex-direction:column; gap:25px; margin-bottom:40px; } 
.login_card_tit { padding-bottom:10px; border-bottom:1px solid #bdbdbd; font-family:var(--font-title); font-size:2.5rem; font-weight:700; color:#212121; text-align:center; } 
.login_card:not(:has(.login_card_top)) .login_card_tit { margin-bottom:40px; } 
.login_card_desc { display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center; } 
.login_card_desc .highlight { font-size:1.5625rem; font-weight:600; color:#0397F9; } 
.login_card_desc .sub { font-size:1.0625rem; font-weight:500; color:#616161; } 
.login_card_form { display:flex; flex-direction:column; gap:25px; } 
.login_card_form .apply_field_row { display:flex; align-items:center; } 
.login_card_form .apply_field_row .field_label { width:180px; min-height:auto; padding:0; flex-shrink:0; } 
.login_card_form .apply_field_row .field_input { flex:1; } 
.login_card_btn { display:flex; flex-direction:column; gap:20px; margin-top:50px; } 
.login_card_btn .btn_next { display:flex; align-items:center; justify-content:center; width:100%; height:60px; border-radius:10px; background-color:#1197d5; font-size:1.125rem; font-weight:700; color:#fff; text-decoration:none; transition:all 0.3s ease-out; } 
.login_card_btn .btn_next:hover { background-color:var(--point-color-1); } 
.login_card_btn .btn_find { display:flex; align-items:center; justify-content:center; gap:5px; width:100%; height:60px; border:1px solid #1197d5; border-radius:10px; font-size:1.0625rem; font-weight:500; color:#424242; text-decoration:none; transition:all 0.3s ease-out; } 
.login_card_btn .btn_find:hover { background-color:#e8f4fd; } 
.login_card_btn .btn_find strong { font-size:1.125rem; font-weight:500; color:#0397F9; } 

@media screen and (max-width:960px) { 
.login_card { max-width:100%; } 
.login_card_form .apply_field_row { flex-direction:column; align-items:flex-start; } 
.login_card_form .apply_field_row .field_label { width:100%; min-height:auto; padding:10px 0; } 
.login_card_form .apply_field_row .field_input { width:100%; } 
.login_card_form .input_group { flex-direction:row; flex-wrap:wrap; } 
 } 
@media screen and (max-width:768px) { 
.login_card { padding:30px 20px; border-radius:20px; } 
.login_card_tit { font-size:24px; padding-bottom:10px; } 
.login_card_desc .highlight { font-size:18px; } 
.login_card_desc .sub { font-size:14px; } 
.login_card_btn { margin-top:30px; } 
.login_card_btn .btn_next { height:50px; font-size:16px; } 
.login_card_btn .btn_find { height:50px; font-size:14px; } 
.login_card_btn .btn_find strong { font-size:15px; } 
 } 

/* date_picker */
.date_picker_wrap { display:flex; flex-direction:column; gap:40px; } 
.date_picker_header { text-align:center; } 
.date_picker_header h4 { font-family:var(--font); font-size:1.75rem; font-weight:500; color:#212121; line-height:1.4; } 
.date_picker_header h4 strong { font-weight:700; color:var(--point-color-2) } 
.date_picker_header p { font-size:1.25rem; color:#424242; margin-top:10px; } 
.date_picker_calendar { position:relative; display:flex; align-items:center; gap:20px; justify-content:center; } 
.cal_nav { position:absolute; top:50%; width:40px; height:40px; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.3s ease-out; transform:translateY(-50%); } 
.cal_prev { left:-80px; background:url(../img/cal_prev.svg) no-repeat center center; } 
.cal_next { right:-80px; background:url(../img/cal_next.svg) no-repeat center center; } 
.flatpickr-innerContainer { padding:0 20px 20px; width:100%; box-sizing:border-box; } 
.flatpickr-rContainer { width:100%; display:block; } 
.date_picker_indicator { display:flex; justify-content:center; } 
.date_picker_indicator ul { display:flex; gap:8px; list-style:none; margin:0; padding:0; } 
.date_picker_indicator li { width:8px; height:8px; border-radius:50%; background:#e0e0e0; } 
.date_picker_indicator li.active { width:12px; height:12px; background:#1197d5; } 
.date_picker_result { display:flex; gap:30px; justify-content:center; padding:0 0 40px; } 
.date_picker_result .result_box { display:flex; flex-direction:column; align-items:center; gap:8px; padding:30px 50px; border:1px solid #1197d5; border-radius:10px; } 
.date_picker_result .label { font-size:1rem; font-weight:600; color:#0397F9; } 
.date_picker_result .value { font-size:1.5rem; font-weight:700; color:#1197d5; } 

/* Flatpickr 커스터마이징 — 개별 인스턴스 */
.flatpickr-calendar { box-shadow:none !important; border:none !important; font-family:var(--font) !important; width:100% !important; max-width:100% !important; } 
.flatpickr-calendar.inline { position:relative !important; } 
.flatpickr-prev-month,.flatpickr-next-month { display:none !important; } 
/* 재구성된 박스 구조 */
.cal-boxes-wrapper { display:flex; gap:50px; width:100%; } 
.cal-box { flex:1; min-width:0; border-radius:10px; overflow:hidden; background:#fff; border: 1px solid #ddd; position:relative; } 
.cal-dim-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); display:flex; align-items:center; justify-content:center; z-index:10; border-radius:10px; } 
.cal-dim-overlay span { font-size:1.125rem; font-weight:700; color:#999; letter-spacing:-0.02em; } 
.cal-box-header { margin:0 20px; padding:15px 0; text-align:center; font-size:1.375rem; font-weight:700; color:#2d2d2d; } 
.cal-box .flatpickr-weekdays { background:#F5F5F5 !important; padding:0 5px; height:40px; border-radius:10px; } 
.cal-box .flatpickr-weekday { color:#424242 !important; font-weight:600 !important; font-size:0.875rem !important; } 
.cal-box .flatpickr-days { padding:5px !important; width:100% !important; } 
.cal-box .dayContainer { width:100% !important; max-width:100% !important; min-width:100% !important; display:flex !important; flex-wrap:wrap !important; } 
.cal-box .flatpickr-day { border-radius:50%; font-size:0.9375rem; color:#212121; height:40px; line-height:40px; flex-basis:14.2857% !important; max-width:14.2857% !important; width:14.2857% !important; } 
.cal-box .flatpickr-day:hover { background-color:#1197d5 !important; color:#7daf30 !important; } 
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange { background:#1197d5 !important; border-color:#1197d5 !important; color:#fff !important; } 
.flatpickr-day.inRange { background:#e8f4fd !important; border-color:#e8f4fd !important; box-shadow:-5px 0 0 #e8f4fd, 5px 0 0 #e8f4fd !important; } 
.flatpickr-day.today { border:none; background-color:#E7F5FB; color:#0A5679; border-radius:50%; } 
.flatpickr-day:hover { background:#e8f4fd !important; border-color:#e8f4fd !important; } 
.flatpickr-day.flatpickr-disabled { color:#bdbdbd !important; background-color:#eee !important; border-radius:0 !important; } 
#datepicker_inline { flex:1; min-width:0; } 
.apply_form_btn .btn_next { display:flex; align-items:center; justify-content:center; width:350px; height:60px; border-radius:10px; font-size:1.125rem; font-weight:700; background:#1197d5; color:#fff; border:none; cursor:pointer; transition:all 0.3s ease-out; } 
.apply_form_btn .btn_next:disabled { background:#e0e0e0; color:#9e9e9e; cursor:default; } 
.apply_form_btn .btn_next:not(:disabled):hover { background:#0397F9; } 
.cal-box .dim_content { display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; } 
.cal-box .dim_content strong { font-size:1.5625rem; color:#fff; font-family: var(--font); font-weight:500; } 
.cal-box .dim_content span { font-size:1.0625reem; font-family: var(--font); font-weight:500; color:#fff; } 

/* 유의사항 팝업 */
.popup_overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(33,33,33,0.7); display:flex; align-items:center; justify-content:center; z-index:9999; } 
.popup_box { width:800px; max-width:90%; background:#fff; border-radius:50px; overflow:hidden; padding:50px; text-align:center; } 
.popup_top { display:flex; flex-direction:column; gap:25px; } 
.popup_title { font-size:2.5rem; font-weight:700; color:#212121; text-align:center; padding-bottom:10px; border-bottom:1px solid #bdbdbd; font-family: var(--font); } 
.popup_info { display:flex; flex-direction:column; gap:20px; } 
.popup_info_item { display:flex; flex-direction:column; gap:8px; } 
.popup_label { font-size:1.5625rem; font-weight:700; color:#187e36; } 
.popup_value { font-size:1.25rem; font-weight:600; color:#424242; } 
.popup_notice_txt { font-size:1.125rem; font-weight:500; color:#004e6c; line-height:1.6; margin-top:10px; } 
.popup_btn { margin-top:40px; } 
.popup_confirm { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:60px; background:#0e80b5; color:#fff; border:none; border-radius:10px; font-size:1.125rem; font-weight:700; cursor:pointer; transition:all 0.3s ease-out; } 
.popup_confirm:hover { background:#0397F9; } 
.popup_confirm .ic_check { display:inline-block; width:24px; height:24px; background:#fff; border-radius:50%; position:relative; } 
.popup_confirm .ic_check::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-55%) rotate(45deg); width:6px; height:10px; border:solid #0e80b5; border-width:0 2px 2px 0; } 

/* 유형선택 (apply_select) */
.apply_select { display:flex; flex-direction:column; gap:70px; } 
.apply_select_tit { display:flex; flex-direction:column; gap:10px; align-items:center; } 
.apply_select_tit h4 { font-family:var(--font); font-size:1.875rem; font-weight:400; color:#212121; } 
.apply_select_tit h4 strong { font-weight:700; color:var(--point-color-2); } 
.apply_select_tit .desc { font-size:1.25rem; font-weight:500; color:#424242; } 
.apply_select_list { display:flex; gap:40px; list-style:none; margin:0; padding:0; } 
.apply_select_list li { flex:1; } 
.apply_select_list li a { position:relative; height:100%; display:flex; flex-direction:column; align-items:center; gap:20px; padding:40px 20px; border-radius:20px; background-color:#fff; text-decoration:none; transition:all 0.3s ease-out; box-sizing:border-box; } 
.apply_select_list li a:before { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; border:1px solid #e0e0e0; transition:all 0.3s ease-out; display:block; content:""; } 
.apply_select_list li:hover a:before { border:2px solid #1197d5; } 
.apply_select_list li .img_area { width:120px; aspect-ratio:1/1; } 
.apply_select_list li .img_area img { width:100%; height:100%; object-fit:contain; } 
.apply_select_list li .txt { display:flex; flex-direction:column; align-items:center; gap:0; font-family:var(--font); font-size:1.5625rem; font-weight:400; color:#000; text-align:center; line-height:1.4; } 
.apply_select_list li .txt .sub { font-size:1.25rem; font-weight:500; color:#000; } 
.apply_select_list li .txt .notice { font-size:1.25rem; font-weight:400; color:var(--point-color-2); margin-top:5px; } 
.apply_select_list li .txt p { font-size:14px; color:#444; } 

@media screen and (max-width: 1660px) { 
.cal-boxes-wrapper { gap:20px; padding:0 40px; } 
.cal_next { right:0; } 
.cal_prev { left:0; } 
 } 

@media screen and (max-width: 1200px) { 
.cal-boxes-wrapper { flex-wrap:wrap; } 
.cal-box { min-width:calc(50% - 10px); } 
 } 

@media screen and (max-width: 768px) { 
.cal-boxes-wrapper { flex-direction:column; } 
.cal-box { min-width:100%; } 
 } 

@media screen and (max-width: 1200px) { 
.date_picker_result { flex-direction:column; align-items:center; } 
.date_picker_result .result_box { width:100%; max-width:400px; } 
 } 

@media screen and (max-width: 768px) { 
.date_picker_header h4 { font-size:22px; } 
.date_picker_header p { font-size:16px; } 
.date_picker_result .result_box { padding:20px 30px; } 
.date_picker_result .value { font-size:20px; } 
.cal_nav { width:35px; height:35px; } 

.apply_form_btn .btn_next { width:100%; } 

.popup_box { padding:20px; border-radius:20px; } 
.popup_title { font-size:2rem; } 
.popup_value,
.popup_label { font-size:1rem; } 
.popup_top { gap:10px; } 
.popup_btn { margin-top:20px; } 
.popup_confirm { height:50px; font-size:16px; } 
 } 

/* 유형선택 반응형 */
@media screen and (max-width: 1200px) { 
.apply_select_list { flex-wrap:wrap; gap:20px; } 
.apply_select_list li { width:calc(50% - 10px); flex:none; } 
 } 
@media screen and (max-width: 768px) { 
.apply_select { gap:40px; } 
.apply_select_tit h4 { font-size:22px; } 
.apply_select_tit .desc { font-size:16px; } 
.apply_select_list { gap:15px; } 
.apply_select_list li a { padding:25px 20px; border-radius:15px; } 
.apply_select_list li .img_area { width:80px; } 
.apply_select_list li .txt { font-size:18px; } 
.apply_select_list li .txt .sub { font-size:18px; } 
 } 
@media screen and (max-width: 480px) { 
.apply_select_list li { width:100%; } 
.apply_select_list li .txt { font-size:16px; } 
.apply_select_list li .txt .sub { font-size:16px; } 
 } 

.type_box { padding:30px; display:flex; gap:10px; justify-content: center; align-items: center; font-size:1rem; border:1px solid #e0e0e0; border-radius:10px; } 
.type_box>div { display:flex; align-items:center; gap:8px; } 
.type_box>div:before { width:35px; aspect-ratio: 1/1; flex-shrink: 0; background:url(../img/ic_person.png) no-repeat center center / 100%; display:block; content:""; } 
.type_box strong { padding:2px 8px; background-color:#1D9741; display:inline-blkock; color:#fff; border-radius:5px; } 
.type_box span { display:flex; align-items:center; gap:8px; } 
.type_box span:before { width:24px; aspect-ratio: 1/1; background:url(../img/icon_check.svg) no-repeat center center / 100%; display:block; content:""; } 

.refund_price { padding:50px 20px;; background-color:#efefef; text-align:center; font-size:1.25rem; display:flex; align-items:center; gap:10px; justify-content:center; border-radius:10px; } 
.refund_price strong { font-size:1.5rem; font-weight:700; } 

.qna_top_txt { margin-bottom:50px; text-align:center; } 
.qna_top_txt .txt_1 { font-size:1.5625rem; font-family: var(--font); font-weight:500; line-height:1.4; margin-bottom:25px; word-break:keep-all; } 
.qna_top_txt .txt_1 strong { color:var(--point-color-2); } 
.qna_top_txt ul { display:flex; flex-direction:column; gap:10px; } 
.qna_top_txt ul li { display:flex; justify-content: center; font-size:1.125rem; gap:8px; word-break:keep-all; } 
.qna_top_txt ul li:before { width:24px; height:24px; background:url(/img/ic_check.svg) no-repeat center center / 100%; display:block; content:""; } 
.qna_top_txt ul li strong { color:var(--point-color-2); } 

.qna_status_sms { display:none; } 

@media screen and (max-width: 768px) { 
.qna_top_txt .txt_1 { font-size:16px; } 
.qna_top_txt ul li { font-size:14px; } 
.qna_top_txt ul li>div { text-align:left; } 

 } 

/* apply guide */
.apply_cost { display:none; } 
.apply_guide { margin-top:0; } 
.apply_guide>ul { gap:0; } 
.apply_guide>ul>li { display:flex; align-items:flex-start; margin-top:50px; } 
.apply_guide>ul>li:first-child { margin-top:0; } 
.apply_guide>ul>li>.desc { display:block; } 
.apply_guide .period_desc { display:flex; align-items:center; flex-direction:row; gap:10px; } 
.apply_guide .date_txt { font-family:var(--font); font-size:1.25rem; font-weight:500; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 
.apply_guide_steps ol { margin:0; padding:0; list-style:none; } 
.apply_guide_steps ol li { display:flex; align-items:center; margin-top:20px; } 
.apply_guide_steps ol li:first-child { margin-top:0; } 
.apply_guide_steps .num { display:flex; align-items:center; justify-content:center; width:30px; height:30px; margin-right:10px; border-radius:50%; background:var(--point-color-3); font-family:var(--font); font-size:1.125rem; font-weight:700; color:#fff; line-height:1.367; letter-spacing:-0.02em; } 
.apply_guide_steps .txt { font-family:var(--font); font-size:1.25rem; font-weight:500; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 
.apply_guide_steps .note_list { display:flex; flex-direction:column; gap:5px; margin:20px 0 0; padding:0 0 0 10px; list-style:none; font-family:"Pretendard", sans-serif; font-size:1.125rem; font-weight:500; color:#0a5679; line-height:1.667; letter-spacing:-0.02em; } 
.apply_guide_steps .note_list li { position:relative; font-family:"Pretendard", sans-serif; font-size:1.125rem; font-weight:500; color:#0a5679; line-height:1.667; letter-spacing:-0.02em; } 
.apply_guide_steps .note_list li::before { content:"* "; font-family:"Pretendard", sans-serif; } 
.apply_guide_steps .note_list a { color:#0a5679; text-decoration:underline; } 
.apply_guide_process { width:100%; } 
.apply_guide_process .process_card { border:2px solid #e0e0e0; border-radius:20px; background:#fff; box-sizing:border-box; } 
.apply_guide_process .process_first { display:flex; align-items:flex-start; padding:40px 24px; } 
.apply_guide_process .visual { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } 
.apply_guide_process .visual .img_area { overflow:hidden; } 
.apply_guide_process .visual img { display:block; max-width:100%; height:auto; } 
.apply_guide_process .card_num { position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; width:53px; height:50px; border-radius:2em; background:#7daf30; font-family:"Pretendard", sans-serif; font-size:1.5625rem; font-weight:700; line-height:1.4; color:#fff; letter-spacing:-0.03em; z-index:1; } 
.apply_guide_process .visual strong { display:block; margin-top:8px; font-family:var(--font); font-size:1.375rem; font-weight:700; color:#212121; line-height:1.136; letter-spacing:-0.02em; } 
.apply_guide_process .detail { flex:1; margin-left:20px; padding-top:0; } 
.apply_guide_process .detail_title { display:block; margin-bottom:20px; font-family:var(--font); font-size:1.25rem; font-weight:700; color:#0a5679; line-height:1.3; } 
.apply_guide_process dl { display:block; margin:0; } 
.apply_guide_process dl::after { display:block; clear:both; content:""; } 
.apply_guide_process dt { float:left; clear:left; width:auto; margin:0 8px 12px 0; padding:2px 5px; background:#e7f5fb; font-family:"Pretendard", sans-serif; font-size:1.0625rem; font-weight:500; color:#212121; line-height:1.529; text-align:center; white-space:nowrap; box-sizing:border-box; } 
.apply_guide_process dd { display:block; overflow:hidden; min-width:0; min-height:30px; margin:0 0 12px; font-family:"Pretendard", sans-serif; font-size:1.0625rem; font-weight:500; color:#212121; line-height:1.529; word-break:keep-all; text-align:left; } 
.apply_guide_process .process_row { display:flex; justify-content:space-between; margin-top:40px; } 
.apply_guide_process .process_row .process_card { width:48%; min-height:355px; padding:30px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } 
.apply_guide_process .process_row .visual .img_area { overflow:hidden; } 
.apply_guide_process .text_area { margin-top:15px; text-align:center; } 
.apply_guide_process .text_area strong { display:block; font-family:var(--font); font-size:1.375rem; font-weight:700; color:#212121; line-height:1.364; letter-spacing:-0.02em; } 
.apply_guide_process .text_area span,.apply_guide_process .text_area li { display:block; margin-top:15px; font-family:"Pretendard", sans-serif; font-size:1.125rem; font-weight:500; color:#212121; line-height:1.444; letter-spacing:-0.02em; word-break:keep-all; } 
.apply_guide_process .text_area ol { display:inline-block; margin:15px auto 0; padding-left:18px; text-align:left; } 
.apply_guide_process .text_area .orange { color:#f58220; } 
.apply_guide_repair { padding:20px 0; border-radius:20px; background:#fafafa; font-family:var(--font); } 
.apply_guide_repair ol { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:0px; margin:0; padding:0; list-style:none; } 
.apply_guide_repair li { width:50%; height:320px; padding:30px 0; text-align:center; box-sizing:border-box; font-family:var(--font); } 
.apply_guide_repair .img_area { display:flex; align-items:center; justify-content:center; width:180px; height:115px; margin:0 auto 20px; overflow:hidden; text-align:center; font-family:var(--font); } 
.apply_guide_repair img { display:block; width:100%; height:100%; object-fit:contain; } 
.apply_guide_repair strong { display:block; font-family:var(--font); font-size:1.375rem; font-weight:700; color:#212121; line-height:1.1818; letter-spacing:-0.02em; } 
.apply_guide_repair span { display:block; margin-top:15px; font-family:var(--font); font-size:1.0625rem; font-weight:500; color:#424242; line-height:1.647; letter-spacing:-0.02em; word-break:keep-all; } 
.apply_guide_repair a { font-family:var(--font); font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; text-decoration:underline; text-underline-offset:2px; } 
.apply_guide_repair em { display:inline-flex; align-items:center; justify-content:center; margin-right:10px; padding:5px 10px; border-radius:5px; background:var(--point-color-4); font-family:var(--font); font-style:normal; font-weight:700; line-height:1.529; color:#fff; } 
.apply_guide_repair .repair_lines { display:flex; flex-direction: column; width: fit-content; gap:8px; align-items: flex-start; margin: 0 auto; margin-top: 15px; } 
.apply_guide_repair .repair_lines span { display:flex; align-items:center; justify-content:center; margin-top:0; line-height:1.529; } 
.apply_guide_repair .sub_txt { margin-top:4px; font-family:"Pretendard", sans-serif; font-size:0.9375rem; font-weight:400; color:#616161; line-height:1.467; } 
.apply_guide_notice strong { display:block; margin-bottom:20px; font-family:var(--font); font-size:1.25rem; font-weight:500; color:#424242; line-height:1.5; letter-spacing:-0.02em; } 
.apply_guide_notice ul { margin:0; padding:0; } 
.apply_guide_notice li { position:relative; padding-left:27px; font-family:"Pretendard", sans-serif; font-size:1.125rem; font-weight:500; color:#424242; line-height:1.889; letter-spacing:-0.02em; word-break:keep-all; } 
.apply_guide_notice li::before { position:absolute; left:8px; top:14px; width:4px; height:4px; border-radius:50%; background:#424242; content:""; } 
@media screen and (max-width:960px) { 
.apply_guide>ul>li { margin-top:30px; } 
.apply_guide .period_desc { align-items:flex-start; flex-direction:column; gap:0; } 
.apply_guide .date_txt,.apply_guide_steps .txt { font-size:16px; } 
.apply_guide_steps .note_list li { font-size:15px; line-height:1.5; } 
.apply_guide_process .process_first { flex-direction:column; align-items:center; text-align:center; } 
.apply_guide_process .detail { margin-left:0; margin-top:20px; width:100%; } 
.apply_guide_process .process_row { display:block; margin-top:20px; } 
.apply_guide_process .process_row .process_card { width:100%; min-height:auto; margin-top:20px; } 
.apply_guide_repair ol { gap:20px; } 
.apply_guide_repair li { flex-basis:calc(50% - 10px); width:calc(50% - 10px); max-width:400px; } 
 } 
@media screen and (max-width:768px) { 


.apply_guide_process .card_num { width:42px; height:40px; font-size:18px; } 
.apply_guide_process .visual strong,.apply_guide_process .text_area strong,.apply_guide_repair strong { font-size:18px; } 
.apply_guide_process .text_area span,.apply_guide_process .text_area li,.apply_guide_repair span,.apply_guide_notice li { font-size:15px; } 
.apply_guide_notice li:before { top:10px; } 
.apply_guide_process dt { flex-basis:auto; display:inline-block; min-width:0; margin-bottom:6px; font-size:15px; } 
.apply_guide_process dd { margin-bottom:12px; font-size:15px; } 
.apply_guide_repair li { flex-basis:100%; width:100%; max-width:400px; height:auto; min-height:320px; padding:25px 16px; } 
 } 
@media screen and (max-width:768px) { 
.apply_guide>ul>li>.desc { width:100%; overflow:hidden; } 
.apply_guide_steps ol li { align-items:flex-start; } 
.apply_guide_steps .txt { flex:1; min-width:0; word-break:keep-all; } 
.apply_guide_process .process_first,.apply_guide_process .process_row .process_card { padding-left:16px; padding-right:16px; overflow:hidden; } 
.apply_guide_process dl { display:block; } 
.apply_guide_process dt { display:inline-block; flex:none; width:auto; } 
.apply_guide_process dd { display:block; flex:none; width:100%; margin-right:0; word-break:keep-all; } 
.apply_guide_process .text_area ol { display:block; text-align:left; } 
.apply_guide_process .text_area li { display:list-item; } 
.apply_guide_repair span { word-break:keep-all; } 
.apply_guide_repair em { margin-bottom:4px; } 
 } 
@media screen and (max-width:768px) { 
.apply_guide_process .detail,.apply_guide_process .text_area,.apply_guide_repair .repair_lines { width:100%; min-width:0; } 
.apply_guide_process .text_area span,.apply_guide_process .text_area li,.apply_guide_process dd,.apply_guide_repair span { white-space:normal; overflow-wrap:anywhere; } 
.apply_guide_process .text_area ol { width:100%; box-sizing:border-box; } 
 } 

/* ========================================
 apply_notice / apply_check (유의사항 note base)
 ======================================== */
.apply_notice { display:flex; flex-direction:column; gap:70px; } 
.apply_notice_tit { text-align:center; } 
.apply_notice_tit h4 { font-family:var(--font); font-size:1.875rem; font-weight:700; color:#212121; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all; } 
.apply_check { display:flex; flex-direction:column; gap:20px; } 
.apply_check_slide .box { padding:50px 0 0; border:1px solid #e0e0e0; border-top:1px solid #222; } 
.apply_check_top { display:flex; align-items:center; justify-content:center; gap:15px; } 
.apply_check_img { width:100px; height:100px; border-radius:50%; overflow:hidden; } 
.apply_check_img div { width:100%; height:100%; } 
.apply_check_img img { display:block; width:100%; height:100%; object-fit:cover; } 
.apply_check_top span:nth-child(2) { font-family:var(--font); font-size:1.875rem; font-weight:700; color:#212121; line-height:1; letter-spacing:-0.03em; } 
.apply_check_top span:last-child { display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%; background:#1197d5; font-family:var(--font); font-size:1.5625rem; font-weight:700; color:#fff; line-height:1; } 
.apply_check_con { padding:40px; border:1px solid #e0e0e0; border-radius:10px; } 
.apply_check_desc { text-align:center; } 
.apply_check_con > div + div { margin-top:20px; } 
.apply_check_desc .desc_tit { display:flex; align-items:center; justify-content:center; min-height:50px; padding:10px 20px; background:#fef1e9; border-radius:10px; font-size:1.25rem; font-weight:700; color:#000; text-align:center; line-height:1.5; box-sizing:border-box; } 
.apply_check_desc .desc_txt { margin-top:15px; font-size:1.0625rem; font-weight:400; color:#616161; line-height:1.6; word-break:keep-all; } 
.apply_check_desc span { display:block; word-break:keep-all; } 
.apply_notice_btn { display:flex; gap:20px; justify-content:center; } 
.apply_notice_btn a { display:flex; align-items:center; justify-content:center; width:350px; height:60px; border-radius:10px; font-size:1.125rem; font-weight:700; color:#212121; line-height:1; letter-spacing:-0.03em; text-decoration:none; transition:all 0.3s ease-out; } 
.apply_notice_btn a:first-child { background:#e0e0e0; } 
.apply_notice_btn a:first-child:hover { background:#ccc; } 
.apply_notice_btn a:last-child { background:#1197d5; color:#fff; } 
.apply_notice_btn a:last-child:hover { background:#0397F9; } 
.apply_check_slide .slick-dots { display:flex; justify-content:center; gap:15px; margin-top:20px; list-style:none; padding:0; } 
.apply_check_slide .slick-dots li { pointer-events:none; } 
.apply_check_slide .slick-dots li button { width:12px; height:12px; padding:0; border:none; background:none; font-size:0; color:transparent; cursor:default; position:relative; display:flex; align-items:center; justify-content:center; } 
.apply_check_slide .slick-dots li button:before { width:8px; height:8px; border-radius:50%; background:#e0e0e0; content:""; display:block; transition:all 0.3s ease-out; } 
.apply_check_slide .slick-dots li.slick-active button:before { width:12px; height:12px; background:#1197d5; } 
@media screen and (max-width:768px) { 
.apply_notice { gap:35px; } 
.apply_notice_tit h4 { font-size:22px; } 
.apply_check { gap:10px; } 
.apply_check_slide .box { padding:25px 0 0; } 
.apply_check_top { gap:8px; } 
.apply_check_img { width:50px; height:50px; } 
.apply_check_top span:nth-child(2) { font-size:22px; } 
.apply_check_top span:last-child { width:40px; height:40px; font-size:18px; } 
.apply_check_con { padding:20px; } 
.apply_check_con > div + div { margin-top:10px; } 
.apply_check_desc .desc_tit { min-height:40px; padding:5px 10px; font-size:16px; } 
.apply_check_desc .desc_txt { margin-top:8px; font-size:14px; } 
.apply_notice_btn { flex-direction:column; gap:10px; } 
.apply_notice_btn a { width:100%; } 
.apply_check_slide .slick-dots { gap:8px; margin-top:10px; } 
.apply_check_slide .slick-dots li button { width:10px; height:10px; } 
.apply_check_slide .slick-dots li button:before { width:6px; height:6px; } 
.apply_check_slide .slick-dots li.slick-active button:before { width:10px; height:10px; } 
 } 

/* ===== 만족도 조사 (research.php) ===== */
.research h2 { margin-bottom:30px; font-family:var(--font); font-size:1.75rem; font-weight:700; line-height:1.3; letter-spacing:-0.03em; color:var(--point-color-1); } 
.research h2 + .research_guide { margin-top:-15px; } 
.research_guide { margin-bottom:25px; font-size:1.0625rem; font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#616161; word-break:keep-all; } 
.research_guide strong { font-weight:700; color:#1197d5; } 
.research_intro { margin-bottom:70px; padding:40px 30px; box-sizing:border-box; text-align:center; background:#f2f9fd; border:1px solid #cfe7f4; border-radius:20px; } 
.research_intro .intro_main { font-family:var(--font); font-size:1.75rem; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#212121; } 
.research_intro .intro_main strong { font-weight:inherit; color:#1197d5; } 
.research_intro .intro_sub { margin-top:15px; font-size:1.0625rem; font-weight:500; line-height:1.6; letter-spacing:-0.03em; color:#616161; } 
.research_list { margin-bottom:80px; padding-bottom:60px; border-bottom:1px solid #e0e0e0; } 
.research_list>ul>li { margin-bottom:50px; display:flex; align-items:center; gap:10px; } 
.research_list>ul>li:last-child { margin-bottom:0; } 
.research_list>ul>li .question { width:40%; min-width:260px; font-size:1.125rem; font-weight:500; line-height:1.5; letter-spacing:-0.03em; color:#424242; word-break:keep-all; } 
.research_list>ul>li .question strong { margin-right:8px; font-weight:700; color:#1197d5; } 
.research_list>ul>li .question em { font-style:normal; font-size:1rem; font-weight:500; color:#9e9e9e; } 
.research_list>ul>li .question em.type { margin-right:5px; color:#0397F9; } 
.research_list>ul>li .note { width:100%; font-size:0.9375rem; font-weight:500; line-height:1.5; letter-spacing:-0.03em; color:#9e9e9e; word-break:keep-all; } 
.research_list>ul>li .answer { width:60%; } 
.research_list>ul>li.w100p { flex-direction:column; align-items:flex-start; gap:15px; } 
.research_list>ul>li.w100p .question { width:100%; min-width:0; } 
.research_list>ul>li.w100p .answer { width:100%; } 
.research_choice { display:flex; flex-wrap:wrap; gap:10px; } 
.research_choice label { position:relative; display:flex; align-items:center; min-height:52px; padding:12px 20px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:2em; background:#fff; cursor:pointer; user-select:none; transition:all 0.2s ease-out; } 
.research_choice label input { position:absolute; width:0; height:0; opacity:0; pointer-events:none; } 
.research_choice label span { font-size:1.0625rem; font-weight:500; line-height:1.4; letter-spacing:-0.03em; color:#616161; word-break:keep-all; } 
.research_choice label:hover { border-color:#1197d5; } 
.research_choice label:hover span { color:#1197d5; } 
.research_choice label:has(input:checked) { background:#1197d5; border-color:#1197d5; } 
.research_choice label:has(input:checked) span { color:#fff; font-weight:700; } 
.research_scale { display:flex; flex-wrap:nowrap; gap:8px; width:100%; } 
.research_scale label { position:relative; flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; height:52px; padding:0 10px; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:10px; background:#fff; text-align:center; cursor:pointer; user-select:none; transition:all 0.2s ease-out; } 
.research_scale label input { position:absolute; width:0; height:0; opacity:0; pointer-events:none; } 
.research_scale label span { font-size:1rem; font-weight:500; letter-spacing:-0.03em; color:#616161; white-space:nowrap; } 
.research_scale label:hover { border-color:#1197d5; } 
.research_scale label:hover span { color:#1197d5; } 
.research_scale label:has(input:checked) { background:#1197d5; border-color:#1197d5; } 
.research_scale label:has(input:checked) span { color:#fff; font-weight:700; } 
.research_end { margin-bottom:60px; padding:40px 30px; box-sizing:border-box; text-align:center; background:#f2f9fd; border-radius:20px; } 
.research_end strong { display:block; font-family:var(--font); font-size:1.375rem; font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#212121; } 
.research_end span { display:block; margin-top:10px; font-size:1.0625rem; font-weight:500; line-height:1.5; letter-spacing:-0.03em; color:#616161; } 
@media screen and (max-width:1200px) { 
.research_list>ul>li { flex-direction:column; align-items:flex-start; gap:15px; } 
.research_list>ul>li .question { width:100%; min-width:0; } 
.research_list>ul>li .answer { width:100%; } 
 } 
@media screen and (max-width:768px) { 
.research h2 { margin-bottom:15px; font-size:22px; } 
.research h2 + .research_guide { margin-top:-8px; } 
.research_guide { margin-bottom:15px; font-size:15px; } 
.research_intro { margin-bottom:35px; padding:20px 15px; border-radius:14px; } 
.research_intro .intro_main { font-size:20px; } 
.research_intro .intro_sub { margin-top:8px; font-size:15px; } 
.research_list { margin-bottom:40px; padding-bottom:30px; } 
.research_list>ul>li { margin-bottom:25px; } 
.research_list>ul>li .question { font-size:16px; } 
.research_list>ul>li .question em { font-size:14px; } 
.research_list>ul>li .note { font-size:14px; } 
.research_choice { gap:6px; } 
.research_choice label { min-height:44px; padding:8px 15px; } 
.research_choice label span { font-size:15px; } 
.research_scale { flex-wrap:wrap; gap:6px; } 
.research_scale label { flex:1 1 calc(33.333% - 6px); height:44px; } 
.research_scale label span { font-size:15px; } 
.research_end { margin-bottom:30px; padding:20px 15px; border-radius:14px; } 
.research_end strong { font-size:18px; } 
.research_end span { margin-top:5px; font-size:15px; } 
 } 
@media screen and (max-width:480px) { 
.research_scale label { flex:1 1 calc(50% - 6px); height:42px; } 
.research_scale label span { font-size:14px; } 
 } 


.main_process_sub { padding: 0; background: transparent; } 
.main_process_sub::before { display: none; } 
.main_process_sub .step_list { margin-top: 0; } 


/* ==========================================================
 신규 메인 디자인 적용에 따른 서브(공통) CSS 보정
 - 아래 블록은 서브 페이지가 예전 스타일을 그대로 유지하도록 하는 용도.
 - 메인 디자인을 갱신할 때 이 블록은 건드리지 말 것.
 ========================================================== */

/* --font2 가 신규 브랜드 폰트로 교체되어, 기존 서브 제목은 Paperlogy 로 고정 */
.listType_1>ul>li .txt,
.infoType_1>ul>li>.tit { font-family:var(--font4); } 

/* 지원절차 서브 페이지(.main_process_sub)는 예전 .main_process 마크업을 재사용하므로
 신규 .main_process 스타일이 덮어쓰지 않도록 예전 스타일을 다시 정의한다.
 (클래스를 두 번 써서 신규 규칙보다 우선순위를 높인 것) */
.main_process_sub::after { display:none; } 
.main_process_sub.main_process_sub .sec_head { display:block; } 
.main_process_sub.main_process_sub .tit { font-family:var(--font4); font-size:48px; font-weight:500; letter-spacing:-0.01em; line-height:1.2; color:#1d1d1d; text-align:center; } 
.main_process_sub.main_process_sub .tit em { font-weight:700; color:var(--point-color-4); } 
.main_process_sub.main_process_sub .txt { margin-top:10px; font-family:var(--font4); font-size:22px; font-weight:400; letter-spacing:-0.01em; line-height:1.4; color:#555; text-align:center; } 
.main_process_sub.main_process_sub .step_list { display:flex; flex-wrap:nowrap; justify-content:center; gap:60px; } 
.main_process_sub.main_process_sub .step_list > li { display:block; position:relative; flex:1 1 0; max-width:240px; gap:0; padding-top:23px; text-align:center; } 
.main_process_sub.main_process_sub .step_list img { border-radius:50%; background:#f4faeb; } 
.main_process_sub.main_process_sub .num { position:absolute; top:0; left:50%; display:flex; justify-content:center; align-items:center; width:50px; aspect-ratio:1; margin-left:-25px; border-radius:50%; background:var(--point-color-4); font-family:var(--font4); font-size:20px; font-weight:700; letter-spacing:-0.01em; line-height:1.75; color:#fff; } 
.main_process_sub.main_process_sub .name { display:block; margin-top:30px; font-family:var(--font4); font-size:22px; font-weight:600; letter-spacing:-0.01em; line-height:1.5; color:#689228; } 
.main_process_sub.main_process_sub .step_list > li > p,
.main_process_sub.main_process_sub .desc { padding:0; margin-top:8px; font-family:var(--font4); font-size:18px; font-weight:400; letter-spacing:-0.01em; line-height:1.6; color:#2d2d2d; text-align:center; } 

@media screen and (max-width: 1200px) { 
.main_process_sub.main_process_sub .tit { font-size:36px; } 
.main_process_sub.main_process_sub .txt { font-size:18px; } 
.main_process_sub.main_process_sub .step_list { flex-wrap:wrap; gap:40px 30px; } 
.main_process_sub.main_process_sub .step_list > li { flex:0 0 30%; } 
 } 

@media screen and (max-width: 768px) { 
.main_process_sub.main_process_sub .tit { font-size:26px; } 
.main_process_sub.main_process_sub .txt { font-size:15px; } 
.main_process_sub.main_process_sub .step_list { gap:30px 20px; } 
.main_process_sub.main_process_sub .step_list > li { flex:0 0 45%; } 
.main_process_sub.main_process_sub .name { margin-top:20px; font-size:18px; } 
.main_process_sub.main_process_sub .step_list > li > p,
.main_process_sub.main_process_sub .desc { font-size:15px; } 
 } 

.infoTable_1 td a { color:#0a5679; text-decoration:underline; text-underline-offset:2px; } 



/* ==========================================================
 신청안내 / 지원안내 서브페이지 (카드형 레이아웃)
 시안 : 1.png / 2.png 색상 : 사이트 브랜드 팔레트
 #00b0f0 (메인) #54a8af / #63c6ce (틸) #f7941e (오렌지)
 ========================================================== */
.guide_sec + .guide_sec { margin-top:80px; } 
.guide_sec_head { margin-bottom:24px; } 
.guide_sec_head h3 { font-family:var(--font4); font-size:1.75rem; font-weight:700; color:#1d1d1d; line-height:1.3; letter-spacing:-0.02em; } 
.guide_sec_head p { margin-top:12px; font-family:var(--font); font-size:1rem; font-weight:500; color:#555; line-height:1.5; letter-spacing:-0.02em; } 

/* 흰 카드 박스 */
.guide_box { padding:26px; border:1px solid #dfe4e5; border-radius:10px; background:#fff; } 
.guide_box + .guide_box { margin-top:20px; } 

/* 다열 구성 (기본 3열 / guide_cols_5 는 5열) */
.guide_cols { display:flex; flex-wrap:wrap; gap:32px; } 
.guide_cols > .guide_col { flex:1 1 calc(33.333% - 22px); min-width:0; } 
.guide_cols_5 > .guide_col { flex:1 1 calc(20% - 26px); } 
.guide_col_tit { display:block; margin-bottom:16px; padding:7px 16px; border-radius:4px; background:#00b0f0; font-family:var(--font); font-size:1.0625rem; font-weight:700; color:#fff; line-height:1.6; letter-spacing:-0.02em; word-break:keep-all; } 

/* 불릿 리스트 */
.guide_list { display:flex; flex-direction:column; gap:10px; margin:0; padding:0; list-style:none; } 
.guide_list > li { position:relative; padding-left:14px; font-family:var(--font); font-size:1rem; font-weight:500; color:#343434; line-height:1.5; letter-spacing:-0.02em; text-align:left; word-break:keep-all; } 
.guide_list > li::before { content:""; position:absolute; top:9px; left:2px; width:4px; aspect-ratio:1; border-radius:50%; background:#00b0f0; } 
.guide_list .sub { display:block; margin-top:4px; font-size:0.9375rem; font-weight:400; color:#828a8c; } 

/* ※ 단독 안내문구 */
.guide_note { display:flex; flex-direction:column; gap:6px; margin-top:14px; } 
.guide_note p { font-family:var(--font); font-size:0.9375rem; font-weight:500; color:#3d858d; line-height:1.6; letter-spacing:-0.02em; word-break:keep-all; } 

/* 알약 버튼 */
.guide_btn { display:inline-flex; align-items:center; justify-content:center; margin-top:10px; padding:8px 18px; border:1px solid #c6d0d2; border-radius:2em; transition:border-color .3s,color .3s; font-family:var(--font); font-size:0.875rem; font-weight:500; color:#55686c; line-height:1.4; letter-spacing:-0.02em; } 
.guide_btn:hover { border-color:#00b0f0; color:var(--point-color-2); } 

/* 신청 자격 카드 */
.guide_cards { display:flex; gap:20px; } 
.guide_card { display:flex; flex-direction:column; flex:1 1 0; min-width:0; padding:26px 24px; border:1px solid #dfe4e5; border-radius:10px; background:#fff; } 
.guide_card_badge { display:flex; flex-wrap:wrap; gap:6px; } 
.guide_card_badge span { display:inline-flex; align-items:center; padding:4px 11px; border-radius:2em; font-family:var(--font); font-size:0.8125rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; white-space:nowrap; } 
.guide_card_badge .rate { background:#54a8af; color:#fff; } 
.guide_card_badge .limit { background:#e3f5f6; color:#3d858d; } 
.guide_card_tit { display:block; margin-top:18px; font-family:var(--font4); font-size:2rem; font-weight:700; color:#1d1d1d; line-height:1.2; letter-spacing:-0.03em; } 
.guide_card .guide_list { margin-top:26px; } 
.guide_card .guide_list > li::before { background:#54a8af; } 

/* 표 */
.guide_tbl { overflow-x:auto; overflow-y:hidden; border:1px solid #dfe4e5; border-radius:10px; background:#fff; } 
.guide_tbl table { width:100%; border-collapse:collapse; } 
.guide_tbl th,
.guide_tbl td { padding:16px 18px; border-right:1px solid #dfe4e5; border-bottom:1px solid #dfe4e5; font-family:var(--font); font-size:1rem; font-weight:500; color:#343434; line-height:1.5; letter-spacing:-0.02em; text-align:center; vertical-align:middle; word-break:keep-all; } 
.guide_tbl th:last-child,
.guide_tbl td:last-child { border-right:0; } 
.guide_tbl tbody tr:last-child td { border-bottom:0; } 
.guide_tbl thead th { border-right-color:rgba(255,255,255,0.35); border-bottom:0; background:#00b0f0; font-weight:700; color:#fff; } 
.guide_tbl .tal { text-align:left; } 
.guide_tbl .sub { display:block; margin-top:4px; font-size:0.875rem; font-weight:400; color:#828a8c; } 
.guide_tbl .guide_list { gap:6px; } 
.guide_tbl .guide_list > li { font-size:0.9375rem; } 
.guide_tbl .guide_list > li::before { top:8px; } 

/* 환급 예시 */
.guide_exam { margin-top:20px; padding:20px 24px; border-radius:10px; background:#f2fafb; } 
.guide_exam > strong { display:block; margin-bottom:14px; font-family:var(--font); font-size:1rem; font-weight:700; color:#3d858d; letter-spacing:-0.02em; } 
.guide_exam ol { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin:0; padding:0; list-style:none; } 
.guide_exam li { position:relative; padding:8px 16px; border:1px solid #cfe9ec; border-radius:2em; background:#fff; font-family:var(--font); font-size:0.9375rem; font-weight:500; color:#343434; line-height:1.4; letter-spacing:-0.02em; white-space:nowrap; } 
.guide_exam li + li::before { content:"›"; position:absolute; top:50%; left:-16px; width:12px; margin-top:-0.6em; font-family:"Pretendard",sans-serif; font-size:1.25rem; font-weight:700; color:#54a8af; line-height:1.2; text-align:center; } 
.guide_exam em { margin-left:2px; font-style:normal; font-weight:700; color:#00b0f0; } 

/* 유의사항 박스 */
.guide_notice { margin-top:25px; padding:30px 40px; border-radius:10px; background:#fef6ec; } 
.guide_notice_tit { display:flex; align-items:center; gap:8px; margin-bottom:16px; font-family:var(--font); font-size:1.0625rem; font-weight:700; color:#1d1d1d; line-height:1.4; letter-spacing:-0.02em; } 
.guide_notice_tit::before { content:"!"; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:18px; aspect-ratio:1; border-radius:50%; background:#f7941e; font-family:"Pretendard",sans-serif; font-size:0.75rem; font-weight:700; color:#fff; line-height:1; } 
.guide_notice .guide_list > li::before { background:#f7941e; } 

/* 아이콘 타이틀 카드 (지원 제외 항목) */
.guide_card_ico { display:flex; align-items:center; gap:8px; font-family:var(--font); font-size:1.125rem; font-weight:700; color:#1d1d1d; line-height:1.4; letter-spacing:-0.02em; word-break:keep-all; }
.guide_card_ico svg { flex-shrink:0; width:28px; height:28px; }
.guide_card_sub { display:block; margin-top:12px; padding-bottom:16px; border-bottom:1px solid #eef1f2; font-family:var(--font); font-size:0.9375rem; font-weight:500; color:#3d858d; line-height:1.5; letter-spacing:-0.02em; word-break:keep-all; }
.guide_card_sub + .guide_list { margin-top:18px; }

/* 아이콘 안내 박스 */
.guide_alert { display:flex; flex-direction:column; gap:12px; margin-top:25px; padding:24px 30px; border-radius:10px; background:#fef6ec; }
.guide_alert > p { display:flex; align-items:flex-start; gap:8px; font-family:var(--font); font-size:1rem; font-weight:500; color:#343434; line-height:1.6; letter-spacing:-0.02em; word-break:keep-all; }
.guide_alert > p::before { content:"!"; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:18px; aspect-ratio:1; margin-top:4px; border-radius:50%; background:#f7941e; font-family:"Pretendard",sans-serif; font-size:0.75rem; font-weight:700; color:#fff; line-height:1; }
.guide_alert > p.is_info::before { content:"i"; }

@media screen and (max-width: 1240px) { 
.guide_cols_5 > .guide_col { flex:1 1 calc(33.333% - 22px); } 
 } 

@media screen and (max-width: 1200px) { 
.guide_cards { flex-wrap:wrap; } 
.guide_card { flex:1 1 calc(50% - 10px); } 
.guide_card_tit { font-size:1.75rem; } 
 } 

@media screen and (max-width: 900px) { 
.guide_cols { gap:24px; } 
.guide_cols > .guide_col,
.guide_cols_5 > .guide_col { flex:1 1 calc(50% - 12px); } 
 } 

@media screen and (max-width: 768px) { 
.guide_sec + .guide_sec { margin-top:50px; } 
.guide_sec_head { margin-bottom:16px; } 
.guide_sec_head h3 { font-size:20px; } 
.guide_sec_head p { margin-top:8px; font-size:15px; } 
.guide_box { padding:20px; } 
.guide_cols { gap:20px; } 
.guide_cols > .guide_col,
.guide_cols_5 > .guide_col { flex:1 1 100%; } 
.guide_col_tit { margin-bottom:12px; padding:6px 14px; font-size:16px; } 
.guide_list > li { font-size:15px; } 
.guide_list .sub { font-size:14px; } 
.guide_note p { font-size:14px; } 
.guide_cards { flex-direction:column; gap:12px; } 
.guide_card { flex:none; padding:20px; } 
.guide_card_tit { margin-top:14px; font-size:24px; } 
.guide_card .guide_list { margin-top:18px; } 
.guide_tbl table { min-width:640px; } 
.guide_tbl th,
.guide_tbl td { padding:12px 14px; font-size:15px; } 
.guide_exam { padding:16px; } 
.guide_exam ol { gap:10px 18px; } 
.guide_exam li { padding:7px 13px; font-size:14px; } 
.guide_notice { margin-top:20px; padding:20px; } 
.guide_card_ico { font-size:17px; }
.guide_card_ico svg { width:24px; height:24px; }
.guide_card_sub { margin-top:10px; padding-bottom:12px; font-size:14px; }
.guide_card_sub + .guide_list { margin-top:14px; }
.guide_alert { gap:10px; margin-top:20px; padding:18px 20px; }
.guide_alert > p { font-size:15px; }
.guide_alert > p::before { margin-top:3px; }
 } 

 
 .sub_cont { 
 padding-bottom: 120px; 
 } 

.h3_title { 
 margin-bottom: 24px; 
 font-size: 24px; 
 line-height: 35px; 
 font-weight: 700; 
 color: #212121; 
 letter-spacing: -0.48px; 
 word-break: keep-all; 
 } 

.mb40 { 
 margin-bottom: 40px !important; 
 } 

.sub_content_inner h4 { 
 font-size: 18px; 
 font-weight: 600; 
 color: #212121; 
 } 

.sub_content_inner p { 
 font-weight: 400; 
 color: #424242; 
 font-size: 17px; 
 line-height: 27px; 
 word-break: keep-all; 
 letter-spacing: -0.34px; 
 }