/* common */
.content-wrap2 {max-width:1644px; margin:0 auto; margin-top:150px;}

/* sub content */
.sub-content2 {border: 0px; padding:0 100px; background-color: #eff7f9}
.sub-content2 h2 {font-size:40px; font-weight:700; color:#967842; padding-bottom:28px; padding-left:20px; border-bottom:1px solid #967842;}
.sub-content2 .accordion {margin-bottom:20px;}
.sub-content2 .accordion button {display:flex; width:100%; background:#ffffff; padding:28px 0;}
.sub-content2 .accordion button span {display:flex; font-weight:700; font-size:20px; position:relative; color:#67308F; text-align: left; word-break: keep-all;}
.sub-content2 .accordion .hidden-content {height:auto; transition: all 0.3s ease-out; overflow: hidden; border-top:1px solid #67308F; border-bottom:1px solid #67308F;}
.sub-content2 .accordion .hidden-content .inBox {background:#FAF4FF; padding:20px 30px;}
.sub-content2 .accordion .hidden-content .inBox .circle-list > li {font-size:20px; color:#222222; line-height: 1.6; position:relative; padding:0 30px; font-weight:400;}
.sub-content2 .accordion .hidden-content .inBox .circle-list > li::before {content:""; display:flex; width:5px; height:5px; background-color:#222222; border-radius:50%; position: absolute; top:15px; left:10px; }
.sub-content2 .accordion .hidden-content .inBox .top {margin:0 5px; width:calc(100% - 10px);}
.sub-content2 .accordion .hidden-content .inBox .top p > strong {font-size:20px; color:#222222; line-height: 1.6; font-weight:700;}
.sub-content2 .accordion .hidden-content .inBox .top .circle-list {margin:0 5px; width:calc(100% - 10px);}
.sub-content2 .accordion .hidden-content .inBox .number-list > li {font-size:20px; color:#222222; line-height: 1.6; margin:0 30px; width:calc(100% - 60px); font-weight:400; list-style-type: decimal;}

/* 후기 */
.after-wrap2 {padding:50px 0; border-bottom: 1px solid #967842;}
.after-wrap2 .sub-text {padding:30px 20px; font-size:18px; line-height: 1.4;}
.after-wrap2 .after-list {display:flex; flex-direction:column; gap:20px; padding:10px 20px;}
.after-wrap2 .after-list li {display:flex; background:#FFFFFF; padding:0 20px; flex-direction:column;}
.after-wrap2 .after-list li .date {display:flex; justify-content:flex-end; font-size:14px; align-items: center; height:40px; font-weight:300; color:#555;}
.after-wrap2 .after-list li .inner {border-top:1px solid #727272; padding:15px 0; color:#333333; font-size:16px; font-weight:400; line-height: 1.6; word-break:keep-all;}

@media (max-width:1644px){
  /* common */
  .sub-content2 {border: 0px; padding:0; background-color: #eff7f9}
  .sub-content2 h2 {padding-left:20px;}
  .content-wrap2 {width:100%; padding:0 10px; margin-top:130px;}
  .after-wrap2 .after-list {display:flex; flex-direction:column; padding:10px 10px;}
}

@media (max-width:1024px){
  
  /* common */
  .content-wrap2 {padding:0; margin-top:120px;}
  
  /* sub content */
  .sub-content2 {margin-top:-98px; padding: 0;}
  .sub-content2 h2 {font-size:28px; padding-bottom:20px; padding-left:10px;}
  .sub-content2 .accordion button span {font-size:20px;}
  .sub-content2 .accordion .hidden-content .inBox {padding:20px;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li {font-size:18px; line-height: 1.6;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li::before {top:12px; width:4px; height:4px;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li br {display:none;}
  .sub-content2 .accordion .hidden-content .inBox .top p > strong {font-size:18px;}
  .sub-content2 .accordion .hidden-content .inBox .number-list > li {font-size:18px;}

  /* 후기 */
  .after-wrap2 {padding:30px 0;}
  .after-wrap2 .sub-text {padding:12px 10px; font-size:16px; line-height: 1.6;}
  .after-wrap2 .after-list li {display:flex; padding:0 10px; flex-direction:column;}
  .after-wrap2 .after-list li .date {font-size:13px;}
  .after-wrap2 .after-list li .inner {font-size:15px;}

}

@media (max-width:768px){
    /* common */
  .content-wrap2 {padding:0; margin-top:120px;}

  /* sub content */
  .sub-content2 {margin-top:-72px; padding-bottom:0;}
  .sub-content2 h2 {font-size:22px;  padding-bottom:12px; padding-left:7px;}
  .sub-content2 .accordion {margin-bottom:0;}
  .sub-content2 .accordion button {padding:15px 0;}
  .sub-content2 .accordion button span {font-size:16px; position: relative; display:flex; width:100%; padding-right:40px;}
  .sub-content2 .accordion button span::after {content:""; display:flex; width:16px; height:17px; background:url('../images/downArrow.png')no-repeat; background-size:contain; position: absolute; top:50%; right:10px; transform: translateY(-50%);}
  .sub-content2 .accordion.remove button span::after {transform: translateY(-50%) rotate(180deg);}
  .sub-content2 .accordion.remove .hidden-content {height:0; border-bottom:0;}
  .sub-content2 .accordion .hidden-content .inBox {padding:15px 10px;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li {font-size:14px; line-height: 1.4; margin-bottom:10px; padding:0 15px; word-break: keep-all;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li::before {top:8px; left:5px; width:3px; height:3px;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li:last-child {margin-bottom:0;}
  .sub-content2 .accordion .hidden-content .inBox .circle-list > li br {display:none;}
  .sub-content2 .accordion .hidden-content .inBox .top .circle-list {width:100%; margin:0;}
  .sub-content2 .accordion .hidden-content .inBox .top p {margin-bottom:5px;}
  .sub-content2 .accordion .hidden-content .inBox .top p > strong {font-size:14px;}
  .sub-content2 .accordion .hidden-content .inBox .number-list > li {font-size:14px; width:calc(100% - 30px); margin:0 10px 10px 20px; word-break: keep-all;}
  .sub-content2 .accordion .hidden-content .inBox .number-list > li:last-child {margin-bottom:0;}

  /* 후기 */
  .after-wrap2 {padding:10px;}
  .after-wrap2 .sub-text {padding:12px 7px; font-size:16px; line-height: 1.6;}
  .after-wrap2 .after-list li {padding:0 5px;}
  .after-wrap2 .after-list li .date {font-size:12px;}
  .after-wrap2 .after-list li .inner {font-size:14px;}
}