@charset "utf-8";

@font-face {
    font-family: "abchanel-2022";
    src: url("https://fonts.chanel.com/k/ABChanel2022-Light.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-Light.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-Light.ttf") format("ttf");
    font-style: normal;
    font-weight: 300
}

@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;
    unicode-range: U+0041-005A, U+0061-007A, U+0026; /* A-Z, a-z, & */
}

@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;
    unicode-range: U+0041-005A, U+0061-007A, U+0026; /* A-Z, a-z, & */
}

/* 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%;height: 100%;}
@media screen and (max-width: 560px) {html {  font-size: calc(16 / 360 * 100vw) !important;}}
body {width: 100%;position: relative;min-height: 100%;overflow-x: hidden;margin: 0;font-weight: 400;color:#111;word-break: keep-all;overflow-wrap: break-word;}
body.normal {min-width: 0;}
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;-moz-appearance: none;/* Firefox */-webkit-appearance: none;/* Safari and Chrome */appearance: none;}
select::-ms-expand {display: none;}
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;}
label {cursor: pointer;}
a {color: inherit;text-decoration: none;}
/* placeholder */
::-webkit-input-placeholder {/* Chrome/Opera/Safari */font-size: 16px;color: #bbb;text-align: left;letter-spacing: -0.2px;}
::-moz-placeholder {/* Firefox 19+ */font-size: 16px;color: #bbb;text-align: left;letter-spacing: -0.2px;}
::-moz-placeholder {/* Firefox 18- */font-size: 16px;color: #bbb;text-align: left;letter-spacing: -0.2px;}
input:-ms-input-placeholder {/* IE 10+ */font-size: 16px;color: #bbbbbb !important;text-align: left !important;letter-spacing: -0.2px;}
textarea:-ms-input-placeholder {/* IE 10+ */font-size: 16px;color: #bbbbbb !important;text-align: left !important;letter-spacing: -0.2px;}
::-ms-input-placeholder {/* IE 10+ */font-size: 16px;color: #bbbbbb;text-align: left !important;letter-spacing: -0.2px;}
.husky_seditor_ui_fontName {margin-left: -1px !important;}
::-ms-clear {display: none;}
::-ms-reveal {display: none;}



/*******************************************************************
 Layout
********************************************************************/
body {font-family: 'abchanel-2022', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial;}
/* body {font-family: "맑은 고딕", 'Malgun Gothic', 'sans-serif', Arial;} */
#wrap{position:relative;width:100%}
/* header */
#header{z-index:20;position:fixed;top:0;left:0;width:100%;text-align:center}
#header .hdTop{z-index:9;position:relative;width:100%;height: auto;background:#FFFFFF;box-sizing:border-box;text-align:center;border-bottom: 1px solid #ECECEC;border-top: 8px solid #000;}
#header .hdTop .logo{height: 160px;display: flex;align-items: center;justify-content: center;}
#header .hdTop .logo a {display: flex;height: 100%;align-items: center;justify-content: center;}
#header .hdTop .logo img{width: auto; height: 28px;}

/* container */
#container{position:relative; width:100%; min-height: calc(100vh - 65px); padding-top: 168px;/*(nav)padding-top:138px;*/}
#container .contentWrap {position:relative; z-index:10; background: #ffffff;}
#container .content{width: 640px; margin: 0 auto; padding: 15px 0 135px; padding-bottom: 100px;}
#container .content hr {border-bottom:1px solid #ECECEC;margin: 40px 0;}
#container .content hr.bd-none {border:none;}
#container .content hr + .txt {text-align: center;font-size: 14px;line-height: 16px;}
#container .topBG {position: fixed; z-index: 1; width: 100%;}
#container .topBG img{width: 100%;}

/* footer */
#footer{height: 58px;display: flex;align-items: center;justify-content: center;position:relative;width:100%;background:#000;padding:32.5px 0;z-index: 10;}
#footer .footer_sns_list{right: auto;left: 50%;transform: translate(-50%,-50%);display: flex;position:absolute;top:50%;height:auto;}
#footer .footer_sns_list li{height: auto;display: flex;align-items: center; padding: 0 9px;}
#footer .footer_sns_list li:first-child{padding-left: 0;}
#footer .footer_sns_list li:last-child{padding-right: 0;}
#footer .footer_sns_list li img {width: 20px;height: 20px;}

/* language */
.languageArea {display: flex; justify-content: center; font-size: 14px; font-weight: 500;}
.languageArea button,
.languageArea a{font-family: 'abchanel-corpo', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial; margin: 0 8px; padding: 4px 0; color: #767676; border-bottom: 1px solid #FFFFFF;}
.languageArea button.selected,
.languageArea a.selected{color: #1d1d1d; border-bottom: 1px solid #1d1d1d;}

/*******************************************************************
 content 01. reservationHeaderArea
********************************************************************/
.reservationHeaderArea {width: 100%;}
.reservationHeaderArea .topTitle {text-align: center;}
.reservationHeaderArea .topTitle .topTitImg{width: 300px; display: block; margin: 0 auto; padding: 15px 0;}
.reservationHeaderArea .topTitle .topTitSvg {padding: 15px 0;}
.reservationHeaderArea .topTitle .title {font-family: 'abchanel-corpo', '맑은 고딕', 'Malgun Gothic', 'sans-serif', Arial; font-size: 24px; font-weight: bold; margin-top: 30px;}
.reservationHeaderArea .topTitle .title.tit26 {font-size: 30px;}
.reservationHeaderArea .topTitle .txt {line-height: 26px; font-size: 14px; color:#1D1D1D; font-weight: 400; margin: 0 auto; padding: 30px 0 25px 0;}
.reservationHeaderArea .topTitle .txt.sub {line-height: 1.8; font-size: 13px; margin: 0 15px 40px 15px; padding: 16px 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
.reservationHeaderArea .topTitle .title + .txt {padding-top: 10px;}
.reservationHeaderArea .topTitle .title_guest {display:inline-block; font-size: 14px; line-height: 24px; padding: 2px 12px; background: #ececec;}

/* Ticket */
.user-info {text-align: center;border:1px solid #ECECEC;padding: 20px 0;margin-top: 15px;}
.user-info p {font-size: 14px;}
.user-info p span {margin-left: 10px;font-size: 13px;color:#767676;}


/*******************************************************************
 content 02. reservation-info
********************************************************************/
.reservation-info ul li {border-bottom:1px solid #ECECEC;padding: 30px 0;display: flex;}
.reservation-info ul li > span {width: 28%;font-size: 14px;line-height: 20px;font-weight: 500;}
.reservation-info ul li > p {width: 72%;line-height: 24px;color:#767676;font-size: 14px;}


/*******************************************************************
 content 03. reservationArea
********************************************************************/
.reservationArea {width: 640px;margin: 0 auto;}
.reservationArea#step2 {display:none;}
.reservationArea .topTitle {text-align: center;}
.reservationArea .topTitle .tit {display: block;font-size: 20px;font-weight: bold;line-height: 35px;color: #000;word-break: keep-all; margin-top: 20px; padding-bottom: 12px; border-bottom: 2px solid #000;}
.reservationArea .topTitle .tit.no_top_mg{margin-top: 0;}
.reservationArea .topTitle .txt {display: block;font-size: .875rem;line-height: 26px;color: #000; padding: 30px 0;border-bottom:1px solid #ECECEC;}

.subCon {width: 100%;margin:0 auto;margin-top: 30px;}
.subCon .dvs {display:inline-block;width:100%;margin-top:50px;vertical-align:top}
.subCon .dvs:first-child {margin-top:0}
.subCon .dvs .formList {display:inline-block;width:100%;vertical-align:top}
.subCon .dvs .formList li {display:inline-block;width:100%;margin: 0;padding-bottom: 30px;;vertical-align:top}
.subCon .dvs .formList li:first-child {margin-top:0}
.subCon .dvs .formList li.hidden {display: none;}
.subCon .dvs .formList li .tTit {float:left;width: 185px;height:auto;font-weight: 500;font-size: 14px;line-height: 1.2;margin:9px 0}
.subCon .dvs .formList li.first .tTit {line-height: 1.2;height: auto;}
.subCon .dvs .formList li .formBox {position: relative;line-height: 34px;float:left; width: calc(100% - 185px);}
.subCon .dvs .formList li .formBox + .formBox {float: right;}
.subCon .dvs .formList li .formBox > p {color:#767676;font-size: 14px;line-height: 1.2;}
.subCon .dvs .formList li .formBox .notice {font-size: 13px; font-weight: 400; line-height: 24px; color: #767676;}
.subCon .dvs .formList li .formBox .fail {position: relative;left: 0;bottom: 0;margin-top: 10px;font-size: 13px;line-height: 1.2;}
.subCon .dvs .formList li .formBox .note {position: relative; margin: 5px 0 0 0;font-size: 12px; color:#767676; letter-spacing: -1px; line-height: 20px;}
.subCon .dvs .formList li .formBox .note.on {color:#d10000;}
.subCon .dvs .formList li .formBox > .termBox:nth-child(1) {line-height: 1;border-bottom:1px solid #ECECEC;padding-bottom: 20px;}
.subCon .dvs .formList li .formBox > .termBox:nth-child(1) p {margin-top: 10px;}
.subCon .dvs .formList li .formBox .termBox + .termBox {margin-top: 20px;}
.subCon .dvs .formList li .formBox .termBox.last {margin-top: 25px !important;}
.subCon .dvs .formList li .formBox .termBox strong {color: #1D1D1D; font-size:14px; font-weight:400;}
.subCon .dvs .formList li .formBox .notice {display: block; color:#767676; font-size: 13px; line-height: 24px; font-weight: 400;}
.subCon .dvs .formNote {font-size: 14px; line-height: 1.2; font-weight: bold; margin-bottom: 16px;}
.subCon .dvs .formNotice {font-size:14px; border: 1px solid #ececec; padding: 10px; margin-bottom: 20px;}
.subCon .dvs .formNotice .formBox .fail {font-size: 13px; line-height: 2.2;}
.subCon .btnArea .btnBlk {display: block;margin: 0 auto; width:302px; min-width: 12.5rem; padding:0; font-size: 13px; line-height:48px; font-weight: 500;}


/* select set */
select {font-family: '맑은 고딕','Malgun Gothic',Arial,'Doutm',Tahoma,sans-serif;color:#1d1d1d;}
select {background: url('https://image.e-news.chanel.com/lib/fe3611717064057c741374/m/1/769eb314-749b-47ac-ba0a-e5df2e7a4e45.png') no-repeat center right 0;padding-right: 15px;border-bottom:1px solid #ECECEC;height: 34px;font-size: 14px !important;}
select:invalid, select:disabled {color:#767676;}
select option[disabled] {color:#767676;}
select option {color:#1d1d1d;}
.selectArea {display:inline-block;width:100%;vertical-align:top}
.slctBox select {width: 100%;}
.slctBox.half {float: left;width: calc(50% - 10px);}
.slctBox.half + .slctBox.half {float: right;}
.slctBox.third {float: left; width: calc(100% / 3 - 24px);}
.slctBox.third.cnt_mg {margin: 0 36px;}
.slctBox.short {float:left;width:32%;margin-left:2%}
.slctBox.short:first-child {margin-left:0}
.slctBox.short select {font-size:14px}
.subCon .dvs .formList li.first .slctBox {line-height: 1.2;}
.subCon .dvs .formList li.first select {line-height: 1.2;height: auto;}

/* input set */
input {font-family: '맑은 고딕','Malgun Gothic',Arial,'Doutm',Tahoma,sans-serif !important; font-size: 14px !important;  font-weight: 400;}
input {height: 34px;-webkit-appearance: none;-moz-appearance: none; appearance: none;border-radius:0;-webkit-border-radius: 0;border-bottom:1px solid #ECECEC;}
input::placeholder {color:#767676 !important;font-size: 14px !important;}
.inputSet {display:inline-block;width:100%;vertical-align:top}
.inputSet .notice{font-size:14px;}
.inputSet .boutique{font-size:14px;}
.inputSet .infoTxt{font-size:14px;}
.inputSet .inpTxt {float:left;width:49%;margin-left:2%;font-family: inherit;}
.inputSet .inpTxt:first-child {margin-left:0}
.inputSet .inpTxt.thirds {width: calc(100% / 1.5 - 12px);}
.inputSet .inpTxt.quarter {width: 23.5%;}
.inputSet .inpTxt.full {width: 100%;}
.inputSet.phone .inpTxt {float: right;width:calc(100% - 36px - 129px);margin: 0;font-family: inherit;}
.inputSet .inpBtn {float:right;width: calc(100% / 3 - 12px);background:#000;color:#fff;text-align:center;cursor:pointer;font-size:12px;}
.inputSet .inpBtn.readOnly {cursor: default; background: #828282;}

/* radio set */
.rdoSet {display:inline-block; position:relative; margin-left:20px; vertical-align: top;}
.rdoSet:first-child {margin-left:0}
.rdoSet input[type="radio"] {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0;vertical-align:middle;}
.rdoSet input[type="radio"] + label {display:inline-block;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;color:#000;vertical-align:top;line-height: 34px;}
.rdoSet input[type="radio"] + label:before {content:'';display:inline-block;width:15px;height:15px;line-height:15px;margin:-4px 4px 0 0;text-align:center;vertical-align:middle;background:#fff;background-size:15px;border-radius:100%;border:1px solid #e0e0e0;}
.rdoSet input[type="radio"]:checked + label:before {background:#000; border-radius: 100%; border:1px solid #000;}

/* check set */
.chkSet {display:block; width:100%; margin-top: 20px; position:relative;}
.chkSet.sns {margin-top: 30px;}
.chkSet.imp label {font-weight: bold;}
.chkSet p {font-size: 13px;  line-height: 1.2;}
.chkSet 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}
.chkSet input[type="checkbox"] + label {display:block; position:relative; cursor:pointer; font-size: 13px; padding-left: 24px;}
.chkSet input[type="checkbox"] + label.dob {padding-top: 8px; line-height: 1.5;}
.chkSet input[type="checkbox"] + label:before {
    position: absolute; top: 5px; left: 0;
    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;
}
.chkSet 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;
}
.chkSet.imp input[type="checkbox"] + label {font-size: 14px; font-weight: 500;}
.chkSet.imp input[type="checkbox"] + label:before {top: -2px; left: 0;}
.chkSet input[type="checkbox"] + label .cmt {font-size:14px;}
.chkSet input[type="checkbox"] + label .cmt.big {font-weight: 500;}
.chkSet input[type="checkbox"] + label .cmt.under {text-decoration: underline;}

/* Consent */
.termBox .c_form_2nd {padding: 4px 2px;}
.termBox .c_form_agree_tit {font-size: 14px; font-weight: 700; line-height: 1.5; margin-top: 12px;}
.termBox .c_form_agree_txt {font-size: 13px; font-weight: 400; line-height: 24px;color: #767676; margin-bottom: 24px;}
.termBox .c_form_agree {padding-left: 27px;}
.termBox .c_form_agree.add_block {margin-top: 24px;}
.termBox .c_form_agree label {margin: 4px 0; font-size: 12px; font-weight: 500; line-height: 1.5;}
.termBox .c_form_agree button {
    font-size: 12px; font-weight: 300; line-height: 1.5; 
    border-bottom: 1px solid #000000;
}
.termBox .c_form_agree div.detail {
    display: none;
    margin: 12px 0;
    font-size: 12px; font-weight: 400; line-height: 1.5;
    border: none;
}
.termBox .c_form_agree div.detail.scroll {
    height: 300px; padding: 8px;
    overflow-y: scroll;
    border: 1px solid #D1D1D1;
}
.termBox .c_form_agree div.detail a{
    text-decoration: underline;
}
.termBox .c_form_2nd .info_optional {font-size: 12px; font-weight: 400; line-height: 1.5; color: #ee4156; display: none;}

.termBox 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}
.termBox input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer;}
.termBox 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;
}
.termBox 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;
}
.termBox .c_form_agree.c_form_agree_all {margin-bottom: 4px;}
.termBox .c_form_agree_all input[type="checkbox"] + label {
    font-size: 14px; font-weight: 700; line-height: 1.5;
}

/*******************************************************************
 Common
********************************************************************/
/* PC/Mobile */
.show_only_pc{display: block;}
.show_only_tablet{display: none;}
.show_only_mobile{display: none;}

.no_mg_btm{margin-bottom: 0 !important;}
.no_pd_btm{padding-bottom: 0 !important;}

/* 버튼 */
.btnArea{display:inline-block;position:relative;width:100%;font-size:0;vertical-align:top;margin-top: 50px;}
.btnArea.ac{text-align:center}
.btnBlk{display:inline-block;height:50px;line-height:50px;padding:0 15px;background:#000;font-size: 11px;color:#fff;vertical-align:top;text-align:center;}
.btnBlk.disabled{background: #bbb;color: #767676;}
.btnBlk.btnKakao{background: #FAE100;color: #371D1E;}
.btnWht{display:inline-block;height:48px;line-height:48px;padding:0 15px;border:1px solid #000;background:#fff;font-size:15px;color:#000;vertical-align:top;text-align:center}
.btnTextArea{display:inline-block;width:100%;margin-top:10px;vertical-align:top;text-align:center}
.btnTextArea .lintTxt{display:inline-block;font-size:14px;color:#333;padding-bottom:1px;border-bottom:1px solid #333}

.btn-area {margin-top: 30px;display: flex;}
.btn-area .btn + .btn {margin-left: 36px;}
.btn {height: 48px;line-height: 48px;text-align: center;margin: 0 auto;font-size: 13px;font-weight: 500;max-width: 302px;}
.btn.ty1 {width: 100%;border:1px solid #000000;}
.btn.ty2 {width: 100%;border:1px solid #000000;background-color: #000;color:#fff;}
.btn.cancel {position: relative;display: inline-block;left: 50%;transform: translateX(-50%);width: auto;height: auto;line-height: 1.2;margin: 40px auto 0;font-size: 14px;color:#767676;border-bottom:1px solid #767676;font-weight: 400;}


/* 서브 타이틀 */
.sTitle{margin-bottom:60px;font-size:32px;color:#000;text-align:center; padding: 0 0 1rem 0; border-bottom: 1px solid #bbb;}
.sTitle .subT{display:block;margin-top:10px;font-size:14px;color:#000}

/* 에러문구 */
.fail{display:none;margin-top:5px;font-size:13px;line-height: 20px;color:#d10000}
.fail.on {display: block;}
#fail_dob {margin-top: 0;}

/* modal */
.modalBg{z-index:200;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7;filter: alpha(opacity=70);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'}

/* Datepicker */
.calendarArea {width:80%;margin:0 auto;margin-bottom:40px;}
.datepicker-inline {width: 100% !important;font-size: 14px !important}
.datepicker table thead th{font-weight: bold;padding:8px 0;font-size:14px;}
.datepicker table thead th.datepicker-switch {font-size: 18px;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: 30px;line-height:22px;vertical-align: middle;}
.datepicker table thead th.next img{max-height:17px;display:inline-block;margin-bottom:1px;margin-right: 30px;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: #ddd;}
.datepicker .today {background: #efefef !important; border-radius: 0 !important; color: #333 !important; font-weight: bold;}
.datepicker .active {background: #000 !important; border-radius: 4px !important; color: #fff !important}
.datepicker .disabled.date {color: #ddd !important}

/* MAP */
#boutique_map {width: 100%;height: 390px;}

/* 240528 intro */
.reservationArea .subCon.intro {margin-top: 23px;}
.reservationArea .subCon.intro .btnArea {margin-top: 0;}
.reservationArea .subCon.intro .btnArea + .btnArea {margin-top: 22px;}

/*******************************************************************
 Popup
********************************************************************/
/* 팝업 */
.popup_wrap {display: none;position: fixed;width: 77%;z-index: 200;border: 3px solid #000;background: #fff;top: 25%;left: 11.5%;}
.popup.alert {position: fixed;left: 0;display: none;top: 0;width: 100%;height: 100%;z-index: 300;background-color: rgba(0,0,0,0.5);}
.popup.alert.active {display: block;}
.popup.alert .popup-layer {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;width: 374px;padding: 20px;}
.popup.alert .popup-layer .popup-head h3 {font-size: 20px;font-weight: bold;line-height: 20px;text-align: center;}
.popup.alert .popup-layer .popup-head .close {position: absolute;right: 20px;top: 20px;width: 18px;height: 18px;background: url('https://image.e-news.chanel.com/lib/fe3611717064057c741374/m/1/f2a70800-703f-47c9-9e58-17b3d05723c3.png') no-repeat center/contain;font-size: 0;line-height: 0;}
.popup.alert .popup-layer .popup-body {padding-top: 10px;text-align: center;}
.popup.alert .popup-layer .popup-body input {width: 100%;margin-top: 20px;text-align: center;}
.popup.alert .popup-layer .popup-body input::placeholder {text-align: center;}
.popup.alert .popup-layer .popup-body p {font-size: 14px;line-height: 24px;text-align: center;}
.popup.alert .popup-layer .popup-body .fail {font-size: 14px;line-height: 20px;margin-top: 10px;}
.popup.alert .popup-layer .popup-btn .btn{max-width: 100%;margin-top: 30px;}


.layerPop {display: none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.5);z-index: 1000;}
.layerPop.preLoader {background: #fff; opacity: 0.93; display: block;}
/* .layerPop .content {position: absolute;left: 50%;top: 50%;width: 460px;margin: -130px 0 0 -230px;background: #fff;} */
.layerPop .content {position: absolute;left: 50%;top: 50%;width: 90%;max-width: 460px;transform: translate(-50%, -50%);background: #fff;}
.layerPop.preLoader .content{padding:40px 0; background: none;}
.layerPop .content .logo {padding: 20px 0;text-align: center;border-bottom:1px solid #ECECEC;margin-bottom:40px;}
.layerPop .content .logo img{height:16px;}
.layerPop .content .tit {text-align: center;font-size: 14px;font-weight: bold;line-height:24px;margin-bottom:20px; letter-spacing:-1px;}
.layerPop .content .tit.info {
    font-family: '맑은 고딕','Malgun Gothic',Arial,'Doutm',Tahoma,sans-serif;
    width: auto; min-width: 60%; max-width: 290px;
    margin:0 auto 20px auto;
}
.layerPop .content .tit.info dl {margin-bottom: 4px; display: flex; text-align: left;}
.layerPop .content .tit.info dl dt {flex-shrink: 0; width: 100px; font-weight: 500;}
.layerPop .content .tit.info dl dd {flex-shrink: 1; word-break: break-all;}

.layerPop .content .txt {text-align: center;font-size:13px;line-height:20px;}
.layerPop .content .txt b{color:#d10000}
.layerPop .btnArea {overflow: hidden;font-size: 11px;text-align: center;margin-top:20px;}
.layerPop .btnArea button,
.layerPop .btnArea a {float: left;width: 50%;height: 48px;line-height: 48px;color: #000;font-size: 13px;border-top:1px solid #ECECEC;cursor:pointer; text-align: center;}
.layerPop .btnArea .full {width: 100%;}
.layerPop .btnArea .cancel {background: #f5f5f5;color: #000;}
.layerPop .btnArea .confirm {background: #000;color: #fff;}

/* popup: layer */
.layer_popup{position: fixed;top: 0;left: 0;z-index: 99999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);display: none;}
.layer_popup .popup_body{padding: 40px 0;height: 100%;box-sizing: border-box;}
.layer_popup .popup_inner{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background-color: #fff;}
.layer_popup .popup_title{display: flex;justify-content: space-between;align-items: center;background-color: #000;padding: 10px 20px;}
.layer_popup .popup_title .tit{color: #fff;margin: 0;font-weight: 500;font-size: 18px;}
.layer_popup .popup_title button{box-shadow: none;font-size: 20px;padding: 0;color:#fff}
.layer_popup .popup_cont{max-height: 70vh;overflow-y: auto;}
.layer_popup .popup_cont ul{margin: 0;padding: 0;}
.layer_popup .popup_cont ul li{list-style: none;padding: 8px 20px;border-bottom: 1px solid #ededed;font-size: 14px;cursor: default;}
.layer_popup .popup_cont ul li:last-child{border-bottom: 0;}
.layer_popup .popup_cont ul li.cate_tit{background-color: #ddd;border-bottom: 0;font-weight: 500;font-size: 16px;position: sticky;top: 0;}




@media all and (max-width:1400px){
  /*******************************************************************
      Layout
  ********************************************************************/
  #container .content{padding: 15px 0 100px 0;}

}

@media all and (max-width:1200px){
  /*******************************************************************
      Layout
  ********************************************************************/
  #container .content{padding: 15px 0 40px 0}

  /*******************************************************************
      Common
  ********************************************************************/
  /* 서브 타이틀 */
  .sTitle{font-size:30px}
  .sTitle .subT{font-size:15px}

  /* 에러문구 */
  .fail{margin-top:5px;font-size:11px}

  /*******************************************************************
      방문 예약
  ********************************************************************/
  .subCon .dvs{margin-top:40px}
  .subCon .dvs .formList li{margin-top:20px}
  .subCon .dvs .formList li .tTit{font-size:14px}
  .subCon .dvs.mod .formList li .formBox{font-size:14px}
  .subCon .dvs .formList li .formBox .slctBox select{font-size:13px}
  .subCon .dvs .formList li .formBox .slctBox.short select{font-size:13px}
  .subCon .dvs .formList li .formBox .inputSet .inpTxt{font-size:13px;font-family: inherit;}
  .subCon .dvs .formList li .formBox .chkArea .chkSet2 input[type="checkbox"] + label .thumb .labelTit{font-size:13px; margin-bottom: 13px;}
  .subCon .dvs .formList li .formBox .txtArea{height:150px;font-size:13px}
  .subCon .dvs .formList li .formBox .infoText{margin-top:20px}
  .subCon .btnArea .btnBlk{width:240px}

}

@media all and (max-width:1024px){
  /*******************************************************************
      Layout
  ********************************************************************/
  #container .content{padding:15px 0 30px 0}

  /*******************************************************************
      Common
  ********************************************************************/
  /* 서브 타이틀 */
  .sTitle{padding-bottom:30px;font-size:24px}

  /* 에러문구 */
  .fail{font-size:10px}

  .subCon .dvs{margin-top:30px}
  .subCon .dvs .formList li{margin-top:10px}
  .subCon .dvs .formList li .tTit{font-size:13px}
  .subCon .dvs.mod .formList li .formBox{font-size:13px}
  .subCon .dvs .formList li .formBox .slctBox select{font-size:13px}
  .subCon .dvs .formList li .formBox .slctBox.short select{font-size:11px}
  .subCon .dvs .formList li .formBox .inputSet .inpTxt{font-size:13px;font-family: inherit;}
  .subCon .dvs .formList li .formBox .chkArea .chkSet2 input[type="checkbox"] + label .thumb{width:80%}
  .subCon .dvs .formList li .formBox .infoText{margin-top:15px}
}

@media all and (max-width:767px){
  /*******************************************************************
      Layout
  ********************************************************************/
  #header .hdTop .logo {height: 160px; border-bottom:1px solid #ECECEC;}
  #header .hdTop .logo img{width: auto; height: 16px;}
  #header .hdTop nav ul li {width: calc(100% / 3); padding: 0;}
  #header .hdTop nav ul li a {width: 100%; padding: 0; line-height: 48px;}
  #header .hdTop .logo .top_right_btn_area{right: 5px;}
  #header .hdTop .logo .top_right_btn_area a{padding: 0;}

  #container{min-height: calc(100vh - 58px);padding-top: 168px;}
  #container .content{width:100%; padding: 15px 0 58px 0;}

  #footer{padding:20px 0}
  #footer .footer_sns_list{width: auto; text-align: center;}
  
  .reservationHeaderArea {padding: 0 15px;}   
  .reservationHeaderArea .topTitle .title {font-size: 20px; margin-top: 10px;}
  .reservationHeaderArea .topTitle .title.tit26 {font-size: 22px;}
  .reservationHeaderArea .topTitle .title + .txt {letter-spacing: -0.4px;}

  /* PC/Mobile */
  .show_only_pc{display: none;}
  .show_only_tablet{display: none;}
  .show_only_mobile{display: block;}

  /*******************************************************************
      Common
  ********************************************************************/
  .btnTextArea{margin-top:5px}
  .btnTextArea .lintTxt{font-size:13px}

  /* 서브 타이틀 */
  .sTitle{padding:20px 0;font-size:24px}
  .sTitle .name{display:block}
  .sTitle .subT{margin-top:5px;font-size:13px}

  /* 에러문구 */
  .fail{font-size:10px}

  /* MAP */
  #boutique_map {width: 100%;height: 240px; margin-top: 6px;}

  /*******************************************************************
      방문 예약
  *******************************************************************/
  .subCon{width:100%;margin:0}
  .subCon .dvs{display:inline-block;width:100%;padding:0;margin-top:0;box-sizing:border-box;vertical-align:top}
  .subCon .dvs .formList li{margin-top:20px}
  .subCon .dvs .formList li .tTit{width:100%;margin-bottom: 5px;font-size:14px;height: 26px;}
  .subCon .dvs .formList li .formBox{width:100%}
  .subCon .dvs .formList li .formBox .inputSet .inpTxt{padding-left: 0;font-size:13px;font-family: inherit;}
  .subCon .dvs .formList li .formBox .txtArea::placeholder {letter-spacing: -1px;}
  .subCon .dvs .formList li .formBox .slctBox select{padding-left: 0;font-size:13px}
  .subCon .dvs .formList li .formBox .slctBox.short{width:29%}
  .subCon .dvs .formList li .formBox .slctBox.short:last-child{width:38%}
  .subCon .dvs .formList li .formBox .slctBox.short select{font-size:13px}
  .subCon .dvs .formList li .formBox .infoText{padding-left:16px;margin-top:15px}
  .subCon .btnArea{padding:0;box-sizing:border-box;}

  .reservationHeaderArea {padding: 0 15px;}

  .reservation-info {padding: 0 15px;}
  .reservation-info ul li {flex-direction: column; padding: 20px 0;text-align:center;}
  .reservation-info ul li > span {margin-bottom: 5px; line-height: 1; width:100%}
  .reservation-info ul li:last-child {padding-bottom: 10px;}
  .reservation-info ul li > p {width:100%}


  .reservationHeaderArea .topTitle .tit{font-size: 1.5rem;}
  .reservationHeaderArea .locationTitle a{border-bottom:2px solid #000;padding:8px 10px;}
  .reservationHeaderArea .locationTitle .title {font-size: 16px;}

  .reservationArea {width: 100%;padding: 0 15px;box-sizing: border-box;}
  .reservationArea .subCon {margin-top: 30px;}
  .reservationArea .subCon.intro {margin-top: 25px;}
  .reservationArea .subCon.intro .btnArea + .btnArea {margin-top: 20px;}
  .reservationArea .subCon .dvs .formList .topInfo {font-size: 13px;}
  .reservationArea .subCon + .topTitle{margin-top:30px;}
  .reservationArea .topTitle .tit {font-size: 20px;line-height: 35px;padding-bottom: 10px; margin-bottom: 0;}
  .reservationArea .topTitle.name .tit {border-bottom: 0;line-height: 35px;}
  .reservationArea .topTitle .txt {font-size: 15px;line-height: 20px;word-break: keep-all;}
  .reservationArea .subCon .dvs .formList li {padding-bottom: 25px;}
  .reservationArea .subCon .dvs .formList li .formBox .chkArea {width: calc(100% + 10px);margin: 15px 0 0 -10px;}
  .reservationArea .subCon.invitation {margin-top: 40px;}
  .reservationArea .subCon.invitation .dvs .formList li {padding-bottom: 12px;font-size: 14px;}
  .reservationArea .subCon.invitation .dvs .formList li .formBox {width:64%;font-size: 14px;line-height: 21px;}
  .reservationArea .subCon.invitation .dvs .formList li .tTit{width:36%;margin-bottom: 0;font-size:14px;height: 21px;line-height: 21px}    

  .chkSet {margin-top: 25px;}
  .chkSet a {display: inline-block; color:#767676; font-size: 13px; line-height: 1; border-bottom:1px solid #767676; margin-left: 15px;}
  .chkSet.sns {margin-top: 25px;}

  .calendarArea {width:100%;margin:0 auto;margin-bottom:40px;}


  .popup.alert {display: none;}
  .popup.alert.active {display: block;}
  .popup.alert .popup-layer {top: auto; transform: translateY(100%); bottom: 0; left: 0; width: 100%; padding-bottom: 30px;}
  .popup.alert.active .popup-layer {animation: slide-progress 0.2s linear forwards ;}
  @keyframes slide-progress{
      from {
          transform: translateY(100%);
      }
      to {
        transform: translateY(0);
      }
    }
  .popup.alert .popup-layer .popup-head .close {width: 20px; height: 20px; background-size: 15px;}
  .popup.alert .popup-layer .popup-head h3 {font-size: 18px;}
  .popup.alert .popup-layer .popup-body {padding-top: 20px;}

  /* .layerPop .content {left:15px;right:15px;width:auto;margin-left:0;} */
  .layerPop .content > .title {font-size:14px;}
  .layerPop .l_content {left:15px;right:15px;width:auto;margin-left:0;}

  /* popup: layer */
  .layer_popup{position: fixed;top: 0;left: 0;z-index: 99999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);display: none;}
  .layer_popup .popup_body{padding: 40px 0;height: 100%;box-sizing: border-box;}
  .layer_popup .popup_inner{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 450px;background-color: #fff;}
  .layer_popup .popup_title{display: flex;justify-content: space-between;align-items: center;background-color: #000;padding: 10px 20px;}
  .layer_popup .popup_title .tit{color: #fff;margin: 0;font-weight: 500;font-size: 18px;}
  .layer_popup .popup_title button{box-shadow: none;font-size: 20px;padding: 0;color:#fff}
  .layer_popup .popup_cont{max-height: 70vh;overflow-y: auto;}
  .layer_popup .popup_cont ul{margin: 0;padding: 0;}
  .layer_popup .popup_cont ul li{list-style: none;padding: 8px 20px;border-bottom: 1px solid #ededed;font-size: 14px;cursor: default;}
  .layer_popup .popup_cont ul li:last-child{border-bottom: 0;}
  .layer_popup .popup_cont ul li.cate_tit{background-color: #ddd;border-bottom: 0;font-weight: 500;font-size: 16px;position: sticky;top: 0;}
}

.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;
    text-align: center;
}