@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;
    --input-border: #000000;
    --button-background: #000000;
    --button-border: #000000;
    --button-txt: #F9F9F9;
    --datepicker-active: #000000;
    --datepicker-active-text: #EEEEEE;
    --datepicker-text: #000000;
    --datepicker-disabled: #EEEEEE;
    --datepicker-hover: #EEEEEE;
    --datepicker-hover-text: #333333;
    --point: #FEBEB2;
    --content-pd: 0 24px;
}
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 {background: var(--background); width: 100%; min-width: 320px; max-width: 700px; min-height: 100vh; margin: 0 auto}
/* section {padding-bottom: 90px;} */

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

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

/* Notice */
.c_notice {
    width: 100%; max-width: 350px; margin: 0 auto;
    padding: 8px 12px;
    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(--input-border); font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--color-txt); text-align: center}
.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 {margin-bottom: 32px;}
.c_redeem_btn button, 
.c_redeem_btn a {display: inline-block; width: 40%; padding: 8px 0; background: var(--input-border); border: 1px solid var(--input-border); color: var(--button-txt); font-size: 14px; font-weight: 500; line-height: 1.5; text-align: center;}

/* Text */
.info_notice {
    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', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 22px; 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_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', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 16px; font-weight: 600; 
    line-height: 23.04px;
    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 {
    font-size: 12px;
}
.t_sub_text.point {font-size: 13px; color: #A32135; font-weight: bold;}
.t_btn {
    display: inline-block; width: 80%; padding: 10px 0;
    background: var(--button-background); border: 1px solid var(--button-border);
    font-family: 'abchanel-corpo-semibold', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 14px; font-weight: 500; color: var(--button-txt);
    text-align: center;
}
.t_btn.btn_point {
    background: var(--button-background); border: 1px solid var(--button-border);
}
.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;
}

/* info */
.t_info {color: var(--color-txt); margin: 27px 0;}
.t_info dt {
    font-size: 15px; font-weight: 700; 
    line-height: 21.6px; letter-spacing: 1.3px;
}
.t_info dd {
    font-size: 14px; font-weight: 400; 
    line-height: 21px; letter-spacing: 0.1px;
    margin-bottom: 18px
}
.t_info dd a {
    margin-top: 9px;
}

/* notice */
.t_notice_list li {  
    position: relative;
    margin: 2px 0 4px 0;
    padding-left: 14px;
    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_tit {
    font-size: 22px; font-weight: 600; 
    line-height: 1.5;
    text-align: center;
    margin-bottom: 16px;
}
.c_form_txt {
    border: 1px solid var(--input-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: 27px;
}
.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.c_form_1_1_1.mb0 {
    margin-bottom: 0;
}
.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(--input-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(--input-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_birth {display: grid;}

.c_form .c_form_2nd {background: #F9F9F9; 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(--input-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="%231D1D1D" 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="%231D1D1D" 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(--button-background); border: 1px solid var(--button-border);
}
.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(--input-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;
}

/* Airport */
.c_form_airport {display:none;}
.c_form_airport input[type="radio"] {opacity: 0; display: none;}
.c_form_airport label {
    display: block;
    font-family: 'abchanel-corpo'; font-size: 14px;
    padding: 12px 8px 13px 36px; margin: 8px 0;
    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" fill="%23767676" xmlns="http://www.w3.org/2000/svg"><path d="m11.998 2c5.517 0 9.997 4.48 9.997 9.998 0 5.517-4.48 9.997-9.997 9.997-5.518 0-9.998-4.48-9.998-9.997 0-5.518 4.48-9.998 9.998-9.998zm0 1.5c-4.69 0-8.498 3.808-8.498 8.498s3.808 8.497 8.498 8.497 8.497-3.807 8.497-8.497-3.807-8.498-8.497-8.498z" fill-rule="nonzero"/></svg>') no-repeat center left 12px #F2F2F2;
    background-size: 16px 16px;
    border-radius: 6px;
    cursor: pointer;
}
.c_form_airport input[type="radio"]:checked + label {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23000000"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1.25 16.518l-4.5-4.319 1.396-1.435 3.078 2.937 6.105-6.218 1.421 1.409-7.5 7.626z"/></svg>') no-repeat center left 12px #F2F2F2;
    background-size: 16px 16px;
    position: relative;
}

/* Datepicker */
.calendarArea {width:100%;margin:0 auto;margin-bottom:40px;}
.datepicker-inline {width: 100% !important;font-size: 14px !important; text-align: center !important;}
.datepicker table thead th{font-weight: bold;padding:8px 0;font-size: 14px;}
.datepicker table thead th.datepicker-switch {font-size: 16px;padding:20px 0;}
.datepicker table thead th.prev {text-align:left;padding:10px 0;}
.datepicker table thead th.next {text-align:right;padding:10px 0;}
.datepicker table thead th.prev img{max-height:17px;display:inline-block;margin-bottom:1px;margin-left: 12px;line-height:22px;vertical-align: middle;}
.datepicker table thead th.next img{max-height:17px;display:inline-block;margin-bottom:1px;margin-right: 12px;line-height:22px;vertical-align: middle;}
.datepicker table thead th:hover{background: none !important;}
.datepicker table tbody td {padding: 12px 4px;}
.datepicker table tbody td.disabled.day{color: var(--datepicker-disabled);}
.datepicker table tbody td:hover{background: var(--datepicker-hover) !important; border-radius: 4px !important; color: var(--datepicker-hover-text) !important;}
.datepicker table tbody td.disabled.day:hover{background: none!important; color:var(--datepicker-disabled) !important;}
.datepicker .active {background: var(--datepicker-active) !important; border-radius: 4px !important; color: var(--datepicker-active-text) !important}
.datepicker .active.disabled {background: none !important; color: var(--datepicker-disabled) !important; text-shadow: none !important;}
.datepicker .disabled.date {color: var(--datepicker-disabled) !important}

/* 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: 16px;}
.qrcode img {display: inline-block !important}

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