@charset "utf-8";
@font-face{font-family:"abchanel-corpo";font-display:swap;src:url("https://fonts.chanel.com/k/29d2ee826a834270fc144dccbb2359ae46f53c3b-l.woff2") format("woff2"),url("https://fonts.chanel.com/k/29d2ee826a834270fc144dccbb2359ae46f53c3b-d.woff") format("woff"),url("https://fonts.chanel.com/k/29d2ee826a834270fc144dccbb2359ae46f53c3b-a.otf") format("opentype");font-style:normal;font-weight:400}
@font-face{font-family:"abchanel-corpo";font-display:swap;src:url("https://fonts.chanel.com/k/64b14ed9188172fd562480b882a998c1cb8e8eb2-l.woff2") format("woff2"),url("https://fonts.chanel.com/k/64b14ed9188172fd562480b882a998c1cb8e8eb2-d.woff") format("woff"),url("https://fonts.chanel.com/k/64b14ed9188172fd562480b882a998c1cb8e8eb2-a.otf") format("opentype");font-style:normal;font-weight:300}
@font-face{font-family:"abchanel-corpo";font-display:swap;src:url("https://fonts.chanel.com/k/4557ee3c5c7e229667c02c3e802771f4feae8659-l.woff2") format("woff2"),url("https://fonts.chanel.com/k/4557ee3c5c7e229667c02c3e802771f4feae8659-d.woff") format("woff"),url("https://fonts.chanel.com/k/4557ee3c5c7e229667c02c3e802771f4feae8659-a.otf") format("opentype");font-style:normal;font-weight:600}
@font-face{font-family:"abchanel-corpo";font-display:swap;src:url("https://fonts.chanel.com/k/1b32c8a567ffef9b4919d90a39670b0f25b146bc-l.woff2") format("woff2"),url("https://fonts.chanel.com/k/1b32c8a567ffef9b4919d90a39670b0f25b146bc-d.woff") format("woff"),url("https://fonts.chanel.com/k/1b32c8a567ffef9b4919d90a39670b0f25b146bc-a.otf") format("opentype");font-style:normal;font-weight:200}
@font-face {
    font-family: "abchanel-corpo-semibold";
    src: url("https://fonts.chanel.com/k/4557ee3c5c7e229667c02c3e802771f4feae8659-l.woff2") format("woff2"), url("https://fonts.chanel.com/k/4557ee3c5c7e229667c02c3e802771f4feae8659-d.woff") format("woff"), url("https://fonts.chanel.com/k/4557ee3c5c7e229667c02c3e802771f4feae8659-a.otf") format("opentype");
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Noto Sans KR';
    src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format('woff2'), url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format('woff'), url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format('opentype');
    font-style: normal;
    font-weight: 400;
}
/* DEFAULT */
*, *::before, *::after {-webkit-box-sizing: border-box; box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin: 0; padding: 0; border: 0; vertical-align: baseline;}main, article, aside, hgroup, header, footer, figure, figcaption, nav, section { display: block;}img, video { max-width: 100%; max-height: 100%;}img { image-rendering: -webkit-optimize-contrast;}ol, ul { list-style: none;}em { font-style: normal;}blockquote, q { quotes: none;}blockquote:before, blockquote:after, q:before, q:after { content: '';}html { -webkit-text-size-adjust: 100%;}table { table-layout: fixed; width: 100%; max-width: 100%; border-color: inherit; border-collapse: collapse; border-spacing: 0;}button, input, optgroup, select, textarea { font-family: inherit; margin: 0;}select { cursor: pointer; appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ }select::-ms-expand { display: none;}input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0;}button, [type='button'], [type='reset'], [type='submit'] { cursor: pointer; appearance: button; -webkit-appearance: button;}button { padding: 0; line-height: inherit; color: inherit; border-radius: 0; background-color: transparent; background-image: none; text-align: left;}:-moz-ui-invalid { box-shadow: none;}input, button, textarea, select { outline: none;}input:focus, button:focus, textarea:focus, select:focus { outline: none;}a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,.1);}/* placeholder */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; color: #bbb; text-align: left;}::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; color: #bbb; text-align: left;}::-moz-placeholder { /* Firefox 18- */ font-size: 16px; color: #bbb; text-align: left;}input:-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color: #bbbbbb !important; text-align: left !important;}textarea:-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color: #bbbbbb !important; text-align: left !important;}::-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color: #bbbbbb; text-align: left !important;}::-ms-clear { display: none;}::-ms-reveal { display: none;}
:root {
    --background: #FFFFFF;
    --color-tit: #1D1D1D;
    --color-txt: #333333;
    --color-sub: #828282;
    --color-point: #EE4156;
    --color-placeholder: #828282;
    --color-notice: #F9F9F9;
    --form-border: #D1D1D1;
    --button-background: #000000;
    --button-border: #000000;
    --button-txt: #F9F9F9;
    --content-pd: 0 20px;
}
body {
    background: var(--background); 
    color: var(--color-txt); 
    font-family: 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'Helvetica', 'sans-serif', 'Arial'; 
    font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0.1px; text-align: center;
}
.wrap {width: 100%; min-width: 320px; max-width: 700px; min-height: 100vh; margin: 0 auto; position: relative;}
section {padding-bottom: 90px;}

/* Header */
header {height: 122px;}
header .logo {display: flex; justify-content: center; align-items: center; height: 122px;}

/* Contents */
.c_tit {margin: 27px 0;}
.c_visual {line-height: 0; margin-bottom: 27px;}
.c_visual_sub {line-height: 0; margin-bottom: 54px;}
.c_visual a, .c_visual_sub a {display: inline-block;}
.c_line {width: 80px; height: 2px; background: var(--color-tit); margin: 54px auto;}
.c_text {padding: var(--content-pd); margin-bottom: 54px;}
.c_text.mb27 {margin-bottom: 27px;}
.c_text.mt54 {margin-top: 54px;}
.c_btn {margin-bottom: 18px;}

/* Notice */
.c_notice {
    width: 100%; max-width: 350px; margin: 0 auto;
    padding: 16px 8px;
    margin-bottom: 27px;
    font-size: 12px; font-weight: 400; line-height: 1.5;
    background: var(--color-notice);
}
.c_notice p {text-align: center; font-size: 13px; font-weight: 700; margin-bottom: 8px;}

/* Contents_Redeem */
.c_redeem {margin-bottom: 54px; border-top: 1px dashed var(--color-sub); border-bottom: 1px dashed var(--color-sub); background: #F9F9F9;}
.c_redeem_tit {font-size: 15px; font-weight: 700; line-height: 1.5; padding: 16px 0; color: var(--color-sub); cursor: pointer;}
.c_redeem_tit.completed {font-size: 14px; font-weight: 400; line-height: 165%; letter-spacing: 0;cursor: default;}
.c_redeem_form {border-top: 1px dashed var(--color-sub);}
.c_redeem_form.c_redeem_form_qr {border-top: none;}
.c_redeem_form p {font-size: 12px; font-weight: 400; line-height: 1.5; color: var(--color-txt); margin: 16px 0}
.c_redeem_form form {width: 40%; margin: 0 auto 28px auto}
.c_redeem_form form input[type="password"] {background: none; width: 100%; border-bottom: 2px solid var(--button-border); font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--color-txt); text-align: center; padding: 4px 0; margin-top: 12px;}
.c_redeem_form form input[type="password"]::placeholder {color: var(--color-placeholder); font-size: 14px; font-weight: 400; line-height: 1.2; text-align: center;}
.c_redeem_btn button, 
.c_redeem_btn a {display: inline-block; width: 40%; padding: 8px 0; background: var(--button-border); color: var(--button-txt); font-size: 14px; font-weight: 500; line-height: 1.5; text-align: center; margin-bottom: 18px;}

/* Text */
.info_notice {
    font-style: italic; font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Helvetica', 'AG_Helvetica';
    font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: 0.5px;
    margin-bottom: 20px;
}
.t_heading {
    color: var(--color-tit);
    font-family: 'abchanel-corpo-semibold', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 25px; font-weight: 700;
    line-height: 31px; letter-spacing: 1.3px;
    margin-bottom: 9px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.t_heading.mb27 {margin-bottom: 27px;}
.t_heading_sub {
    color: var(--color-tit);
    font-family: 'abchanel-corpo', 'Apple SD Gothic Neo', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 15px; font-weight: 700; 
    line-height: 21.6px; letter-spacing: 1.3px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.t_sub_title {
    color: var(--color-tit);
    font-family: 'abchanel-corpo', 'Apple SD Gothic Neo', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 22px; font-weight: 700; 
    line-height: 130%; letter-spacing: 1px;
    margin-bottom: 9px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.t_text {
    color: var(--color-txt);
    font-size: 14px; font-weight: 400;
    line-height: 21px; letter-spacing: 0.1px;
    margin-bottom: 18px;
    word-break: keep-all;
}
.t_sub_text {
    color: var(--color-sub);
    font-size: 12px; font-weight: 300;
    line-height: 18px; letter-spacing: 0.1px;
}
.t_sub_text .point {color: var(--color-point);}
.t_notice {
    color: var(--color-txt);
    font-size: 12px; font-weight: 300;
    line-height: 16px; letter-spacing: 0.1px;
}
.point {color: var(--color-point);}


.t_btn {
    display: inline-block;
    background: var(--button-background); color: var(--button-txt);
    border: 1px solid var(--button-border);
    padding: 16px 21px 16px 21px;
    font-family: 'abchanel-corpo', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 12px; font-weight: 700;
    line-height: 13.97px; letter-spacing: 0.8px;
}
.t_btn_intro {
    display: inline-block; width: 70%;
    background: var(--button-background); color: var(--button-txt);
    border: 1px solid var(--button-border); border-radius: 3px;
    padding: 16px 0;
    font-family: 'abchanel-corpo', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 12px; font-weight: 500;
    line-height: 13.97px; letter-spacing: 0.8px;
    text-align: center;
}
.t_btn_intro.t_btn_kakao {
    background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTIgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIiBmaWxsPSJ1cmwoI3BhdHRlcm4wXzE0Nl8xNjApIi8+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0dGVybiBpZD0icGF0dGVybjBfMTQ2XzE2MCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMTQ2XzE2MCIgdHJhbnNmb3JtPSJzY2FsZSgwLjA4MzMzMzMgMC4wOTA5MDkxKSIvPgogICAgICAgIDwvcGF0dGVybj4KICAgICAgICA8aW1hZ2UgaWQ9ImltYWdlMF8xNDZfMTYwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQXdBQUFBTENBWUFBQUJMY0d4ZkFBQUFHWFJGV0hSVGIyWjBkMkZ5WlFCQlpHOWlaU0JKYldGblpWSmxZV1I1Y2NsbFBBQUFBeVpwVkZoMFdFMU1PbU52YlM1aFpHOWlaUzU0YlhBQUFBQUFBRHcvZUhCaFkydGxkQ0JpWldkcGJqMGk3N3UvSWlCcFpEMGlWelZOTUUxd1EyVm9hVWg2Y21WVGVrNVVZM3ByWXpsa0lqOCtJRHg0T25odGNHMWxkR0VnZUcxc2JuTTZlRDBpWVdSdlltVTZibk02YldWMFlTOGlJSGc2ZUcxd2RHczlJa0ZrYjJKbElGaE5VQ0JEYjNKbElEVXVOaTFqTVRRMUlEYzVMakUyTXpRNU9Td2dNakF4T0M4d09DOHhNeTB4TmpvME1Eb3lNaUFnSUNBZ0lDQWdJajRnUEhKa1pqcFNSRVlnZUcxc2JuTTZjbVJtUFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eE9UazVMekF5THpJeUxYSmtaaTF6ZVc1MFlYZ3Ribk1qSWo0Z1BISmtaanBFWlhOamNtbHdkR2x2YmlCeVpHWTZZV0p2ZFhROUlpSWdlRzFzYm5NNmVHMXdQU0pvZEhSd09pOHZibk11WVdSdlltVXVZMjl0TDNoaGNDOHhMakF2SWlCNGJXeHVjenA0YlhCTlRUMGlhSFIwY0RvdkwyNXpMbUZrYjJKbExtTnZiUzk0WVhBdk1TNHdMMjF0THlJZ2VHMXNibk02YzNSU1pXWTlJbWgwZEhBNkx5OXVjeTVoWkc5aVpTNWpiMjB2ZUdGd0x6RXVNQzl6Vkhsd1pTOVNaWE52ZFhKalpWSmxaaU1pSUhodGNEcERjbVZoZEc5eVZHOXZiRDBpUVdSdlltVWdVR2h2ZEc5emFHOXdJRU5ESURJd01Ua2dLRmRwYm1SdmQzTXBJaUI0YlhCTlRUcEpibk4wWVc1alpVbEVQU0o0YlhBdWFXbGtPa001UkRnNE1qRkJSRUZFTkRFeFJVWkNOakZEUWpSQk1qUTNPREkwUmpJd0lpQjRiWEJOVFRwRWIyTjFiV1Z1ZEVsRVBTSjRiWEF1Wkdsa09rTTVSRGc0TWpGQ1JFRkVOREV4UlVaQ05qRkRRalJCTWpRM09ESTBSakl3SWo0Z1BIaHRjRTFOT2tSbGNtbDJaV1JHY205dElITjBVbVZtT21sdWMzUmhibU5sU1VROUluaHRjQzVwYVdRNlF6bEVPRGd5TVRoRVFVUTBNVEZGUmtJMk1VTkNORUV5TkRjNE1qUkdNakFpSUhOMFVtVm1PbVJ2WTNWdFpXNTBTVVE5SW5odGNDNWthV1E2UXpsRU9EZ3lNVGxFUVVRME1URkZSa0kyTVVOQ05FRXlORGM0TWpSR01qQWlMejRnUEM5eVpHWTZSR1Z6WTNKcGNIUnBiMjQrSUR3dmNtUm1PbEpFUmo0Z1BDOTRPbmh0Y0cxbGRHRStJRHcvZUhCaFkydGxkQ0JsYm1ROUluSWlQejVocHpLOEFBQUFxVWxFUVZSNDJtS1VGR09BQVNVZ3pnQmlGeWdiQk80QjhSNGduZ0ZsTXpCQ05hUUI4UVFnNW1UQURyNERjU0VRendScENBUXkxakVRQndLWWVia1psZ0laa2tScVVBSFo4QWZJWUNaU3d3OG1JSEdYZ1hqd0FLU2hsd1FOZlNBL25BTXl1SURZQ2hScU9CVCtCK0llSU80Q2FRQ0IzVURNQnNTMmFBby9BZkZXYVB6TUJRbXdJRW5xQS9FL0lKNEVkZVlQSUg0TE5SME9ZQnBBZmhFR1ltc2dQb0hQRXdBQkJnRHJYQnc0N2NCeDZnQUFBQUJKUlU1RXJrSmdnZz09Ii8+CiAgICA8L2RlZnM+Cjwvc3ZnPgo=") no-repeat #FEE500;
    background-position: calc(50% - 76px) center;
    color: #000000;
    border: 1px solid #FEE500;
    padding-left: 12px;
}
.t_btn_sub {
    display: inline-block;
    font-size: 12px; font-weight: 700;
    line-height: 127%; letter-spacing: 0.8px;
    padding: 17px 21px;
    border: 1px solid #000000;
    margin-top: 18px;
}
.t_info {color: var(--color-txt); margin: 27px 0;}
.t_info dt {
    font-size: 16px; font-weight: 600; 
    line-height: 23.04px;
    margin-bottom: 4px;
}
.t_info dd {
    font-size: 14px; font-weight: 400;
    line-height: 21px; letter-spacing: 0.1px;
    margin-bottom: 18px;
}
.t_info dd button,
.t_info dd a {
    margin-top: 9px;
}
.t_info dd button.t_info_map,
.t_info dd a.t_info_map {
    padding: 10px 36px 10px 20px;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="%23000000"><path d="M12 0c-4.198 0-8 3.403-8 7.602 0 4.198 3.469 9.21 8 16.398 4.531-7.188 8-12.2 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z"/></svg>') no-repeat center right 18px;
}


.t_notice_list li {
    position: relative;
    margin: 2px 0 0 0;
    padding: 0 0 4px 12px;
    text-align: left;
}
.t_notice_list.mark-dot li {
    padding: 0 0 4px 8px;
}
.t_notice_list li.red {color: #A32135; font-weight: bold;}
.t_notice_list li:before {
    content: "※";
    position: absolute;
    top: 0px; left: 0px;
}
.t_notice_list.mark-dot li:before {
    content: "";
    position: absolute;
    top: 9px; left: 0px;
    width: 2px; height: 2px;
    border-radius: 100%;
    background-color: var(--color-txt);
}

/* Form */
#campaignForm {margin-bottom: 48px;}
.c_form {width: 90%; max-width: 350px; margin: 0 auto; text-align: left;}
.c_form_txt {
    border: 1px solid var(--button-border);;
    padding: 12px 8px; margin: 27px 0;
    font-size: 13px; font-weight: 400; line-height: 1.5;
}
.c_form_txt.center {text-align: center;}

/* Registration */
.c_form .c_form_recaptcha {margin-bottom: 30px;}
.c_form .c_form_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 8px;
    row-gap: 8px;
    grid-template-areas: 
                        "label label label"
                        "formItem1 formItem1 formItem1";
    margin-bottom: 30px;
}
.c_form .c_form_grid.c_form_1_2 {
    grid-template-areas: 
                        "label label label"
                        "formItem1 formItem2 formItem2";
}
.c_form .c_form_grid.c_form_2_1 {
    grid-template-areas: 
                        "label label label"
                        "formItem1 formItem1 formItem2";
}
.c_form .c_form_grid.c_form_1_1_1 {
    grid-template-areas: 
                        "label label label"
                        "formItem1 formItem2 formItem3";
}
.c_form .c_form_grid label {
    grid-area: label; 
}
.c_form .c_form_grid input,
.c_form .c_form_grid select {
    grid-area: formItem1; 
}
.c_form .c_form_grid input+input,
.c_form .c_form_grid input+button,
.c_form .c_form_grid input+a{
    grid-area: formItem2;
}
.c_form .c_form_1_1_1 label + select + select {
    grid-area: formItem2;
}
.c_form .c_form_1_1_1 label + select + select + select {
    grid-area: formItem3;
}
.c_form .c_form_1_1_1 label + select + select + select + div {
    grid-column: 1 / 4;
}
.c_form_gender {display: flex;}

.c_form .c_form_grid .c_form_grid_addr {
    grid-column: auto / span 3;
}
.c_form .c_form_grid .c_form_grid_addr input {margin-bottom: 8px;}
.c_form .c_form_grid.c_form_hidden {display: none;}

.c_form .c_form_grid label, 
.c_form .c_form_grid_none label {font-size: 12px; font-weight: 700; line-height: 1.2; text-align: left;}
.c_form .c_form_grid label small, 
.c_form .c_form_grid_none label small {font-size: inherit; font-weight: normal; line-height: 24px;}
.c_form .c_form_grid input[type='text'] {width: 100%; padding: 8px 4px; background: none; border-bottom: 1px solid var(--button-border); color: var(--color-txt); font-size: 14px; font-weight: 400; line-height: 1.2;}
.c_form .c_form_grid input::placeholder {color: var(--color-placeholder); font-size: 14px; font-weight: 400; line-height: 1.2;}
.c_form .c_form_grid select {
    width: 100%; padding: 8px 21px 8px 4px; 
    background: url('data:image/svg+xml;charset=utf-8,<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="%23000000"><path d="m16.843 10.211c.108-.141.157-.3.157-.456 0-.389-.306-.755-.749-.755h-8.501c-.445 0-.75.367-.75.755 0 .157.05.316.159.457 1.203 1.554 3.252 4.199 4.258 5.498.142.184.36.29.592.29.23 0 .449-.107.591-.291 1.002-1.299 3.044-3.945 4.243-5.498z"/></svg>') no-repeat center right 4px;
    border: 1px solid var(--button-border); color: var(--color-txt); font-size: 14px; font-weight: 400; line-height: 1.2;
}
.c_form .c_form_grid select option {color: #000000;}

.c_form .c_form_grid button,
.c_form .c_form_grid a {display:inline-block; width: 100%; padding: 8px 0; background: var(--button-background); border: 1px solid var(--button-border); color: var(--button-txt); font-size: 12px; font-weight: 400; line-height: 1.2; text-align: center;}
.c_form .c_form_grid button.readOnly,
.c_form .c_form_grid a.readOnly {cursor: default; background: #828282; border:1px solid #828282; color: var(--background);}

.c_form .c_form_2nd {background: var(--background); padding: 8px 12px; margin-bottom: 6px;}
.c_form .c_form_agree_tit {font-size: 14px; font-weight: 700; line-height: 1.5; margin: 12px 0;}
.c_form .c_form_agree_txt {font-size: 12px; font-weight: 400; line-height: 1.5; margin-bottom: 24px;}
.c_form .c_form_agree {margin-bottom: 12px; padding-left: 27px;}
.c_form .c_form_agree label {margin: 4px 0; font-size: 12px; font-weight: 500; line-height: 1.5;}
.c_form .c_form_agree label a {text-decoration: underline;}
.c_form .c_form_agree button {
    font-size: 12px; font-weight: 300; line-height: 1.5; 
    border-bottom: 1px solid var(--button-border);
}
.c_form .c_form_agree div.detail {
    display: none;
    margin: 12px 0;
    font-size: 12px; font-weight: 400; line-height: 1.5;
    border: none;
}
.c_form .c_form_agree div.detail.scroll {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid var(--button-border);
    padding: 0 4px;
}
.c_form .c_form_agree div.detail a{
    text-decoration: underline;
}
.c_form .c_form_2nd .info_optional {font-size: 12px; font-weight: 400; line-height: 1.5; color: #ee4156; display: none;}

.c_form input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0; vertical-align:middle}
.c_form input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer;}
.c_form input[type="checkbox"] + label:before {
    position: absolute; top: -2px; left: -27px;
    content:'　'; display:inline-block; width:24px; height:24px; line-height:1.2; margin:0;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6.75055" y="6.74937" width="10.5" height="10.5" stroke="%23000000" stroke-width="1.5" fill="none"/></svg>');
    background-size: contain;
}
.c_form input[type="checkbox"]:checked + label:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M10.0001 11.0004L12.0001 13.0004L18.0001 7.00044" stroke="%23000000" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.001 6.00055H7.50055H6.00055V7.50055V16.5005V18.0005H7.50055H16.5005H18.0005V16.5005V13.0009H16.5005V16.5005H7.50055V7.50055H13.001V6.00055Z" fill="%231D1D1D"/> </svg>');
    background-size: contain;
}
/* c_form_birth */
.c_form .c_form_birth {margin-top: 6px;}
.c_form .c_form_birth input[type="checkbox"] + label {
    padding-left: 24px;
    font-size: 12px; font-weight: normal; line-height: 22px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.c_form .c_form_birth input[type="checkbox"] + label:before {top: 0; left: 0;}
.c_form .c_form_birth p {
    display: none;
    padding-left: 24px;
    font-size: 12px; color: #ee4156; line-height: 1.5;
}

/* c_form_agree_all */
.c_form .c_form_agree.c_form_agree_all {margin-bottom: 4px;}
.c_form .c_form_agree_all input[type="checkbox"] + label {
    font-size: 14px; font-weight: 700; line-height: 1.5;
}

.c_form_btn {margin-bottom: 27px; text-align: center;}
.c_form_btn button,
.c_form_btn a {
    display: inline-block; width: 100%; padding: 10px 0; 
    background: var(--button-background); border: 1px solid var(--button-border); cursor: pointer;
    font-size: 14px; font-weight: 500; color: var(--button-txt); 
    text-align: center;
}
.c_form_btn button.reverse,
.c_form_btn a.reverse {
    background: var(--button-border); border: 1px solid var(--button-border);
    font-weight: 600; color: var(--button-background); 
}
.c_form_btn button.btn_point,
.c_form_btn a.btn_point {
    background: var(--point); border: 1px solid var(--point);
}
.c_form_btn button.line,
.c_form_btn a.line {display: inline-block; width: auto; padding: 4px 2px; background: none; border: none; border-bottom: 1px solid var(--color-sub); color: var(--color-sub); margin-top: 18px; font-size: 13px;}
.c_form .c_form_btn a.cancel {background: #818181; border: 1px solid #818181;}
.c_form .c_form_btn.c_form_btn_half {display:flex; justify-content: space-between;}
.c_form .c_form_btn.c_form_btn_half a{width: 49%;}

/* Reservation */
.c_form_div {margin-bottom: 27px;}
.c_form_div .c_form_tit {
    display: flex; align-items: center; padding: 8px 4px; 
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="%23D1D1D1"><path d="M0 8.34l1.41 1.41 4.56-4.65 4.56 4.65 1.41-1.41-5.97-6.1z"/></svg>') no-repeat 98% 50%;
    border-bottom:1px solid var(--form-border);
    font-size: 14px; font-weight: 700;
    color: var(--form-border);
    cursor: pointer;
}
.c_form_div .c_form_tit.complete {
    background: url('data:image/svg+xml;charset=utf-8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%2309b96e"><path d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"></path></svg>') no-repeat 98% 50%;
    color: var(--color-txt);
}
.c_form_div .c_form_tit.on.complete,
.c_form_div .c_form_tit.on {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="%23000000"><path d="M0 3.665l1.414-1.415 4.587 4.669 4.583-4.669 1.416 1.415-5.999 6.085z"/></svg>') no-repeat 98% 50%;
    border-bottom:1px solid var(--button-border);
    color: var(--color-txt);
}

.c_form_div .c_form_tit svg {margin-right: 8px;}

.c_form_div .c_form_tit span {display:inline-block; width: 100%; text-align: left; position: relative;}
.c_form_div .c_form_tit span b {position: absolute; right: 28px;}

.c_form_div .c_form_legend {text-align: right; margin: 4px 0; font-size: 13px;}
.c_form_div .c_form_legend span{color: var(--color-sub);}

.c_form_div .c_form_bed {
    display:none; margin: 12px 0; padding-left: 28px;
    font-size: 13px; font-weight: 400; color: #A32135;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0iI0EzMjEzNSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJNOC45ODIgMS41NjZhMS4xMyAxLjEzIDAgMCAwLTEuOTYgMEwuMTY1IDEzLjIzM2MtLjQ1Ny43NzguMDkxIDEuNzY3Ljk4IDEuNzY3aDEzLjcxM2MuODg5IDAgMS40MzgtLjk5Ljk4LTEuNzY3TDguOTgyIDEuNTY2ek04IDVjLjUzNSAwIC45NTQuNDYyLjkuOTk1bC0uMzUgMy41MDdhLjU1Mi41NTIgMCAwIDEtMS4xIDBMNy4xIDUuOTk1QS45MDUuOTA1IDAgMCAxIDggNXptLjAwMiA2YTEgMSAwIDEgMSAwIDIgMSAxIDAgMCAxIDAtMnoiLz48L3N2Zz4=") no-repeat;
    background-position: 5px center;
}

.c_form_btn {margin-bottom: 27px; text-align: center;}
.c_form_btn button,
.c_form_btn a {
    display: inline-block; width: 100%; padding: 12px 0; 
    background: var(--button-background); border: 1px solid var(--button-border); cursor: pointer;
    font-size: 14px; font-weight: 700; color: var(--button-txt); line-height: 1.5;
    text-align: center;
}
.c_form_btn button.reverse,
.c_form_btn a.reverse {
    background: var(--button-border); border: 1px solid var(--button-border);
    font-weight: 600; color: var(--button-background); 
}
.c_form_btn button.line,
.c_form .c_form_btn a.line {display: inline-block; width: auto; padding: 4px 2px; background: none; border: none; border-bottom: 1px solid var(--button-border); color: var(--button-border); font-weight: 500;}
.c_form .c_form_btn a.cancel {background: #818181; border: 1px solid #818181;}
.c_form .c_form_btn.c_form_btn_half {display:flex; justify-content: space-between;}
.c_form .c_form_btn.c_form_btn_half a{width: 49%;}

/* popup */
.layerPop {display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.9); z-index: 1000}
.layerPop.preLoader {background: #FFFFFF; opacity: 0.93; color: #000000;  display: block;}
.layerPop .l_content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; min-width: 300px; max-width: 400px; background: #FFFFFF; border: 1px solid #D1D1D1;}
.layerPop .l_content.noline {border: none;}
.layerPop.preLoader .l_content {padding: 40px 0; background: none; border: none}
.layerPop.preLoader .l_content .img_loading {width: 85px;}
.layerPop .l_content .logo {padding: 20px 0; text-align: center; border-bottom: 1px solid #ECECEC; margin-bottom: 40px}
.layerPop .l_content .logo img {height: 16px}
.layerPop .l_content .tit {text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 24px}
.layerPop .l_content .tit .imp_font {font-weight: bold; text-decoration: underline; text-underline-position: under}
.layerPop .l_content .txt {text-align: center; font-size: 14px; line-height: 1.4; color: #000000;}
.layerPop .l_content .txt_sub {padding: 0 20px; font-size: 12px; line-height: 1.4; color: #000000;}
.layerPop .l_content .txt .imp_font {font-weight: bold; text-decoration: underline; text-underline-position: under}
.layerPop .l_content .txt iframe {width: 90%}
.layerPop .l_content .c_form_wrap {margin-bottom: 0}
.layerPop .btn {overflow: hidden; text-align: center; margin-top: 40px}
.layerPop .btn button,
.layerPop .btn a {float: left; width: 50%; height: 48px; line-height: 48px; color: #FFFFFF; font-size: 14px; cursor: pointer; text-align: center;}
.layerPop .btn .full {width: 100%}
.layerPop .btn .right {float: right}
.layerPop .btn .cancel {background: #F5F5F5; color: #000000}
.layerPop .btn .confirm {background: #000000}
.qrcode {text-align: center; margin-bottom: 27px;}
.qrcode img {display: inline-block !important}

/* stock */
#dispStockPop .l_content .logo {margin-bottom: 0; font-size: 16px; font-weight: bold;}
#dispStockPop .btn {margin-top: 0;}
#dispStockPop table {display: block; color: #000000; text-align: center;}
#dispStockPop table th {padding: 13px 0; font-size: 14px; font-weight: bold; background: #F1F1F1; border:1px solid #DDDDDD;}
#dispStockPop table td {padding: 8px 0; font-size: 12px; border:1px solid #DDDDDD; border-top: none;}
#dispStockPop table td:first-child {text-align: center; padding: 8px 4px; word-break: break-all;}
#dispStockPop table tbody {display: block; max-height: 192px; overflow: overlay;}
#dispStockPop table th:nth-of-type(1), #dispStockPop table td:nth-of-type(1) {width: 60%;}
#dispStockPop table th:nth-of-type(2), #dispStockPop table td:nth-of-type(2) {width: 40%;}
#dispStockPop table thead, #dispStockPop table tbody tr {display: table; width: 100%;}
@media (pointer: fine) {
    #dispStockPop table tbody::-webkit-scrollbar {width: 0;}
}

/* common */
.chanel {font-family: 'abchanel-corpo', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;}