@charset "utf-8";
@import url('https://unpkg.com/pretendard@1.3.9/dist/web/static/pretendard.css');

/* --------------------------------------------
 * Default
/* ------------------------------------------ */
html,body{width:100%;height:100%;}
body {font-family:'noto', 'dotum', Arial, Helvetica, sans-serif;font-size:12px;color:#6e6e6e;}
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6 {margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption {display:block;}

/* --------------------------------------------
 * Link
/* ------------------------------------------ */
a:link		{color:#6e6e6e;text-decoration:none;}
a:visited	{color:#6e6e6e;text-decoration:none;}
a:hover	    {color:#6e6e6e;text-decoration:none;}
a:active	{color:#6e6e6e;text-decoration:none;}

/* --------------------------------------------
 * Etc
/* ------------------------------------------ */
address,em	{font-style:normal;}
/* strong      {font-weight:normal;} */
hr			{display:none;}
img			{border:0;vertical-align:middle;}

/* --------------------------------------------
 * Table
/* ------------------------------------------ */
table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}


/* --------------------------------------------
 * Font
/* ------------------------------------------ */
@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 100;
    src: url(/resources/font/NotoSans-Thin.woff2) format("woff2"), url(/resources/font/NotoSans-Thin.woff) format("woff"), url(/resources/font/NotoSans-Thin.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 200;
    src: url(/resources/font/NotoSans-Light.woff2) format("woff2"), url(/resources/font/NotoSans-Light.woff) format("woff"), url(/resources/font/NotoSans-Light.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 300;
    src: url(/resources/font/NotoSans-DemiLight.woff2) format("woff2"), url(/resources/font/NotoSans-DemiLight.woff) format("woff"), url(/resources/font/NotoSans-DemiLight.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 400;
    src: url(/resources/font/NotoSans-Regular.woff2) format("woff2"), url(/resources/font/NotoSans-Regular.woff) format("woff"), url(/resources/font/NotoSans-Regular.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 500;
    src: url(/resources/font/NotoSans-Medium.woff2) format("woff2"), url(/resources/font/NotoSans-Medium.woff) format("woff"), url(/resources/font/NotoSans-Medium.otf) format("opentype")
}

@font-face {
    font-family: 'noto';
    font-style: normal;
    font-weight: 700;
    src: url(/resources/font/NotoSans-Bold.woff2) format("woff2"), url(/resources/font/NotoSans-Bold.woff) format("woff"), url(/resources/font/NotoSans-Bold.otf) format("opentype")
}

@font-face {
    font-family: 'hans';
    font-style: normal;
    font-weight: 700;
    src: url(/resources/font/BlackHanSans.otf) format("opentype")
}

.wrap-camp .wrap {margin-top:80px!important}
.wrap-camp .footer .footer-sns > li .ico-market img {vertical-align:top}

.campaign-copyright {height:144px;background-color:#000!important;color:#fff!important;font-family:'Pretendard';font-size:18px;letter-spacing:-0.025em;font-weight:400;display:flex;align-items:center;justify-content:center}

.mo-campaign-copyright {height:144px;background-color:#000!important;color:#fff!important;font-family:'Pretendard';letter-spacing:-0.025em;font-weight:400;display:flex;align-items:center;justify-content:center}
.mo-campaign-copyright > p {color:#fff!important}

.top-support-btn,
.chatbot,
.btn_chatbot,
.btn_hide,
.btn_show {display:none!important}

/* APP 신청폼 화면 */
.inner-form-app {position:relative;width:100%;height:100%}
.inner-form-app > .form-app-theme {border-radius:5.54vw;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}
.inner-form-app > .form-app-theme.theme-light {background-color:rgba(255, 255, 255, 0.95);border:0.31vw solid #00a686}
.inner-form-app > .form-app-theme.theme-dark {background-color:rgba(0, 0, 0, 0.7)}
.inner-form-app > .form-app-theme > div {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}
.inner-form-app > .form-app-theme > div > p {font-family:'Pretendard';font-weight:600;font-size:3.96vw;letter-spacing:-0.01em;margin-bottom:6.71vw}
.inner-form-app > .form-app-theme > div > p span {display:block;font-family:'Pretendard';font-weight:700;font-size:4.76vw;margin-top:1.37vw}
.inner-form-app > .form-app-theme > div > p::before {content:'';display:block;width:29.56vw;height:26.79vw;margin:auto;margin-bottom:6.16vw;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(/resources/microCampaign/images/form-app-chomunge.png)}
.inner-form-app > .form-app-theme > div > a {display:flex;align-items:center;justify-content:center;width:36.92vw;height:11.36vw;border-radius:4.23vw;font-family:'Pretendard';font-weight:800;font-size:3.96vw}
.inner-form-app > .form-app-theme.theme-light > div > p {color:#000}
.inner-form-app > .form-app-theme.theme-light > div > a {background-color:#fff;border:0.26vw solid #00a686;color:#00a686}
.inner-form-app > .form-app-theme.theme-dark > div > p {color:#fff}
.inner-form-app > .form-app-theme.theme-dark > div > a {background-color:transparent;border:0.26vw solid #fff;color:#fff}