/* ----------------------------------------
관람안내
---------------------------------------- */
/* 진행중인 전시관 */
.page-guide .lists{width:100%; margin-left:auto; margin-right:auto; display:grid; gap:16px}
.guide-item{padding:24px 16px 40px; display:flex; gap:16px; flex-direction:column; background-color:#FBFAF9; line-height:1.35}
.guide-item .guide-title::before{content:''; background-image:url('../images/guide/guide_shoes.png'); width:120px; height:120px; display:block; background-size:100%; margin:0 auto; opacity:0.8}
.guide-item .guide-title{font-size:20px; line-height:1.35; font-weight:500}
.guide-item .date{margin-top:10px; color:var(--black-60); line-height:1.5}
.guide-item .time{padding-top:4px; padding-bottom:4px; color:var(--black-60); line-height:1.3}
.guide-item .time li{line-height:1.5}
.guide-item .time li:not(:first-child){margin-top:2px}
.guide-item .closed{display:flex; gap:10px; justify-content:center; align-items:center; color:var(--black-60)}
.guide-item .closed span{flex-shrink:0}
.guide-item .phone{margin-top:6px; display:flex; justify-content:center; align-items:center; gap:4px; color:var(--black-60)}
.guide-item .phone::before{content:''; background-image:url('../images/ui/ico_phone.svg'); width:16px; height:16px; display:block; background-size:100%; filter:invert(73%) sepia(0%) saturate(2394%) hue-rotate(353deg) brightness(86%) contrast(89%); margin:0}
.guide-item strong{font-weight:400; color:var(--smt-brand-b)}

@media(min-width:768px){
  .page-guide .lists{grid-template-columns:repeat(2 ,1fr);}
}

@media(min-width:1070px){
  .page-guide .lists{grid-template-columns:repeat(3 ,1fr); gap:24px}
  .guide-item{padding:40px 32px 80px}
  .guide-item .guide-title{font-size:28px}
  .guide-item .guide-title::before{width:180px; height:180px; margin-bottom:16px}
}

/* 관람정보 */
.info-content{padding-top:24px; padding-bottom:24px; display:flex; flex-direction:column; gap:40px}
.info-item .info-title{font-size:20px; font-weight:500}
.info-item ul{margin-top:10px; color:var(--black-60)}
.info-item .info-list li{padding-left:20px; position:relative}
.info-item .info-list li:not(:first-child){margin-top:5px}
.info-item .info-list li::before{content:''; width:3px; height:3px; left:8px; top:11px; border-radius:999px; background-color:var(--black-60); position:absolute}
.info-item .coution-list{display:flex}
.info-item strong{font-weight:600; color:var(--smt-brand-b)}

@media(min-width:1070px){
  .info-content{padding-top:40px; padding-bottom:40px; gap:60px}
  .info-item .info-title{font-size:28px}
  .info-item ul{margin-top:16px}
  .info-item .info-list li{font-size:18px}
  .info-item .info-list li:not(:first-child){margin-top:8px}
}

/* 유의사항 */
.coution-list{display:flex; flex-direction:column; gap:16px}
.coution-list .coution-item{padding:20px; background-color:#FBFAF9; display:flex; gap:16px; align-items:center; color:var(--black-60)}
.coution-list .coution-item::before{content:''; display:block; width:50px; height:50px; flex-shrink:0}

.coution-list .coution-item:nth-child(1)::before{background-image:url('../images/guide/guide_coution_01.png')}
.coution-list .coution-item:nth-child(2)::before{background-image:url('../images/guide/guide_coution_02.png')}
.coution-list .coution-item:nth-child(3)::before{background-image:url('../images/guide/guide_coution_03.png')}
.coution-list .coution-item:nth-child(4)::before{background-image:url('../images/guide/guide_coution_04.png')}

@media(min-width:1070px){
  .coution-list{flex-direction:row; gap:24px}
  .coution-list .coution-item{min-height:280px; padding:40px; flex:1; flex-direction:column; align-items:flex-start; gap:20px; line-height:1.6}
  .coution-list .coution-item::before{width:60px; height:60px}
}

/* single-guide */
.btn-wrap{display:flex; gap:8px; justify-content:center; flex-wrap:wrap}
.btn-wrap .ico::before{margin:0}


/* ----------------------------------------
FAQ
---------------------------------------- */
.faq .faq-lists{margin-top:24px}
.faq .question{padding-top:24px; padding-bottom:24px}
.faq .question:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.06)}
.faq .question summary{min-height:24px; padding-right:40px; display:flex; align-items:center; font-size:17px; font-weight:600; line-height:1.4; position:relative}
.faq .question summary::-webkit-details-marker{display:none}
.faq .question summary::before{content:'Q.'; width:24px; margin-right:8px; font-family:'Nanum Myeongjo', serif; font-size:20px; font-weight:600; color:var(--smt-brand-a); flex-shrink:0; align-self:flex-start}
.faq .question summary::after{content:''; background-image:url('../images/ui/ico_arrow_top.svg'); width:20px; height:20px; display:block; background-size:16px; opacity:0.5; flex-shrink:0; position:absolute; right:0; transform:rotate(-180deg)}
.faq .question[open] summary::after{transform:inherit}
.faq .question .answer{padding:8px 32px 0; font-size:16px; color:var(--smt-text-desc); line-height:1.6}

@media(min-width:1070px){
  .faq .faq-lists{margin-top:60px; max-width:980px;}
  .faq .question{padding-top:32px; padding-bottom:32px}
  .faq .question summary{padding-right:80px; font-size:20px}
  .faq .question summary::before{width:32px; margin-top:-2px; font-size:26px}
  .faq .question .answer{padding:16px 40px 0; font-size:18px}
}