/* BASIC css start */
html, body {}
html.offline {overflow:hidden;}
html.offline:after {content:''; position:fixed; top:0; left:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); z-index:1001;}
.mgt16 {margin-top:16px;}
.offlineShop header {z-index: 10000; position: sticky; top: 0; left: 0; width: auto; background: #fff; right: 0; padding: 6px 16px; line-height: 50px; height:50px; display: flex; justify-content: space-between; align-items: center;}
.offlineShop header img {height:26px; width:auto;}
.offlineShop header h2 {line-height: 50px; margin: 0 16px; font-size: 18px; letter-spacing: -0.26px; font-weight: 700; color: #000;}
.offlineShop header span {display:block; font-weight: 500; }	
.offlineShop header a img {width:32px;}
.offlineShop .offlineShopContents {padding-top:96px; width:100%; overflow-y: scroll; height: calc(100vh - 96px);}
.offlineShop .offlineReservationContents {width:100%; max-height: 574px; overflow-y: auto;}
.offlineShop.detail {display:none; height:100vh;}
.offlineShop.detail {width:600px; position:fixed; left:50%; margin-left:-300px; top:0; z-index:10000; background:#fff;}
.offlineShop.reservation {display:none;}
.offlineShop.reservation {width:400px; position:fixed; max-height: 640px;left:50%; margin-left:-200px; top:50%; margin-top:-320px; z-index:10000; background:#fff; padding: 0 0 32px; border-radius: 16px; overflow: hidden;}

.offlineSelect span.line {width:81px; height:6px; border-radius:3px; background:#d7d7d7; margin:0 auto; display:block; margin-top:12px; margin-bottom:33px;}
.offlineSelect {display:none; position:absolute; bottom:0; width:100%; height:362px; background:#fff; z-index:10000; border-top-right-radius:10px; border-top-left-radius:10px; padding:0 41px; box-sizing:border-box;}
.offlineSelect ul li {line-height:80px; font-size:24px; padding:0 17px; border-bottom:1px solid #d7d7d7;}
.offlineSelect ul li a {color:#b2b2b2;}
.offlineSelect ul li.selected a {color:#000;}

.offlineShop.detail.active .offlineSelect {display:block;}

.offlineShop .offlineShopContent {display:none;}
.offlineShop .offlineShopContent.current {display:block;}
.offlineShopTop {background:#efefef; padding-top:19px; padding-bottom:19px;}
.offlineShopTop .offconSlide {padding-left:15px;}
.offlineShopTop .offconSlide .swiper-slide {border-radius:3px; overflow:hidden;}
.offlineShopTop .offconSlide .swiper-slide img {width:100%;}
.offlineShopTop a.button {position:relative; background:#fff; color:#000; margin:0 32px; line-height:80px; text-align:center; border-radius:15px; display:block; margin-top:24px; font-size:27px; font-weight:600;}
.offlineShopTop a.button img {position:absolute; top:50%; right:20.5px; margin-top:-8.5px; height:17px;}
.offlineShopBody {background:#fff;}
.offlineShopBody .offlineShopButton {padding:28px 0 23px; font-size:0; margin:0 32px;}
.offlineShopBody .offlineShopButton a.reservation {background:#000; color:#fff; line-height:80px; font-size:27px; display:inline-block; width:calc(100% - 86px); text-align:center;}
.offlineShopBody .offlineShopButton a.kakao {background:#ffd700; width:80px; text-align:center; margin-left:6px; display:inline-block; height: 80px; vertical-align: top;}
.offlineShopBody .offlineShopButton a.kakao img {width:100%;}

.offlineShopBody .offlineShopTab {background:#fff; border-bottom:2px solid #d7d7d7;}
.offlineShopBody .offlineShopTab ul {overflow:hidden;}
.offlineShopBody .offlineShopTab ul li {cursor:pointer; width:33.333333%; float:left; text-align:center; font-size:27px; line-height:82px; position:relative;}
.offlineShopBody .offlineShopTab ul li a {font-weight:500; color:#b4b4b4;}
.offlineShopBody .offlineShopTab ul li.active a {color:#000;} 
.offlineShopBody .offlineShopTab ul li.active:after {content:''; position:absolute; bottom:0; height:10px; width:100%; background:#000; left:0;}

.offlineShopContent {padding:22px 15px; background:#efefef;}
.offlineShopContent#content03 {padding:40px 32px;}
.offlineShopContent .notice {background:#fff; border-radius:7px; margin-bottom:20px;}
.offlineShopContent .notice h2 {font-size: 24px; line-height: 29px; padding: 23px 8px 12px; border-bottom: 1px solid #d7d7d7; margin: 0 17px;}
.offlineShopContent .notice p {padding:25px 24px; min-height:150px; font-size:24px; line-height:32px;}

.offlineShopContent .information {background:#fff; border-radius:7px; padding:0 21px;}

.offlineShopContent .information ul li {padding:22px 0 28px; display:table; table-layout:fixed; width:100%; border-bottom:1px solid #d7d7d7;}
.offlineShopContent .information ul li:last-child {border-bottom:0;}
.offlineShopContent .information ul li span {display:table-cell; vertical-align:middle; line-height:23px;}
.offlineShopContent .information ul li span.icon {width:54px; vertical-align:top;}
.offlineShopContent .information ul li span.icon img {width:32px;}
.offlineShopContent .information ul li span.cont {font-size:24px; line-height:32px;}

.offlineShopContent .news ul li {background:#fff; border-radius:7px; margin-bottom:20px;}
.offlineShopContent .news h2 {font-size:30px; line-height:40px; padding:14px 0 19px; border-bottom:1px solid #d7d7d7; margin:0 21px; position:relative;}
.offlineShopContent .news h2 em {position:absolute;}
.offlineShopContent .news h2 em img {width:64px;}
.offlineShopContent .news h2 > div {padding-left:79px;}
.offlineShopContent .news h2 > div p {font-size:24px; line-height:36px;}
.offlineShopContent .news h2 > div span {font-size:20px; line-height:29px; color:#b4b4b4; display:block;}

.offlineShopContent .news ul li .content {padding:48px 21px 22px; }
.offlineShopContent .news ul li .content h3 {font-size:24px; line-height:36px;}
.offlineShopContent .news ul li .content span {color:#818181; font-size:24px; line-height:36px; display:block; margin-top:22px;}

.offlineShopContent .brand ul li h2 {margin-top:30px; font-size:39px; padding-bottom:20px;}
.offlineShopContent .brand ul li:first-child h2 {margin-top:0;}
.offlineShopContent .brand ul li .item {border-radius:4px; background:#fff; display:inline-block; margin-right:20px; margin-bottom:20px; line-height:59px; padding:0 17px;}
.offlineShopContent .brand ul li .item .eng {font-size:24px; font-weight:normal;}
.offlineShopContent .brand ul li .item .kor {font-size:16px; font-weight:normal; color:#898989; margin-left:10px;}
.offlineShopContent .dropTitle {display:flex; background: #fff; justify-content: space-between; align-items: center; line-height:48px; padding: 0 16px; border-bottom: 1px solid #f2f2f2; font-size:14px; font-weight:600; letter-spacing:-0.28px;}
.offlineShopContent .dropTitle.active .icon.circle {transform:rotate(-180deg);}
.offlineShopContent .litepicker {display:block!important;}
.offlineShopContent .litepicker .container__months .month-item {font-size:12px; padding:0 22px!important;}
:root {
	--litepicker-day-width : 14.28571428571429%!important;
	--litepicker-is-locked-color: #b2b2b2;
}
.offlineShopContent .litepicker .container__months .month-item-header div {flex:0; padding:0 32px;}
.offlineShopContent .litepicker .container__months .month-item-header {justify-content: center;}
.offlineShopContent .litepicker .container__months .month-item-header .button-next-month>svg, .litepicker .container__months .month-item-header .button-next-month>img {vertical-align:middle;}
.offlineShopContent .litepicker .container__months .month-item-header {font-size:19px; padding:20px 0!important;}
.offlineShopContent .litepicker .container__main {}
.offlineShopContent .litepicker .container__months .month-item-weekdays-row {border-bottom:0;}
.offlineShopContent .litepicker .container__months .month-item-weekdays-row > div {font-size: 12px; font-weight:400; color:#808080; margin-bottom:24px; padding:0!important; line-height:1!important; text-transform:uppercase;}
.offlineShopContent .litepicker .container__months {box-shadow:unset!important; -webkit-box-shadow:unset!important; margin-bottom:-2px;}
.offlineShopContent .litepicker .container__days > div, .litepicker .container__days > a {font-family:"Inter"; height:40px; line-height:40px; border-radius:8px!important; padding:0!important; font-size:15px;}
.offlineShopContent .litepicker .container__days > div {border-bottom:0;}
.offlineShopContent .litepicker .container__days .day-item.is-end-date {background-color:#000!important;}
.offlineShopContent .litepicker .container__months .month-item-weekdays-row {width:100%;}


.offlineShopContent .date {background:#fff; border-radius:8px; margin-bottom:12px; text-align:center; overflow:hidden;}
.offlineShopContent .date h2 {font-size:14px; line-height:48px; text-align:left; position:relative;}
.offlineShopContent .date h2 img {position:absolute; top:50%; height:15px; margin-top:-7.5px; right:0;}
.offlineShopContent .date h2.active {border-bottom:1px solid #e8e8e8;}
.offlineShopContent .date h2.active img {transform: rotate(180deg);}
.offlineShopContent .date .dropArea {padding-bottom:20px; padding-top:35px;}


.offlineShopContent .date p {padding:9px 15px; min-height:80px;}

.offlineShopContent .time_selector {background:#fff; margin-bottom:8px; border-radius:8px; overflow:hidden;}
.offlineShopContent .time_selector .dropArea {padding:20px 16px 40px;}

.offlineShopContent .time_selector h3 {font-size: 14px; text-align:left; line-height: 22px; margin-bottom: 16px; font-weight: 500; letter-spacing: -0.28px;}

.offlineShopContent .time_selector ul {display:flex; flex-wrap:wrap; gap:4px;}
.offlineShopContent .time_selector ul li {display:inline-block; width: calc(25% - 3px);}
.offlineShopContent .time_selector ul li > label {outline:none; display:block;}

.offlineShopContent .time_selector ul li span {display:block; font-size:14px; width:100%; line-height:36px; text-align:center; border:1px solid #d9d9d9; box-sizing:border-box; border-radius:20px;}
.offlineShopContent .time_selector ul li label input {display:none;}
.offlineShopContent .time_selector ul li label input:disabled + span {background:#f2f2f2; color:#b3b3b3; border:1px solid #f2f2f2;}
.offlineShopContent .time_selector ul li label input:checked + span {background:#fff; color:#8061f0; border:1px solid #8061f0;}
.offlineShopContent .selector {background:#fff; margin-bottom:8px; border-radius:8px; overflow:hidden;}
.offlineShopContent .selector .dropArea {padding:20px 16px 40px;}
.offlineShopContent .selector dl dd {font-size:0; margin-bottom:13px; height:16px;}
.offlineShopContent .selector dl dd:last-child {margin-bottom:0;}
.offlineShopContent .selector dl dd label.small {display:block;}
.offlineShopContent .selector p {color:#4F8AFD; font-size:14px; font-weight:400; line-height:22px; margin-top:12px;}

.offlineShopContent .form {background:#fff; border-radius:8px 8px 0 0; overflow:hidden;}
.offlineShopContent .form .dropArea {padding:20px 16px;}
.offlineShopContent .form table tr {
    margin-bottom: 24px;
    display: block;
}
.offlineShopContent .form table th {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.28px;
    color: #000;
    margin-bottom: 12px;
}

.offlineShopContent .form table th .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #F44908
}
.offlineShopContent .form table td {display:block;}
.offlineShopContent .form table td .flex-form {
    display: flex;
    gap: 8px;
    align-items: center;
}
.offlineShopContent .form table td input[type="text"] {padding: 0 10px; height: 44px; line-height: 44px; border: 1px solid #D9D9D9; background: #f2f2f2; border-radius: 8px; width:100%;}
.offlineShopContent .form table td textarea {padding:10px; border: 1px solid #D9D9D9; background: #f2f2f2; border-radius: 8px; width:100%; height:84px; resize:none; box-sizing:border-box; font-size: 14px; }
.offlineShopContent .form tr.mobile {font-size:0;}
.offlineShopContent .form tr.mobile select {float:left; margin-right:5px; height:54px; width:70px; border:1px solid #d4d4d4; background:#fff;}
.offlineShopContent .form tr.mobile input {display:inline-block; width:70px; margin-right:5px;}
.offlineShopContent .form .textarea h2 {font-size:14px; line-height:17px; font-weight:bold; margin-top:24px; margin-bottom:12px;}
.offlineShopContent .form .textarea textarea {width:100%; min-height:78px; resize:auto;}

.offlineShopContent .confirm {padding:0 16px 60px; background:#fff; border-radius:8px;}

.offlineShopContent .agreementArea {overflow: auto; height: 110px; padding: 20px; border: 1px solid #d5d5d5; background: #fff; white-space: pre-line; margin-top:10px; font-size: 14px; }
.offlineShopContent .confirm label {position:relative; margin:0; display:block; line-height:48px; box-sizing:border-box; border:1px solid #D9D9D9; border-radius:8px; font-size:14px; font-weight: 500; letter-spacing: -0.28px; padding:0 16px 0 36px;}
.offlineShopContent .confirm label .icon.circle {position:absolute; top:50%; right:16px; margin-top:-12px;}
.offlineShopContent .confirm label input[type="checkbox"] {position:absolute; top:50%; margin-top:-8px; left:16px; width:16px; height:16px;}

.offlineShopContent .confirm a.reserveSubmit {margin:24px 0 0; display:block; position:relative; line-height:40px; width:auto; text-align:center; font-size:14px; color:#fff; background:#000; font-weight: 500; letter-spacing: -0.28px; border-radius: 8px;}

.offlineShopContent .iconInfo {display:none; text-align:right; color:#a6a6a6; line-height:16px; margin-top:30px;}
.offlineShopContent .iconInfo span {display:inline-block; font-size:12px; color:#a6a6a6; padding-left:10px; box-sizing:border-box;}
.offlineShopContent .iconInfo span em {width:16px; height:16px; background:#000; display:block; float:left; margin-right:5px;}
.offlineShopContent .iconInfo span.step02 em {background:#f7f7f7; border:1px solid #d3d3d3;}

.offlineShopContent .litepicker {display:block!important;}
.offlineShopContent .litepicker .container__months .month-item {font-size:12px; padding:0 22px!important;}
:root {
	--litepicker-day-width : 14.28571428571429%!important;
	--litepicker-is-locked-color: #b2b2b2;
}
.offlineShopContent .litepicker .container__months .month-item-header div {flex:0; padding:0 32px;}
.offlineShopContent .litepicker .container__months .month-item-header {justify-content: center;}
.offlineShopContent .litepicker .container__months .month-item-header .button-next-month>svg, .litepicker .container__months .month-item-header .button-next-month>img {vertical-align:middle;}
.offlineShopContent .litepicker .container__months .month-item-header {font-size:19px; padding:20px 0!important;}
.offlineShopContent .litepicker .container__main {}
.offlineShopContent .litepicker .container__months .month-item-weekdays-row {border-bottom:0;}
.offlineShopContent .litepicker .container__months .month-item-weekdays-row > div {font-size: 12px; font-weight:400; color:#808080; margin-bottom:24px; padding:0!important; line-height:1!important; text-transform:uppercase;}
.offlineShopContent .litepicker .container__months {box-shadow:unset!important; -webkit-box-shadow:unset!important; margin-bottom:-2px;}
.offlineShopContent .litepicker .container__days > div, .litepicker .container__days > a {font-family:"Inter"; height:40px; line-height:40px; border-radius:8px!important; padding:0!important; font-size:15px;}
.offlineShopContent .litepicker .container__days > div {border-bottom:0;}
.offlineShopContent .litepicker .container__days .day-item.is-end-date {background-color:#000!important;}


.offlineShopContent .litepicker .container__months .month-item-header .button-next-month:hover>svg {fill:none;}
.offlineShopContent .litepicker .container__months .month-item-header .button-next-month>svg {fill:none;}

.offlineShopContent .litepicker .container__months .month-item-header .button-previous-month:hover>svg {fill:none;}
.offlineShopContent .litepicker .container__months .month-item-header .button-previous-month>svg {fill:none;}

.offlineShopContent .litepicker .container__months .month-item.no-next-month .button-next-month {visibility: visible; opacity:0.5;}
.offlineShopContent .litepicker .container__months .month-item.no-previous-month .button-previous-month {visibility: visible; opacity:0.5;}
/* BASIC css end */