@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;
    unicode-range: U+0041-005A; /* A–Z */
}
@font-face {
  font-family: "helvetica";
  src: local("Helvetica");
  unicode-range: U+0030-0039; /* 0–9 */
}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-ExtraLight.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-ExtraLight.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-ExtraLight.ttf") format("ttf");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-ExtraLightItalic.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-ExtraLightItalic.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-ExtraLightItalic.ttf") format("ttf");font-style:italic;font-weight:200;font-display:swap}
@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-display:swap}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-LightItalic.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-LightItalic.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-LightItalic.ttf") format("ttf");font-style:italic;font-weight:300;font-display:swap}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-Regular.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-Regular.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-Regular.ttf") format("ttf");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-Italic.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-Italic.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-Italic.ttf") format("ttf");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-SemiBold.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-SemiBold.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-SemiBold.ttf") format("ttf");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"abchanel-2022";src:url("https://fonts.chanel.com/k/ABChanel2022-SemiBoldItalic.woff2") format("woff2"),url("https://fonts.chanel.com/k/ABChanel2022-SemiBoldItalic.woff") format("woff"),url("https://fonts.chanel.com/k/ABChanel2022-SemiBoldItalic.ttf") format("ttf");font-style:italic;font-weight:600;font-display:swap}

/* 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: 0;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: "helvetica","Apple SD Gothic Neo","arial","Malgun gothic","sans-serif";}
#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: 77px;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: 35px;}

/* container */
#container{position:relative; width:100%; min-height: calc(100vh - 65px); padding-top:86px;}
#container .contentWrap {position:relative; z-index:10; background: #ffffff;}
#container .content{width: 640px; margin: 0 auto; padding-top: 40px; 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_relative {position: relative; width: 100%;}
#container .topBG img, 
#container .topBG_fixed img{width: 100%;}
#container .topBG_fixed img {opacity: 0;}

/* 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; margin-top: 30px;}
.languageArea a{font-family: "abchanel-corpo", "helvetica","Apple SD Gothic Neo","arial","Malgun gothic","sans-serif"; margin: 0 8px; padding: 4px 0; color: #767676; border-bottom: 1px solid #FFFFFF;}
.languageArea a.selected{color: #1d1d1d; border-bottom: 1px solid #1d1d1d;}

/*******************************************************************
 content 01. content_info
********************************************************************/
.content_top {
    max-width: 1000px;
    margin: auto;
    display: flex; flex-direction: column; gap: 18px;
    padding: 80px 20px 0; margin-bottom: 60px;
}
.content_top .title {
    font-family: "abchanel-2022", sans-serif;
    font-size: 36px; line-height: 120%; text-wrap: pretty;
    text-transform: uppercase;
}

.content_info {
    max-width: 1000px; margin: auto;
    padding-bottom: 60px;
    display: flex; gap: 130px;
}
.content_info .title {
    font-family: "abchanel-2022", sans-serif; font-weight: 400;
    font-size: 14px; line-height: 140%; text-transform: uppercase; letter-spacing: 1px;
}
.content_info .small {font-size: 14px; font-weight: 400; line-height: 150%; margin: 0; white-space: nowrap;}
.content_info .medium {font-family: "abchanel-2022", sans-serif; font-size: 22px; font-weight: 250; line-height: 140%; margin: 0; white-space: nowrap;}

.content_info .left {padding-inline-start: 20px; min-width: fit-content; min-width: -moz-fit-content;}
.content_info .left .date {
    display: flex; flex-direction: column; gap: 15px; width: 100%;
    font-family: "abchanel-2022", sans-serif; font-weight: 400;
}
.content_info .left .date .multiDay {display: grid; grid-template-columns: auto 1fr;}
.content_info .left .date .multiDay .arrow {margin: 0 10px; width: 20px; height: 16px;}

.content_info .right {max-width: 700px; display: flex; flex-direction: column; gap: 50px;}
.content_info .right .location {padding-inline-end: 20px;}
.content_info .right .location .title {margin-bottom: 10px;}
.content_info .right .location .address {display: flex; flex-direction: column; gap: 10px;}
.content_info .right .location .address .small,
.content_info .right .location .address .medium {white-space: wrap;}
.content_info .right .location .address .link {
    display: inline-block; width: fit-content;
    padding: 0; border: none; background: none; color: inherit;
    font-size: 11px; font-weight: 600; line-height: 164%;
    text-decoration: underline; text-underline-offset: 4px; text-transform: uppercase; letter-spacing: 1px;
}
/* .content_info .right .description {padding-inline-end: 20px;} */
.content_info .right .description.pc_mt-40 {margin-top: -40px;}
.content_info .right .description.center {text-align: center;}
.content_info .right .description .title {margin-bottom: 10px;}
.content_info .right .description .small {white-space: pre-line;}

.content_info .right .button {display: flex; gap: 15px;}

.content_bottom {
    max-width: 1000px;
    margin: auto; padding: 0 20px 60px;
    text-align: center;
}
.content_bottom .small {font-size: 14px; font-weight: 400; line-height: 150%; margin: 0;}
.content_bottom .medium {font-size: 22px; font-weight: 250; line-height: 140%; margin: 0;}
.content_bottom .description {margin-bottom: 60px;}
.content_bottom .button {display: flex; flex-direction: column; gap: 15px; max-width: 200px; margin: 0 auto;}

.CarouselEvent {
  overflow: hidden;
  width: calc(100vw - 370px);
  min-height: 350px;
}

.CarouselEvent .Carousel-swiper {
  height: 600px;
  overflow: visible;
  padding-bottom: 10px;
}

.CarouselEvent .swiper-slide {
  width: auto;
}

.CarouselEvent img {
  height: 540px;
  cursor: grab;
}

.CarouselEvent .swiper-pagination {
  display: none;
}

.CarouselEvent .swiper-pagination-bullet {
  width: clamp(20px, 30vw, 85px);
  height: 3px;
  border-radius: 5px;
  background: #999;
  opacity: .6;
}

.CarouselEvent .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 1;
}

.HrMobile {
    display: none
}

@media screen and (max-width: 1024px) {
    .content_top {flex-direction: column-reverse; padding-top: 50px; margin-bottom: 27px;}
    .content_top .title {font-size: 24px;}

    .content_info {flex-direction: column; gap: 0px;}

    .content_info .medium {font-size: 18px;}
    .content_info .small {font-size: 14px;}

    .content_info .left .date {
        flex-direction: row; align-items: top; gap: 30px;
        padding-inline-end: 20px;
    }

    .content_info .right {max-width: initial; gap: 0;}
    .content_info .right .location {
        display: flex; align-items: top; gap: 30px; padding: 0px 20px;
        padding-inline-end: 20px;
    }

    .content_info .right .description {padding: 0px 20px 25px 20px;}
    .content_info .right .description.pc_mt-40 {margin-top: 0px;}
    .content_info .right .button {margin: 40px auto 0;}

    .CarouselEvent {
        width: 100%;
        margin-bottom: 22px;
    }

    .CarouselEvent .Carousel-swiper {
        height: fit-content;
    }

    .CarouselEvent .swiper-slide {
        width: 100%;
        text-align: center;
    }

    .CarouselEvent img {
        width: 100%;
        max-width: 450px;
        height: auto;
        object-fit: contain;
    }

    .CarouselEvent .swiper-pagination {
        display: flex;
        justify-content: center;
        padding: 0 10px;
    }

    .HrMobile {
        display: block;
        border: 1px solid #b6b6b6;
        border-bottom: none;
        border-radius: 2px;
        width: 100%;
        margin: 15px 0;
    }

    .HrMobile.mb-0 {margin-bottom: 0;}

    .topBG_relative.show_only_pc,
    .content_info .show_only_pc {display: none !important;}
    .content_info .show_only_mobile {display: block !important;}
}

/*******************************************************************
 content 01. reservationHeaderArea
********************************************************************/
.reservationHeaderArea {width: 100%;}
.reservationHeaderArea .topTitle {text-align: center; padding-bottom: 30px; font-family: "abchanel-corpo","helvetica","Apple SD Gothic Neo","arial","Malgun gothic","sans-serif"}
.reservationHeaderArea .topTitle .topTitImg{width: 300px; display: block; margin: 0 auto; padding: 15px 0;}
.reservationHeaderArea .topTitle .topTitSvg {padding: 15px 0;}
.reservationHeaderArea .topTitle .title {font-size: 24px;font-weight: bold;display: block;}
.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 .title + .txt {padding-top: 10px;}
.reservationHeaderArea .topTitle .title_sub {display:inline-block; font-size: 14px; line-height: 24px; padding: 2px 12px; background: #ececec;}
.reservationHeaderArea .topTitle .title_btq {display:inline-block; font-size: 18px; font-weight: bold; padding: 4px 12px; background: #ececec; margin-top: 8px;}

.reservationNotice {
    width: 100%; margin: 30px auto 0 auto;
    background: #F9F9F9; border: 1px solid #F1F1F1;
    padding: 16px 8px;
    font-size: 13px; font-weight: 400; line-height: 1.5;
}
.reservationNotice p {text-align: center; font-size: 14px; font-weight: 700; margin-bottom: 8px;}
.reservationNotice li {  
    position: relative;
    margin: 2px 0 0 0;
    padding: 0 0 4px 8px;
    color: #000;
    text-align: left;
}
.reservationNotice li.red {color: #A32135; font-weight: bold;}
.reservationNotice li:before {
    content: "";
    position: absolute;
    top: 9px; left: 0px;
    width: 2px; height: 2px;
    border-radius: 100%;
    background-color: #000000;
}

/* 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;}
.reservation-info ul li > p > span.notice {display: inline-block; font-size: 12px; line-height: 1.5;}


/*******************************************************************
 content 03. reservationArea
********************************************************************/
.reservationArea {width: 640px;}
.reservationArea#step2 {display:none;}
.reservationArea .topTitle {text-align: center; padding-bottom: 0; font-family: "abchanel-corpo","helvetica","Apple SD Gothic Neo","arial","Malgun gothic","sans-serif"}
.reservationArea .topTitle .tit {display: block;font-size: 24px;font-weight: bold;line-height: 35px;color: #000;word-break: keep-all; padding-bottom: 21px; border-bottom: 4px 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 {display: block; color:#767676; font-size: 13px; line-height: 24px; font-weight: 400;}
.subCon .dvs .formList li .formBox .notice.mt {margin-top: 5px;}
.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 .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 {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: 0; 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-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: 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 .boutique{font-size:14px;}
.inputSet .notice{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: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: 30px;}
.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;}

/* 240611 walk-in kakao */
.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;}
.loader_inner {align-items: center; display: flex; height: calc(100vh - 52px); justify-content: center}
.loader_content {align-items: center; display: flex; height: .9375rem; justify-content: center; width: 100%}
.loader_content span {
    animation: loader-scale 1.5s ease-out infinite; animation-delay: .375s; animation-fill-mode: both;
    background-color: #767676; border-radius: 100%; color: #767676;
    display: inline-block; width: 10px; height: 10px; margin: 0 3px;
}
.loader_content span:nth-child(2) {animation-delay: .75s}
.loader_content span:nth-child(3) {animation-delay: 1.125s}
@keyframes loader-scale {
    0% {
        transform: scale(1)
    }
    32% {
        transform: scale(1.2)
    }
    33% {
        background-color: currentColor;
        transform: scale(1.2)
    }
    34% {
        transform: scale(1.2)
    }
    66% {
        transform: scale(1)
    }
}

.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 {
    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;}

/* popup: redeem */
.layerRedeem {display: none;position: fixed;left: 0;top: 0;bottom: 0;right: 0;background:#ffffff;z-index: 999;}
.layerRedeem .content {position: absolute;left: 50%;top: 50%;width: 90%;max-width: 460px;transform: translate(-50%, -50%);background: #fff;text-align: center;}
.layerRedeem .content .tit {text-align: center;font-size:13px;line-height:20px; font-size: 16px; font-weight: bold;}
.layerRedeem .content .txt {text-align: center;font-size:13px;line-height:20px; font-size: 14px; font-weight: bold; margin:40px 0 20px 0;}
.layerRedeem .content .formWrap {display: flex; justify-content: center; margin-bottom: 40px}
.layerRedeem .btnArea button,
.layerRedeem .btnArea a {float: left;width: 50%;height: 48px;line-height: 48px;color: #000;font-size: 13px;border:1px solid #ECECEC;cursor:pointer; text-align: center;}
.layerRedeem .btnArea .full {width: 100%;}
.layerRedeem .btnArea .cancel {background: #f5f5f5;color: #000;}
.layerRedeem .btnArea .confirm {background: #f5f5f5;color: #000;}
.js-inputBlock {
    width: 40px; height: 40px; margin: 0 2px;
    background: #E7E7E7; border-radius: 5px; border: none;
    text-align: center;
    font-size: 20px; font-weight: 700;
}
.js-inputBlock:focus {
    outline: none;
    background: #FFFFFF; border: 1px solid #000000;
}


/* MAP */
#boutique_map {width: 100%;height: 390px;}
.btnDirection {
    position:absolute; top:10px; right:10px; z-index:2;
    display: inline-block;
    font-size: 13px; padding: 10px 16px 10px 32px;
    background: #000;
    background: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.66667 6.33333L7.33333 12L12 0L0 4.66667L5.66667 6.33333ZM3.09706 4.53521L6.47212 5.52788L7.46479 8.90294L10.2443 1.75575L3.09706 4.53521Z' fill='%23FFFFFF'/></svg>")
                no-repeat 14px center #000000;
    border-radius: 90px;
    color: #fff;
}


@media all and (max-width:1200px){
  /*******************************************************************
      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){
  /*******************************************************************
      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: 51px;}
  #header .hdTop .logo img{width: auto; height: 24px;}
  #header .hdTop .logo svg {width: 106px;}
  #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: 60px;}
  #container .content{width:100%; padding-bottom: 58px;}

  #footer{padding:20px 0}
  #footer .footer_sns_list{width: auto; text-align: center;}

  .reservationHeaderArea {padding: 0 15px; box-sizing: border-box;}
  .reservationHeaderArea .topTitle .title.tit26 {font-size: 22px;}
  .reservationHeaderArea .topTitle .title + .txt {letter-spacing: -0.4px;}
  .reservationHeaderArea .topTitle .title_btq {font-size: 16px;}

  /* 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;}
  .content #boutique_map {margin-top: 0;}

  /*******************************************************************
      방문 예약
  *******************************************************************/
  .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;}

  .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 .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;}

  /* 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: 40px;
    text-align: center;
}
.info_notice b {font-weight: 700;}