@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
/* Common */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html { width:100%; height:100%; font-size:16px; }
body, code { color:#1B1E26; font-family:"Noto Sans KR",'맑은 고딕',Dotum,"돋움",arial,verdana,sans-serif; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; word-break:keep-all; overflow-wrap: anywhere; }
ul, ol, dl, li { list-style:none; }
img, fieldset { border:0; max-width:100%; vertical-align:top; }
i, em, address { font-style:normal; }
table { table-layout:fixed; width:100%; border:0; border-spacing:0; border-collapse:collapse; }
table img { vertical-align:middle; }
th, td { border:0; word-wrap:break-word; }
input, select, textarea { font-size:16px; font-family:"Noto Sans KR",'맑은 고딕', Dotum,"돋움",arial,verdana,sans-serif; vertical-align:middle; outline:0; color:#1c1c1c; }
label { cursor:pointer; }
caption { overflow:hidden; width:1px; font-size:1px; line-height:0; text-indent:150%; white-space:nowrap; }
legend, .blind { display:block; overflow:hidden; position:absolute; font-size:1px; line-height:0; color:transparent; text-indent:-150%; white-space:nowrap; }
button { overflow:visible; padding:0; margin:0; border:0; outline:0; font-family:"Noto Sans KR",'맑은 고딕',Dotum,"돋움",arial,verdana,sans-serif; cursor:pointer; background:transparent; }
button::-moz-focus-inner { padding:0; border:0; }
a { text-decoration:none; color:#1B1E26; }
a:hover { text-decoration:none; }
a[href^="tel"] { color: inherit; text-decoration: none; }
input::placeholder,
textarea::placeholder { color:#a4a4a4; font-size:inherit; line-height:inherit; }
/* html5 */
object, del, sub, var { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section { display:block; }

/* #warn */
#warn { min-width:320px; padding:0 24px; box-sizing:border-box; background-color:#fff; }
#warn.typeBgImg { display:flex; flex-direction:column; width:100%; height:100%; background:url('https://img.cafe24.com/images/common/warn/bg_warm_view.png') center center no-repeat; background-size:cover; }
#warn.typeBgImg #container { flex:1; display:flex; justify-content:center; align-items:end; }
#warn.typeBgImg #footer { margin:0 0 40px; font-size:13px; line-height:20px; font-weight:400; color:#8f8f8f; text-align:center; }

/* logo */
.logo { margin:24px 0 0 0; }
.logo a { display:flex; max-width:80px; }

/* mWarn */
.mWarn { max-width:660px; margin:0 0 32px; text-align:center; color:#fff; }
.mWarn .warnTitle h2 { margin:0 0 16px; font-size:20px; line-height:28px; font-weight:700; letter-spacing:-1px; }
.mWarn .warnTitle .desc { margin:0 0 24px; font-size:13px; line-height:20px; font-weight:400; letter-spacing:-0.5px; }
 
/* btn */
[class^="btn"] { display:inline-block; height:48px; padding:0 19px; font-size:14px; line-height:46px; box-sizing:border-box; border:1px solid transparent; border-radius:6px; font-weight:700; text-align:center; white-space:nowrap; background-color:#fff; }
.btnSubmit { border-color:#0837ba; color:#fff; background-color:#1a54f5; }

@media all and (max-width:767px) { 
    .RWI, .RW, .RWIB { display:none !important; }
    .RMI { display:inline !important; }
    .RMB { display:block !important; }
    .RMIB { display:inline-block !important; }
}

@media all and (min-width:768px) { 
    .RMI, .RMB, .RMIB { display:none !important; }
    .RWI { display:inline !important; }
    .RW { display:block !important; } 
    .RWIB { display:inline-block !important; }  

    /* logo */
    .logo a { max-width:112px; }

    /* mWarn */ 
    .mWarn { margin-bottom:40px; transition:all 0.5s; }
    .mWarn .warnTitle h2 { margin-bottom:20px; }
    .mWarn .warnTitle .desc { margin-bottom:32px; }
}

@media all and (min-width:768px) and (max-width:900px) {
    /* mWarn */ 
    .mWarn .warnTitle h2 { font-size:24px; line-height:32px; letter-spacing:-0.5px; }
    .mWarn .warnTitle .desc { font-size:14px; } 
}

@media screen and (min-width:901px) { 
    /* mWarn */ 
    .mWarn .warnTitle h2 { font-size:34px; line-height:44px; }
    .mWarn .warnTitle .desc { font-size:16px; line-height:24px; } 
}

@media screen and (min-width:1281px) {
    /* mWarn */ 
    .mWarn { margin-bottom:144px; transition:all 0.5s; }
}