@charset "utf-8";
:root{
    --blue: #2679fb;
    --orange: #ff6431;
    --pink: #fe53a2;
    --light-pink:#ff8cbc;
    --cyan: #33cc99;
    --purple:#a85fda;
    --cate1:#00c1c8;
    --cate2:#f46653;
    --cate3:#4160b4;
    --green: #2cb974;
    --black:#000;
    --white:#fff;   
    --grey:#6f736f;    
    --grey-light:#666666;
}
        
@font-face {
    font-family: 'Fraunces';
    src: url('/resources/css/fonts/Fraunces_72pt-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ---------------- 상단 ---------------- */
.news_top								                {position: relative; display:flex; justify-content:space-between; align-items:center; max-width:1300px; min-height:140px; margin: 0 auto;}

.news_top_wrapper                       {position:relative;    box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.15);}	

.news_top .title						            { margin: 0 auto; text-align:center; }
.news_top .title h1 					            { margin-bottom:.6rem; font-size:3.35rem; letter-spacing:-.025em; font-weight:700; color:#014693; line-height:1.1; font-family: "Fraunces", serif;}
.news_top .title p 					            { display:flex; align-items:center; justify-content:center; gap:4px; font-size:1.267rem; letter-spacing:-.05em; font-weight:700 ; color:#014693; }
.news_top .vol                          { display: flex; gap: 20px; position: absolute; right:0; font-size:1.267rem; letter-spacing:-.01em; font-weight:500; color:#000; }
.news_top .vol .after                   { position: relative; }
.news_top .vol .after::after            { content:""; position: absolute; right: -10px; top:50%; transform: translateY(-50%); width:1px; height:60%; background:#979797;}
.news_top .logo                         { position: absolute; left: 0; }
.news_top .badge                        {display:flex; align-items:center; justify-content: center; min-width:68px; height:34px; font-size:1.267rem; letter-spacing:-0.055em; border-color:var(--green); color:var(--green);}

@media screen and (max-width:1400px){
    /* 상단 */
    .news_top                           { width: 94%;}
}
@media screen and (max-width:1024px){
    /* 상단 */
    .news_top .title h1                 { font-size:3rem; }
    .news_top .title p                  { font-size:1.2rem; } 
    .news_top .badge                    {font-size:1.15rem;}
    .news_top .logo img                 {width:200px;}
}
@media screen and (max-width:768px) {
    /* 상단 */
    .news_top                           { min-height:120px; }
    .news_top .title h1                 { font-size:2.6rem; }
    .news_top .title p                  { font-size:1.15rem; }
    .news_top .logo                     { width: 28%; }
    .news_top .vol,.news_top .logo img  { display:none; } 
 }
@media screen and (max-width:468px) {
    /* 상단 */
    .news_top                           { flex-direction: column; justify-content: center; min-height:100px;}
    .news_top .title                    { padding-top:.5rem; }
    .news_top .title h1                 { margin-bottom:.2rem; font-size:2.4rem; }
    .news_top .title p                  { bottom:10px; font-size:1.05rem;}
    .news_top .badge                    {font-size:.95rem;}
    .news_top .logo                     { top: 16%; left: 50%; transform: translateX(-50%);  }
}

/* ---------------- 상단배너 ---------------- */
.news_bg .con_inner                     {max-width: 1500px;}
.news_bg .m_br                          {display: none;}
.news_bg .bg_area                       {display: flex; flex-direction: column; align-items: center; justify-content: center; width:100%; max-height:520px; padding:100px 0 80px; color:#fff; border-radius:0 0 2em 2em; background:url("/mailing/2026/202602/img/img_top_bg.png") no-repeat center / cover;}
.news_bg .bg_area .bg_tit               {display:flex; flex-direction:column; max-width:90%; padding-bottom:1.2rem; text-align:center; font-size:3rem; letter-spacing:-0.055em; font-weight:400; border-bottom:1px solid #afd7f1; } 
.news_bg .bg_area .bg_tit em            {font-size:3.2rem; letter-spacing:-0.06em; font-weight:700;}
.news_bg .bg_area .bg_sub_txt           {display:inline-block; max-width:90%; margin:1.2rem 0 2.667rem; text-align:center; font-size:1.267rem; letter-spacing:-0.045em; font-weight:400; color: #afd7f1;}
.news_bg .bg_area .bg_btn a             {display: flex; align-items:center; gap:8px; justify-content: center; width:290px; height:60px; margin:0 auto;  text-align:center; font-size:1.2rem; font-weight:500; letter-spacing:-0.055em; line-height:58px; border:1px solid rgba(255,255,255, .5); border-radius:2em;}
.news_bg .bg_area .bg_btn               {text-align:center;}

@media all and (min-width: 1025px) {
.news_bg .bg_area .bg_btn a:hover       {border:1px solid #fff; transition: all .3s ease-in-out; font-weight:700;}
}

@media all and (max-width:1024px){
  .news_bg .bg_area               {border-radius: 0 0 1em 1em;}
  .news_bg .bg_area .bg_tit       {font-size:2.6rem;}
  .news_bg .bg_area .bg_tit em    {font-size:3rem;}
  .news_bg .bg_area .bg_sub_txt   {font-size:1.2rem;}
  .news_bg .bg_area .bg_btn a     {width:270px; height:50px;}
}

@media all and (max-width:768px){
  .news_bg .bg_area               {padding:80px 0 60px;}
  .news_bg .bg_area .bg_tit       {font-size:2.4rem;}
  .news_bg .bg_area .bg_tit em    {font-size:2.8rem;}
  .news_bg .bg_area .bg_sub_txt   {font-size:1.1rem;}
  .news_bg .bg_area .bg_btn a     {width:250px; height:48px;}
}
@media all and (max-width:480px){
  .news_bg .bg_area               {padding:40px 0 30px;}
  .news_bg .bg_area .bg_tit       {padding-bottom:1rem; font-size:1.6rem;}
  .news_bg .bg_area .bg_tit em    {font-size:2rem;}
  .news_bg .bg_area .bg_sub_txt   {margin:1rem 0 1.6rem; font-size:1rem;}
  .news_bg .bg_area .bg_sub_txt br{display:none;}
  .news_bg .bg_area .bg_btn a     {width:200px; height:45px; font-size:1rem;}
  .news_top .badge                {min-width:50px; height:26px;}
  .news_bg .m_br                  {display: block;}
}
/* ---------------- 공통요소 ---------------- */
.badge                                          {display:inline-block; border-radius:1.2em;}
.border                                         {border:1px solid;}
.white-border-badge                             {color:var(--white); border:1px solid var(--white);}
.badge-orange                                   {color:var(--white); background:var(--orange);}
.badge-pink                                     {background:var(--pink);}
.badge-cyan                                     {background:var(--cyan);}
.badge-blue                                     {background:var(--blue);}
.badge-purple                                   {background:var(--purple);}
.cate-1                                         {background:var(--cate1) !important;}
.cate-2                                         {background:var(--cate2) !important;}
.cate-3                                         {background:var(--cate3) !important;}
.cate-4                                         {background:var(--black) !important;}

 
/* ---------------- 콘텐츠 타이틀 ---------------- */
.letter_sec                                         { padding: 100px 0; word-break:keep-all;}
.con_tit_wrap                                       {position:relative; z-index:100; align-items: center; gap:1rem; margin-bottom:2rem;}
.con_tit_wrap.space-between                         {justify-content: space-between;}
.con_tit_wrap.f-column                              {flex-direction:column; justify-content: center; gap:.1rem;}
.con_title                                          {align-items:center; gap:4px; font-size:2.2rem; letter-spacing:-.075em; font-weight:400; }
.con_title em                                       {font-weight:700; }
.con_tit_wrap .sub_txt                              {font-size:1.6rem; letter-spacing: -0.08em; color:#7597e4; font-weight:500;}
.con_tit_wrap a                                     {display:flex; align-items:center; justify-content: center; height:50px; padding:0 2em; font-size:1.2rem; letter-spacing:-0.05em; font-weight:700; border-radius:2em;}
.con_sub_tit                                        {font-size:1.467rem; letter-spacing:-0.055em; font-weight:700;}
.txt_before::before                                 {display:block; width:auto; position:absolute; top:-4rem; left:50%; transform: translateX(-50%); font-size:5.5rem; letter-spacing:-0.055em; font-weight:900; white-space:nowrap;}

@media all and (max-width:1024px){
    .con_title                                    {font-size:2rem;}
    .con_sub_tit                                  {font-size:1.3rem;}
    .letter_sec                                   {padding:80px 0;}
    .con_tit_wrap                                 {margin-bottom:1.6rem; gap:.6rem;}
    .con_tit_wrap.space-between                   {justify-content: center;}
}
@media all and (max-width:768px){
    .con_title                                    {font-size:1.8rem;}
    .letter_sec                                   {padding:60px 0;}
    .con_tit_wrap                                 {margin-bottom:1.4rem; gap:.4rem; justify-content:center;}
    .con_tit_wrap .arr_icon                       {display: none;}
}
@media all and (max-width:480px){
    .con_title                                    {justify-content: center; font-size:1.6rem;}
    .con_sub_tit                                  {font-size:1.2rem;}
    .letter_sec                                   {padding:45px 0;}
    .con_tit_wrap                                 {margin-bottom:1rem; gap:.2rem;}
    .jeonbuk_list_card .con_tit_wrap img          {width: 32px;}
    .txt_before::before                           {display: none;}
}


/* ---------------- 이달의 추천여행 ---------------- */
.month_trip .con_inner                              {max-width: 1500px; position: relative;}
.month_trip .con_inner::before                      {content:'Jeonbuk’s Recommended Travel Spots'; color:#f6fbfd;}
.month_trip .con_inner .month_card_area             {width:100%; max-width:1300px; margin:0 auto;}
.month_list                                         {gap:36px;}
.month_list li                                      {width:calc((100% - 72px)/3); background-color:var(--white); border:1px solid #ececec; border: 1px solid #ececec; border-radius:1em; overflow:hidden;}
.month_list li .txt_box                             {background-color:var(--white); padding:2rem;}
.month_list li .txt_box .badge_area                 {margin-bottom:1rem; display: flex; flex-wrap: wrap; gap:6px;}
.month_list li .txt_box .badge_area span            {padding:4px 15px; font-size:1rem; font-weight:500; background-color:#e7f3fc; color:#50779e; letter-spacing:-0.03em;  border-radius:1em;}
.month_list li .txt_box .title                      {margin:.5em 0 1em; font-size:2rem; font-weight:700; letter-spacing:-.06em; line-height:1.3; word-break: keep-all;}
.month_list li .divider_area                        {gap:20px; margin-top:1.8rem; font-size:1.133rem; letter-spacing:-0.03em; color: #191919;}
.month_list li .divider_area span                   {position: relative;}
.month_list li .divider_area span::after            {display:inline-block; width:1px; background:#000; height:80%; position: absolute; right:-10px; top:50%; transform:translateY(-50%); content:'';}
.month_list li .divider_area span:last-of-type:after{display:none;}
 

@media screen and (max-width:1200px){
.month_list li .txt_box .title                            {font-size:1.8rem;}
.month_list li .divider_area                              {font-size:.9rem;}
}
@media screen and (max-width:1024px){
.month_list                                               {gap:20px;}
.month_list li                                            {width:calc((100% - 40px)/3);}
.month_list li .txt_box .title                            {font-size:1.6rem;}
.month_list li .txt_box                                   {padding:1.6rem 1.3rem;}
.month_list li .divider_area span::after                  {display:inline-block; width:1px; background:#000; height:80%; position: absolute; right:-10px; top:50%; transform:translateY(-50%); content:'';}
.month_list li .divider_area span:last-of-type:after      {display:none;}
.month_list li .divider_area                              {margin-top:1.4rem;}
.txt_before::before                                       {top:-3rem; font-size:4rem;}
.month_list li .txt_box .badge_area                       {margin-bottom:.6rem;}
.month_list li .txt_box .badge_area span                  {font-size:.9rem;}
}
@media screen and (max-width:900px){
.month_list li                                            {width:100%; padding:1.6rem;}
.month_list li a                                          {display:flex; gap:1rem; flex-direction:row-reverse; justify-content: flex-end; align-items: center;}
.month_list li a .img_box                                 {width:40%;}
.month_list li a .img_box img                             {width:100%; border-radius:.5rem;}
.month_list li .txt_box                                   {flex:1; padding:0;}
.month_list li .txt_box .title br                         {display:none;}
}
@media screen and (max-width:600px){
.month_list li                                            {width:100%; padding:1.2rem;}
.month_list li .txt_box .title                            {font-size:1.3rem;}
.month_list li .txt_box .badge_area span                  {font-size:.8rem;}
.month_list li .txt_box .badge_area                       {margin-bottom:.4rem;}
.month_list li .divider_area                              {margin-top:1rem;}
}
@media screen and (max-width:480px){
.month_list li                                            {padding:0;}
.month_list li a                                          {display: block;}
.month_list li a .img_box                                 {width:100%;}
.month_list li a .txt_box                                 {padding:1rem;}
.month_list li a .img_box img                             {border-radius: 0 0 1rem 1rem;}
.month_list li a .txt_box .title                          {font-size:1.3rem;}
.month_list li .txt_box .badge_area                       {margin-bottom:.5rem;}
.month_list li .divider_area                              {margin-top:.5rem;}
}

/* ---------------- 고민하지 않아도 시작되는 여행 ---------------- */
.reco .reco_con_area                                                {gap:2rem; }

.reco .travel_list                                                  {width:860px; gap:1rem;}
.reco .travel_list li                                               {width:calc((100% - 2rem)/3); border-radius:1rem; overflow:hidden;}
.reco .travel_list li .bg                                           {position:relative; width:100%; height:360px; background-size:cover; background-position: center; background-repeat:no-repeat;}
.reco .travel_list li .bg .txt_area                                 {display:flex; flex-direction:column; gap:5px; position:absolute; bottom:1.3rem; left:1.3rem; color:#fff;}
.reco .travel_list li .bg .txt_area .hash                           {margin-top:.667rem; font-size:1rem; letter-spacing:-0.08em; color:#b5b5b3;}
.reco .travel_list li .bg .txt_area em                              {font-size:1.4rem; letter-spacing:-0.07em; font-weight:700;}
.reco .travel_list li .bg .txt_area .sm                             {font-size:1.067rem;letter-spacing:-0.07em; font-weight: 500;}
.reco .travel_list li:nth-child(1) .bg                              {background-image:url('/mailing/2026/202602/img/img_travel_1.jpg');}
.reco .travel_list li:nth-child(2) .bg                              {background-image:url('/mailing/2026/202602/img/img_travel_2.jpg');}
.reco .travel_list li:nth-child(3) .bg                              {background-image:url('/mailing/2026/202602/img/img_travel_3.jpg');}
.reco .travel_list li:nth-child(4) .bg                              {background-image:url('/mailing/2026/202602/img/img_travel_4.jpg');}  
.reco .travel_list li:nth-child(5) .bg                              {background-image:url('/mailing/2026/202602/img/img_travel_5.jpg');} 
.reco .travel_list li:nth-child(6) .bg                              {background-image:url('/mailing/2026/202602/img/img_travel_6.jpg');} 
.reco .travel_pick_area                                             {padding:36px 50px; flex:1; background:#ececec; border-radius:1rem;} 
.reco .travel_pick_area .pick_list_wrap                             {gap:2rem; flex-direction: column;}
.reco .travel_pick_area em.pick_tit                                 {display:inline-block; width:100%; margin-bottom:1rem; font-size:1.4rem; font-weight: 700; letter-spacing:-0.05em;}
.reco .travel_pick_area em.pick_tit.border                          {padding-bottom:.4em; border:none; border-bottom:1px solid #000;}
.reco .travel_pick_area .pick_tag                                   {gap:.3rem 1rem; font-size: 1.2rem; font-weight: 500; letter-spacing:-0.05em; color:#2f2f2f;}
.reco .travel_pick_area .pick_tag a:hover                           {font-weight:700; transition: all .3s ease-in-out;}
.reco .travel_pick_area .pick_list                                  {display:flex; flex-wrap:wrap; gap:10px; flex-direction: column;}
.reco .travel_pick_area .pick_wrap a                                {gap:10px; align-items: center;}
.reco .travel_pick_area .pick_wrap a:hover img                      {transform: scale(1.08); transition: all .3s ease-in-out;}


.reco .travel_pick_area .pick_wrap .pick_con                        {flex-direction:column; gap:.2rem}
.reco .travel_pick_area .pick_wrap .pick_con em                     {font-size:1.2rem; letter-spacing:-0.05em; font-weight:700;}
.reco .travel_pick_area .pick_wrap .pick_con span                   {font-size:1.067rem; letter-spacing:-0.05em; font-weight:300;}
.reco .travel_pick_area .pick_badge                                 {gap:16px 8px;} 
.reco .travel_pick_area .badge                                      {position:relative; display: inline-block; height:45px; padding-left:50px; padding-right:15px; overflow: hidden; display: flex; align-items: center; font-size:1.133rem; font-weight:700; letter-spacing:-0.07em; color: var(--white); border-radius:2em;}
.reco .travel_pick_area .badge:hover                                {opacity:.8; transition: all .3s ease-in-out;}
.reco .travel_pick_area .badge img                                  {position: absolute; top:50%; left:4px; width:38px; height:38px; transform: translateY(-50%);}
.reco .travel_pick_area .badge.orange                               {background:var(--orange);}
.reco .travel_pick_area .badge.pink                                 {background:var(--pink);}
.reco .travel_pick_area .badge.cyan                                 {background:var(--cyan);}
.reco .travel_pick_area .badge.blue                                 {background:var(--blue);}
.reco .travel_pick_area .badge.purple                               {background:var(--purple);}

@media all and (max-width:1300px){
  .reco .travel_list                                                {width: 100%;}
}
@media all and (max-width:1024px){
  .reco .travel_list li                                             {width:calc((100% - 1rem)/2);}
  .reco .travel_list li .bg                                         {height:300px;}
  .con_tit_wrap .sub_txt                                            {font-size:1.3rem;}
  .reco .travel_pick_area                                           {padding:24px 30px;}
  .reco .travel_list li .bg .txt_area em                            {font-size:1.3rem;}
  .reco .travel_list li .bg .txt_area .sm                           {font-size:1rem;}
  .reco .travel_pick_area em.pick_tit                               {font-size:1.3rem;}
  .reco .travel_pick_area .badge                                    {height:40px; font-size:1rem;}
  .reco .travel_pick_area .badge img                                {width:36px; height:36px;}
  .reco .travel_pick_area .pick_badge                               {gap:12px 6px;}
  .reco .travel_pick_area .pick_tag                                 {gap:.8rem; margin-top:0; font-size:1rem;}
  .con_tit_wrap a                                                   {padding:0 1em; font-size:1.1rem; height: 45px;}
}
@media all and (max-width:768px){
  .reco .travel_list li                                             {width:calc((100% - 1rem)/2);}
  .con_tit_wrap                                                     {flex-direction: column; gap:.2rem;}
  .con_tit_wrap .sub_txt                                            {font-size:1.2rem;}
  .reco .travel_list li .bg .txt_area                               {left: 0; padding-left:1rem;}
  .reco .travel_pick_area .pick_wrap a img                          {width:30px; height:30px;}
  .reco .travel_pick_area .pick_badge                               {gap:10px 4px;}
  .reco .travel_pick_area .pick_tag                                 {font-size:.98rem;}
  .reco .travel_pick_area .pick_wrap .pick_con em                   {font-size:1.1rem;}
  .reco .travel_pick_area .pick_wrap .pick_con span                 {font-size:1rem;}
  .con_tit_wrap a                                                   {height: 40px; margin-top:1rem;}
}
@media all and (max-width:600px){
  .reco .travel_pick_area .pick_list .pick_wrap                     {flex: 0 0 auto;}
  .reco .travel_pick_area .badge                                    {padding-left:36px;}
  .reco .travel_pick_area .badge img                                {width:30px; height:30px;}
  .reco .travel_pick_area .pick_badge                               {gap:4px;}
  .reco .travel_pick_area .pick_list                                {flex-direction: row; justify-content: space-between;}
  .reco .travel_pick_area .pick_wrap .pick_con span                 {display: none;}
  .reco .travel_pick_area .pick_wrap a                              {gap:4px;}
}

@media all and (max-width:480px){
  .reco .travel_list                                                {flex-wrap: nowrap; white-space: nowrap; overflow: hidden; overflow-x: auto;}
  .reco .travel_list li                                             {width:60%; flex: 0 0 auto;}
  .reco .travel_list li .bg                                         {height:240px; background-position:center bottom;}
  .reco .travel_pick_area                                           {padding:20px;}
  .reco .travel_list li .bg .txt_area em                            {font-size:1.2rem;}
  .reco .travel_list li .bg .txt_area .sm                           {font-size:.95rem;}
  .reco .travel_list li .bg .txt_area .hash                         {margin-top:.5rem; font-size:.9rem;}
  .reco .travel_pick_area em.pick_tit                               {font-size:1.2rem;}
  .reco .travel_pick_area .pick_badge                               {gap:6px 4px;}
  .reco .travel_pick_area .pick_tag                                 {font-size:.95rem; gap:.5rem;}
}


/* ---------------- 전북에서만 누리는 즐거움---------------- */
.theme .con_tit_wrap a                  {color:#00c1c8; border:1px solid #00c1c8;}
.theme .con_inner                       {position: relative;}
.reco .con_inner                       {position: relative;}
.reco .con_inner::before               {content:'Your Personal Jeonbuk Travel Planner'; color:#f5f5f5;}
.theme .con_inner::before               {content:'Only in Jeonbuk: Culture & Celebrations'; color:#f5f5f5;}
.theme .grid                            { display: flex; flex-wrap:wrap; gap: 32px; max-width: 1300px; margin: 0 auto; }
.theme .grid .event-card               { display: flex; flex-direction: column; width: 100%; max-width: 347px; flex:1; margin: 0 auto; }
.theme .grid .event-card a             { display: flex; flex-direction: column; width: 100%; margin: 0 auto; }
.theme .grid .event-image              { position: relative; width: 100%; aspect-ratio: 347 / 463; border-radius: 2px; overflow: hidden; }
.theme .grid .event-img                { width: 100%; height: 100%; object-fit: cover; display: block; }
.theme .grid .category-badge           { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background: #d9d9d9; border-radius: 1.3em; padding: 6px 16px; }
.theme .grid .category-text            { font-weight: 700; font-size: 1.133rem; color: #fff; letter-spacing: -1.19px; line-height: normal; }
.theme .grid .event-content            { margin-top:10px; text-align: center; }
.theme .grid .event-title              { font-weight: 700; font-size: 1.6rem; color: black; letter-spacing: -1.68px; line-height: 1.2; margin-bottom:4px; }
.theme .grid .event-date               { font-weight: 300; font-size: 1rem; color: rgba(0, 0, 0, 0.6); letter-spacing: -0.03em; line-height: normal; }

@media (min-width: 1025px) {  
    .theme .con_tit_wrap a:hover          {background-color:var(--cate1); color:#fff; transition: all .3s ease-in-out;}
}
@media (max-width: 1024px) {  
    .theme .grid                          {flex-wrap: nowrap; white-space: nowrap; gap:20px; overflow: hidden; overflow-x: auto;}
    .theme .grid .event-card              {width:80%; flex:0 0 auto; padding-bottom:.5rem;}
    .theme .grid .event-title             {font-size:1.4rem;}
    .theme .grid .category-text           {font-size:1rem;}
}
@media (max-width: 768px) { 
    .theme .grid .event-title             {font-size:1.3rem;}
    .theme .grid .event-date              {font-size:.95rem;}
 }

@media (max-width: 480px) { 
    .theme .grid                          {gap:8px;}
    .theme .grid .event-date              {font-size:.9rem;}
}

.event_content_wrapper                     { margin-top:1rem; display: flex; flex-wrap: wrap; gap: 4rem; justify-content: space-between; padding:2rem 0; border-top: 1px solid var(--cyan); border-bottom: 1px solid var(--cyan);}
.event_content_wrapper .column             { display: flex; flex-direction: column; gap: 1.3333rem; flex: 1; padding:0 1rem;}
.event_content_wrapper .event_card         { display: flex; gap: 0.5333rem; position: relative; }
.event_content_wrapper .news_card          { display: flex; gap: 0.5333rem; position: relative; }
.event_content_wrapper .news_card a        { display: flex; gap: 0.5333rem;}
.event_content_wrapper .category_badge     { position: relative; width: 40px; height: 27px; display: flex; align-items: center; justify-content: center; border-radius:1em;}
.event_content_wrapper .category_badge_bg  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.event_content_wrapper .category_text      { position: relative; z-index: 1; font-size: 0.8rem; color: #ffffff; font-weight: 400; letter-spacing: -0.016rem; }
.event_content_wrapper .event_info         { display: flex; flex: 1; flex-direction: column; gap: 0.2rem; }
.event_content_wrapper .event_info .event_details { display: flex; gap: 0.2rem; flex-direction: column;}

.event_content_wrapper .news_info          { display: flex; flex: 1; flex-direction: column; gap: 0.5333rem; }
.event_content_wrapper .event_title        { margin-bottom:.2rem; font-size: 1.3333rem; font-weight: 700; color: #000000; line-height: 1.3; letter-spacing: -0.0667rem;}
.event_content_wrapper .news_title         { font-size: 1.3333rem; font-weight: 700; color: #000000; line-height: 1.3; letter-spacing: -0.0667rem; margin: 0; text-decoration: underline;}
.event_content_wrapper .event_date         { font-size: 1.1333rem; font-weight: 400; color: #000000; line-height: 1.3; letter-spacing: -0.0567rem; margin: 0; }
.event_content_wrapper .event_location     { font-size: 1.1333rem; font-weight: 400; color: #000000; line-height: 1.3; letter-spacing: -0.0567rem; margin: 0; }

@media (max-width: 1300px) {
.event_content_wrapper                     { gap: 2rem;}
}
@media (max-width: 1024px) {
  .event_content_wrapper                  {justify-content:flex-start;}
.event_content_wrapper .column            {width:47%; flex:0 0 auto;}
}

@media (max-width: 768px) {
.event_content_wrapper                     {flex-direction: column; gap:1rem;}
.event_content_wrapper .column             { gap: 1.0667rem; width:100%;}
.event_content_wrapper .event_title        { font-size: 1.2rem; line-height: 1.3333; }
.event_content_wrapper .news_title         { font-size: 1.2rem; line-height: 1.3333; }
.event_content_wrapper .event_date         { font-size: 1rem; }
.event_content_wrapper .event_location     { font-size: 1rem; }
.event_content_wrapper .event_info br      { display: none;}
.event_content_wrapper .news_title br      {display:none;}
.event_content_wrapper .event_info .event_details { flex-direction: row;}
.event_content_wrapper .event_info .event_details p:nth-child(1)::after {content:' / ';}
}

@media (max-width: 480px) {
.event_content_wrapper .event_title        { font-size: 1.0667rem; line-height: 1.375; }
.event_content_wrapper .news_title         { font-size: 1.0667rem; line-height: 1.375; }
.event_content_wrapper .event_date         { font-size: 0.9333rem; }
.event_content_wrapper .event_location     { font-size: 0.9333rem; }
}

/* ---------------- 2026 전북 한눈에보기 ---------------- */
.view-one-container                                                 { display: flex; flex-wrap: wrap; gap: 19px; justify-content: center; margin:0 auto; padding: 6px 0;}
.view-one-container .card                                           { flex-shrink: 0; width: 250px; display: flex; flex-direction: column; align-items: center;}
.view-one-container .card_wrap:hover .card-subtitle                 {font-weight:500; transition: color 0.3s ease-in-out;}
.view-one-container .card-background                                { position: relative; width: 250px; height: 280px;}
.view-one-container a.card_wrap:nth-child(1) .card-bg-shape         { background-image: url('/mailing/2026/202602/img/img_issue_2.jpg');}
.view-one-container a.card_wrap:nth-child(2) .card-bg-shape         { background-image: url('/mailing/2026/202602/img/img_issue_1.jpg');}
.view-one-container a.card_wrap:nth-child(3) .card-bg-shape         { background-image: url('/mailing/2026/202602/img/img_issue_4.jpg');}
.view-one-container a.card_wrap:nth-child(4) .card-bg-shape         { background-image: url('/mailing/2026/202602/img/img_issue_3.jpg');}
.view-one-container a.card_wrap:nth-child(5) .card-bg-shape         { background-image: url('/mailing/2026/202602/img/img_issue_5.jpg');}
.view-one-container a.card_wrap:nth-child(6) .card-bg-shape         { background-image: url('/mailing/2026/202602/img/img_issue_6.jpg');}
.view-one-container .card-bg-shape                                  { position: absolute; width: 250px; height: 280px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 120px; }
.view-one-container .card-title                                     { display:flex; flex-direction:column; gap:1rem; align-items:center ; position: absolute; bottom:50px; left: 50%; transform: translateX(-50%); text-align: center; color: white; font-size: 23px; line-height: 1.3; letter-spacing:-0.09em; white-space: nowrap; }
.view-one-container .card-title p                                   { margin: 0;   text-shadow: 0 1px 3px rgba(0,0,0,0.6);}
.view-one-container .bold                                           { font-weight: 700; }
.view-one-container .normal                                         { font-weight: 400; }
.view-one-container .card-subtitle                                  { margin-top: 10px; text-align: center; color: #6f736f; font-size: 1.133rem; font-weight:400; line-height: normal; letter-spacing:-0.065em; white-space: nowrap; }
.view-one-container .card-subtitle p                                { margin: 0; }

@media (min-width: 1600px) {
  .view-one-container { max-width: 1619px; }
}
@media (max-width: 1599px) and (min-width: 1200px) {
  .view-one-container { max-width: 1057px; }
}
@media (max-width: 1199px) and (min-width: 900px) {
  .view-one-container { max-width: 788px; }
}

/* 600px ~ 899px */
@media (max-width: 899px) and (min-width: 600px) {
  .view-one-container                                       { max-width: 519px; }
  .view-one-container .card-title                           { font-size: 1.3rem;}
  .view-one-container .card-subtitle                        { font-size: 1rem;  }
}
@media (max-width: 599px) {
.view-one-container                                       { max-width: 90%; justify-content:flex-start; padding:0 1rem; flex-wrap: nowrap; overflow: hidden; overflow-x: auto;} 

.view-one-container .card-title,
.view-one-container .card-subtitle                        { white-space: normal; }
.view-one-container .card-title                           { font-size: 1.2rem; }
.view-one-container .card-subtitle                        { font-size: 0.933rem;}

.view-one-container .card                                 {width:200px; padding-bottom:.5rem;}
.view-one-container .card-bg-shape                        {width:200px; height:230px}
.view-one-container .card-background                      {width:200px; height:230px}
}
@media (max-width: 400px) {
  .view-one-container .card-title                           { font-size: 1.067rem; }
  .view-one-container .card-subtitle                        { font-size: 0.867rem;}
}


/* ---------------- 2026 전북여행 ---------------- */
.jeonbuk-travel                                     {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;}
.jeonbuk-travel .card                               {position:relative; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 15px; padding: 2.75rem; min-height: 255px; display: flex; flex-direction: column; }
.jeonbuk-travel a.travel_link:nth-child(1) .card                  { background-color: #ff6868; }
.jeonbuk-travel a.travel_link:nth-child(2) .card                  { background-color: #3366cc; }
.jeonbuk-travel a.travel_link:nth-child(3) .card                  { background-color: #ff9f42; }
.jeonbuk-travel a.travel_link:nth-child(4) .card                  { background-color: #8bbd1d; }
.jeonbuk-travel a.travel_link:nth-child(5) .card                  { background-color: #279de3; }
.jeonbuk-travel a.travel_link:nth-child(6) .card                  { background-color: #ff6666; }
.jeonbuk-travel .card-title                         { color: white; font-size: clamp(1.25rem, 4vw, 1.875rem); letter-spacing: -0.08em; font-weight: 700; margin-bottom: 1rem; }
.jeonbuk-travel .card-description                   { color: rgba(255,255,255,0.8); font-size: clamp(0.875rem, 2.5vw, 1.1875rem); letter-spacing: -0.08em; line-height: 1.4;}
.jeonbuk-travel .card-description p                 { margin: 0; }
.jeonbuk-travel .card-button                        { align-self: flex-start; margin-top: 1.3rem; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 15px; padding: 0.375rem 1rem; background: transparent; color: white; font-size: clamp(0.8125rem, 2vw, 0.9375rem); letter-spacing: -0.08em; cursor: pointer; transition: background-color 0.3s ease; }
.jeonbuk-travel .card-button:hover                  { background-color: rgba(255, 255, 255, 0.1); }
.jeonbuk-travel .card-button-arrow                  { display:inline-flex; align-items:center; justify-content:center; width:58px; height:58px; position: absolute; right:0; bottom:0; background:#fff; border-radius:12px 0 12px 0;}
.jeonbuk-travel .card-button-arrow:hover            { background-color: rgba(255, 255, 255, 0.9); }             
.jeonbuk-travel .card-button-arrow:hover img        {transform: translateX(4px); transition: transform 0.3s ease;}  

/* 태블릿 이하 (≤ 1023px) */
@media (max-width: 1023px) {
  .jeonbuk-travel .card             { padding: 2rem; min-height: 220px; }
  .jeonbuk-travel .card-title       { margin-bottom: .6rem; }
  .jeonbuk-travel .card-button      { margin-top: 1.2rem; padding: 0.2rem 0.8rem; }
  .jeonbuk-travel                   { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
  .jeonbuk-travel .card-button-arrow{width:45px; height:45px;}
}
/* 모바일 이하 (≤ 639px) */
@media (max-width: 639px) {
  .jeonbuk-travel                       {gap:1rem; display: flex; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; padding-bottom:15px;}
  .jeonbuk-travel a                     {flex:0 0 auto;}
  .jeonbuk-travel .card                 { padding: 1.5rem; min-height: 150px;}
  .jeonbuk-travel .card-title           { margin-bottom: 0.4rem; }
  .jeonbuk-travel .card-button          { display:none; margin-top: 1rem; }
  .jeonbuk-travel                       { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
  .jeonbuk-travel .card-button-arrow    {width:40px; height:40px;}
  .jeonbuk-travel .card-button-arrow img{width:20px;}
  
}

/* ---------------- 푸터 ---------------- */
/* Footer Base */
.footer                                  { background:#2f3236; padding: 65px 0 60px;}
.footer_container                        { width:100%;}

/* Footer Links Section */
.footer_links                            { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.footer_link_item                        { display: flex; align-items: center; gap: 13px; min-width: 280px; }
.footer_link_content                     {padding:1.3rem 0;}
.footer_link_icon                        { width: 100px; height: 100px; border: 1px solid #ff6868; border-radius: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.footer_link_icon img                    { width: 51px; height: 51px; object-fit: cover; }
.footer_link_title                       { font-weight: 700; font-size: 22px; color: #ffffff; line-height: normal; letter-spacing:-0.08em;}
.footer_link_desc                        { font-weight: 300; font-size: 15px; color: #acadae; margin: 0; line-height: 1.5; letter-spacing:-0.08em;}

/* Footer Info Section */
.footer_info                             { text-align: center; margin-top:3rem; padding-top:3rem; border-top:1px solid #3f4144;}
.footer_notice                           { font-weight: 300; font-size: 16px; color: #bebfc0; margin: 0 0 16px 0; letter-spacing: -1.28px; line-height: 1.5; }
.footer_notice .underline                { text-decoration: underline; text-underline-offset: 0.4em; }
.footer_address                          { font-weight: 300; font-size: 16px; color: #bebfc0; margin: 0; letter-spacing: -0.32px; line-height: 1.5; }

/* Footer Navigation */
.footer_nav                              { margin:2rem 0 0.5rem;}
.footer_nav_list                         { display: flex; justify-content: center; align-items: center; gap: 0; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.footer_nav_item                         { font-weight: 500; font-size: 16px; color: #ffffff; text-align: center; letter-spacing: -1.28px; padding: 0 26px; position: relative; }
.footer_nav_item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background:#fff; }

/* Footer Social */
.footer_social                           { display: flex; justify-content: center; align-items: center; gap: 6px; }
.footer_social_item                      { width: 36px; height: 36px; border-radius: 50px; background: #ffffff; display: block; }
.footer_address .sign                    { display: inline-block; margin:0 5px;}
/* Responsive Design */
@media (max-width: 1024px) {
  .footer_info                           { margin-top:2rem; padding-top:2rem;}
  .footer_links                          { gap: 16px; justify-content: center;}
  .footer_link_item                      { flex-basis: calc(50% - 15px); min-width: 0; }

 .footer_links a .footer_link_item      { flex-direction: column;}
 .footer_link_content                   {padding:0; text-align:center;}
 .footer_link_title                     { font-size: 16px; }
 .footer_link_desc                      { font-size: 14px; }
}

@media (max-width: 768px) {
  .footer                                { padding: 40px 0; }
  .footer_links                          { gap: 12px;}
  .footer_link_item                      { flex-basis: 100%; min-width: 0; }
  .footer_link_icon                      { width: 80px; height: 80px; }
  .footer_link_icon img                  { width: 40px; height: 40px; }

  .footer_notice                         { font-size: 14px; }
  .footer_address                        { font-size: 14px; }
  .footer_nav_list                       { gap: 12px; }
  .footer_nav_item                       { padding: 0; }
  .footer_nav_item:not(:last-child)::after { display: none; }
  .footer_link_desc{display: none;}
}
@media (max-width: 480px) {
  .footer                                { padding: 30px 0; }
  .footer_info                           {padding-top:1rem; margin-top:1rem;}
  .footer_links                          { gap: 8px;}
  .footer_link_item                      { gap: 10px; }
  .footer_link_icon                      { width: 73px; height: 73px; border-radius:10px;}
  .footer_link_icon img                  { width: 35px; height: 35px; }
  .footer_link_title                     { font-size: 12px; margin-bottom: 8px; }
  .footer_link_desc                      { font-size: 12px; }
  .footer_notice                         { font-size: 12px; }
  .footer_address                        { font-size: 12px; }
  .footer_nav_item                       { font-size: 13px; }
  .footer_social_item                    { width: 32px; height: 32px; }
  .footer_address .sign                  {display:none;}
}