@charset "UTF-8";
:root{--spacing-content-horizontal: 64px;--font-size-base: 24px;--font-size-info: 22px;--font-size-sub: 20px;--font-size-button: 22px;--border-width-accent: 2px}
@media(max-width: 768px){:root{--spacing-content-horizontal: 24px;--font-size-base: 18px;--font-size-info: 18px;--font-size-sub: 14px;--font-size-button: 16px;--border-width-accent: 1px}
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
button{border:0 none;background-color:rgba(0,0,0,0);cursor:pointer}
button:disabled{cursor:default}
body{background:var(--bg-color, #fff)}
body,th,td,input,select,textarea,button{font-size:var(--base-fs, 12px);line-height:1.5;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Helvetica Neue",helvetica,"Malgun Gothic","맑은 고딕",sans-serif;letter-spacing:-0.02em;color:var(--text-color, #000)}
a{color:var(--text-color, #000);text-decoration:none}
a:active,a:hover{text-decoration:underline}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
*{box-sizing:border-box}
.screen_out{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;clip-path:inset(50%)}
@font-face{font-family:"KakaoBigSans";src:local("☺"),url("https://t1.kakaocdn.net/brandtool/fonts/KakaoBigSans-Regular.woff2") format("woff2"),url("https://t1.kakaocdn.net/brandtool/fonts/KakaoBigSans-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"KakaoBigSans";src:local("☺"),url("https://t1.kakaocdn.net/brandtool/fonts/KakaoBigSans-Bold.woff2") format("woff2"),url("https://t1.kakaocdn.net/brandtool/fonts/KakaoBigSans-Bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"KakaoBigSans";src:local("☺"),url("https://t1.kakaocdn.net/brandtool/fonts/KakaoBigSans-ExtraBold.woff2") format("woff2"),url("https://t1.kakaocdn.net/brandtool/fonts/KakaoBigSans-ExtraBold.woff") format("woff");font-weight:800;font-display:swap}
.toast-container{position:fixed;bottom:40px;width:100%;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;align-items:center}
.toast{padding:14px 30px;max-width:400px;background-color:rgba(0,0,0,.8);border-radius:40px;opacity:0;transform:translateY(100%);transition:all .3s ease;pointer-events:auto;text-align:center}
.toast.toast-show{opacity:1;transform:translateY(0)}
.toast.toast-hide{opacity:0;transform:translateY(100%)}
.toast .toast-message{font-size:14px;line-height:1.5;color:#fff;word-break:break-word;text-align:center}
html{min-width:280px}
body{word-break:keep-all;font-family:"KakaoBigSans",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo","Helvetica Neue",helvetica,"Malgun Gothic","맑은 고딕",sans-serif;color:#fff;background-color:#1b344f}
img{vertical-align:top}
em{font-weight:inherit}
.txt_emph{color:#f1fb0a}
.txt_wrap{display:inline-block}
.container-promotion{position:relative;background:url("https://t1.kakaocdn.net/brandtool/mcp-player10/kv_pc.png") no-repeat 50% 0/auto 920px,linear-gradient(to bottom, #091f36 0%, #15346b 100%) no-repeat top/100% 900px,#15346b}
@media(max-width: 768px){.container-promotion{background:url("https://t1.kakaocdn.net/brandtool/mcp-player10/bg_kv_mo.png") no-repeat 50% 0/100% auto,linear-gradient(to bottom, #091f36 0%, #15346b 100%) no-repeat top/100% 111.1vw,#15346b}
}
.promotion-header{display:flex;position:absolute;z-index:10;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:32px var(--spacing-content-horizontal) 0;left:50%;transform:translateX(-50%)}
.promotion-header .logo_kakao{width:100px;height:30px}
.promotion-header .logo_kakao img{width:100%}
.promotion-header .txt_date{font-weight:700;font-size:22px;letter-spacing:-0.22px;color:#fff}
@media(max-width: 768px){.promotion-header{padding:14px var(--spacing-content-horizontal) 0}
.promotion-header .txt_date{font-size:14px}
.promotion-header .logo_kakao{width:56px;height:18px}
}
.promotion-main{position:relative;z-index:1}
.content-article{position:relative;z-index:1;padding-top:660px}
@media(max-width: 768px){.content-article{padding-top:104vw}
}
.content-article .tit_main{margin:0 var(--spacing-content-horizontal);text-align:center}
.content-article .tit_main picture{display:block}
.content-article .tit_main img{max-width:100%;width:720px}
@media(max-width: 768px){.content-article .tit_main img{min-width:186px;width:51.6666666667vw}
}
section .inner{max-width:960px;margin:0 auto;padding:0 var(--spacing-content-horizontal)}
.sec_kv{padding:68px 20px 80px;text-align:center}
.sec_kv .txt_desc{font-size:var(--font-size-base);line-height:1.4166666667;letter-spacing:-0.24px;color:#fff}
@media(max-width: 768px){.sec_kv{padding:28px 20px 38px}
}
.sec_support{padding:98px 0 93px;background:url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_cross.svg") no-repeat 50% 0/18px 18px}
.sec_support .tit_section{margin-bottom:20px;font-weight:700;font-size:30px;letter-spacing:-0.3px;color:#fff;text-align:center}
.sec_support .box_prize{position:relative;width:100%;max-width:736px;height:256px;margin:0 auto;padding:40px 20px 0;border-radius:0;background:url("https://t1.kakaocdn.net/brandtool/mcp-player10/frame_l_251217_v2.svg") no-repeat 0 0,url("https://t1.kakaocdn.net/brandtool/mcp-player10/frame_r_251217_v2.svg") no-repeat 100% 0;background-size:auto 100%}
.sec_support .box_prize::before{content:"";position:absolute;z-index:-1;top:6px;right:6px;bottom:6px;left:6px;border:var(--border-width-accent) solid #f1fb0a}
@media(max-width: 768px){.sec_support .box_prize::before{top:4px;right:4px;bottom:4px;left:4px}
}
.sec_support .list_prize{display:flex;justify-content:center;align-items:center;gap:30px;height:128px}
.sec_support .list_prize li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:128px;height:128px;border-radius:50%;text-align:center;background-color:#0b2758}
.sec_support .list_prize li .rank{font-weight:800;font-size:var(--font-size-info);line-height:1.3636363636;letter-spacing:-0.22px;color:#f1fb0a}
.sec_support .list_prize li .amount{font-weight:800;font-size:var(--font-size-info);line-height:1.3636363636;color:#fff}
.sec_support .list_prize li .count{font-weight:400;font-size:18px;line-height:1.5555555556;color:#87aae9}
@media(max-width: 768px){.sec_support .list_prize{flex-direction:column;gap:0;height:auto}
.sec_support .list_prize li{flex-direction:row;width:auto;height:auto;gap:4px;background-color:rgba(0,0,0,0)}
}
.sec_support .txt_notice{margin-top:20px;font-size:var(--font-size-sub);line-height:1.4;letter-spacing:-0.3px;color:#fff;text-align:center}
@media(max-width: 768px){.sec_support{padding:48px 0 56px;background-size:14px 14px}
.sec_support .tit_section{margin-bottom:10px;font-size:22px}
.sec_support .box_prize{width:100%;height:auto;padding:22px 20px 24px}
.sec_support .txt_notice{margin-top:10px}
}
.tit_box{display:flex;position:relative;width:fit-content;height:64px;margin:0 auto;padding:14px 30px;font-weight:800;font-size:var(--font-size-info);letter-spacing:-0.22px;color:#f1fb0a;background:url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_star_251217_v2.svg") no-repeat 0 0,url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_cross_251217_v2.svg") no-repeat 100% 100%,url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_square_251217_v2.svg") no-repeat 0 100%,url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_circle_251217_v2.svg") no-repeat 100% 0}
.tit_box:before{content:"";display:block;position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:var(--border-width-accent) solid #f1fb0a}
@media(max-width: 768px){.tit_box{height:auto;padding:10px 20px;background-size:9px 9px}
.tit_box:before{top:4px;right:4px;bottom:4px;left:4px}
}
.sec_apply{padding:95px 20px 0;background:#091f36}
.sec_apply .txt_info{display:flex;align-items:center;justify-content:center;margin-top:32px;text-align:center;gap:12px}
.sec_apply .txt_step{display:inline-block;font-size:var(--font-size-info);line-height:1.3636363636;letter-spacing:-0.22px;color:#fff}
.sec_apply .txt_step .txt_emph{white-space:nowrap}
.sec_apply .ico_arrow{flex-shrink:0}
.sec_apply .ico_arrow path{stroke-width:2}
@media(max-width: 768px){.sec_apply{padding-top:52px}
.sec_apply .txt_info{flex-direction:column;margin-top:17px}
.sec_apply .ico_arrow{transform:rotate(90deg)}
.sec_apply .ico_arrow path{stroke-width:1}
}
.sec_public{padding:48px var(--spacing-content-horizontal) 12px;background:#091f36}
.sec_public .inner{max-width:800px;padding:30px 40px;background-color:#03172c}
.sec_public .box_notice{margin-bottom:22px;text-align:center}
.sec_public .box_notice .txt_notice{display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;line-height:1.5;letter-spacing:-0.16px;color:#fff}
.sec_public .box_notice .ico_alert{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;font-weight:800;font-size:18px;line-height:1;color:#0b2743}
.sec_public .box_notice .txt_emph{font-weight:800;border-bottom:1px solid #f1fb0a}
.sec_public .box_toggle{margin-bottom:12px}
.sec_public .wrap_toggle{display:flex;position:relative;justify-content:center;gap:0;max-width:326px;height:50px;margin:0 auto;border-radius:30px;background:#15346b}
.sec_public .wrap_toggle::before{content:"";position:absolute;z-index:1;top:3px;left:3px;width:calc(50% - 3px);height:44px;border-radius:40px;background:#c5daff}
.sec_public .item_toggle{display:flex;position:relative;z-index:2;flex:1;align-items:center;justify-content:center;gap:6px;height:100%;font-weight:800;font-size:16px;letter-spacing:-0.16px;color:#87aae9}
.sec_public .item_toggle.is_active{color:#091f36}
.sec_public .item_toggle.is_active .ico_globe circle,.sec_public .item_toggle.is_active .ico_globe path,.sec_public .item_toggle.is_active .ico_globe ellipse{stroke:#091f36}
.sec_public .item_toggle:not(.is_active) .ico_lock rect,.sec_public .item_toggle:not(.is_active) .ico_lock path{stroke:#87aae9}
.sec_public .txt_toggle{white-space:nowrap}
.sec_public .box_path{text-align:center}
.sec_public .list_path{display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;line-height:1.5;letter-spacing:-0.16px;color:#87aae9}
.sec_public .list_path li{display:flex;align-items:center}
.sec_public .list_path .ico_arrow_path{transform:rotate(270deg)}
@media(max-width: 768px){.sec_public{padding:35px var(--spacing-content-horizontal) 14px}
.sec_public .inner{padding:18px 20px 28px}
.sec_public .box_notice{margin-bottom:24px}
.sec_public .box_notice .txt_notice{flex-direction:column;gap:0;font-size:14px}
.sec_public .box_notice .ico_alert{margin-bottom:12px}
.sec_public .box_toggle{margin-bottom:20px}
.sec_public .wrap_toggle{max-width:232px;height:36px}
.sec_public .wrap_toggle::before{width:114px;height:30px}
.sec_public .item_toggle{font-size:13px;gap:4px}
.sec_public .item_toggle svg{width:16px;height:16px}
.sec_public .list_path{flex-wrap:wrap;gap:8px;font-size:14px}
}
.sec_selection{padding:64px 20px 80px;background:#091f36}
.sec_selection .list_info{display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:0 20px;max-width:max-content;margin:32px auto 0;font-size:var(--font-size-info);line-height:1.3636363636;letter-spacing:-0.22px}
.sec_selection .list_info dt{margin-bottom:19px;border-bottom:1px solid #87aae9;font-weight:700;color:#87aae9}
.sec_selection .list_info dd{margin-bottom:19px;color:#fff}
@media(max-width: 768px){.sec_selection{padding:44px 20px 56px}
.sec_selection .list_info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:18px auto 0}
.sec_selection .list_info dt{margin-bottom:0}
.sec_selection .list_info dd{margin-bottom:9px;text-align:center}
}
.sec_share{position:relative;padding:36px 20px 35px;text-align:center;background:#1b344f}
.sec_share .inner{display:flex;flex-direction:column}
.sec_share .tit_section{margin-bottom:20px;font-weight:700;font-size:var(--font-size-info);line-height:1.3636363636;letter-spacing:-0.22px;color:#fff}
.sec_share .wrap_share{display:flex;justify-content:center;gap:16px}
.sec_share .wrap_share button{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer;transition:all .3s ease}
.sec_share .wrap_share button:hover{opacity:.8}
.sec_share .wrap_share button:active{transform:scale(0.95)}
.sec_share .btn_share{background-image:url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_talk.svg")}
.sec_share .btn_copy{background-image:url("https://t1.kakaocdn.net/brandtool/mcp-player10/ico_copy.svg")}
@media(max-width: 768px){.sec_share{padding:22px 0}
.sec_share .inner{flex-direction:row;justify-content:space-between;align-items:center}
.sec_share .tit_section{margin-bottom:0}
.sec_share .wrap_share{gap:10px}
.sec_share .wrap_share button{width:56px;height:56px}
}
.sec_notice{position:relative;padding:52px 20px 200px;background:#1b344f;border-top:1px solid rgba(125,148,173,.3)}
.sec_notice .tit_section{margin-bottom:12px;font-weight:700;font-size:18px;line-height:1.4444444444;letter-spacing:-0.18px;color:#7e9ab8}
.sec_notice .list_notice{display:flex;flex-direction:column;max-width:800px}
.sec_notice .list_notice li{position:relative;margin-bottom:10px;padding-left:7px;font-size:16px;line-height:1.5;letter-spacing:-0.16px;color:#7e9ab8}
.sec_notice .list_notice li::before{content:"";position:absolute;left:-2px;top:8px;width:3px;height:3px;border-radius:50%;background:#7e9ab8}
@media(max-width: 768px){.sec_notice{padding:30px 0 130px}
.sec_notice .tit_section{font-size:16px}
.sec_notice .list_notice li{font-size:14px}
}
.sec_cta{position:fixed;z-index: 10;bottom:0;left:0;width:100%;min-height:200px;padding:95px 0 32px;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);background-repeat:no-repeat;background-position:bottom;background-size:100% 200px}
.sec_cta .wrap_btn{display:flex;justify-content:center;gap:16px;margin:0 auto}
.sec_cta .btn_cta{display:block;flex:1;height:80px;border-radius:10px;font-weight:800;font-size:var(--font-size-button);line-height:80px;letter-spacing:-0.22px;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease}
.sec_cta .btn_cta.btn_develop{color:#000;background:#f1fb0a}
.sec_cta .btn_cta.btn_develop:hover{background:#d4e008}
.sec_cta .btn_cta.btn_apply{color:#000;background:#fff}
.sec_cta .btn_cta.btn_apply:hover{background:hsla(0,0%,100%,.9)}
.sec_cta .btn_cta:active{transform:scale(0.98)}
@media(max-width: 768px){.sec_cta{min-height:130px;padding:54px 0 20px;background-size:100% 130px}
.sec_cta .inner{padding:0 20px}
.sec_cta .wrap_btn{gap:8px}
.sec_cta .btn_cta{height:56px;line-height:56px}
}