@charset "utf-8";
html{
  scroll-behavior: smooth;
}
.custom_contents{
  display: flex;
  justify-content: space-between;
  width: var(--default-width);
    margin: 0 auto;
    color: var(--text-color);
}
.custom_contents > .left{
  padding-top: 100px;
}
.custom_contents > .left > h2{
  font-size: 68px;
  font-family: 'TmonMonsori';
}
.custom_contents > .left > h5{
  font-size: 24px;
  font-weight: 600;
  padding-left: 3px;
  padding-bottom: 5px;
}
.custom_contents > .left > p{
  font-size: 16px;
  line-height: 30px;
  padding-left: 3px;
}
.custom_contents > .right{
  width: 920px;
}

.custom_contents > .left {
  position: sticky;
  top: 80px; /* 스크롤 시 고정될 위치 (상단에서의 여백) */
  align-self: flex-start; /* flex 안에서 sticky 적용 */
}
.sub_top_banner_wrap.on .sub_top_banner{
        z-index: 99999;
        top: 2.5rem;
    position: fixed;
    }

.custom_contents > .right > div > h5{
  padding-top: 100px;
  font-size: 21px;
  color: var(--text-color);
  padding-bottom: 20px;
  font-family: 'TmonMonsori';
}


.gift_faq_answer, .class_faq_answer, .cake_faq_answer{
  display: none;
  padding: 10px 50px;
  color: #444;
  line-height: 1.6;
  background-color: #eee;
  box-sizing: border-box;
}
.gift_faq_qusetion i.fa-chevron-down, .class_faq_qusetion i.fa-chevron-down, .cake_faq_qusetion i.fa-chevron-down {
  position: absolute;
  right: 10px;   /* 오른쪽 정렬 */
  top: 50%;
  transform: translateY(-50%);
}
.gift_faq_item.expanded .gift_faq_qusetion i.fa-chevron-down,.class_faq_item.expanded .class_faq_qusetion i.fa-chevron-down,.cake_faq_item.expanded .cake_faq_qusetion i.fa-chevron-down {
  transform: translate(9px,-50%) rotate(180deg); /* 열리면 화살표 위로 */
}
.gift_faq_item .gift_faq_qusetion i.fa-search,.class_faq_item .class_faq_qusetion i.fa-search,.cake_faq_item .cake_faq_qusetion i.fa-search{
  display: inline-block;
  margin-right: 10px;
}


.gift_faq_item.expanded .gift_faq_answer,.class_faq_item.expanded .class_faq_answer,.cake_faq_item.expanded .cake_faq_answer{
  display: block; 
}
.gift_faq_qusetion,.class_faq_qusetion,.cake_faq_qusetion {
  cursor: pointer;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-indent: 10px;
}
.gift_faq_item.expanded .gift_faq_qusetion,.class_faq_item.expanded .class_faq_qusetion,.cake_faq_item.expanded .cake_faq_qusetion {
  color: var(--point-color);
}

.gift_faq_warp,.class_faq_warp,.cake_faq_warp{
  border-top: 1px solid #ddd;
  font-size: 16px;
}