/*mainStyle.css*/
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body.dark-mode { background:#333; }
body.dark-mode h1, h2 , h3, p { color:#fff; }
body.dark-mode p,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}
body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#eee
}
button { background:#e3e300; }
#darkLight {
    width:70px; height:90px; 
    font-size:3em;
    padding-left:0.5%;
    position:fixed;
    right:0; bottom:3%;
    border-radius:100px 0 0 100px;
    transition:all .3s;
    z-index:99999;
}
#darkLight:hover {
    width:130px;
    padding-left:1%;
    background-color:#111;
}

#arrows{}

#container{overflow: hidden; font-family: 'GongGothicLight';}
.sub1 img{max-width: 100%; text-align:center; height: auto; margin:auto; display: block;}
.sub2 img{max-width: 100%; text-align:center; height: auto; margin:auto; display: block;}
.sub3 img{max-width: 80%; text-align:center; height: auto; margin:auto; display: block;}


.main_title{padding: 10px 0;}
.main_title h2{font-size: 60px; line-height: 1.0; color: #777; text-align: center;}
.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 55px auto;}
.main_title h2 span{color: #ea7e37; font-weight: 600; margin-right: 20px;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5;}
.detail{width: 100%; margin: 0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 42%; padding: 13px ;  border-radius: 40px / 40px;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;} 
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}
.aboutWrap{width: 100%;}
.aboutWrap .detail > ul li strong{text-align: center;}
/* ============================================================
   ★ 메인 콘텐츠 배열 (ppp.png 투명 스페이서 대체)
   ============================================================ */

/* ── 전체 배경 : bgtest.jpg (2304x10000) 한 장을 맨 위부터 원본 비율(100% auto)로 깔기
   - 분할/단색 연장 없음. 섹션 위치는 아래 패널의 padding % 만으로 결정 (모두 화면 가로폭 기준)
   - min-height = 이미지 높이(10000/2304 = 434.03vw) → 콘텐츠가 짧아도 이미지 끝까지 노출,
     콘텐츠가 더 길면 그 아래만 background-color 로 채움
   - 카드 슬라이더는 화면 고정 없이 섹션이 지나가는 동안 왼쪽으로 흘러감 (js/hscroll.js) → 섹션 높이 불변
   - 이미지 교체 시 : 434.03vw(=높이/폭*100) 와 하단 채움색만 수정
   - 모바일(≤768px)은 아래 미디어쿼리에서 bgtest_m.jpg 기준 값으로 덮어씀 ── */
.mainContentWrap{
  width: 100%;
  position: relative;
  z-index: 2;
  min-height: 434.03vw;
  background: url(../img/main/bgtest.jpg) 50% 0 / 100% auto no-repeat;
  background-color: #EF8903;           /* 콘텐츠가 이미지보다 길어질 때만 하단 채움 */
}
.bgTop, .bgBottom{ background: none; min-height: 0; }   /* 래퍼는 구조만 유지 (배경 없음) */

/* ── 공통 기본값 (값은 아래 조절 패널에서) ── */
.mainContentWrap .sec{ padding: 0; }

/* 텍스트 PNG(.secTitle / .secBody) 공통 : 아래 패널의 변수 5개로 움직임
   --w   폭        --x 좌우 이동   --y 상하 이동   --top 위 간격   --gap 아래 간격 */
.secTitle, .secBody{
  display: block;
  height: auto;
  width: min(var(--w, 100%), 100%);   /* 화면이 아주 넓어도 콘텐츠 폭(1200px)은 안 넘음 */
  max-width: none;
  margin: var(--top, 0) auto var(--gap, 0);
  translate: var(--x, 0) var(--y, 0);  /* transform 과 별개라 wow 애니메이션과 안 겹침 */
}
.secCaption{ text-align: center; color: #fff; font-size: 18px; }
.tourLinks{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 2%;
  list-style: none;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.tourLinks li{ flex: 1; min-width: 0; }
.tourLinks img{ width: 100%; height: auto; display: block; }

/* ============================================================
   ★★★ 위치 조절 패널 (PC) ★★★
   ■ 섹션 위치 : padding-top(섹션 위 여백) / padding-bottom(섹션 아래 여백)
       % = 화면 가로폭 기준 → 배경 이미지(bgtest.jpg)와 같은 비율로 움직임
   ■ 텍스트 PNG 크기/위치 : 이미지마다 변수 5개 (단위는 vw 권장 = 화면 가로폭의 1/100)
       --w    : 폭          (기본값 = 디자인 원본 1920px 캔버스에서의 크기. 예: 517px → 26.93vw)
       --x    : 좌우 이동   (+ 오른쪽 / - 왼쪽.  예: 3vw  -2vw)
       --y    : 상하 이동   (+ 아래   / - 위.    예: 2vw  -1.5vw)  ※ 주변 요소는 안 밀림
       --top  : 이미지 위 간격 (앞 요소와의 거리, 뒤 요소도 같이 밀림)
       --gap  : 이미지 아래 간격 (다음 요소와의 거리)
     텍스트가 이미지 안에서 한쪽에 치우쳐 있으면 --x 로 맞추고, 크기는 --w 로 조절
   ============================================================ */

/* ── SEC1 : 생생라이브 (유튜브) ── */
.mainContentWrap .sec-live{ padding-top:15%; padding-bottom: 2.5%; }
.sec-live .secTitle { --w: 31.25vw; --x: 0; --y: 0; --top: 0; --gap: 1.5vw; }   /* sec1_img1.png (600px) 청도반시축제 생생라이브 */
.sec-live .secCaption{ margin-top: 1.8%; }                                    /* 해시태그 문구 */

/* ── SEC2 : 청도반시축제는 (소개) ── */
.mainContentWrap .sec-about{ padding-top: 60%; padding-bottom: 2.5%; }
.sec-about .secTitle{ --w: 26.93vw; --x: -23vw; --y: 0; --top: 0; --gap: 1.5vw; }   /* sec2_img1.png (517px) 청도반시축제는 */
.sec-about .secBody { --w: 34.74vw; --x: -19vw; --y: 0; --top: 0; --gap: 0; }       /* sec2_img2.png (859px) 소개 문구 */

/* ── SEC3 : 프로그램 안내 + 카드 슬라이더 ── */
.mainContentWrap .sec-program{ padding-top: 20%; padding-bottom: 2.5%; }
.sec-program .secTitle{ --w: 33.39vw; --x: 0; --y: 0; --top: 0; --gap: 1.5vw; } /* sec3_img1.png (1025px) 2026 청도반시축제 다양한 프로그램 */
.sec-program .programSlider{ margin-top: 1.5%; }                               /* 카드 슬라이더 */

/* ── SEC3 카드 : 스크롤 연동 가로 이동 (동작은 js/hscroll.js, 화면 고정 없음) ── */
.hscrollWrap{ position: relative; }
.hscrollSticky{ position: static; }                 /* 예전 sticky 래퍼 : 구조만 유지 */
.hscrollWrap .box.inner{ padding-bottom: 0; }
.sec-program .programSlider{ overflow: hidden; }     /* 트랙이 화면 밖으로 흘러가는 부분 잘라냄 (스크롤바 없음) */
.programSlider.hs_draggable{ cursor: grab; touch-action: pan-y; user-select: none; -webkit-user-select: none; }  /* 드래그 가능 : 가로는 카드, 세로는 페이지 스크롤 */
.programSlider.hs_dragging{ cursor: grabbing; }
.programSlider.hs_dragging .hs_card{ pointer-events: none; }
.hs_card img, .hs_card .hs_img{ -webkit-user-drag: none; }
.hs_track{
  display: flex;
  align-items: flex-start;
  gap: 1.3vw;                /* ← 카드 간격 */
  padding: 0 6vw;            /* ← 트랙 좌우 여백 (첫/마지막 카드 위치) */
  width: max-content;        /* 카드 수만큼 길어지고 js 가 translate 로 이동 */
  will-change: transform;
}
.hs_card{ flex: 0 0 18vw; }  /* ← 카드 폭 (PC) */
.hscrollSpacer{ display: none; }

/* ── SEC4 : 배경 노출 구간 (감나무밭 사진, 빈 영역) ── */
.bgShowcase{ height: 0; padding-top: 60%; }    /* padding-top % 로 구간 높이 조절 (파란하늘 사진 = 이미지 234~296vw, NEWS 는 크림 띠 296vw~ 에) */

/* ── SEC5 : NEWS ── */
.mainContentWrap .sec-news{ padding-top: 10%; padding-bottom: 2.5%; }
.sec-news .secTitle { --w: 20.67vw; --x: 0; --y: 0; --top: 0; --gap: 1.7vw; }   /* sec7_img1.png (800px) NEWS 축제소식 */

/* ── SEC6 : 청도관광 ── */
.mainContentWrap .sec-tour{ padding-top: 33%; padding-bottom: 6%; }
.sec-tour .secTitle { --w: 38.59vw; --x: 0; --y: 0; --top: 0; --gap: 1.5vw; }   /* sec8_img4.png (1125px) 반시축제와 함께 즐기는 청도관광 */
.sec-tour .tourLinks{ margin-top: 0%; margin-bottom: 2.6%; }                  /* 관광/숙박/음식 3버튼 */
.sec-tour .secBody  { --w: 38.59vw; --x: 0; --y: 0; --top: 1.3vw; --gap: 0; }   /* sec8_img5.png (1125px) 하단 마무리 문구 */

/* ============================================================
   ★★★ 위치 조절 패널 (모바일 ≤768px) ★★★
   - 배경 : bgtest_m.jpg (1000x8850), PC 와 같은 위/아래 분할 방식
   - 섹션 padding % 는 화면 가로폭 기준
   - 텍스트 PNG 는 PC 패널과 같은 변수 5개 (--w --x --y --top --gap), 단위 vw
     (모바일은 화면이 좁아 폭을 크게 : 80vw 안팎)
   ============================================================ */
@media (max-width: 768px){
  /* ── 배경 : bgtest_m.jpg (1000x8850) 한 장을 맨 위부터 원본 비율(100% auto)로 깔기 (PC 와 같은 방식)
     - min-height = 이미지 높이 885vw, 더 길어지면 아래만 단색 채움 ── */
  .mainContentWrap{
    min-height: 885vw;
    background: url(../img/main/bgtest_m.jpg) 50% 0 / 100% auto no-repeat;
    background-color: #EE8607;          /* 콘텐츠가 이미지보다 길어질 때만 하단 채움 */
  }

  /* SEC1 : 생생라이브 — 감나무 사진(0~79vw) 아래 크림 띠(79~276vw)에 타이틀+영상 */
  .mainContentWrap .sec-live{ padding-top: 13%; padding-bottom: 40%; }   /* ← 위: 감나무 사진 높이+여백 / 아래: 반시 사진 띠 전까지 */
  .sec-live .secTitle { --w: 79vw; --x: 0; --y: 0; --top: 0; --gap: 4.5vw; }     /* sec1_img1.png */
  .secCaption{ font-size: 13px; margin-top: 3%; }

  /* SEC2 : 소개 — 반시 사진 띠(276~379vw) */
  .mainContentWrap .sec-about{ padding-top: 35%; padding-bottom: 10%; }
  .sec-about .secTitle{ --w: 72vw; --x: 0; --y: 0; --top: 0; --gap: 4.5vw; }     /* sec2_img1.png */
  .sec-about .secBody { --w: 79vw; --x: 0; --y: 0; --top: 0; --gap: 0; }         /* sec2_img2m.png (모바일 전용 소개 문구) */

  /* SEC3 : 프로그램 (카드 가로 이동) — 주황 단색 띠(379vw~) 위, 길이는 자유 */
  .mainContentWrap .sec-program{ padding-top: 22%; padding-bottom: 6%; }
  .sec-program .secTitle{ --w: 83vw; --x: 0; --y: 0; --top: 0; --gap: 3.6vw; }   /* sec3_img1.png */
  
  .hs_track{ gap: 14px; padding: 0 8vw; }
  .hs_card{ flex-basis: 72vw; }   /* ← 카드 폭 (모바일) */

  /* SEC4 : 배경 노출 구간 — 파란하늘 감나무 띠(bgBottom 0~94vw) */
  .bgShowcase{ padding-top: 88%; }

  /* SEC5 : NEWS — 크림 띠(94~253vw), 넘치면 주황 단색 띠로 */
  .mainContentWrap .sec-news{ padding-top: 10%; padding-bottom: 4%; }
  .sec-news .secTitle { --w: 79vw; --x: 0; --y: 0; --top: 0; --gap: 4.5vw; }     /* sec7_img1.png */

  /* SEC6 : 청도관광 — 하단 반시 띠(253~385vw). 3버튼은 가로 한 줄 유지 (세로 쌓기 시 1000px 넘게 길어짐) */
  .mainContentWrap .sec-tour{ padding-top: 14%; padding-bottom: 2%; }
  .sec-tour .secTitle { --w: 83vw; --x: 0; --y: 0; --top: 0; --gap: 4.5vw; }     /* sec8_img4.png */
  .tourLinks{ gap: 3%; max-width: 92%; }
  .sec-tour .secBody  { --w: 83vw; --x: 0; --y: 0; --top: 4.5vw; --gap: 0; }     /* sec8_img5.png */
}
/*.coreComWrap .bg{background: url(../img/main/main_bg2.png);  background-size: 100%; background-repeat: no-repeat; }*/
.coreComWrap .main_title h2::after{background: #fff;}
.coreComWrap .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrap .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrap .main_title h2 span{letter-spacing: 0;}
.coreComWrap .detail ul li{background-image: url(../img/main/gam.png);display: inline-block; margin:auto;width:35px; height:35px;background-repeat: no-repeat;}
.coreComWrap .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrap .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}
.coreComWrap .skip{background: url(../img/main/left1.png);  width: 100%;position: absolute; background-size: 100%; height:200px; left:0%; top:22%;background-repeat: no-repeat;  }






.coreComWrapp .main_title h2::after{background: #fff;}
.coreComWrapp .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrapp .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrapp .main_title h2 span{letter-spacing: 0;}
.coreComWrapp .detail ul li{background: #fff; border-radius: 10px; }
.coreComWrapp .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrapp .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}


/*.coreComWrappp{background: url(../img/main/sec5_bg.png);  background-size: 100% 100%; background-repeat: no-repeat; }*/
.coreComWrappp .main_title h2::after{background: #fff;}
.coreComWrappp .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrappp .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrappp .main_title h2 span{letter-spacing: 0;}
.coreComWrappp .detail ul li{background: #ffffff00; border-radius: 10px; }
.coreComWrappp .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrappp .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}


/*.coreComWrapppp{background: url(../img/main/sec6_bg.png);  background-size: 100% 100%; ; background-repeat: no-repeat;  }*/
.coreComWrapppp .main_title h2::after{background: #fff;}
.coreComWrapppp .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrapppp .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrapppp .main_title h2 span{letter-spacing: 0;}
.coreComWrapppp .detail ul li{background: #ffffff00; border-radius: 10px; }
.coreComWrapppp .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrapppp .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}


/*.coreComWrappppp{background: url(../img/main/sec_bg.png);  background-size: 100% 100% ; position:relative;background-repeat: no-repeat; }*/
.coreComWrappppp .main_title h2, .coreComWrap .main_title h2 span, .coreComWrap .main_title p{color: #fff;}
.coreComWrappppp .main_title h2{letter-spacing: -4px; font-weight: 600;}
.coreComWrappppp .main_title h2 span{letter-spacing: 0;}
.coreComWrappppp .detail ul li{ width:33%; }
.coreComWrappppp .detail ul img{ max-width:100%; }
.coreComWrappppp .detail ul li strong{font-weight: bold; margin-bottom: 26px;}
.coreComWrappppp .detail ul li p{font-size: 22px; line-height: 1.4; margin-bottom: 0;}

/* 모바일 전용 설정 추가 */
@media (max-width: 768px) {
  .coreComWrappppp .detail ul li {
    width: 70%;
    display: block;
    margin-bottom: 16px; /* 아래 여백 추가 (선택) */
  }

  .coreComWrappppp .detail ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center; /* 가운데 정렬 원할 경우 */
  }
}





/*.portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}*/
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px;background: #ef4822;width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.port .port_go a{color: #fff; text-align: center; font-size: 18px;background: #ef4822;width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.port .port_go a:hover{background: #935040; color: #fff;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}  
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.portfolioWrap .pic_lt li .lt_img{  }
.portfolioWrap .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #c80e21;}

/*.consertWrap{background: url(../img/main/sec7_bg.png);  background-size: 100% 100%; background-repeat: no-repeat;   }*/
.consertWrap > img{height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);margin:auto;}
.consertWrap .inner{padding-bottom: 1px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
 .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
.consertWrap .po{width:113%; height:490px; margin:auto;}
.hot_icon .latest_wr > div.ing_projects{ height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);margin:auto;}
.pic_lt li .hot_icon { float:left; margin:1%; }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 493px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; font-weight: 600; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px; overflow: hidden; }
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px;}
.consertWrap .lat li a:hover{color:#c80e21; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px; float:right; }
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;  font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat li .hot_icon { float:left; margin: 4%; }
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}
.contactWrap{background: url(../img/main/banner2.png); background-size: cover; background-position: center;}
.contactWrap .inner{padding-bottom: 170px;}
.contactWrap .main_title{padding-bottom: 70px;}
.contactWrap .main_title h2::after{display: none;}
.contactWrap .main_title h2, .contactWrap .main_title h2 span, .contactWrap .main_title p{color: #fff;}
.contactWrap .main_title p{padding-top: 50px;}
.contactWrap .detail{width: 100%; height: 420px; }

.contactWrap .root_daum_roughmap{height: 100%;}
.contactWrap .root_daum_roughmap .wrap_map{height: 100%;}
@media screen and (max-width: 1199px){

    .inner{width: 100%; padding: 0 5px 60px;} 
    
	.main_title{padding: 60px 0;}
    .main_title h2{font-size: 42px;}
    .main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}
    .main_title h2 span{margin-right: 15px;}
    .main_title p{width: 100%; font-size: 16px; padding: 0 30px;} 
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .detail > ul li, .detail > ul li img{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;} 
    .aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
    .coreComWrap .main_title h2{letter-spacing: -2px;}
    .coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 26px;}
    .coreComWrap .detail ul li p{padding: 0 20px; font-size: 20px;}  
	 .coreComWrap .detail img{display: block; max-width:100%; width:395px;}  
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
    .portfolioWrap .port_go a{font-size: 16px;}
    .contactWrap .inner{padding-bottom: 100px;}
    .contactWrap .main_title{padding-bottom: 50px;}  
}
@media screen and (min-width:481px){
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{display: none;}
    .portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .portfolioWrap .pic_lt li{padding: 0; width: 32%;  padding: 0;}
    .portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}
}
@media screen and (max-width:1024px){
    .consertWrap .latest_wr > div{width: 49%;} 
    .consertWrap .lat .lat_title a{font-size: 20px;}
    .consertWrap .lat .lt_more{font-size: 30px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}
@media screen and (max-width:767px){
    .detail > ul{width: 80%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .consertWrap .inner{padding-bottom: 80px;}
    .consertWrap .main_title{padding-bottom: 0;} 
    .consertWrap .latest_wr > div{float: left; width: 100%;}
    .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
    .consertWrap .lat{padding: 40px;}
    .consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
    .consertWrap .lat li{line-height: 50px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}

}
@media screen and (max-width:600px){
    .portfolioWrap .latest_wr{display: block;}
    .portfolioWrap .latest_wr2{display: none;}
    .portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .portfolioWrap .inner{position: relative;}
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .portfolioWrap{padding-bottom: 60px;}
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
}
@media screen and (min-width:481px) and (max-width:767px){
    .coreComWrap .detail ul{width: 40%; min-width: 320px;}
    .coreComWrap .detail img{margin: 10px auto 20px;}
    .coreComWrap .detail > ul li.second{margin: 20px 0;}
}
@media screen and (max-width: 480px){
    .inner.box{padding: 0 20px 10px;} 
	.consertWrap .po{width:100%; height:auto;}

	.main_title{padding: 40px 0;}
    .main_title h2{font-size: 27px;}
    .main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}
    .main_title h2 span{margin-right: 10px;}
    .main_title p{width: 100%; font-size: 12px; padding: 0 20px;} 
   

    .detail > ul{width: 100%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
	 .detail img {width:375px; max-width:100%}


    .aboutWrap .detail > ul li img{float: left;}
    .aboutWrap .detail > ul li p{float: right;}
    .aboutWrap .detail > ul li strong{float: right;} 
    .aboutWrap .detail > ul li strong{text-align: left;}
    .coreComWrap .detail ul li{padding: 0px 0; height: 14px;}
    .coreComWrap .detail > ul li.second{margin: 15px 0;}
    .coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 
	.coreComWrap .skip{background: url(../img/main/left1.png);  width: 100%;position: absolute; background-size: 100%; height:100px; left:0%; top:20%; z-index:999;background-repeat: no-repeat;  }

	.coreComWrapp.detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrapp .detail > ul li.second{margin: 15px 0;}
    .coreComWrapp .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrapp .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrapp .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 

	.coreComWrappp .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrappp .detail > ul li.second{margin: 15px 0;}
    .coreComWrappp .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrappp .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrappp .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 

	.coreComWrapppp .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrapppp .detail > ul li.second{margin: 15px 0;}
    .coreComWrapppp .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrapppp .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrapppp .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 

	.coreComWrappppp .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrappppp .detail > ul li.second{margin: 15px 0;}
    .coreComWrappppp .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrappppp .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrappppp .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 

	.coreComWrapppppp .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrapppppp .detail > ul li.second{margin: 15px 0;}
    .coreComWrapppppp .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrapppppp .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrapppppp .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 


    .consertWrap .inner{padding-bottom: 0px;}
    .consertWrap .lat{padding: 30px; min-height: 373px;}
    .consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
    .consertWrap .lat .lt_more{font-size: 20px;}
    .consertWrap .lat li{line-height: 40px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
    .consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
    .contactWrap .inner{padding-bottom: 50px;}
    .contactWrap .main_title{padding-bottom: 30px;}
    .contactWrap .detail{height: 220px; overflow: hidden;}  
    .portfolioWrap .pic_lt li .lt_img {height: 220px;}

}
@media screen and (max-width:350px){
    .portfolioWrap .port_go a{font-size: 12px;}
}


/* 메인 영상 */
.main-video-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px;
  position: relative;
  padding-top: 56.25%; /* 16:9 */
}
.main-video-container iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: none;
}

/* 공통 비디오 카드 스타일 */
.video-wrapper {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.video-wrapper iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* 모바일 기본 숨김 처리 */
.pc-only { display: block; }
.mobile-only { display: none; }

/* 반응형 모바일 전환 */
@media screen and (max-width: 768px) {
  .pc-only { display: none; }
  .mobile-only { display: block; }
}

/* ============================================================
   ★ 2026 리뉴얼 : 메인 배너 (영상 bg + 타이틀 풀스크린 오버레이)
   ============================================================ */

/* sticky(화면 고정)가 동작하도록 조상 요소 overflow 보정
   - reset.css 의 html,body{overflow-x:hidden} 가 sticky 를 깨므로 clip 으로 교체 */
html, body{ overflow-x: clip; }
#container{ overflow: clip; }

/* 배너 전체 = 한 화면(100vh). 영상은 반복 자동재생 (index.php 스크립트) */
.bannerWrap{
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #000;
}

/* 영상 + 오버레이가 들어가는 영역 (배너와 같은 높이) */
.bannerWrap .bannerSticky{
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* 전체 배경 영상 */
.bannerVideo{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  pointer-events: none;
}

/* ── 영상 위 오버레이 3분할 : 위치만 지정 (크기는 각 width 값으로 조절) ── */
.titleLayer{
  position: absolute;
  z-index: 2;
  pointer-events: none;
  height: auto;
}

/* 01 : 좌측 타이틀 — 상하 플로팅 모션 */
.mainTitle01{
  left: 5%;
  top: 13%;
  width: 40%;             /* ← 크기 조절 */
  animation: title01Float 3.2s ease-in-out infinite;
}
@keyframes title01Float{
  0%, 100%{ transform: translateY(0); }
  50%     { transform: translateY(-18px); }
}
@media (prefers-reduced-motion: reduce){
  .mainTitle01{ animation: none; }
}

/* 02 : 우측 화면 하단 끝 */
.mainTitle02{
  right: 0;
  bottom: 0;
  width: 25%;             /* ← 크기 조절 */
}

/* 03 : 축제까지 남은 일자 (좌측 하단) — 이미지 위에 D-day 숫자 오버레이 */
.mainTitle03{
  left: 6%;
  bottom: 6%;
  width: 16%;             /* ← 크기 조절 */
}
.mainTitle03 img{
  display: block;
  width: 100%;
  height: auto;
}
.mainTitle03 .ddayNum{
  position: absolute;
  left: 50%;
  top: 43%;               /* ← 숫자 세로 위치 (mainup03.png의 '축제까지 남은 일자' 문구 아래 빈 공간) */
  transform: translate(-50%, -50%);
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: 900;       /* 저장 폰트 최대 굵기 */
  font-size: clamp(26px, 2.8vw, 53px);   /* ← 숫자 크기 */
  line-height: 1;
  color: #613018;            /* ← 숫자 색상 */
  white-space: nowrap;
}

/* 01+03 묶음 : PC에선 없는 것처럼(자식이 bannerSticky 기준으로 배치됨) */
.titleGroup{ display: contents; }

/* ============================================================
   ★★★ 배너 조절 패널 (모바일 ≤768px) ★★★
   - PC 와 같은 반복 자동재생, 한 화면(100svh) 배너
   - 01 상단 큰 타이틀 → 03(D-day) 01 아래 자동 배치 → 02 우측 하단 끝
   ============================================================ */
@media (max-width: 768px){
  .bannerWrap,
  .bannerWrap .bannerSticky{
    height: 100vh;
    height: 100svh;           /* 모바일 주소창 변화 대응 */
  }

  /* 01+03 세로 묶음 : 위치/폭 조절은 여기서 */
  .titleGroup{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7vh;                 /* ← 01 과 03(D-day) 사이 간격 */
    position: absolute;
    z-index: 2;
    left: 5%;                 /* ← 묶음 좌측 위치 */
    top: 13%;                 /* ← 묶음 상단 위치 (01 높이) */
    width: 90%;               /* ← 01 크기 (묶음 폭 = 01 폭) */
    pointer-events: none;
  }
  .mainTitle01{
    position: static;         /* 묶음 안에서 흐름 배치 */
    width: 100%;
  }
  .mainTitle03{
    position: relative;       /* D-day 숫자의 기준 */
    left: auto; top: auto; bottom: auto;
	margin-top: 33%;   
    margin-left: -3%;          /* ← 03 좌측 들여쓰기 */
    width: 64%;               /* ← 03 크기 (묶음 폭 기준) */
  }
  .mainTitle03 .ddayNum{
    font-size: clamp(18px, 7vw, 30px);   /* ← 모바일 숫자 크기 */
  }

  /* 02 : 우측 하단 끝 */
  .mainTitle02{
    right: 0;
    bottom: 0;
    width: 56%;               /* ← 02 크기 */
  }
}


/* ============================================================
   ★ NEWS 섹션 리디자인 (축제 순간포착 사진 카드 + 공지 카드)
   - 파일 맨 아래에 두어 위의 예전 .consertWrap 규칙을 모두 덮어씀
   - 높이 : PC 490px (예전과 동일), 좌 47% 사진 / 우 나머지 공지
   - 색 : 반시 주황 #EF8903, 진한 주황 #C4560A, 크림 #FFF6E8, 글자 #3A2A1A
   ============================================================ */
.consertWrap .latest_wr{ display: flex; gap: 2.5%; align-items: stretch; width: 100%; margin: 0 auto; }
.consertWrap .latest_wr::after{ content: none; }
.consertWrap .latest_wr > div{ float: none; width: auto; margin: 0; }
.consertWrap .latest_wr > div.ing_projects{ flex: 0 0 47%; margin: 0; }   /* 예전 margin-bottom 5% 무효화 */
.consertWrap .latest_wr > div.news{ flex: 1 1 auto; min-width: 0; }

/* ── 사진 카드 ── */
.consertWrap .ing_projects a{
  position: relative; display: block; height: 100%; min-height: 490px;   /* ← 카드 높이 (PC) : 공지 카드와 같은 높이로 늘어남 */
  border-radius: 24px; overflow: hidden; isolation: isolate;
  box-shadow: 0 22px 44px rgba(120,50,0,.28);
  transform: translateZ(0);
}
.consertWrap .po{
  width: 100%; height: 100%; margin: 0; display: block;
  object-fit: cover; object-position: left center;                /* 늘어남 없이 꽉 채움, 왼쪽(문구) 기준으로 자름 */
  transition: transform 1s cubic-bezier(.2,.7,.2,1);
}
.consertWrap .ing_projects a:hover .po{ transform: scale(1.06); }
.consertWrap .ing_projects a::after{                              /* 아래쪽 어두운 그라데이션 */
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(70,25,0,.62) 100%);
}
.consertWrap .ing_projects a::before{                             /* 유리 테두리 */
  content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
  border-radius: inherit; border: 1px solid rgba(255,255,255,.35);
}
.consertWrap .po_more{
  position: absolute; right: 24px; bottom: 24px; z-index: 3;
  display: inline-flex; align-items: center; gap: 10px;
  height: 46px; padding: 0 22px; border-radius: 23px;
  background: rgba(255,255,255,.94); color: #C4560A;
  font-size: 15px; font-weight: 700; letter-spacing: .02em;
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
  transition: background .3s, color .3s, transform .3s;
}
.consertWrap .po_more::after{
  content: ""; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor;
  transform: rotate(45deg); transition: transform .3s;
}
.consertWrap .ing_projects a:hover .po_more{ background: #EF8903; color: #fff; transform: translateY(-2px); }
.consertWrap .ing_projects a:hover .po_more::after{ transform: rotate(45deg) translate(2px,-2px); }

/* ── 공지 카드 ── */
.consertWrap .lat{
  position: relative; box-sizing: border-box; overflow: hidden;
  margin: 0; border: none; border-radius: 24px;
  min-height: 490px; height: 100%;                                /* ← 사진 카드와 같은 높이 */
  padding: 34px 40px 22px;
  background: linear-gradient(160deg, #FFFFFF 0%, #FFF6E8 100%);
  box-shadow: 0 22px 44px rgba(120,50,0,.18);
}
.consertWrap .lat::before{                                        /* 위쪽 주황 리본 */
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 8px;
  background: linear-gradient(90deg, #EF8903, #FFB547 50%, #EF8903);
}
.consertWrap .lat::after{                                         /* 오른쪽 아래 은은한 반시 원 */
  content: ""; position: absolute; right: -70px; bottom: -70px; width: 220px; height: 220px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, rgba(255,181,71,.35), rgba(239,137,3,.10) 60%, rgba(239,137,3,0) 72%);
  pointer-events: none;
}
.consertWrap .lat > *{ position: relative; z-index: 1; }
.consertWrap .lat .lat_title_area{
  position: relative; display: flex; align-items: flex-end; justify-content: space-between;
  padding: 0 0 14px; border-bottom: 2px solid #F3D9B5;
}
.consertWrap .lat .lat_title{ border: none; background: none; padding: 0; margin: 0; line-height: 1; font-size: 1em; }
.consertWrap .lat .lat_title a{
  display: inline-block; height: auto; line-height: 1.15;
  color: #3A2A1A; font-size: 28px; font-weight: 700;
}
.consertWrap .lat .lat_title a::before{                           /* 작은 영문 라벨 */
  content: "NOTICE"; display: block; margin-bottom: 10px;
  font-family: Arial, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .28em; color: #EF8903;
}
.consertWrap .lat .lat_title a::after{ display: none; }
.consertWrap .lat .lt_more{
  position: static; transform: none; flex: none;
  width: 44px; height: 44px; line-height: 40px; border-radius: 50%;
  border: 2px solid #EF8903; color: #EF8903; background: transparent;
  font-size: 28px; font-weight: 300; text-align: center;
  transition: background .3s, color .3s, transform .3s;
}
.consertWrap .lat .lt_more:hover{ background: #EF8903; color: #fff; transform: rotate(90deg); }
.consertWrap .lat ul{ padding: 0; margin: 8px 0 0; }
.consertWrap .lat li{
  display: flex; align-items: center; gap: 14px;
  padding: 0; min-height: 50px; line-height: 1.4; overflow: visible;
  border-bottom: 1px dashed #EBD3B4;
}
.consertWrap .lat li:last-child{ border-bottom: none; }
.consertWrap .lat li::before{                                     /* 반시색 점 */
  content: ""; display: block; position: static; flex: none;
  width: 10px; height: 10px; border-radius: 50%; background: #EF8903;
  box-shadow: 0 0 0 4px rgba(239,137,3,.16);
}
.consertWrap .lat li a{
  flex: 1 1 auto; min-width: 0; width: auto;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  color: #3A2A1A; font-size: 17px; font-weight: 400;
  transition: color .25s, transform .25s;
}
.consertWrap .lat li a:hover{ color: #C4560A; font-weight: 700; transform: translateX(4px); }
.consertWrap .lat li a strong{ color: #C4560A; font-weight: 700; }
.consertWrap .lat li .fa-lock{ flex: none; }
.consertWrap .lat li .new_icon, .consertWrap .lat li .hot_icon{ display: none; }
.consertWrap .lat .lt_cmt{ flex: none; background: #EF8903; }
.consertWrap .lat .lt_date{
  position: static; float: none; flex: none;
  color: #A08A70; font-size: 14px; font-variant-numeric: tabular-nums; letter-spacing: .02em;
}
.consertWrap .lat .empty_li{ justify-content: center; min-height: 300px; line-height: 1; color: #A08A70; font-size: 16px; padding: 0; }
.consertWrap .lat .empty_li::before{ display: none; }

/* 태블릿 */
@media screen and (max-width: 1024px){
  .consertWrap .ing_projects a{ height: 420px; }
  .consertWrap .lat{ min-height: 420px; padding: 30px 30px 22px; }
  .consertWrap .lat .lat_title a{ font-size: 22px; }
  .consertWrap .lat li{ min-height: 48px; }
  .consertWrap .lat li a{ font-size: 15px; }
  .consertWrap .lat .lt_date{ font-size: 13px; }
}
/* 모바일 : 세로로 쌓기 */
@media screen and (max-width: 767px){
  .consertWrap .latest_wr{ display: block; }
  .consertWrap .latest_wr > div.ing_projects{ margin-bottom: 18px; }
  .consertWrap .ing_projects a{ height: 58vw; border-radius: 18px; }   /* ← 사진 카드 높이 (모바일) */
  .consertWrap .po_more{ right: 14px; bottom: 14px; height: 38px; padding: 0 16px; font-size: 13px; }
  .consertWrap .lat{ min-height: 0; height: auto; border-radius: 18px; padding: 26px 22px 18px; }
  .consertWrap .lat .lat_title a{ font-size: 20px; }
  .consertWrap .lat .lat_title a::before{ font-size: 11px; margin-bottom: 6px; }
  .consertWrap .lat .lat_title_area{ padding-bottom: 12px; }
  .consertWrap .lat .lt_more{ width: 36px; height: 36px; line-height: 32px; font-size: 22px; }
  .consertWrap .lat ul{ margin-top: 6px; }
  .consertWrap .lat li{ min-height: 46px; gap: 10px; }
  .consertWrap .lat li a{ font-size: 15px; }
  .consertWrap .lat .lt_date{ font-size: 12px; }
  .consertWrap .lat .empty_li{ min-height: 200px; }
}

/* ── NEWS 모바일 보정 : 예전 float/width 규칙(우선순위 높음) 무효화 ── */
.consertWrap .latest_wr > div.news{ float: none; width: auto; }
@media screen and (max-width: 767px){
  .consertWrap .latest_wr > div.ing_projects,
  .consertWrap .latest_wr > div.news{ float: none; width: 100%; }
}

/* ============================================================
   ★ 청도관광 3개 카드 리디자인 (관광 / 숙박 / 맛집)
   - 원형 사진(이미지에 이름이 들어 있음) + 아래 글 캡션 + 바로가기 알약
   - 색 : 반시 주황 #EF8903, 진한 주황 #C4560A, 크림 #FFF6E8, 글자 #3A2A1A
   ============================================================ */
.sec-tour .tourLinks{
  display: flex; justify-content: center; align-items: stretch;
  gap: 2.4%; max-width: 1040px; margin-left: auto; margin-right: auto; padding: 0; list-style: none;
}
.sec-tour .tourLinks li{ flex: 1 1 0; min-width: 0; }
.sec-tour .tourLinks a{
  position: relative; display: flex; flex-direction: column; align-items: center; height: 100%;
  box-sizing: border-box; padding: 26px 22px 24px;
  border-radius: 28px;
  background: linear-gradient(170deg, #FFFFFF 0%, #FFF6E8 100%);
  box-shadow: 0 18px 40px rgba(120,50,0,.18);
  text-decoration: none; color: #3A2A1A;
  transition: transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s;
}
.sec-tour .tourLinks a::before{                                   /* 위쪽 주황 리본 */
  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 8px;
  border-radius: 28px 28px 0 0;
  background: linear-gradient(90deg, #EF8903, #FFB547 50%, #EF8903);
}
.sec-tour .tourLinks a:hover{ transform: translateY(-8px); box-shadow: 0 28px 54px rgba(120,50,0,.26); }
.sec-tour .tour_photo{                                            /* 원형 사진 + 주황 링 */
  position: relative; display: block; width: 78%; max-width: 250px; aspect-ratio: 1 / 1;
  border-radius: 50%; overflow: hidden; margin: 6px auto 0;
  box-shadow: 0 0 0 5px #fff, 0 0 0 9px #EF8903, 0 14px 26px rgba(120,50,0,.22);
}
.sec-tour .tour_photo img{
  width: 100%; height: 100%; display: block; object-fit: cover;
  transition: transform 1s cubic-bezier(.2,.7,.2,1);
}
.sec-tour .tourLinks a:hover .tour_photo img{ transform: scale(1.08); }
.sec-tour .tour_txt{ display: block; text-align: center; margin-top: 22px; }
.sec-tour .tour_txt i{                                            /* 영문 라벨 */
  display: block; font-style: normal; font-family: Arial, sans-serif;
  font-size: 12px; font-weight: 700; letter-spacing: .28em; color: #EF8903;
}
.sec-tour .tour_txt b{ display: block; margin-top: 6px; font-size: 24px; font-weight: 700; line-height: 1.2; }
.sec-tour .tour_txt em{ display: block; margin-top: 8px; font-style: normal; font-size: 15px; line-height: 1.5; color: #7A6650; }
.sec-tour .tour_go{                                               /* 바로가기 알약 */
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 18px; height: 40px; padding: 0 20px; border-radius: 20px;
  border: 2px solid #EF8903; color: #C4560A; font-size: 14px; font-weight: 700;
  transition: background .3s, color .3s;
}
.sec-tour .tour_go::after{
  content: ""; width: 7px; height: 7px; border-top: 2px solid currentColor; border-right: 2px solid currentColor;
  transform: rotate(45deg);
}
.sec-tour .tourLinks a:hover .tour_go{ background: #EF8903; color: #fff; }

/* 태블릿 */
@media screen and (max-width: 1024px){
  .sec-tour .tourLinks a{ padding: 20px 14px 18px; border-radius: 22px; }
  .sec-tour .tour_txt b{ font-size: 20px; }
  .sec-tour .tour_txt em{ font-size: 13px; }
  .sec-tour .tour_go{ height: 36px; padding: 0 16px; font-size: 13px; }
}
/* 모바일 : 한 줄 유지, 캡션은 이름만 */
@media screen and (max-width: 767px){
  .sec-tour .tourLinks{ gap: 2.5%; max-width: 94%; }
  .sec-tour .tourLinks a{ padding: 14px 6px 14px; border-radius: 16px; box-shadow: 0 10px 22px rgba(120,50,0,.16); }
  .sec-tour .tourLinks a::before{ height: 5px; border-radius: 16px 16px 0 0; }
  .sec-tour .tour_photo{ width: 86%; margin-top: 4px; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #EF8903, 0 8px 16px rgba(120,50,0,.2); }
  .sec-tour .tour_txt{ margin-top: 12px; }
  .sec-tour .tour_txt i{ font-size: 9px; letter-spacing: .2em; }
  .sec-tour .tour_txt b{ font-size: 15px; margin-top: 3px; }
  .sec-tour .tour_txt em{ display: none; }
  .sec-tour .tour_go{ margin-top: 10px; height: 28px; padding: 0 10px; font-size: 11px; gap: 5px; }
  .sec-tour .tour_go::after{ width: 5px; height: 5px; }
}