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

@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:100px;
    --point-color-1:#41a6a2;
    --point-color-2:#378a87;
    --font2:"Paperlogy","Pretendard","sans-serif";
}

#wrap{position:relative;overflow-x:hidden;word-break:keep-all;}
/* default.css lays #container out as a 930px float for the stock board theme */
#container{position:static;float:none;width:auto;min-height:0;margin:0;font-size:inherit;}
/* default.css sizes a.btn with a fixed 35px height — theme buttons size themselves by padding */
.main_visual .btn,
.main_process .btn,
.main_spot .btn,
.main_community .sec_head .btn{height:auto;}
.main_community .board_list.is_hide{display:none;}
.cont{width:100%;max-width:var(--width);margin:0 auto;padding:0 var(--padding);}

[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;}

/* ========== header ========== */
/* transparent header sitting on top of the main visual */
.header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;width:100%;height:var(--header_h);padding:0 2.6042%;transition:background-color .3s;}
.header.is_scrolled{background:var(--point-color-1);}
.header .logo{flex:1 1 0;line-height:0;}
.header .gnb ul{display:flex;}
.header .gnb li{position:relative;width:180px;}
/* the link fills the header height so the pointer never leaves it on the way to .sub */
.header .gnb a{display:flex;justify-content:center;align-items:center;padding:35px 0;}
.header .gnb span{font-family:var(--font2);font-size:22px;font-weight:600;letter-spacing:-0.03em;line-height:1.36;color:#fff;}
.header .gnb .sub{position:absolute;top:100%;left:50%;display:block;width:max-content;min-width:100%;padding:20px 16px;transform:translateX(-50%);border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,0.08);background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.header .gnb li:hover .sub{opacity:1;visibility:visible;}
.header .gnb .sub li{width:auto;}
.header .gnb .sub li + li{margin-top:10px;}
.header .gnb .sub a{display:block;padding:0;transition:color .3s;font-family:var(--font2);font-size:18px;font-weight:500;letter-spacing:-0.03em;line-height:1.5;color:#2d2d2d;text-align:center;}
.header .gnb .sub a:hover{color:#4dc3be;text-decoration:underline;}
.header.allmenu_on .gnb li:hover .sub{opacity:0;visibility:hidden;}
.header .utils{display:flex;flex:1 1 0;justify-content:flex-end;}
.header .btn_menu{display:flex;align-items:center;gap:10px;padding:9.5px 29px;border:1px solid #fff;border-radius:2em;background:none;font-size:16px;font-weight:500;line-height:1.19;color:#fff;}
.header .btn_menu::after{content:"";width:19px;aspect-ratio:1;background:url("../img/ic_menu.svg") no-repeat center;}
/* all-menu panel — header_a turns white and the hamburger sheet drops below it */
.header.allmenu_on,.header.is_sub{background:#fff;}
.header .logo a{position:relative;display:inline-block;}
.header .logo a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/logo_color.svg") no-repeat center;opacity:0;transition:opacity .3s;}
.header.allmenu_on .logo a::after,.header.is_sub .logo a::after{opacity:1;}
.header.allmenu_on .logo img,.header.is_sub .logo img{opacity:0;}
.header.allmenu_on .gnb span,.header.is_sub .gnb span{color:#2d2d2d;}
.header.allmenu_on .btn_menu,.header.is_sub .btn_menu{border-color:#2d2d2d;color:#2d2d2d;}
.header.allmenu_on .btn_menu::after{width:24px;background-image:url("../img/ic_close.svg");}
.header .allmenu{position:absolute;top:var(--header_h);left:0;width:100%;padding-bottom:130px;box-shadow:0 10px 20px rgba(0,0,0,0.08);background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}
.header.allmenu_on .allmenu{opacity:1;visibility:visible;}
.header .allmenu .menu{display:flex;justify-content:center;}
.header .allmenu .menu > li{width:180px;padding-top:37px;border-top:3px solid transparent;transition:border-color .3s;}
.header .allmenu .menu > li:hover{border-top-color:var(--point-color-1);}
.header .allmenu .menu > li > strong{display:none;}
.header .allmenu .menu ul{display:flex;flex-direction:column;align-items:center;gap:10px;}
.header .allmenu a{font-family:var(--font2);font-size:20px;font-weight:500;letter-spacing:-0.03em;line-height:1.5;color:#2d2d2d;transition:color .3s;}
.header .allmenu a:hover{color:#4dc3be;text-decoration:underline;}

@media screen and (max-width: 1500px){
.header .gnb li{width:150px;}
.header .allmenu .menu > li{width:150px;}
}

@media screen and (max-width: 1024px){
:root{--header_h:80px;}
.header .gnb{display:none;}
/* no tablet/mobile comp yet — the panel falls back to a stacked accordion sheet */
.header .allmenu{position:fixed;top:var(--header_h);bottom:0;padding-bottom:0;overflow-y:auto;overscroll-behavior:contain;}
.header .allmenu .menu{flex-direction:column;}
.header .allmenu .menu > li{width:100%;padding-top:0;border-top:1px solid #e8e8e8;}
.header .allmenu .menu > li:hover{border-top-color:#e8e8e8;}
.header .allmenu .menu > li > strong{position:relative;display:block;padding:16px 20px;}
.header .allmenu .menu > li > strong::after{content:"";position:absolute;top:50%;right:20px;width:14px;aspect-ratio:14/8;margin-top:-4px;background:url("../img/ic_arrow_down.svg") no-repeat center;transition:transform .3s;}
.header .allmenu .menu > li.is_open > strong::after{transform:rotate(180deg);}
.header .allmenu .menu > li > strong a{display:block;font-weight:600;}
.header .allmenu .menu > li > ul{display:none;}
.header .allmenu .menu > li.is_open > strong a{color:#4dc3be;}
.header .allmenu .menu > li.is_open > ul{display:flex;align-items:flex-start;gap:4px;padding:0 20px 16px;}
}

@media screen and (max-width: 768px){
:root{--header_h:70px;}
/* % would collapse the gutter below 768 — 2.6042% of 768 is the same 20px, so this is continuous */
.header{padding:0 20px;}
.header .btn_menu{gap:8px;padding:8px 16px;font-size:14px;}
}

/* ========== main ========== */
/* Figma 1920x900 frame as a ratio — every offset below is a % of that width,
   so the whole block scales with the viewport (233/1920, 1131/1440, 50/1440) */
.main_visual{position:relative;display:flex;align-items:flex-start;aspect-ratio:1920/900;background:url("../img/main_visual.png") no-repeat center/cover;}
.main_visual .cont{display:flex;flex-direction:column;align-items:center;margin-top:12.1354%;}
.main_visual .cont img{width:78.542%;}
.main_visual .btn_area{display:flex;gap:20px;margin-top:3.4722%;}
.main_visual .btn{display:flex;justify-content:center;align-items:center;gap:40px;min-width:260px;padding:19px 24px 19px 28px;border-radius:2em;background:#fff;font-family:var(--font2);font-size:24px;font-weight:600;line-height:1.18;color:#2d2d2d;transition:background-color .3s,color .3s;}
.main_visual .btn::after{content:"";width:30px;aspect-ratio:1;background:url("../img/ic_arrow_btn.svg") no-repeat center;}
.main_visual .btn:hover{background:var(--point-color-1);color:#fff;}
.main_visual .btn:hover::after{background-image:url("../img/ic_arrow_btn_on.svg");}

/* sec_2 background frame (sea + flowers + ball) exported as one 2036x2036 svg */
.main_process{position:relative;padding:120px 0;background:url("../img/sec_2_bg.svg") no-repeat center top/cover;}
.main_process .sec_head{text-align:center;}
.main_process .sec_head h2{font-family:var(--font2);font-size:50px;font-weight:700;letter-spacing:-0.01em;line-height:1.3;color:#2d2d2d;}
.main_process .sec_head p{margin-top:10px;font-size:22px;font-weight:400;letter-spacing:-0.02em;line-height:1.36;color:#555;}
.main_process .step_list{display:flex;flex-wrap:wrap;justify-content:center;gap:84px 165px;margin-top:80px;}
.main_process .step_list li{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 0 25.694%;min-width:330px;padding:20px 20px 30px;border-radius:30px;background:#fff;}
/* each illustration keeps its own Figma size (246~265px) — centered, never scaled */
.main_process .step_list li::before{content:"";width:100%;aspect-ratio:330/240;background:no-repeat center center;}
.main_process .step_list li:nth-child(1)::before{background-image:url("../img/step_01.png");}
.main_process .step_list li:nth-child(2)::before{background-image:url("../img/step_02.png");}
.main_process .step_list li:nth-child(3)::before{background-image:url("../img/step_03.png");}
.main_process .step_list li:nth-child(4)::before{background-image:url("../img/step_04.png");}
.main_process .step_list li:nth-child(5)::before{background-image:url("../img/step_05.png");}
.main_process .step_list li::after{content:"";position:absolute;top:235px;right:-113px;width:60px;aspect-ratio:1;background:url("../img/ic_step_arrow.svg") no-repeat center;}
.main_process .step_list li:nth-child(3)::after,
.main_process .step_list li:last-child::after{content:none;}
.main_process .step{display:flex;align-items:center;gap:10px;margin-top:-29px;padding:10px 25px;border-radius:2em;background:var(--point-color-1);font-family:var(--font2);font-size:18px;font-weight:600;letter-spacing:-0.01em;line-height:1.86;color:#fff;}
.main_process .step em{font-size:30px;font-weight:900;letter-spacing:-0.01em;line-height:1.114;}
.main_process .txt{margin-top:25px;text-align:center;}
.main_process .txt h3{font-family:var(--font2);font-size:28px;font-weight:700;letter-spacing:-0.02em;line-height:1.14;color:#2d2d2d;}
.main_process .txt p{margin-top:15px;font-size:20px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#2d2d2d;}
.main_process .txt p span{font-size:16px;color:#666;}
.main_process .btn{display:flex;justify-content:center;align-items:center;gap:40px;width:fit-content;margin:80px auto 0;padding:19px 24px 19px 28px;border-radius:2em;background:#fff;font-family:var(--font2);font-size:24px;font-weight:600;line-height:1.18;color:#2d2d2d;transition:background-color .3s,color .3s;}
.main_process .btn::after{content:"";width:30px;aspect-ratio:1;background:url("../img/ic_arrow_btn.svg") no-repeat center;}
.main_process .btn:hover{background:var(--point-color-1);color:#fff;}
.main_process .btn:hover::after{background-image:url("../img/ic_arrow_btn_on.svg");}

.main_spot{position:relative;padding:140px 0 198px;background:url("../img/sec_3_bg.svg") no-repeat center top/cover;}
.main_spot .sec_head{display:flex;justify-content:space-between;align-items:center;}
.main_spot .sec_head h2{font-family:var(--font2);font-size:50px;font-weight:700;letter-spacing:-0.01em;line-height:1.3;color:#2d2d2d;}
.main_spot .sec_head p{margin-top:10px;font-size:22px;font-weight:400;letter-spacing:-0.02em;line-height:1.36;color:#555;}
.main_spot .arrow{display:flex;gap:10px;}
.main_spot .arrow button{width:50px;aspect-ratio:1;border-radius:50%;background:#2d2d2d no-repeat center;transition:background-color .3s;}
.main_spot .arrow button:hover{background-color:var(--point-color-1);}
.main_spot .arrow .btn_prev{background-image:url("../img/ic_prev.svg");}
.main_spot .arrow .btn_next{background-image:url("../img/ic_next.svg");}
.main_spot .spot_list{margin-top:80px;}
.main_spot .spot_list .slick-list{margin:0 -15px;}
.main_spot .spot_list .item{padding:0 15px;}
.main_spot .img_area{overflow:hidden;aspect-ratio:460/335;border-radius:20px;}
.main_spot .img_area img{width:100%;height:100%;object-fit:cover;}
.main_spot .spot_list .txt{margin-top:32px;}
.main_spot .spot_list .txt h3{font-family:var(--font2);font-size:30px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:#2d2d2d;}
.main_spot .spot_list .txt p{margin-top:20px;font-size:20px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#555;}
.main_spot .btn{display:flex;justify-content:center;align-items:center;gap:40px;width:fit-content;margin:80px auto 0;padding:19px 24px 19px 28px;border-radius:2em;background:#fff;font-family:var(--font2);font-size:24px;font-weight:600;line-height:1.18;color:#2d2d2d;transition:background-color .3s,color .3s;}
.main_spot .btn::after{content:"";width:30px;aspect-ratio:1;background:url("../img/ic_arrow_btn.svg") no-repeat center;}
.main_spot .btn:hover{background:var(--point-color-1);color:#fff;}
.main_spot .btn:hover::after{background-image:url("../img/ic_arrow_btn_on.svg");}

.main_community{padding:120px 0;background:#f8f8f8;}
.main_community .cont{display:flex;gap:80px;}
.main_community .sec_head{flex:0 0 28.889%;}
.main_community .sec_head h2{font-family:var(--font2);font-size:50px;font-weight:700;letter-spacing:-0.01em;line-height:1.3;color:#2d2d2d;}
.main_community .sec_head > p{margin-top:10px;font-size:22px;font-weight:400;letter-spacing:-0.02em;line-height:1.36;color:#555;}
.main_community .tab{display:flex;flex-direction:column;gap:20px;margin-top:60px;}
.main_community .tab a{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:500;letter-spacing:-0.02em;line-height:1.19;color:#8e8e8e;}
.main_community .tab a::before{content:"";width:15px;aspect-ratio:15/6;border-radius:10px;}
.main_community .tab .is_active a{font-weight:700;color:var(--point-color-1);}
.main_community .tab .is_active a::before{background:#8fd9d6;}
.main_community .sec_head .btn{display:flex;justify-content:center;align-items:center;gap:40px;width:fit-content;margin-top:60px;padding:19px 24px 19px 28px;border-radius:2em;background:#fff;font-family:var(--font2);font-size:24px;font-weight:600;line-height:1.18;color:#2d2d2d;transition:background-color .3s,color .3s;}
.main_community .sec_head .btn::after{content:"";width:30px;aspect-ratio:1;background:url("../img/ic_arrow_btn.svg") no-repeat center;}
.main_community .sec_head .btn:hover{background:var(--point-color-1);color:#fff;}
.main_community .sec_head .btn:hover::after{background-image:url("../img/ic_arrow_btn_on.svg");}
.main_community .board_list{display:flex;flex-wrap:wrap;gap:24px;flex:1 1 0;}
/* basis leaves room for the gap and grow eats the rest — 2 per row at any width.
   min-width:0 is required: the nowrap .tit would otherwise raise the item's
   min-content width above the basis and push the second card onto a new row */
.main_community .board_list li{flex:1 1 45%;min-width:0;border:1px solid #e8e8e8;border-radius:20px;background:#fff;transition:border-color .3s;}
.main_community .board_list li:hover{border-color:var(--point-color-2);}
.main_community .board_list li:hover .tit{color:var(--point-color-2);}
.main_community .board_list a{display:block;padding:45px 40px;}
.main_community .board_list .cate{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid var(--point-color-1);border-radius:2em;font-size:16px;font-weight:600;letter-spacing:-0.02em;color:var(--point-color-2);}
.main_community .board_list .tit{display:block;margin-top:24px;overflow:hidden;transition:color .3s;font-family:var(--font2);font-size:30px;font-weight:600;letter-spacing:-0.02em;line-height:1.07;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;}
.main_community .board_list p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:13px;font-size:20px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#8e8e8e;}
.main_community .board_list .date{display:block;margin-top:24px;font-size:18px;font-weight:400;letter-spacing:-0.02em;line-height:1.44;color:#8e8e8e;}

/* ========== quick ========== */
.main_quick{position:fixed;top:50%;right:50px;z-index:20;transform:translateY(-50%);}
.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-bottom:6px;border-radius:50%;background:#fff;box-shadow:2px 2px 4px rgba(0,0,0,0.1);transition:background-color .3s,color .3s;font-family:var(--font2);font-size:14px;font-weight:500;letter-spacing:-0.04em;line-height:1.2;color:#212121;}
.main_quick a::after{content:"";width:40px;aspect-ratio:1;background:no-repeat center;}
.main_quick .quick_faq::after{background-image:url("../img/ic_quick_faq.svg");}
.main_quick .quick_spot::after{background-image:url("../img/ic_quick_spot.svg");}
.main_quick .quick_store::after{background-image:url("../img/ic_quick_store.svg");}
.main_quick .quick_except::after{background-image:url("../img/ic_quick_except.svg");}
.main_quick .quick_top{background:#4dc3be;color:#fff;}
.main_quick .quick_top::after{background-image:url("../img/ic_quick_top.svg");}
.main_quick a:hover{background:#f8bfb1;color:#fff;}
.main_quick .quick_top:hover{background:var(--point-color-2);}

/* ========== sub ========== */
/* shared sub layout — same structure as the sibling sites, Taean palette */
.sub_breadcrumb{margin-top:var(--header_h);border-bottom:1px solid #e8e8e8;background:#f8f8f8;}
.sub_breadcrumb > .cont > ul{display:flex;}
.sub_breadcrumb > .cont > ul > li{position:relative;border-right:1px solid #e8e8e8;}
.sub_breadcrumb > .cont > ul > li:first-child{border-left:1px solid #e8e8e8;}
.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 20px;font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#2d2d2d;text-align:left;}
.sub_breadcrumb button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sub_breadcrumb .current span{display:block;width:240px;padding:18px 20px;overflow:hidden;font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;}
.sub_breadcrumb button::after{content:"";flex-shrink:0;width:14px;aspect-ratio:14/8;background:url("../img/ic_arrow_down.svg") no-repeat center;transition:transform .3s;}
.sub_breadcrumb .is_open button::after{transform:rotate(180deg);}
.sub_breadcrumb .depth{position:absolute;top:100%;left:-1px;right:-1px;z-index:10;display:none;border:1px solid #e8e8e8;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-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#555;}
.sub_breadcrumb .depth a:hover{background:#f8f8f8;color:#2d2d2d;}
.sub_breadcrumb .depth .is_active{font-weight:700;color:var(--point-color-1);}
.sub_title{padding:60px 0;font-family:var(--font2);font-size:48px;font-weight:700;letter-spacing:-0.02em;line-height:1.3;color:var(--point-color-2);text-align:center;}
.sub_cont{min-height:70vh;padding:100px 0 150px;}

/* ========== footer ========== */
.footer{padding:80px 0;background:#f8f8f8;}
.footer .policy{display:flex;justify-content:space-between;align-items:center;padding:10px 40px;border-radius:20px;background:var(--point-color-2);}
.footer .policy > .cont > ul,
.footer .policy > ul{display:flex;align-items:center;gap:16px;}
.footer .policy > ul > li{display:flex;align-items:center;gap:16px;}
.footer .policy > ul > li+li::before{content:"";width:3px;aspect-ratio:1;border-radius:50%;background:#fff;}
.footer .policy a{font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:2.25;color:#fff;}
.footer .policy > ul > li:first-child a{font-weight:700;}
/* custom dropdown — a native select cannot be styled to match the comp */
.footer .policy .family{position:relative;padding-left:20px;border-left:1px solid rgba(255,255,255,0.4);}
.footer .policy .family > button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:198px;padding:8px 0;font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#fff;text-align:left;}
.footer .policy .family > button::after{content:"";flex-shrink:0;width:14px;aspect-ratio:14/8;background:url("../img/ic_arrow_down_w.svg") no-repeat center;transition:transform .3s;}
.footer .policy .family.is_open > button::after{transform:rotate(180deg);}
.footer .policy .family ul{position:absolute;left:20px;right:0;bottom:100%;z-index:10;display:none;flex-direction:column;align-items:stretch;gap:0;margin-bottom:10px;padding:8px 0;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,0.15);background:#fff;}
.footer .policy .family.is_open ul{display:flex;}
.footer .policy .family a{display:block;padding:8px 16px;transition:color .3s;font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;color:#2d2d2d;text-align:left;}
.footer .policy .family a:hover{color:var(--point-color-2);}
.footer .info{display:flex;align-items:center;gap:40px;margin-top:40px;}
.footer .logo{flex:0 0 auto;line-height:0;}
.footer .txt{flex:1 1 0;}
.footer .txt p{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.25;color:#555;}
.footer .txt p+p{margin-top:10px;}
.footer .txt strong{font-weight:600;}
.footer .txt .lunch{white-space:nowrap;}
.footer .txt .notice{display:block;margin-top:10px;font-weight:500;line-height:1.25;color:var(--point-color-1);}
.footer .copyright{display:block;margin-top:10px;font-size:16px;font-weight:500;letter-spacing:-0.02em;line-height:1.375;color:#555;}
.footer .sns{display:flex;gap:10px;}
/* longhand, not the background shorthand — `.footer .sns a` outranks `.footer .sns_*`
   and a shorthand there resets their background-image to none */
.footer .sns a{display:block;width:50px;aspect-ratio:1;border-radius:50%;box-shadow:2px 2px 10px rgba(97,97,97,0.2);background-repeat:no-repeat;background-position:center;}
.footer .sns_instagram{background-image:url("../img/sns_instagram.svg"),linear-gradient(180deg,#e9444e,#9429b2);}
.footer .sns_facebook{background-image:url("../img/sns_facebook.svg");background-color:#4169af;}
.footer .sns_talk{background-image:url("../img/sns_kakao.svg");background-color:#ffca28;}
.footer .sns_youtube{background-image:url("../img/sns_youtube.png");background-color:#d72e2e;}

@media screen and (max-width: 1480px){
/* below the --width container the quick bar starts overlapping the content */
.main_quick{display:none;}
}

@media screen and (max-width: 1024px){
.main_visual{aspect-ratio:1024/620;}
.main_visual .btn{min-width:220px;gap:24px;padding:15px 20px;font-size:20px;}
.main_process{padding:80px 0;}
.main_process .sec_head h2{font-size:36px;}
.main_process .sec_head p{font-size:18px;}
/* 2 columns from here — a 3-up card gets narrower than the 265px illustration */
.main_process .step_list{gap:50px 60px;margin-top:50px;}
.main_process .step_list li{flex:0 1 45%;}
.main_process .step_list li::after{content:none;}
.main_process .txt h3{font-size:24px;}
.main_process .txt p{font-size:18px;}
.main_process .txt p span{font-size:15px;}
.main_process .btn{margin-top:50px;gap:24px;padding:15px 20px;font-size:20px;}
.main_spot{padding:80px 0 120px;}
.main_spot .sec_head h2{font-size:36px;}
.main_spot .sec_head p{font-size:18px;}
.main_spot .spot_list{margin-top:50px;}
.main_spot .spot_list .slick-list{margin:0 -10px;}
.main_spot .spot_list .item{padding:0 10px;}
.main_spot .spot_list .txt{margin-top:24px;}
.main_spot .spot_list .txt h3{font-size:24px;}
.main_spot .spot_list .txt p{margin-top:14px;font-size:18px;}
.main_spot .btn{margin-top:50px;gap:24px;padding:15px 20px;font-size:20px;}
.main_community{padding:80px 0;}
.main_community .cont{flex-direction:column;gap:40px;}
.main_community .sec_head{flex:1 1 auto;}
.main_community .sec_head h2{font-size:36px;}
.main_community .sec_head > p{font-size:18px;}
.main_community .tab{flex-direction:row;gap:20px;margin-top:40px;}
.main_community .tab a{font-size:18px;}
.main_community .sec_head .btn{margin-top:40px;gap:24px;padding:15px 20px;font-size:20px;}
.main_community .board_list{gap:16px;}
.main_community .board_list a{padding:30px 24px;}
.main_community .board_list .tit{margin-top:16px;font-size:22px;}
.main_community .board_list p{font-size:16px;}
.main_community .board_list .date{margin-top:16px;font-size:16px;}
.sub_breadcrumb button{width:200px;}
.sub_breadcrumb .current span{width:200px;}
.sub_title{padding:45px 0;font-size:36px;}
.sub_cont{padding:70px 0 100px;}
.footer{padding:60px 0;}
.footer .info{flex-direction:column;align-items:center;gap:24px;}
.footer .txt{text-align:center;}
.footer .txt p{justify-content:center;}
}

@media screen and (max-width: 768px){
.main_visual{aspect-ratio:390/560;}
/* 12.1354% of a phone width lands under the header — push the block clear of it */
.main_visual .cont{margin-top:26%;}
.main_visual .cont img{width:100%;}
.main_visual .btn_area{gap:12px;margin-top:36px;}
.main_visual .btn{min-width:0;flex:1 1 0;gap:12px;padding:12px 16px;font-size:16px;}
.main_process{padding:60px 0;}
.main_process .sec_head h2{font-size:26px;}
.main_process .sec_head p{font-size:15px;}
.main_process .step_list{gap:40px;margin-top:36px;}
.main_process .step_list li{flex:1 1 100%;min-width:0;max-width:320px;padding:16px 16px 24px;}
.main_process .step_list li::after{content:none;}
.main_process .step{font-size:16px;}
.main_process .step em{font-size:24px;}
.main_process .txt h3{font-size:20px;}
.main_process .txt p{margin-top:10px;font-size:16px;}
.main_process .txt p span{font-size:14px;}
.main_process .btn{margin-top:36px;gap:12px;padding:12px 16px;font-size:16px;}
.main_spot{padding:60px 0 80px;}
.main_spot .sec_head{flex-direction:column;align-items:flex-start;gap:20px;}
.main_spot .sec_head h2{font-size:26px;}
.main_spot .sec_head p{margin-top:8px;font-size:15px;}
.main_spot .spot_list{margin-top:36px;}
.main_spot .spot_list .slick-list{margin:0;}
.main_spot .spot_list .item{padding:0;}
.main_spot .spot_list .txt{margin-top:16px;}
.main_spot .spot_list .txt h3{font-size:20px;}
.main_spot .spot_list .txt p{margin-top:10px;font-size:16px;}
.main_spot .btn{margin-top:36px;gap:12px;padding:12px 16px;font-size:16px;}
.main_community{padding:60px 0;}
.main_community .cont{flex-direction:column;gap:30px;}
.main_community .sec_head{flex:1 1 auto;}
.main_community .sec_head h2{font-size:26px;}
/* one line below 768 — the space before <br> keeps the words apart */
.main_community .sec_head h2 br{display:none;}
.main_community .sec_head > p{font-size:15px;}
.main_community .tab{margin-top:24px;}
.main_community .tab a{font-size:16px;}
.main_community .sec_head .btn{margin-top:24px;gap:12px;padding:12px 16px;font-size:16px;}
.main_community .board_list{gap:12px;}
.main_community .board_list li{flex:1 1 100%;}
.main_community .board_list a{padding:24px 20px;}
.main_community .board_list .cate{padding:3px 12px;font-size:14px;}
.main_community .board_list .tit{margin-top:14px;font-size:18px;}
.main_community .board_list p{font-size:15px;}
.main_community .board_list .date{margin-top:14px;font-size:14px;}
.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:14px;}
.sub_breadcrumb .current span{width:100%;padding:14px 10px;font-size:14px;}
.sub_title{padding:30px 20px;font-size:26px;}
.sub_cont{padding:40px 0 70px;}
.footer{padding:40px 0;}
.footer .policy{flex-direction:column;align-items:center;gap:10px;padding:16px 20px;}
.footer .policy .family{width:100%;padding-left:0;border-left:0;}
.footer .policy .family > button{width:100%;}
.footer .policy .family ul{left:0;}
.footer .info{gap:20px;margin-top:24px;}
.footer .txt p{font-size:14px;}
.footer .copyright{font-size:14px;}
.footer .sns a{width:38px;}
}
/* ========== content pages (we_js) — ported from the sibling sites ========== */
.intro_guide,
.apply_guide,
.expense_guide{display:flex;flex-direction:column;}
.apply_guide .sec_head,
.expense_guide .sec_head{display:flex;flex-direction:column;gap:8px;margin-bottom:35px;}
.apply_guide .sec_head:not(:first-child),
.expense_guide .sec_head:not(:first-child){margin-top:90px;}
.apply_guide .sec_head span,
.expense_guide .sec_head span{font-size:18px;font-weight:400;letter-spacing:0.05em;line-height:1.5;color:var(--point-color-1);text-transform:uppercase;}
.apply_guide .sec_head h3,
.expense_guide .sec_head h3{position:relative;padding-left:22px;font-family:var(--font2);font-size:34px;font-weight:700;letter-spacing:-0.03em;line-height:1.3;color:#1d1d1d;}
.apply_guide .sec_head h3::before,
.expense_guide .sec_head h3::before{content:"";position:absolute;top:14px;left:0;width:12px;aspect-ratio:1;border-radius:50%;background:var(--point-color-1);}
.intro_guide .num_list{display:flex;flex-direction:column;gap:70px;}
.intro_guide .num_list > li{display:flex;flex-direction:column;gap:20px;}
.intro_guide .item_head{display:flex;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid #e9e9e9;}
.intro_guide .item_head .num{display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:14px;aspect-ratio:1;border-radius:50%;background:var(--point-color-2);font-family:var(--font2);font-size:20px;font-weight:700;letter-spacing:0;line-height:1;color:#fff;}
.intro_guide .item_head .tit{font-family:var(--font2);font-size:28px;font-weight:700;letter-spacing:-0.03em;line-height:1.35;color:#1d1d1d;}
.intro_guide .body{display:flex;justify-content:space-between;align-items:center;gap:40px;}
.intro_guide .desc{min-width:0;width:100%;}
.intro_guide .desc p,
.apply_guide .desc p,
.expense_guide .desc p{font-size:18px;font-weight:400;letter-spacing:-0.02em;line-height:1.7;color:#424242;}
.intro_guide .desc p + p,
.apply_guide .desc p + p{margin-top:18px;}
.intro_guide .detail_area,
.apply_guide .detail_area,
.expense_guide .detail_area{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 35px;border:1px solid #cde4e2;border-radius:20px;background:#f7fbfb;}
.apply_guide .detail_area + .detail_area,
.expense_guide .detail_area + .detail_area{margin-top:20px;}
.intro_guide .detail_area .label,
.apply_guide .notice_area .label{font-family:var(--font2);font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:var(--point-color-2);}
.apply_guide .detail_area .label,
.expense_guide .detail_area .label{position:relative;padding-left:18px;font-family:var(--font2);font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:var(--point-color-2);}
.apply_guide .detail_area .label::before,
.expense_guide .detail_area .label::before{content:"";position:absolute;top:9px;left:0;width:10px;aspect-ratio:1;background:var(--point-color-1);}
.intro_guide .detail_area .label + .label{margin-top:12px;}
.intro_guide .point_list,
.apply_guide .point_list,
.expense_guide .point_list{display:flex;flex-direction:column;gap:10px;}
.intro_guide .point_list li,
.apply_guide .point_list li,
.expense_guide .point_list li{position:relative;padding-left:16px;font-size:17px;font-weight:400;letter-spacing:-0.02em;line-height:1.6;color:#424242;}
.intro_guide .point_list li::before,
.apply_guide .point_list li::before,
.expense_guide .point_list li::before{content:"";position:absolute;top:11px;left:0;width:6px;aspect-ratio:1;border-radius:50%;background:var(--point-color-1);}
.intro_guide .note_list,
.apply_guide .note_list,
.expense_guide .note_list{display:flex;flex-direction:column;gap:8px;margin-top:20px;}
.intro_guide .note_list li,
.apply_guide .note_list li,
.expense_guide .note_list li{padding-left:17px;text-indent:-17px;font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.6;color:#757575;}
.intro_guide .except_area{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:25px;padding:30px 35px;border:1px solid #a5cecc;border-radius:20px;background:#eaf4f3;}
.intro_guide .except_area strong{font-family:var(--font2);font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:var(--point-color-2);}
.intro_guide .except_area ul{display:flex;flex-wrap:wrap;gap:10px;}
.intro_guide .except_area li{padding:8px 22px;border-radius:2em;background:#fff;font-family:var(--font2);font-size:17px;font-weight:600;letter-spacing:-0.02em;line-height:1.4;color:#1a504e;}
.apply_guide .process_list{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;}
.apply_guide .process_list > li{display:flex;flex-direction:column;align-items:center;flex:1 1 28%;gap:22px;padding-bottom:30px;border-radius:30px;background:#eaf4f3;}
.apply_guide .process_list .head{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 20px;border-radius:2em;background:var(--point-color-2);}
.apply_guide .process_list .head span{font-family:var(--font2);font-size:20px;font-weight:700;letter-spacing:0;line-height:1.2;color:#fff;}
.apply_guide .process_list .head .num{font-size:21px;color:#a5cecc;}
.apply_guide .process_list p{font-size:17px;font-weight:500;letter-spacing:-0.03em;line-height:1.6;color:#2d2d2d;text-align:center;}
.apply_guide .table_area, .intro_guide .table_area{overflow-x:auto;margin-top:25px;}
.apply_guide .info_table, .intro_guide .info_table{table-layout:fixed;width:100%;min-width:720px;border-top:2px solid var(--point-color-2);}
.apply_guide .info_table th, .intro_guide .info_table th{padding:18px 20px;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;font-family:var(--font2);font-size:19px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:#1d1d1d;text-align:center;}
.apply_guide .info_table thead th, .intro_guide .info_table thead th{border-left:1px solid #a5cecc;background:#eaf4f3;color:var(--point-color-2);}
.apply_guide .info_table th:first-child, .intro_guide .info_table th:first-child{border-left:0;}
.apply_guide .info_table td, .intro_guide .info_table td{padding:24px 22px;border-bottom:1px solid #e9e9e9;border-left:1px solid #e9e9e9;font-size:17px;font-weight:400;letter-spacing:-0.02em;line-height:1.6;color:#424242;vertical-align:top;}
.apply_guide .info_table .point_list li, .intro_guide .info_table .point_list li{font-size:16px;}
.apply_guide .info_table.type_refund tbody th:first-child, .intro_guide .info_table.type_refund tbody th:first-child{border-left:1px solid #e9e9e9;}
.apply_guide .info_table.type_refund tbody th.rate, .intro_guide .info_table.type_refund tbody th.rate{border-left:0;}
.apply_guide .notice_area{display:flex;flex-direction:column;gap:16px;margin-top:35px;}
.expense_guide .term_box{display:flex;align-items:center;padding:30px 35px;border-radius:20px;background:#eaf4f3;}
.expense_guide .term_box strong{font-family:var(--font2);font-size:24px;font-weight:700;letter-spacing:-0.03em;line-height:1.4;color:var(--point-color-2);}
.apply_guide .doc_list,
.expense_guide .doc_list{display:flex;flex-wrap:wrap;gap:20px;width:100%;}
.apply_guide .doc_list > li,
.expense_guide .doc_list > li{display:flex;align-items:center;flex:1 1 40%;gap:14px;padding:20px 24px;border-radius:20px;background:#fff;}
.apply_guide .doc_list .badge,
.expense_guide .doc_list .badge{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:34px;aspect-ratio:1;border-radius:50%;background:var(--point-color-1);font-size:17px;font-weight:700;letter-spacing:0;line-height:1;color:#fff;}
.apply_guide .doc_list > li > span,
.expense_guide .doc_list > li > span{font-size:17px;font-weight:400;letter-spacing:-0.02em;line-height:1.6;color:#424242;}
.apply_guide .btn_file,
.expense_guide .btn_file{display:flex;align-items:center;gap:10px;padding:15px 26px;border:1px solid var(--point-color-1);border-radius:2em;transition:background-color .3s,color .3s;font-family:var(--font2);font-size:17px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--point-color-2);background:#fff;}
.apply_guide .btn_file:hover,
.expense_guide .btn_file:hover{background:var(--point-color-2);color:#fff;}
.stay_notice,
.uses_notice{display:flex;flex-direction:column;gap:14px;margin-bottom:35px;padding:30px 35px;border:1px solid #cde4e2;border-radius:20px;background:#f7fbfb;}
.stay_notice .tit,
.uses_notice .tit{position:relative;padding-left:18px;font-family:var(--font2);font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.4;color:var(--point-color-2);}
.stay_notice .tit::before,
.uses_notice .tit::before{content:"";position:absolute;top:9px;left:0;width:10px;aspect-ratio:1;background:var(--point-color-1);}
.stay_notice ul,
.uses_notice ul{display:flex;flex-direction:column;gap:10px;}
.stay_notice li,
.uses_notice li{position:relative;padding-left:16px;font-size:17px;font-weight:400;letter-spacing:-0.02em;line-height:1.6;color:#424242;}
.stay_notice li::before,
.uses_notice li::before{content:"";position:absolute;top:11px;left:0;width:6px;aspect-ratio:1;border-radius:50%;background:var(--point-color-1);}
.stay_notice .warn,
.uses_notice .warn{font-size:17px;font-weight:600;letter-spacing:-0.02em;line-height:1.6;color:#d63030;}

@media screen and (max-width: 1024px){
.apply_guide .sec_head,
.expense_guide .sec_head{margin-bottom:28px;}
.apply_guide .sec_head:not(:first-child),
.expense_guide .sec_head:not(:first-child){margin-top:70px;}
.apply_guide .sec_head h3,
.expense_guide .sec_head h3{font-size:28px;}
.intro_guide .num_list{gap:55px;}
.intro_guide .item_head .tit{font-size:24px;}
.intro_guide .body{gap:25px;}
}

@media screen and (max-width: 768px){
.apply_guide .sec_head,
.expense_guide .sec_head{margin-bottom:24px;}
.stay_notice,
.uses_notice{gap:10px;margin-bottom:24px;padding:22px 20px;}
.stay_notice .tit,
.uses_notice .tit{font-size:17px;}
.stay_notice li,
.stay_notice .warn,
.uses_notice li,
.uses_notice .warn{font-size:15px;}
.apply_guide .sec_head:not(:first-child),
.expense_guide .sec_head:not(:first-child){margin-top:55px;}
.apply_guide .sec_head span,
.expense_guide .sec_head span{font-size:15px;}
.apply_guide .sec_head h3,
.expense_guide .sec_head h3{padding-left:18px;font-size:23px;}
.apply_guide .sec_head h3::before,
.expense_guide .sec_head h3::before{top:10px;width:10px;}
.intro_guide .num_list{gap:45px;}
.intro_guide .item_head{gap:12px;}
.intro_guide .item_head .num{padding:11px;font-size:17px;}
.intro_guide .item_head .tit{font-size:20px;}
.intro_guide .body{flex-direction:column;align-items:flex-start;gap:25px;}
.intro_guide .desc p,
.apply_guide .desc p,
.expense_guide .desc p{font-size:16px;}
.intro_guide .point_list li,
.apply_guide .point_list li,
.expense_guide .point_list li{font-size:15px;}
.intro_guide .note_list li,
.apply_guide .note_list li,
.expense_guide .note_list li{font-size:14px;}
.intro_guide .detail_area,
.apply_guide .detail_area,
.expense_guide .detail_area{padding:22px 20px;}
.intro_guide .detail_area .label,
.apply_guide .detail_area .label,
.expense_guide .detail_area .label,
.apply_guide .notice_area .label{font-size:17px;}
.intro_guide .except_area{padding:22px 20px;}
.intro_guide .except_area strong{font-size:17px;}
.intro_guide .except_area li{padding:6px 16px;font-size:15px;}
.apply_guide .process_list{gap:16px;}
.apply_guide .process_list > li{flex:1 1 100%;}
.apply_guide .info_table th, .intro_guide .info_table th{padding:14px 12px;font-size:16px;}
.apply_guide .info_table td, .intro_guide .info_table td{padding:16px 14px;font-size:15px;}
.expense_guide .term_box{padding:22px 20px;}
.expense_guide .term_box strong{font-size:19px;}
.apply_guide .doc_list,
.expense_guide .doc_list{gap:12px;}
.apply_guide .doc_list > li,
.expense_guide .doc_list > li{flex:1 1 100%;padding:16px 18px;}
.apply_guide .btn_file,
.expense_guide .btn_file{width:100%;justify-content:center;font-size:15px;}
}