@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}
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:#15346b}
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;min-height:100vh;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_cta{width:100%;padding:40px 0 80px}
.sec_cta .wrap_btn{display:flex;justify-content:center;margin:0 auto}
.sec_cta .btn_cta{display:block;flex:1;max-width:360px;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;color:#000;background:#fff}
.sec_cta .btn_cta:hover{background:hsla(0,0%,100%,.9)}
.sec_cta .btn_cta:active{transform:scale(0.98)}
@media(max-width: 768px){.sec_cta{padding:33px 0 20px}
.sec_cta .inner{padding:0 20px}
.sec_cta .btn_cta{height:56px;line-height:56px}
}