/* 이달의 추천여행 */
.news_bg .bg_area               { background: url(/mailing/2026/202603/img/img_top_bg.png) no-repeat center / cover; }
.news_bg .bg_area .bg_tit       { border-bottom:1px solid #fff; }
.news_bg .bg_area .bg_sub_txt   { color:#fff;}


@media (max-width: 400px) {
   .news_bg .bg_area .bg_sub_txt br                                    { display: block; }
}


/* 고민하지 않아도, 바로 시작되는 여행 */
.reco .travel_list li:nth-child(1) .bg     {background-image:url('/mailing/2026/202603/img/img_travel_1.jpg');}
.reco .travel_list li:nth-child(2) .bg     {background-image:url('/mailing/2026/202603/img/img_travel_2.jpg');}
.reco .travel_list li:nth-child(3) .bg     {background-image:url('/mailing/2026/202603/img/img_travel_3.jpg');}
.reco .travel_list li:nth-child(4) .bg     {background-image:url('/mailing/2026/202603/img/img_travel_4.jpg');}  
.reco .travel_list li:nth-child(5) .bg     {background-image:url('/mailing/2026/202603/img/img_travel_5.jpg');} 
.reco .travel_list li:nth-child(6) .bg     {background-image:url('/mailing/2026/202603/img/img_travel_6.jpg');} 

@media (max-width: 415px) {
    /* .pick_badge 자식 요소 순서 변경 (order 안의 숫자를 원하시는 순서대로 변경하세요) */
    .reco .pick_badge a:nth-child(1) { order: 1; } /* 걷기 여행길 */
    .reco .pick_badge a:nth-child(2) { order: 2; } /* K-Stay */
    .reco .pick_badge a:nth-child(3) { order: 4; } /* K-Gimbap 투어 */
    .reco .pick_badge a:nth-child(4) { order: 3; } /* 열린관광 */
    .reco .pick_badge a:nth-child(5) { order: 5; } /* 나만의 숲속 쉼터 */
}
@media (max-width: 400px) {
    .reco .travel_pick_area .pick_list                                    { justify-content: left; }
}


/* ---------------- 한국관광 100선 특별자치도 ---------------- */

.tour100-list                                           { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 2rem; }
.tour100-list li                                        { width: calc((100% - 80px) / 5); text-align: center; }
.tour100-list li .tour100-background                    { position: relative; width: 100%; aspect-ratio: 1; border-radius: 16px; overflow: hidden; background-size: cover; background-position: center; margin-bottom: 12px; display: flex; flex-direction: column; justify-content: space-between; padding: 12px; box-sizing: border-box; }
.tour100-list li .tour100-background::after             { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); z-index: 1; }
.tour100-list li .tour100-background > span             { position: relative; z-index: 2; }
.tour100-list li .tour100-background .badge             { align-self: flex-start; color: #fff; padding: 4px 12px; border-radius: 20px; font-size: .9rem; font-weight:500; letter-spacing: -0.05em; background-color:#2cb974; }
.tour100-list li .tour100-background .title             { align-self: center; color: #fff; font-size: 1.4rem; letter-spacing: -0.07em; font-weight: 700; margin-bottom: 4px; }
.tour100-list li .desc                                  { display: block; font-size: 1.133rem; font-weight: 400; color: #6f736f; letter-spacing: -0.05em; margin-top: 10px; word-break: keep-all; }

.tour100-list li:nth-child(1) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_1.jpg');}
.tour100-list li:nth-child(2) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_2.jpg');}
.tour100-list li:nth-child(3) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_3.jpg');}
.tour100-list li:nth-child(4) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_4.jpg');}
.tour100-list li:nth-child(5) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_5.jpg');}
.tour100-list li:nth-child(6) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_6.jpg');}
.tour100-list li:nth-child(7) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_7.jpg');}
.tour100-list li:nth-child(8) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_8.jpg');}
.tour100-list li:nth-child(9) .tour100-background       { background-image:url('/mailing/2026/202603/img/img_tour100_9.jpg');}
.tour100-list li:nth-child(10) .tour100-background      { background-image:url('/mailing/2026/202603/img/img_tour100_10.jpg');}

@media (max-width: 1024px) {
    .tour100-list li                                    { width: calc((100% - 40px) / 3); }
}
@media (max-width: 768px) {
    .tour100-list                                       { margin: 0 auto; }  
    .tour100-list li                                    { width: calc((100% - 20px) / 2); }
    .tour100-list li .tour100-background .title         { font-size:1.2rem; }
    .tour100-list li .desc                              { font-size:1rem; } 
}

@media (max-width: 639px) {
    .tour100-list { flex-wrap: nowrap; overflow: hidden; overflow-x: auto; justify-content: flex-start; gap:10px; padding-bottom:15px; }
    .tour100-list li { flex-shrink: 0; width: 42%; } 
}

@media (max-width: 468px) {
    .tour100-list li                                    { width: 40%; }
    .tour100-list li .tour100-background .title         { font-size:1.1rem; }
    .tour100-list li .tour100-background .badge         { font-size:.8rem; }
    .tour100-list li .desc                              { margin-top:6px; font-size:.9rem; }
    .tour100-list li .desc br                           { display: none; }  
}