/* 이달의 추천여행 */
.news_bg .bg_area               { background: url(/mailing/2026/202604/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/202604/img/img_travel_1.jpg');}
.reco .travel_list li:nth-child(2) .bg     {background-image:url('/mailing/2026/202604/img/img_travel_2.jpg');}
.reco .travel_list li:nth-child(3) .bg     {background-image:url('/mailing/2026/202604/img/img_travel_3.jpg');}
.reco .travel_list li:nth-child(4) .bg     {background-image:url('/mailing/2026/202604/img/img_travel_4.jpg');}  
.reco .travel_list li:nth-child(5) .bg     {background-image:url('/mailing/2026/202604/img/img_travel_5.jpg');} 
.reco .travel_list li:nth-child(6) .bg     {background-image:url('/mailing/2026/202604/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; }
}


/* ---------------- 꽃으로 물든 전북 ---------------- */

.tour100-list.flower-list li                                        { width: calc((100% - 60px) / 4); text-align: center; }
.tour100-list.flower-list li .tour100-background::after             { height: 30%;  }
.tour100-list.flower-list li .tour100-background .badge             { background-color:#ff1d67; }


.tour100-list li:nth-child(1) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_1.jpg');}
.tour100-list li:nth-child(2) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_2.jpg');}
.tour100-list li:nth-child(3) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_3.jpg');}
.tour100-list li:nth-child(4) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_4.jpg');}
.tour100-list li:nth-child(5) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_5.jpg');}
.tour100-list li:nth-child(6) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_6.jpg');}
.tour100-list li:nth-child(7) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_7.jpg');}
.tour100-list li:nth-child(8) .tour100-background       { background-image:url('/mailing/2026/202604/img/img_flower_8.jpg');}

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

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

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