/* NOBLUE 2026-10-04 PC 중간 폭(769~1700px) 반응형 — 원본은 1650px 고정이라 창을 줄이면 잘렸다 */
@media (min-width:1101px){
  html,body,#hnn-wrap,.section,footer,#header .hnn-inner{min-width:0!important}
}
@media (min-width:1101px) and (max-width:1700px){
  #hnn-content{width:auto!important;max-width:1200px;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
  #hnn-vis .cont{left:5%!important;width:90%!important}
  .main1-slide2{width:calc(100% - 340px)!important;max-width:1000px}
  .main3-slide{width:calc(100% - 140px)!important;max-width:1374px}
  #section3::before{width:140px!important}
  .main3-tit{padding-left:40px}
  .main4 ul li:first-child{padding-right:4%!important}
  .main4 ul li:last-child{padding-left:4%!important}
  .main4 ul li div{max-width:100%}
  .main4 ul li div > img{max-width:100%;height:auto}
  footer{padding-left:4%!important;padding-right:4%!important}
}
@media (min-width:1101px) and (max-width:1300px){
  .main1-slide2 .rotate{display:none}
  .main1 .main1-slide1{left:40px!important}
  .main1-slide2{width:calc(100% - 300px)!important}
}
/* 1101~1500: 헤더 로고와 메뉴가 겹치지 않게 — 메뉴를 오른쪽 정렬·간격 축소, 전화번호는 숨김 */
@media (min-width:1101px) and (max-width:1680px){
  #header{padding:0 30px!important}
  #header .tnb{display:none!important}
  #hnn-logo a{width:230px!important;height:40px!important}
  #hnn-logo{top:24px!important}
  #header .hnn-inner{text-align:right!important}
  #hnn-gnb > li > a{font-size:17px}
  #hnn-gnb > li > a span{padding:0 calc((100vw - 1101px) * .04 + 16px)!important}
}
/* 지도 아래 «네이버 지도 보기» 버튼: 지도가 줄어들면 같이 줄어들게(원래 184px 고정이라 어긋났다) */
@media (min-width:1101px){
  .main4 ul li div > a{width:31.24%}
  .main4 ul li div > a img{width:100%;height:auto;display:block}
}
@media (min-width:1101px) and (max-width:1300px){
  .main1-slide2{width:calc(100% - 430px)!important}
}
/* 화면 높이가 낮은 노트북(≤950px)에서 섹션 제목이 메뉴바(90px) 밑에 깔리지 않게 */
@media (min-width:1101px) and (max-height:950px){
  #section1 .fp-tableCell,#section2 .fp-tableCell,#section3 .fp-tableCell,#section4 .fp-tableCell{padding-top:90px;box-sizing:border-box;vertical-align:middle}
  .main2-tit{margin-bottom:24px!important}
  .main2 ul li a{height:auto}
}
/* 하위메뉴는 대메뉴처럼 가운데 정렬 — 헤더를 오른쪽 정렬하면서 하위메뉴까지 오른쪽 정렬로 상속돼 줄이 비스듬해 보였다 */
#hnn-gnb li div,#hnn-gnb li div ul{text-align:center!important}