/* 2026-02-13 서해랑길63 코스 페이지 수정 */
.H_63courseInfo {align-items: center;}
.course-info {display: flex; align-items: center; gap: 20px; margin-top: 10px;}
.course-info-item {display: flex; align-items: center; gap: 6px; font-weight: 500; font-size: 15px; color: #424242;}
.course-info-item p {font-size: 15px;}
.course-info-item .tag {display: flex; align-items: center; justify-content: center; width: 64px; height: 28px; border-radius: 4px; font-weight: 700; font-size: 15px; color: #FFFFFF;}
.course-info-item .tag.type01 {background-color: #002a5e;}
.course-info-item .tag.type02 {background-color: #fd9e00; color: #424242;}
.course-info-item .cont {}

.course-content {padding-top: 20px;}
.course-content-row {}
.course-content-row ~ .course-content-row {padding-top: 40px;}
.course-content-row .map {position: relative; overflow: hidden;}
.course-content-row .map img {width: 100%; object-fit: cover;}
.course-content-row .text-content {}
.course-content-row .text-content .title {font-weight: 700; font-size: 30px; color: #ff9e3d; line-height: 1;}
.course-content-row .text-content .dot-list {padding-top: 20px;}
.course-content-row .text-content .dot-text {font-weight: 400; font-size: 16px; color: #424242; line-height: 1.625;}
.course-content-row .text-content .dot-text::before {content: '·';}
.course-content-row.text {display: flex}
.course-content-row .text1 {width: 40%}
.course-content-row .text2 {width: 60%}

.course-slider-content {margin-top: 50px; padding-top: 50px; position: relative; padding-bottom: 50px; background-color: #fff3e7;}
.course-slider-title {display: flex; align-items: center; justify-content: center;}
.course-slider-title .htit_bl18 {margin-top: 0;}
.course-slider {position: relative; padding: 0 50px;}
.course-slider .swiper-slide {width: 500px; padding: 0 40px;}
.course-slider .swiper-slide .slide-img {width: 100%; aspect-ratio: 1 / 1; position: relative;}
.course-slider .swiper-slide .slide-img::before {content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 2; transition: .3s;}
.course-slider .swiper-slide .slide-img img {width: 100%;}
.course-slider-ctr {display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; width: 550px;}
.course-slider-ctr button {display: flex; align-items: center; justify-content: center; width: 46px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #FFFFFF; box-shadow: 3px 4px 16px rgba(56,56,56,0.1); border: none;}

.course-slider .swiper-slide.swiper-slide-active .slide-img::before {opacity: 0;}

.course-rest-wrap {display: flex; align-items: center;}
.course-rest-img {width: 640px; border-radius: 16px; overflow: hidden; box-shadow: 3px 4px 16px rgba(56,56,56,0.3);}
.course-rest-img img {width: 100%; object-fit: cover;}
.course-rest-content {width: calc(100% - 640px); background-color: #f8f8f8; border-radius: 0 16px 16px 0; border: 1px solid #e4e4e4; border-left: none; padding: 50px 0; padding-left: 80px;}
.course-rest-title {text-align: center; line-height: 1; font-weight: 700; font-size: 30px; color: #ff9e3d; padding-bottom: 30px;}
.course-rest-list {}
.course-rest-text {display: flex; align-items: center; font-weight: 400; font-size: 18px; color: #424242; gap: 8px;}
.course-rest-text ~ .course-rest-text {margin-top: 10px;}
.course-rest-text .icon {width: 21px; font-size: 0; text-align: center;}


/* ########## 반응형 ########## */
@media screen and (max-width: 1180px) {
  /* 2026-02-13 서해랑길63 코스 페이지 수정 */
  .course-content-row .text-content .title {font-size: 24px;}
  .course-content-row .text-content .dot-list {padding-top: 10px;}
  .course-content-row .text-content .dot-text {font-size: 15px;}
  .course-rest-wrap {flex-direction: column;}
  .course-rest-img {position: relative; z-index: 2; max-width: 100%;}
  .course-rest-content {width: 100%; border: 1px solid #e4e4e4; border-radius: 16px; margin-top: -20px;}
  .course-rest-title {font-size: 24px;}
  .course-rest-text {font-size: 16px;}
}

@media screen and (max-width: 767px) {
  /* 2026-02-13 서해랑길63 코스 페이지 수정 */
  .course-info {gap: 10px;}
  .course-info-item .tag {font-size: 13px; width: 54px; height: 24px;}
  .course-content-row ~ .course-content-row {padding-top: 20px;}
  .course-content-row .text-content .title {font-size: 20px;}
  .course-content-row .text-content .dot-text {font-size: 14px;}
  .course-slider-content {margin-top: 30px; padding-top: 30px; padding-bottom: 30px;}
  .course-slider {padding: 0 20px;}
  .course-slider .swiper-slide {padding: 0 10px; width: 100%;}
  .course-slider-ctr {width: calc(100% - 20px); top: 0; transform: translateX(-50%); top: -56px;}
  .course-slider-ctr button {width: 36px;}
  .course-slider-ctr button img {width: 12px;}
  .course-rest-content {padding: 50px 30px;}
  .course-rest-title {font-size: 20px; padding-bottom: 12px;}
  .course-rest-text {font-size: 14px;}
  .course-content-row.text {flex-direction: column;}
  .course-content-row .text1 {width: 100%;}
  .course-content-row .text2 {width: 100%; padding-top: 20px;}
}