/* -------------------------------------------------------------------
   2026.02 이달의 추천여행 New Layout
------------------------------------------------------------------- */
.jb_theme { word-break: keep-all; margin-bottom:4rem;}


.jb_theme .sec_inner { max-width: 1100px; margin: 6.666rem auto 0;}

.jb_theme .sec_tit { justify-content: center; align-items: center; gap: .5rem; margin-bottom:1.333rem; }
.jb_theme .sec_tit p { font-size: 2.6rem; font-weight:400; text-align: center; letter-spacing: -0.055em; }
.jb_theme .sec_tit p b { font-weight: 700; }
.jb_theme .sec_tit .icon img { width:100%; }


.jb_theme .sec_desc { font-size: 1.4rem; text-align: center; color: #666; line-height: 1.5; letter-spacing: -0.055em; }


/* 비주얼 */
.jb_theme .theme_visual                             { position: relative;  max-height:570px; margin-top:3rem;}
.jb_theme .theme_visual .visual_img                 { height: 100%; border-radius: 20px; overflow: hidden; }
.jb_theme .theme_visual .visual_img img             { width: 100%; height: 100%; object-fit: cover; }
.jb_theme .theme_visual .visual_txt                 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff;  }
.jb_theme .theme_visual .visual_txt .badge          { position: relative; display: inline-block; width: 70px; height: 70px; line-height: 70px; font-weight: 700; margin-bottom: 1.7rem; font-size:2rem; letter-spacing: -.055em; background-color:#fff; color: #4c8bcb; border-radius:35px;}
.jb_theme .theme_visual .visual_txt .badge::before  { position: absolute; left: 50%; bottom:-16px; width: 1px; height: 16px; transform: translateX(-50%); background-color:#fff; content:''; } 
.jb_theme .theme_visual .visual_txt .sub_tit        { font-size:1.8rem; font-weight:700; margin-bottom:1.7rem; letter-spacing: -0.02em; opacity: 0.9; letter-spacing: -.055em; }
.jb_theme .theme_visual .visual_txt .tit            { display:inline-block; padding:1.3rem 0; font-size:3.333rem; margin-bottom:1.333rem; line-height: 1.2; letter-spacing: -.055em; border-bottom: 1px solid #fff; border-top: 1px solid #fff; color:#fff;}
.jb_theme .theme_visual .visual_txt .tit b          { font-weight:300; }
.jb_theme .theme_visual .visual_txt div           { justify-content: center; align-items: center; gap:0 .5rem; }
.jb_theme .theme_visual .visual_txt div .desc           { font-size: 1.466rem; font-weight: 200; letter-spacing: -.04em;}

/* Map Area */
.jb_theme .theme_map_area .map_wrap { position: relative; margin:3.333rem auto 0; }



 #map {width: 100%; height: 500px; border-radius:20px; }
h1 {margin-bottom: 30px; font-size: 24px; color: #333;}
/* 커스텀 InfoWindow 스타일 */
.custom-infowindow          {padding:6px 12px; text-align:center; }
.custom-infowindow h3       { font-size: 16px; color: #111; font-weight:700; letter-spacing: -.055em;}
.gm-ui-hover-effect         { display: none !important; }
.gm-style-iw-c              { padding: 0 !important; }
.gm-style-iw-d              { overflow: auto !important; }
.gm-style-iw-ch             { padding: 0 !important; }




/* 지도&썸네일 */

.jb_theme .region_container             { position:relative; bottom:60px; left:50%; max-width:1020px; transform: translateX(-50%); }
.jb_theme .region_slide .circle_img     { position: relative; width:240px; height:240px; text-align: center;  border-radius: 50%; overflow: hidden; }
.jb_theme .region_slide .circle_img img { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.6); }
.jb_theme .region_slide .circle_img .name       { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.jb_theme .region_slide .circle_img .name span  { display:block; font-size: 1.466rem; color: #fff; font-weight:700;}
.jb_theme .region_slide .circle_img .name span:last-of-type { font-size: 1.133rem; font-weight:300;}


.jb_theme .region_container::before                                        { position:absolute; top:50%; left: 50%; width:110%; height:1px; background-color: #787878; transform: translate(-50%, -50%); content:''; }
.jb_theme .region_container .region_slide                                                {  overflow:hidden;}

.jb_theme .region_container .swiper-button-next,
.swiper-rtl .swiper-button-prev,
.jb_theme .region_container .swiper-button-prev,
.swiper-rtl .swiper-button-next    {width:50px; height:50px; background:#fff; border-radius:50%; box-shadow:rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;}
.jb_theme .region_container .swiper-button-next, .swiper-rtl .swiper-button-prev               {right:-7%;}
.jb_theme .region_container .swiper-button-prev, .swiper-rtl .swiper-button-next               {left:-7%;}
.jb_theme .region_container .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.jb_theme .region_container .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after                                                           {content:''; width:10px; height:16px;}
.jb_theme .region_container .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after                                                           {background:url('/resources/jns-img/month/2503/img_nav_next.png') center/cover no-repeat;}
.jb_theme .region_container .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after                                                           {background:url('/resources/jns-img/month/2503/img_nav_prev.png') center/cover no-repeat;}
.jb_theme .region_container .swiper-button-next.swiper-button-disabled,
.jb_theme .region_container .swiper-button-prev.swiper-button-disabled                         {opacity:0; pointer-events:none;}


/* Content Section */
.jb_theme .theme_content .tour_list                     { margin-top:7rem; margin-bottom:7rem; }
.jb_theme .theme_content .content_head                  { align-items: center; justify-content: center; gap:0 1.066rem; padding: 16px 0; margin-bottom:1.866rem; border: 1px solid #3398E7; border-radius: 20px;}
.jb_theme .theme_content .content_head .num             { display: inline-block; text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 1.6rem; font-weight:700; letter-spacing: -0.055em; border-radius:25px; color: #fff; background-color: #3398E7; }
.jb_theme .theme_content .content_head .tit             { font-size: 2.2rem; font-weight: 700; color: #3398E7; letter-spacing: -0.055em; }
.jb_theme .theme_content .content_head .tit .br_no      { display: none; }

.jb_theme .theme_content .img_box.img_left { width: 59%; }
.jb_theme .theme_content .img_box.img_right { width: 40%; }
.jb_theme .theme_content .img_box img                   { width: 100%; }


.jb_theme .theme_content .bottom_sec                { display: flex; gap:.8333rem 1%; border-bottom: 1px solid #000; }

.jb_theme .theme_content .txt_box                   { margin:2.133rem 0 4rem; }
.jb_theme .theme_content .txt_box.type_left         { width:59%; padding-right:3rem; }
.jb_theme .theme_content .txt_box .sub_tit          { font-size: 1.7rem; margin-bottom: 20px; font-weight: 700; letter-spacing: -.055em; }
.jb_theme .theme_content .txt_box .desc             { font-size: 1.266rem; line-height: 1.6; color: #505050; letter-spacing: -.055em;  }

.jb_theme .theme_content .link_box                  { display: flex; align-items: center; width:40%; padding:3.333rem 2.666rem; background-color:#EDF5FB; }
.jb_theme .theme_content .link_box .link_box_tit    { font-size:1.466rem; font-weight: 700; letter-spacing: -.055em; }
.jb_theme .theme_content .link_box .tourist_link    { flex-direction: column; gap:.5rem 0; margin:1.2rem 0 2rem; }
.jb_theme .theme_content .link_box .tourist_link span { font-size: 1.266rem; letter-spacing: -.055em; font-weight:300;}
.jb_theme .theme_content .link_box .tourist_link span:hover { font-weight:500; color: #3398E7; }
.jb_theme .theme_content .link_box .btn_view        { display: inline-block; max-height:50px; line-height: 50px; padding:0 28px; font-size:1.2rem; font-weight:500; letter-spacing:-.055em; color:#fff; background-color: #3398E7; border-radius: 25px; }



.jb_theme .info_box { display: flex; align-items:flex-start; gap: .3em 1em; margin-top:1.333rem; font-size: 1.2rem; letter-spacing: -.055em;}
.jb_theme .info_box dl { display: flex; gap: 0 .5rem; }
.jb_theme .info_box dt { display: inline-block; font-weight:700; }
.jb_theme .info_box dd { color: #505050; font-weight: 300; }





/* Responsive */
@media (max-width: 1200px) {
    .jb_theme .theme_visual .visual_txt .tit { font-size: 3.2rem; }

}

@media (max-width: 1168px) {
    .jb_theme .theme_content .tour_list { width: 95%; margin:3.333rem auto 0; }

    /* 지도&썸네일 */
    .jb_theme .theme_map_area .map_wrap  { width: 95%; margin:3.333rem auto 0; }
    .jb_theme .region_container { width: 90%; }
}
@media (max-width: 1024px) {
    /* 비주얼 */
    .jb_theme .theme_visual { height: 500px; }
    .jb_theme .theme_visual .visual_txt .badge      { font-size: 1.8rem; }
    .jb_theme .theme_visual .visual_txt .tit        { font-size: 2.8rem; }
    .jb_theme .theme_visual .visual_txt div .desc   { font-size: 1.26rem;}
    .jb_theme .theme_visual .visual_txt .sub_tit    { margin-bottom: 1.2rem; }

    /* 섹션타이틀 */
    .jb_theme .sec_tit p  { font-size:2.3rem; }
    .jb_theme .sec_tit_box { width:80%; margin: 0 auto; }
    .jb_theme .sec_desc     { font-size: 1.2rem; }
    .jb_theme .sec_desc br { display:none; }

    /* 지도&썸네일 */
    
    .jb_theme .region_container::before { width: 100%; }
    .jb_theme .region_slide .circle_img .name span { font-size: 1.3rem; }
    .jb_theme .region_slide .circle_img .name span:last-of-type { font-size: 1rem; }

    /* .jb_theme .region_container .swiper-button-next, .swiper-rtl .swiper-button-prev               {right:-4%;}
    .jb_theme .region_container .swiper-button-prev, .swiper-rtl .swiper-button-next               {left:-4%;} */

    /* 콘텐츠 섹션 */
    .jb_theme .theme_content .content_head          { padding:12px 0; }
    .jb_theme .theme_content .content_head .num     { width: 40px; font-size: 1.4rem; height: 40px; line-height: 40px;}
    .jb_theme .theme_content .content_head .tit     { font-size: 1.9rem; }

    .jb_theme .theme_content .txt_box           { margin: 1.9rem 0 3rem; }
    .jb_theme .theme_content .txt_box .sub_tit { font-size: 1.5rem; margin-bottom: 14px; }
    .jb_theme .theme_content .txt_box .desc { font-size: 1.15rem; line-height: 1.5;}

    .jb_theme .theme_content .link_box                      { padding: 2.8rem 2rem;}
    .jb_theme .theme_content .link_box .link_box_tit        { font-size:1.3rem; }
    .jb_theme .theme_content .link_box .tourist_link        { margin: 1.1rem 0 1.6rem;}
    .jb_theme .theme_content .link_box .tourist_link span   { font-size: 1.1rem; }
    .jb_theme .theme_content .link_box .btn_view            { font-size: 1.1rem; }
    .jb_theme .info_box             { font-size: 1.05rem; }
    .jb_theme .info_box dl          { gap:0 .3rem; }

    /* Swiper Thumbs */
    
}

@media (max-width: 768px) {
    /* 비주얼 */
    .jb_theme .theme_visual                         { height: 400px; }
    .jb_theme .theme_visual .visual_img             { border-radius: 12px;}
    .jb_theme .theme_visual .visual_txt             { width: 90%; }
    .jb_theme .theme_visual .visual_txt .badge      { font-size: 1.3rem; width: 52px; height: 52px; line-height: 52px; margin-bottom: 1.2rem; }
    .jb_theme .theme_visual .visual_txt .sub_tit    { font-size: 1.2rem; margin-bottom:.8rem; }
    .jb_theme .theme_visual .visual_txt .tit        { font-size: 2.4rem; padding: 1rem 0; margin-bottom: 1rem; }
    .jb_theme .theme_visual .visual_txt div .desc   { font-size:1.1rem; }
    
    /* 섹션타이틀 */
    .jb_theme .sec_tit          { margin-bottom:1.1rem; }
    .jb_theme .sec_tit p        { font-size:1.9rem; }
    .jb_theme .sec_desc         { font-size:1.1rem; }

    /* 지도&썸네일 */
    #map                                { height: 450px; }
    .jb_theme .theme_map_area .map_wrap { width: 90%; }
    
    .jb_theme .region_container { bottom:80px; }
    .jb_theme .region_container::before { width: 100%; }
    .jb_theme .region_slide .circle_img { width:180px; height: 180px; }
    .jb_theme .region_container .swiper-button-next,
    .swiper-rtl .swiper-button-prev,
    .jb_theme .region_container .swiper-button-prev,
    .swiper-rtl .swiper-button-next    {width:40px; height:40px;}

    /* 콘텐츠 섹션 */
    .jb_theme .sec_inner        { margin: 4.666rem auto 0;}

    .jb_theme .theme_content .tour_list { width: 88%; margin: 2.333rem auto 0; }
    
    .jb_theme .theme_content .content_head      {margin-bottom: 1.5rem;}
    .jb_theme .theme_content .content_head .tit { font-size: 1.7rem; }

    .jb_theme .theme_content .img_box.type_split { flex-direction: column; gap: 10px; }
    .jb_theme .theme_content .img_box.type_split > div { height: 250px; }
    
    .jb_theme .theme_content .txt_box               { margin: 1.2rem 0 2rem; }
    .jb_theme .theme_content .txt_box.type_bottom { padding: 30px 20px; }
    .jb_theme .theme_content .txt_box .sub_tit { font-size: 1.3rem; }
    .jb_theme .theme_content .txt_box .desc { font-size: 1.05rem;  }
     
    .jb_theme .theme_content .link_box                  { padding: 2rem 1.6rem;}
    .jb_theme .theme_content .link_box .link_box_tit    { font-size: 1.2rem; }
    .jb_theme .theme_content .link_box .tourist_link        { gap:.3rem 0; margin: .9rem 0 1.2rem; }
    .jb_theme .theme_content .link_box .tourist_link span { font-size: 1.05rem; }
    .jb_theme .theme_content .link_box .btn_view            { padding:0 20px; font-size: 1rem; height: 42px; line-height: 42px; }  

    .jb_theme .info_box         { margin-top: 1rem; font-size:.95rem; }
    .jb_theme .info_box dl      { gap: 0 .3rem; }

  
}
@media (max-width:568px) {
    /* 콘텐츠 섹션 */
    .jb_theme .theme_content .bottom_sec        { gap: 0 1%;}
    .jb_theme .theme_content .txt_box.type_left { width: 100%; padding-right: 0; }
    .jb_theme .theme_content .link_box  { width: 100%; }
    .jb_theme .theme_content .link_box .tourist_link { flex-direction: row; gap:0 .3rem; }
}
@media (max-width:468px) {
    /* 비주얼 */
    .jb_theme .theme_visual                         { height:330px; }
    .jb_theme .theme_visual .visual_txt .badge      { width: 44px; height: 44px; line-height: 44px; font-size: 1.15rem; }
    .jb_theme .theme_visual .visual_txt .sub_tit    { font-size: 1.1rem;}
    .jb_theme .theme_visual .visual_txt .tit        { font-size:1.9rem; }
    .jb_theme .theme_visual .visual_txt div .desc   { font-size: 1.05rem; }

    /* 섹션타이틀 */
    .jb_theme .sec_tit      { flex-direction: column; margin-bottom: .6rem;}
    .jb_theme .sec_tit p    { font-size: 1.6rem;}

     /* 지도&썸네일 */
     #map { height:350px; }
    .jb_theme .theme_map_area .map_wrap{ margin:2.333rem auto 0;}
    .jb_theme .region_container { bottom:50px; }
    .jb_theme .region_slide .circle_img .name span { font-size: 1.1rem; }
    .jb_theme .region_container .swiper-button-next, .swiper-rtl .swiper-button-prev { width:32px; height:32px; }
    .jb_theme .region_container .swiper-button-prev, .swiper-rtl .swiper-button-next { width:32px; height:32px; }


    /* 콘텐츠 섹션 */
    .jb_theme .sec_inner        { margin: 2.3rem auto 0;}

    .jb_theme .theme_content .content_head          { flex-direction: column; border-radius: 10px;}
    .jb_theme .theme_content .content_head .num     { position: relative; top: -29px; margin-bottom: -23px; font-size: 1.05rem; width: 32px; height: 32px; line-height: 32px;}
    .jb_theme .theme_content .content_head .tit     { font-size: 1.3rem; text-align: center; }
    .jb_theme .theme_content .content_head .tit .br_no      { display:block; }

    .jb_theme .theme_content .txt_box               { margin: 1rem 0 1.5rem; }
    .jb_theme .theme_content .txt_box .sub_tit      { margin-bottom: 8px; font-size: 1.2rem;}
    .jb_theme .theme_content .txt_box .desc         { font-size:1rem;}

    .jb_theme .theme_content .link_box .link_box_tit        {font-size:1.1rem;}
    .jb_theme .theme_content .link_box .tourist_link        {margin: .6rem 0 .9rem;}
    .jb_theme .theme_content .link_box .tourist_link span   {font-size: .95rem;}

    .jb_theme .theme_content .link_box                      { padding:1.3rem;}
    .jb_theme .theme_content .link_box .btn_view            { height: 32px; line-height: 32px; font-size: .95rem; }   
}
@media (max-width:400px) {
    .jb_theme .mt0 { margin-top: 0; }   
    /* 지도&썸네일 */
     .jb_theme .region_slide .circle_img { width:150px; height:150px; }
    .jb_theme .region_slide .circle_img .name span { font-size: 1rem; }
}