@charset 'utf-8';

.wrap { min-width:290px; max-width:720px; margin:0 auto; padding-bottom:4.4rem; }

#ft { position:fixed; left:0; bottom:0; right:0; z-index:1001; }
#ft .foot { display:flex; align-items:center; justify-content: space-between; background-color:#3a3a3a; padding:1.1rem 1.3rem;  min-width:290px; max-width:720px; margin:0 auto; }
#ft .link-kakao { position:relative; font-size:0.95rem; color:#fff; padding-left:2.7rem; background-repeat:no-repeat; background-image:url('../img/common/ic_kakao.png'); background-position:left center; background-size:2.1rem auto; height:2.1rem; line-height:2.1rem; }
#ft .btn-top { display:block; width:2.2rem; height:2.2rem; background-repeat:no-repeat; background-image:url('../img/common/ic_top_link.png'); background-position:left center; background-size:100% auto; cursor:pointer; }


/* main */
.faq-wr { background-color:#f9f8f1; padding-bottom:1.8rem; }
.faq-wr .faq-top { }
.faq-wr .faq-content { padding:0 1.3rem;  }
.faq-wr .faq-content dl { padding:1.0rem 0; border-bottom:1px solid #9c9b9b; }
.faq-wr .faq-content dl dt,
.faq-wr .faq-content dl dd { position:relative; font-size:1.05rem; }
.faq-wr .faq-content dl dt { padding:0.35rem 0; padding-left:3.0rem; line-height:1.25; cursor:pointer; letter-spacing:-1px; }
.faq-wr .faq-content dl dt:before { content:""; display:block; width:2.1rem; height:2.1rem; position:absolute; left:0; top:0; background-repeat:no-repeat; background-image:url('../img/main/ic_q.png'); background-position:center; background-size:100% auto; }
.faq-wr .faq-content dl dd { display:none; }
.faq-wr .faq-content dl dd .a-content { border-top:1px dashed #ccc; padding:1.0rem; margin-top:1.0rem; }


/* list */
#hd { position:fixed; left:0; top:0; right:0; z-index:101; }
#hd .head { display:flex; align-items:center; justify-content: space-between; background-color:#fff; max-width:1080px; margin:0 auto; }
#hd .head .btn-link { display:block; width:4.9rem; height:3.9rem; background-repeat:no-repeat; background-position:center; background-size:100% auto; font-size:0; overflow:hidden; }
#hd .head .btn-home { background-image:url('../img/contents/ic_home.png'); } 
#hd .head .btn-historyback { background-image:url('../img/contents/ic_historyback.png'); }

.container { padding-top:3.9rem; }
.container .contents { padding:1.5rem 1.0rem; }
h3.title { font-size:1.934rem; line-height:1.2; font-weight:700; margin-bottom:3.0rem; padding-left:0.5rem; } 

.benefit-info { margin-bottom:1.5rem; }
.benefit-info dt { text-align:center; margin-bottom:0.5rem; font-size:1.289rem; font-weight:700; }
.benefit-info dd { background-color:#ffe7f2; }
.benefit-info dd ul { padding:1.5rem 1.0rem; }
.benefit-info dd ul li { font-size:0.967rem; line-height:1.35; text-indent:-1.1rem; padding-left:1.1rem; margin-bottom:0.2rem; }
.benefit-info dd ul li:last-child { margin-bottom:0; }

.store-wr { }
.store-wr .tab-menu { margin-bottom:2.0rem; }
.store-wr .tab-menu ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:0.3rem; }
.store-wr .tab-menu li { font-size:1.37rem; }
.store-wr .tab-menu li a { display:flex; align-items:center; justify-content: center; height:3.7rem; border:1px solid #dad9d9; color:#000; }
.store-wr .tab-menu li.current { font-weight:500; }
.store-wr .tab-menu li.current a { background-color:#242b47; color:#fff; }

.store-wr .tab-contents { margin-bottom:2.5rem; }
.store-wr .tab-contents .store-place { font-size:1.612rem; text-align:center; margin-bottom:1.0rem; }
.store-wr .tab-contents .store-list { display:grid; grid-template-columns: repeat(2, 1fr); gap:1.0rem; }
.store-wr .tab-contents .store-list li .img { }
.store-wr .tab-contents .store-list li .img img { width:100%; height:auto; }
.store-wr .tab-contents .store-list li .title { font-size:1.048rem; text-align:center; margin-top:0.5rem; }


/* 상세 */
.details-hd { margin-bottom:2.5rem; }
.details-hd .title { margin-bottom:0.5rem; }
.details-hd .img { margin-bottom:1.5rem; }
.details-hd .info { }
.details-hd .info p { font-size:1.047rem; line-height:1.35; }
.details-hd .info p.summary { border-top:1px solid #000; border-bottom:1px solid #000; padding:1.0rem 0; margin-top:1.0rem; }

.tail-btn { margin-top:1.5rem; display:flex; align-items:center; justify-content: center; }
.tail-btn .btn-basic { display:flex; align-items:center; justify-content: center; width:16.0rem; height:3.2rem; background-color:#000000; color:#fce860; font-size:1.289rem; border-radius:0.25rem; }


form-submit

.sec { padding-top:4.0rem; }
.sec .basic-info { }
.sec .basic-info dt { position:relative; font-size:1.289rem; font-weight:700; margin-bottom:1.2rem; padding-left:2.0rem; }
.sec .basic-info dt:before { content:""; display:block; width:1.7rem; height:1.7rem; position:absolute; left:0; top:0.1rem; background-repeat:no-repeat; background-image:url('../img/contents/ic_star.png'); background-position:center; background-size:100% auto; }
.sec .basic-info dd p { font-size:1.047rem; color:#1b1b1b; border-bottom:1px solid #000; padding-bottom:1.0rem; margin-bottom:1.0rem; }
.sec .basic-info dd p em { color:#fd215f; font-style:normal; font-weight:700; }


#reservation { }

.form-box { margin-top:5.5rem; }
.form-box dl { margin-bottom:1.0rem; }
.form-box dl dt { font-size:1.289rem; font-weight:700; margin-bottom:0.2rem; }
.form-box dl dt small { color:#757575; }
.form-box dl dd { font-size:1.1rem; }
.form-box .fr-input { display:flex; width:100%; height:3.4rem; font-size:1.1rem; border:1px solid #cfcece; padding:0 1.0rem; outline:none; }
.form-box .visitation-time { display:flex; gap:0.5rem; }
.form-box .visitation-time .fr-input { width:7.0rem; }
.form-box .visitation-time .unit { display:flex; align-items:center; }
.form-box dl dd .noti { margin-top:1.5rem; font-size:1.047rem; }

.consent-personal {  }
.consent-personal dt { font-size:1.289rem; font-weight:700; }
.consent-personal dd { font-size:0.967rem; }
.consent-personal .check-agree { margin-top:2.4rem;}
.consent-personal .check-agree label { position:relative; display:inline-block; font-size:0.967rem; padding-top:0.2rem; }
.consent-personal .check-agree label span { padding-left:2.5rem; }
.consent-personal .check-agree label span:before { content:""; display:block; width:2.0rem; height:2.0rem; border:1px solid #ccc; position:absolute; left:0; top:0; }
.consent-personal .check-agree label input { display:none; }
.consent-personal .check-agree label input:checked + span:before { border-color:#fd0404; background-color:#fd0404; }
.consent-personal .check-agree { }



#address { margin-top:2.5rem; }
#address dt { }
#address dd { }
#address dd .address-text { font-size:1.101rem; margin-bottom:1.0rem; }
#address dd .map {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 비율 유지 */
  overflow: hidden;
}
#address dd .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}