@charset "utf-8";
@font-face {
    font-family: "abchanel-corpo";
    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-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;
    --button-background: #000000;
    --button-border: #000000;
    --button-txt: #F9F9F9;
    --datepicker-active: #000000;
    --datepicker-text: #000000;
    --datepicker-active-text: #FFFFFF;
    --datepicker-disabled: #EEEEEE;
    --datepicker-hover: #EEEEEE;
    --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: 80px;}
header .logo {display: flex; justify-content: center; align-items: center; height: 80px;}

/* Contents */
.c_tit {margin-bottom: 24px;}
.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;
}
.c_notice p {text-align: center; font-size: 13px; font-weight: 700; margin-bottom: 8px;}

/* Contents_Redeem */
.c_redeem {margin-top: 90px; border-top: 1px dashed var(--color-sub); border-bottom: 1px dashed var(--color-sub);}
.c_redeem_tit {font-size: 15px; font-weight: 700; line-height: 1.5; padding: 16px 0; color: var(--color-txt); cursor: pointer;}
.c_redeem_form {border-top: 1px dashed var(--color-sub);}
.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 27px 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}
.c_redeem_btn a {display: inline-block; width: 40%; padding: 8px 0; background: var(--button-background); border: 1px solid var(--button-border); color: var(--button-txt); font-size: 14px; font-weight: 500; line-height: 1.5}

/* Text */
.t_heading {
    color: var(--color-tit);
    font-family: 'abchanel-corpo-semibold', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;
    font-size: 21px; font-weight: 700;
    line-height: 1.5; letter-spacing: 1.3px;
    margin-bottom: 9px;
    overflow-wrap: break-word;
    text-transform: uppercase;
}
.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;
}
.t_title {
    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: 18px;
    overflow-wrap: break-word;
    text-transform: uppercase;
}
.t_text {
    color: var(--color-txt);
    font-size: 14px; font-weight: 400;
    line-height: 21px; letter-spacing: 0.1px;
    margin-bottom: 27px;
    word-break: keep-all;
}
.t_notice {
    color: var(--color-sub);
    font-size: 13px; font-weight: 300;
    line-height: 1.5; 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_line {
    display: inline-block;
    color: var(--color-txt);
    border-bottom: 1px solid var(--button-border);
    padding: 4px 2px;
    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_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 a {
    display: inline-block; cursor: pointer;
    /* text-decoration : underline;  text-underline-offset : 4px;*/
    padding: 10px 20px; margin-top: 4px;
    border: 1px solid var(--button-border);
    font-size: 14px; font-weight: 500; line-height: 1.5; color: var(--color-txt);
}
.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: 27px;}
.c_form .c_form_grid {
    display: grid;
    column-gap: 8px;
    row-gap: 8px;
    grid-template-areas: 
                        "label"
                        "formItem1";
    margin-bottom: 27px;
}
.c_form .c_form_grid.c_form_1_2 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: 
                        "label label label"
                        "formItem1 formItem2 formItem2";
}
.c_form .c_form_grid.c_form_2_1 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: 
                        "label label label"
                        "formItem1 formItem1 formItem2";
}
.c_form .c_form_grid.c_form_1_1_1 {
    grid-template-columns: repeat(3, 1fr);
    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+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_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 input[type='text'],
.c_form .c_form_grid input[type='password'] {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 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 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: 36px;}
.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: 12px;}
.c_form .c_form_agree {margin-bottom: 12px; padding-left: 27px;}
.c_form .c_form_agree.mb48 {margin-bottom: 48px;}
.c_form .c_form_agree:last-child {margin-bottom: 24px;}
.c_form .c_form_agree label {margin: 4px 0; font-size: 12px; font-weight: 500; line-height: 1.5;}
.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;
}
.c_form .c_form_agree div.detail.scroll {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #D1D1D1;
}

.c_form .c_form_agree div.detail a{
    text-decoration: underline;
}
.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_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 .c_form_btn .line {display: inline-block; width: auto; padding: 4px 2px; background: none; border: none; border-bottom: 1px solid var(--button-border); color: var(--button-border);}
.c_form .c_form_btn .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 a {float: left; width: 50%; height: 48px; line-height: 48px; color: #FFFFFF; font-size: 14px; cursor: pointer;}
.layerPop .btn a.full {width: 100%}
.layerPop .btn a.half {width: 50%}
.layerPop .btn a.right {float: right}
.layerPop .btn a.cancel {background: #F5F5F5; color: #000000}
.layerPop .btn a.confirm {background: #000000}
.qrcode {text-align: center; margin-bottom: 27px;}
.qrcode img {display: inline-block !important}

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