@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.all_wrap{overflow: hidden;position: relative;}

.jarallax {position: relative;z-index: 0;height: 100%;}
.jarallax > .jarallax-img {position: absolute;  object-fit: cover;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: -1;}
.main_admin{position: fixed; z-index: 11; top:95px; right: 10px;}
.main_admin a{font-size: 14px; background: #fff; border-radius: 5px; margin-bottom: 5px; width: 80px; height: 30px; display: inline-block; text-align: center; line-height: 30px; font-weight: 500;}
/* 공통 */
.width{width: 92% !important; max-width: 1400px; margin: 0 auto; position: relative;}
.width2{width: 92% !important; max-width: 1200px; margin: 0 auto; position: relative;}
.common{padding: 120px 0px;}
:root{
	--c1: #b5872d;
	--c2: #d5e9f8;

	--fs60: 6.0rem;
	--fs50: 5.0rem;
	--fs45: 4.5rem;
	--fs40: 4.0rem;
	--fs35: 3.5rem;
	--fs32: 3.2rem;
	--fs30: 3.0rem;
	--fs28: 2.8rem;
	--fs24: 2.4rem;
	--fs22: 2.2rem;
	--fs20: 2.0rem;
	--fs18: 1.8rem;
	--fs14: 1.4rem;
}
/* .pre{font-family: 'Pretendard' !important;} */
body {
  font-family: 'Spoqa Han Sans', sans-serif;
  font-weight: 400; /* regular */
}
.pre{font-family: 'Spoqa Han Sans' !important;}
.board_title{margin-bottom: 80px; text-align: center;}
.board_title h2{font-size: var(--fs32); font-weight: 500;}
.board_title p{margin-top: 10px; font-size: var(--fs20);}
.mb30{margin-bottom: 30px;}

@media all and (max-width: 1024px) {
	.common{padding: 80px 0px;}
	.board_title{margin-bottom: 60px;}
}

/* Header 부분 정의 */
#header{width: 100%;position: fixed;top: 0;z-index: 999; transition: 0.3s all; background:#fff; transition: 0.3s;}
#header:before {content:''; display:block; position:absolute; left:0; top:90px; right:0; height:1px; background:#eee;}
#header .logo_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 90px;
}

#header .logo {height: 90px; display:flex; align-items: center; justify-content: space-between;}
#header .logo img {max-height: 100%; height: 55px; display: block;}
#header .location {height: 90px; display:flex; align-items: center; justify-content: space-between;}
#header .location img {max-height: 100%; height: 55px; display: block;}
#header .tel {position:absolute; right:0; top:16px;}

#header .head_menu{position: relative; max-width:1400px; margin:0 auto;}
#header .menu_bg {background: #fff;width: 100%;height: 0;left: 0;z-index: 1;position: absolute; border-top: 1px solid #eee;}
#header.active{background: #fff;}
.head_menu_wrap{display: flex; align-items: center; width: 80%; justify-content: flex-end;}
#header:hover{background: #fff;}
#header .pmenu{width:100%; height: 60px; display: flex;  justify-content:space-between; align-items: center;}
#header .pmenu a{color: #333; font-size: 20px; font-weight: 300; }
#header .pmenu a.active{ color:#062254;  font-weight: 600;}

/* 모바일 */
.mobile_head {width: 100%; height: 70px; display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; display: none; position: fixed; background:#fff; z-index: 99; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.mobile_head .mobile_logo { width: 200px; }
.mobile_head .mobile_logo img { width: 100%; }
.mobile_head .mobile_location {height: 70px; display:flex; align-items: center; justify-content: space-between;}
.mobile_head .mobile_location img {height: 70px; display: block;}

/* .mobile_head .mobile_location {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile_head .mobile_location img {
  max-height: 55px;
  width: calc(100vw - 310px); 
  height: auto;
  display: block;
  object-fit: contain; 
} */
#mobile_menu {  display: none; position: fixed; top: 0; right: -75%; width: 75%; height: 100%; background: #fff; z-index: 1000;  overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 50px;}
#mobile_menu::-webkit-scrollbar{display: none;}
#mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 70px; background:#fff;display: flex; justify-content: space-between; align-items: center;}
#mobile_menu .mob_logo a { width: 100px; }
#mobile_menu .mob_logo a img { width: 100%; }
#mobile_menu .mobile_close { font-size: 30px; cursor: pointer; color: #333;}
#mobile_menu .mob_menu .top_menu {display: flex;justify-content: space-between; align-items: center; padding: 15px 0px;font-size: 16px; margin: 0px 15px; border-bottom: 1px solid #8e8e8e;}
.mobile_open{font-size: 24px;}
#mobile_menu .mob_menu .topmenu.on { color: #fff; }
#mobile_menu .mob_menu .sub_menu { padding: 15px 0px; margin: 0px 20px; border-bottom: 1px solid #ccc; background: #fff; visibility: visible; }
#mobile_menu .mob_menu .sub_menu a {display: block; color: #333 ;font-size: 15px; padding: 10px; background: #fff;}
.mob_bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99;}
.gnb, .menu_btn, .gnb ul{display: none;}
.mobile_head .mo365{padding: 6px 10px; border-radius: 3px; background: #353a62; color: #fff; font-weight: 400; font-size: 16px; }
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 17px; }
#pcmenu .submenu a { font-size: 14px; }
#header .head_menu{padding: 0px 2%;}
#header .pmenu a{font-size: 1.7rem;}
#header .head_menu .logo a{width: 180px; height: 55px;}
#header .pmenu span{margin: 0px 1%;}
}

@media screen and ( max-width: 1024px ){
  /* .mobile_head {width: 100%; height: 80px; }
  #mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 80px; background:#fff;display: flex; justify-content: space-between; align-items: center;}
#mobile_menu .mob_logo a { width: 150px; } */

#header { display: none; }
.mobile_head{display: flex; }
.gnb{display: block;}
/* .gnb{position:fixed;;background:#fff;width:100%;border-top:0;margin-top:1px;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5; z-index: 20; top: 96px; } */
.gnb ul{padding:0;width:100%;position:fixed;;background:#fff; z-index: 20; top: 106px; }
.gnb li{float:none;width:100%;border-bottom:1px solid #e5e5e5;font-size:14px;}
.gnb li a{display:block;letter-spacing: 0.004em; padding: 7px 10px; font-size: 17px; font-weight: 400;}

}

/* Main content */
.main{align-items: center;  justify-content: center;}
.main-block-container {position: relative; width: 100%; margin: 0 auto; max-width: 1000px; overflow: hidden; margin-top: 90px; height: 700px;} /* 헤더 아래부터 전체 높이 */
.main-container {height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} /* 중앙 정렬 */
.main-slider-wrapper {position: relative; width: 100%; height: 100%; display: flex; align-items: center; margin-top: 0;} /* 여백 제거 */
.main-slider {display: flex; width: 100%; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; touch-action: pan-x;} /* 가로 슬라이드 */
.main-slider::-webkit-scrollbar {display: none;} /* 스크롤바 숨김 */
.slide {flex: 1 0 100%; scroll-snap-align: start; position: relative; width: 100%; height: 100%; overflow: hidden; user-select: none;} /* 슬라이드 영역 */

.main-slider img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; object-position: left center;} /* 이미지 꽉 채우기 */
.main-slider-nav {display: flex; column-gap: 1rem; position: absolute; bottom: 1.25rem; left: 50%; transform: translateX(-50%); z-index: 1;} /* 네비게이션 점 */
.main-slider-nav a {width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #fff; opacity: 0.75; transition: opacity 250ms ease;} /* 점 스타일 */
.main-slider-nav a:hover {opacity: 1;} /* 호버 시 밝기 */
.static-bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;} /* 배경 이미지 */
.main1 {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; text-align: center;} /* 텍스트 오버레이 */
.education-slide {display: flex; justify-content: center; align-items: center; text-align: center;} /* 예시 슬라이드 */
.slide-overlay {position: relative; width: 100%; padding: 40px; box-sizing: border-box; color: white;} /* 오버레이 스타일 */
.slide-title {font-size: 32px; font-weight: bold; line-height: 1.4; text-align: center; margin-bottom: 40px;} /* 타이틀 */
.book-box {background: rgba(255,255,255,0.75); padding: 20px; display: flex; flex-wrap: wrap; gap: 20px; margin: 20px auto; border-radius: 12px; box-sizing: border-box; position: relative;} /* 예시 콘텐츠 */
.top-box, .bottom-box {max-width: 900px; margin: 0 auto;} /* 콘텐츠 가로 중앙 */
.top-box {justify-content: center;} .bottom-box {justify-content: flex-start;} /* 정렬 */
.book-item {flex: 0 0 auto; width: 120px; text-align: center; font-size: 14px; color: #333;} /* 책 항목 */
.book-item img {width: 100%; border-radius: 4px; margin-bottom: 5px;} /* 이미지 */
.blog-note {position: absolute; right: 10px; bottom: 10px; font-size: 13px; color: #222; text-align: right;} /* 노트 스타일 */

.main1 .txt {max-width:1100px; margin:0 auto; width: 92%; padding-top: 10cqmax;}
.main1 .txt span {display:block; color:#151F4A;}
.main1 .txt .t1 {font-size:50px; font-weight:800;}
.main1 .txt .t2 {font-size:30px; font-weight:bold; text-align: right;}
.main1 .txt .t3 {font-size:25px; font-weight:bold; margin-left: 33.33%;}
.main1 .txt .t1 + .t2 {margin-top: 3cqmax;}
.main1 .txt .t2 + .t3 {margin-top: 5cqmax;}
.main1 .txt .t11 { font-size:50px; font-weight:800; display: block;  text-align: center;}
.main1 .txt .t12 { font-size:30px; font-weight:bold; margin: 1cqmax;}
.main1 .txt .t13 { font-size:40px; font-weight:bold; display: block;  text-align: center;}
.main1 .txt .t11 + .t12 {margin-top: 10cqmax;}
.main1 .txt .t12 + .t13 {margin-top: 5cqmax;}
.main1 .txt .t21 { font-size:40px; font-weight:800; display: block;  text-align: center; }
.main1 .txt .t22 { font-size:35px; font-weight:bold; display: block;  text-align: center; margin: 1cqmax;}
.main1 .txt .t23 { font-size:30px; font-weight:bold; display: block;  text-align: center;}
.main1 .txt .t24 { font-size:20px; font-weight:bold; display: block;  text-align: left;}
.main1 .txt .t21 + .t22 {margin-top: 3cqmax;}
.main1 .txt .t22 + .t23 {margin-top: 3cqmax;}
.main1 .txt .t23 + .t24 {margin-top: 2cqmax;}
.main1 h2{font-size: 5.0rem; margin-top: 20px; padding: 10px; background: rgba(7,42,103,0.7); display: inline-block; width: max-content; color: #fff; border-radius: 5px;}
.main1 h2 span{font-size: 5.0rem; font-weight: bold; display: inline-block !important; min-width: 165px; color: #ffe400 !important;}


.main2 {padding:0 0; max-width:1400px; margin:0 auto; width: 92%;}

.banner {
  width: 100%;
  /* max-width: 1000px; */
  height: 55px;
  background-color: #436EB2; /* 나중에 원하는 색으로 바꾸세요 */
  margin: 0 auto 0px; /* 가운데 정렬 */
  
  display: flex;
  justify-content: center; /* 수평 가운데 */
  align-items: center;     /* 수직 가운데 */

  color: white; /* 텍스트 색상은 가독성을 위해 설정 (선택사항) */
  font-size: 1.4rem;
  text-align: center;
}
.banner .t1{
  font-size: 3.0rem; /* 텍스트 크기 조정 */
  font-weight: bold; 
  letter-spacing: 2px;
}


.main3 {padding:20px 0 180px; background:#fafafa;}
.tit2 {text-align:center; margin-bottom:85px;}
/* .tit2:before {content:''; display:block; width:86px; height:87px; background:url(../img/new/ico01.png) no-repeat; margin:0 auto 30px;} */
.tit2 span {display:block;}
.tit2 .t1 {font-size:45px; font-weight:bold;}
.tit2 .t2 { font-size:25px; font-weight:200;}
.tit2 .t3 { font-size:16px; font-weight:200; letter-spacing:3px;}
.tit2 .t3 + .t1 {margin-top:16px;}
.tit2 .t1 + .t2 {margin-top:16px;}
.tit2 .t1 + .t3 {margin-top:16px;}
.tit2.type2:before {background-image:url(../img/new/ico01_w.png);}
.tit2.type2 span {color:#fff;}

.tit3 {text-align:center; margin-bottom:20px; margin-top:16px;}
.tit3 span {display:block;}
.tit3 .t1 { font-size:45px; color:#072a67; font-weight:bold}


.tit4 {text-align:center; margin-bottom:20px; margin-top:16px;}
.tit4 span {display:block;}
.tit4 .t1 { font-size:45px; color:white; font-weight:bold}

.swiper-slide {
  width: 20vw; /* ✅ 슬라이드 하나가 화면의 20% 차지 */
  height: 28vw;
  flex-shrink: 0;
}
.swiper-slide img{height: 100%; width: 100%;}


.main3 .lst {display:flex; justify-content: space-between; flex-wrap:wrap; max-width:1400px; margin:0 auto -10px; width: 92%;}
.main3 .lst{display: flex; flex-wrap: wrap; gap: 25px 2%;}
.main3 .lst li{width: 23%; position: relative; border-radius: 50px; overflow: hidden;}
.main3 .lst li img{width: 100%;}
.main3 .lst li span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 2.0rem; font-weight: bold; display: flex; justify-content: center; align-items: center; opacity: 1; transition: 0.3s all;}
/* .main3 .lst li:hover span{opacity: 1;} */
.main3 .lst li:hover{border: 5px solid #1a4485;}

.main5 {padding:180px 0; position:relative;}
.main5:before {content:''; display:block; position:absolute; left:0; right:0; bottom:0; top:540px; background:#f8f8f8;}
.main5 .inr {position:relative; z-index:3; max-width:1400px; margin:130px auto 0; width: 92%;}
.main5 .inr .box1 {display:flex; justify-content: space-between; margin-bottom:130px;}
.main5 .inr .box1 .img{width: 45%;}
.main5 .inr .box1 .img img{width: 100%;}
.main5 .inr .box2 .txt {width:calc(50% - 0px); background: none; background-color: white; padding-bottom:50px; margin-top: 20px}
.main5 .inr .box1 .txt h3 {font-size:35px; font-weight:200; margin-bottom:80px;}
.main5 .inr .box1 .txt h3 strong {color:#072a67;}
.main5 .inr .box2 .txt p { font-size:20px; font-weight:300; line-height:1.5; padding-left: 10px;}
.main5 .inr .box2 .txt p + p {margin-top:35px;}
.main5 .inr .box2 {display:flex; justify-content: space-between;}
.main5 .inr .box2 .txt {width:100%; display: flex; justify-content: space-between; gap: 30px 0px; padding-left: 10vw;}
.main5 .inr .box2 .txt .lst{width: 60%}
.main5 .inr .box2 .lst h4 {font-size:25px; font-weight:bold; color:#072a67; padding-bottom:13px; border-bottom:1px solid #333; margin-bottom:15px;}
.main5 .inr .box2 .lst li {position:relative; margin:5px 0; font-size:19px; padding-left:14px; line-height:1.3;}
.main5 .inr .box2 .lst li:before {content:''; display:block; width:3px; height:3px; border-radius:50%; background:#333; position:absolute; left:0; top:9px;}
.main5 .inr .box2 .img {width: 52%;}
.main5 .inr .box2 .img img{width: 100%; filter: drop-shadow(0px 0px 10px #c3c3c3);}

.main13 {padding:160px 0; background:#072a67;}
/* .main13 .tit3 , .main13 .tit3 * {color:#fff;} */
.main13 .box {display:flex; justify-content: space-between; max-width:1400px; margin:0 auto; width: 92%;}
.main13 .box .right div {display:flex; justify-content: space-between; margin-top:10px; gap: 6px 1%;}
.main13 .box .left{width: 50%;}
.main13 .box .left img{width: 100%;}
.main13 .box .right{width: 46%;}
.main13 .box .right img{width: 100%;}

.map-buttons {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.map-buttons a {
  width: 45%;
  display: inline-block;
}

.map-buttons a img {
  width: 100%;
  height: auto;
  display: block;
}

.disease_description_container { margin-top: 200px; width: 100%;}
.disease_description_container .back-button {
  margin: 20px;
  padding: 10px 20px;
  font-size: 1rem;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}


/* 최대 너비 지정 및 가운데 정렬 */
.disease_description_container .disease_content {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding: 32px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

/* 질병 제목 스타일 */
.disease_description_container .disease_title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 24px;
  color: #222;
}

/* 이미지 및 캡션 컨테이너 */
.disease_description_container .disease_image_block {
  text-align: center;
  margin-bottom: 24px;
}

/* 이미지 스타일 */
.disease_description_container .disease_image {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* 이미지 캡션 */
.disease_description_container .image_caption {
  font-size: 0.9rem;
  color: #666;
  margin-top: 8px;
}

/* 설명 텍스트 */
.disease_description_container .disease_description {
  font-size: 1rem;
  line-height: 1.6;
  color: #444;
}

/* 뒤로가기 버튼 */
.disease_description_container .disease_description_container .back-button {
  display: inline-block;
  background-color: #eee;
  border: none;
  color: #333;
  padding: 8px 16px;
  font-size: 0.95rem;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 20px;
  transition: background-color 0.2s ease;
}

.disease_description_container .back-button:hover {
  background-color: #ddd;
}



.map_wrap {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

.map-container {
  flex: 1;
  min-width: 300px;
  height: 50vh;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#map {
  width: 100%;
  height: 100%;
}

.map-description {
  flex: 1;
  min-width: 300px;
  padding: 2rem;
}

.map-description h2 {
  font-size: 40px;
  margin-bottom: 1rem;
  text-align: center;
  
}

.map-description p {
  margin: 0.5rem 0;
  line-height: 1.6;
  text-align: center;
  font-size: 1.4vw;
  color: white

}

.main14.page {
  text-align: center;
}
.main14.page img {
  max-width: 100%;
  height: auto;
}

#ft .footer .foot_logo img{width: 200px;}

/* 메인비주얼 */
.Hfull{height: 80vh; position: relative;}

.foot_atag{padding: 12px 0px; display: flex; justify-content: center; gap: 10px 1%; background: #0e6eb8;}
.foot_atag a{width: 190px; height: 38px; border: 1px solid #fff; text-align: center; line-height: 38px; color: #fff; font-weight: 500;}


::-webkit-scrollbar {
    width:8px;height:8px;
  }
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius:4px;
    background-clip: padding-box;
  }


.pc{display: block !important;}
.mob{display: none !important;}

@media all and (max-width: 768px){
	.pc{display: none !important;}
	.mob{display: block !important;}
}


.track {white-space: nowrap;will-change: transform;animation: marquee 15s linear infinite; }
@keyframes marquee{
	from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
@-webkit-keyframes slide-top2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes slide-top2{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}


/* board warp */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}


/* 하단 */
#ft{background: #072a67;padding: 60px 0px; width: 100%;}
#ft .footer{display: flex; justify-content: center;  flex-direction: column; gap: 20px 4%;}
#ft .foot_info span{text-align: center;; display: block; color: #fff; font-weight: 200; line-height: 170%;}
#ft .foot_info span a{color: #fff;}

@media all and (max-width: 1400px) {
	html{font-size: 55% !important;}
	:root{
		--fs40: 3.4rem;
		--fs32: 2.8rem;
		--fs28: 2.4rem;
	}
}

/* 리스트 */
@media all and (max-width: 850px) {
	.prdt_list .prdt_top th.psize, .prdt_list .prdt_table .psize{display: none;}
	.prdt_list .prdt_top th.pcolor, .prdt_list .prdt_table .pcolor{display: none;}
}

@media all and (max-width: 650px) {
	.prdt_list .prdt_top th.num{min-width: 60px;}
	.prdt_list .prdt_top th.pintro, .prdt_list .prdt_table .pintro{display: none;}
	.prdt_list .prdt_top th.pname{width: 100%;}
	.prdt_list .prdt_table .pname{text-align: center;}
}

/* ----------------------------------- */

.gallery-pagination{margin-top: 20px;}

.headSwiper{width: 280px; margin: 0 0px 0 auto !important; text-align: right; position: relative; z-index: 5 !important;}
.headSwiper img{width: 100%; height:100%;}
.headSwiper .swiper-slide{z-index: 5;}
.customoverlay{padding: 4px 8px; background: #072a67; border: 2px solid var(--c2); border-radius: 5px; position: relative; bottom: 75px;}
.customoverlay span{font-size: 1.8rem; font-weight: 500; color: #fff;}

.r_wrap {display: flex; flex-wrap:nowrap; gap:85px; align-items:center;}

.h_right_tab{display: flex;align-items: center;gap:25px;}

@media all and (max-width: 1400px){
  .head_btn{display: none;}
  .r_wrap {display: flex; flex-wrap:nowrap; gap:35px; align-items:center;}
  .h_right_tab{display: flex;align-items: center;gap:25px;}
  
}
@media all and (max-width: 1200px){

}
@media all and (max-width: 1024px){
    #mobile_menu .mob_logo a{display: none;}
    #mobile_menu .mob_logo{justify-content: flex-end;}
    .book-box {
      gap: 8px;
      padding: 10px;
      justify-content: flex-start !important; /* override center for top-box도 */
  }

  .book-item {
    width: 70px;
    font-size: 11px;
  }

  .book-item img {
    border-radius: 3px;
    margin-bottom: 3px;
  }

  .slide-title {
    font-size: 20px;
    line-height: 1.3;
  }

  .blog-note {
    font-size: 11px;
    right: 6px;
    bottom: 6px;
  }
  #mobile_menu .mob_logo a{display: none;}
  #mobile_menu .mob_logo{justify-content: flex-end;}
  .mobile_head .mobile_logo img { width: auto; max-height: 50px}
  .mainSwiper2{margin-top: 60px; height: 650px;}
  .main-block-container {margin-top: 65px;  height: 550px;} 

  .main1 .txt {padding-top: 8cqmax;}
  .main1 .txt .t1{font-size: 5.0rem;}
  .main1 .txt .t2{font-size: 3.0rem;}
  .main1 .txt .t3{font-size: 2.6rem;}
  .main1 .txt .t1 + .t2 {margin-top:10cqmax;}
  .main1 .txt .t2 + .t3 {margin-top:10cqmax;}
  .main1 .txt .t21 { font-size:40px; font-weight:bold; display: block;  text-align: center; }
  .main1 .txt .t22 { font-size:25px; font-weight:bold; display: block;  text-align: center; margin: 1cqmax;}
  .main1 .txt .t23 { font-size:20px; font-weight:bold; display: block;  text-align: center;}
  .main1 .txt .t24 { font-size:15px; font-weight:bold; display: block;  text-align: left;}
  .main1 .txt .t21 + .t22 {margin-top: 2.5cqmax;}
  .main1 .txt .t22 + .t23 {margin-top: 2.5cqmax;}
  .main1 .txt .t23 + .t24 {margin-top: 2cqmax;}

  .main1 .txt .t11{font-size: 4.0rem; margin-bottom: 15px;}
  .main1 .txt .t12{font-size: 3.0rem;}
  .main1 .txt .t13{font-size: 3.5rem;}
  .main1 h2{font-size: 3.0rem;}
  .main1 h2 span{font-size: 3.0rem; min-width: 92px;}
  .main_list .width{width: 100% !important;}
  .main_list h2 span, .main_list .mainSwiper .swiper-slide h3{font-size: 1.8rem;}
  .main2 .tit span{margin-bottom: 10px;}
  .main2 .tit strong, .tit2 .t1, .tit3 .t1{font-size: 3.6rem;}
  .tit3 .t1 + .t2{margin-top: 10px;}
  .tit2 .t2{font-size: 2.0rem;}
  .main5 .inr .box1 .txt h3{font-size: 3.6rem; margin-bottom: 25px;}
  .main5 .inr .box2 .txt p{font-size: 1.8rem;}
  .main5 .inr .box2 .txt h3 strong{font-size: 3.0rem;}
  .main5 .inr .box2 .txt h3 em{font-size: 2.1rem;}
  .main5 .inr .box2 .txt h3 span{font-size: 1.6rem;}
  .main5 .inr .box2 .txt h3{margin-bottom: 30px;}
  .main5 .inr .box2 .lst h4{font-size: 2.0rem;}
  .main5 .inr .box2 .lst li{font-size: 1.6rem;}
  .main4, .main2, .main3, .main5, .main5_1 .main6, .main6_2, .main7, .main8, .main9, .main10, .main11, .main12, .main13{padding: 20px 0px;}

  
.map-description h2 {
  font-size: 40vh;
}
}
@media all and (max-width: 980px){

}
@media all and (max-width: 900px){

}
@media all and (max-width: 850px){

}
@media all and (max-width: 768px){
  .main1 .txt {padding-top: 5cqmax;}
  .r_wrap {display: flex; flex-wrap:nowrap; gap:10px; align-items:center;}
 .mobile_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.r_wrap {
  display: flex !important;
  flex-wrap: nowrap !important; /* 강제 적용 */
  align-items: center;
  gap: 10px;
}

.h_right_tab,
.mobile_btn {
  display: flex;
  align-items: center;
}

.h_right_tab a,
.mobile_btn a {
  display: flex;
  align-items: center;
}
  .book-box {
    gap: 4px;            /* 더 좁은 간격 */
    padding: 6px;        /* 안쪽 여백도 줄임 */
    justify-content: flex-start !important;
  }

  .book-item {
    width: 56px;         /* 기존 70px → 56px */
    font-size: 9px;      /* 글자 크기도 더 축소 */
  }

  .book-item img {
    border-radius: 2px;
    margin-bottom: 2px;
  }

  .slide-title {
    font-size: 16px;     /* 타이틀 더 작게 */
    line-height: 1.2;
  }

  .blog-note {
    font-size: 9px;
    right: 4px;
    bottom: 4px;
    line-height: 1.3;
  }
  .main-block-container {margin-top: 50px;  height: 450px;} 
  .main1 h2{font-size: 2.2rem;}
  .main1 h2 span{font-size: 2.2rem; min-width: 66px;}
  .main1 .txt .t21 { font-size:35px; font-weight:bold; display: block;  text-align: center; }
  .main1 .txt .t22 { font-size:20px; font-weight:bold; display: block;  text-align: center; margin: 1cqmax;}
  .main1 .txt .t23 { font-size:20px; font-weight:bold; display: block;  text-align: center;}
  .main1 .txt .t24 { font-size:15px; font-weight:bold; display: block;  text-align: left;}
  .main1 .txt .t21 + .t22 {margin-top: 2cqmax;}
  .main1 .txt .t22 + .t23 {margin-top: 2cqmax;}
  .main1 .txt .t23 + .t24 {margin-top: 1.5cqmax;}
  
  .banner {
    height: 40px;
  }
  .banner .t1{
    font-size: 2.0rem;}
  .main3 .lst li{width: 49%;}
  .main4 .lst{flex-direction: column; gap:60px 0px;}
  .main4 .lst li{width: 100%;}
  .main5 .inr .box1{flex-direction: column;}
  .main5 .inr .box1 .img{width: 100%; margin-bottom: 30px;}
  .main5 .inr .box1 .txt{width: 100%;}
  .main5 .inr .box1 .txt h3 br{display: none;}
  .main5 .inr .box2{flex-direction: column-reverse;}
  .main5 .inr .box2 .img{width: 100%; margin-bottom: 30px;}
  .main5 .inr .box2 .txt{width: 100%; max-width: none; flex-direction: column;}
  .main5 .inr .box2 .txt .lst{width: 100%}
  .tit3{margin-bottom: 20px;}
  .tit4{margin-bottom: 20px;}
  .main13 .box{flex-direction: column;}
  .main13 .box .left{width: 100%; margin-bottom: 30px;}
  .main13 .box .right{width: 100%;}
  .mainSwiper2{height: 450px;}
  .main1 .txt .t1{font-size: 4.0rem;}
  .main1 .txt .t2{font-size: 3.0rem;}
  .main1 .txt .t3{font-size: 2.2rem;}
  .main1 .txt .t1 + .t2 {margin-top:5cqmax;}
  .main1 .txt .t2 + .t3 {margin-top:5cqmax;}
  .main1 .txt .t11{font-size: 3.0rem;}
  .main1 .txt .t12{font-size: 2.2rem;}
  .main1 .txt .t13{font-size: 2.5rem;}
  .main2 .tit strong, .tit2 .t1, .tit3 .t1{font-size: 3.0rem;}
  .main5 .inr .box1 .txt h3{font-size: 3.0rem;}
  .main5 .inr .box1 .txt{background-size: contain;}
  .main5 .inr .box1 .txt p + p{margin-top: 20px;}
  .main5 .h3 strong, .main5_1 .h3 strong{font-size:24px}
  .main5 .h3 em, .main5_1 .h3 em{font-size:24px}
  .main5 .h3 span, .main5_1 .h3 span{font-size:16px}
  .main5_1{padding-bottom:80px;}
  .medal{width:100px;}
  .foot_atag{padding: 10px; flex-wrap: wrap; gap:6px 1%;}
  .foot_atag a{width: 49%;}
  #ft .footer .foot_logo img{width: 100px;}
  #ft .footer{flex-direction: column;}
  #ft .foot_info span{text-align: center;}
  #ft{padding-bottom: 170px;}
  .main5 .inr{margin-top: 30px;}
  .main4 .bot .inr div{font-size: 7vw; letter-spacing: 0px;}
  .main4 .bot .inr div{white-space: nowrap;}
  .main5 .inr .box2 .img h3 strong{font-size: 26px;}
  .main5 .inr .box2 .img h3 em{font-size: 20px;}
  .main5 .inr .box2 .img h3 span{font-size: 16px;}
  
.map-container {
  flex: 1;
  min-width: 60vw;
  height: 30vh;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.map-description {
  flex: 1;
  min-width: 30vw;
}

.map-description h2 {
  font-size: 25px;
}

.map-description p {
  font-size: 15px;

}

}
@media all and (max-width: 650px){
  /* .r_wrap{width: 250px;} */
  .main-block-container {margin-top: 45px;  height: 350px;}
  .main1 .txt {padding-top: 4cqmax;}
  .mobile_head .mobile_logo img { width: auto; max-height: 50px}
  .mobile_head .mobile_location img {width: 30vw; height: auto;}
  .main1 .txt {width: 90%;}
  .main1 .txt .t1{font-size: 2.5rem; margin-top: 1.5cqmax;}
  .main1 .txt .t2{font-size: 2.0rem; }
  .main1 .txt .t3{font-size: 1.7rem; margin-left: 30.00%;}
  .main1 .txt .t1 + .t2 {margin-top:3cqmax;}
  .main1 .txt .t2 + .t3 {margin-top:4cqmax;}
  .main1 .txt .t11{font-size: 2.5rem;}
  .main1 .txt .t12{font-size: 2.0rem;}
  .main1 .txt .t13{font-size: 2.3rem;}
  .main1 .txt .t11 + .t12 {margin-top:2.5cqmax;}
  .main1 .txt .t12 + .t13 {margin-top:3cqmax;}
  .main1 .txt .t21 { font-size:30px; font-weight:bold; display: block;  text-align: center; }
  .main1 .txt .t22 { font-size:17px; font-weight:bold; display: block;  text-align: center; margin: 0.5cqmax;}
  .main1 .txt .t23 { font-size:17px; font-weight:bold; display: block;  text-align: center;}
  .main1 .txt .t24 { font-size:13px; font-weight:bold; display: block;  text-align: left;}
  .main1 .txt .t21 + .t22 {margin-top: 2cqmax;}
  .main1 .txt .t22 + .t23 {margin-top: 1cqmax;}
  .main1 .txt .t23 + .t24 {margin-top: 1cqmax;}

  .map-description h2 {
  font-size: 20px;
}

.map-description p {
  font-size: 13px;

}
}
@media all and (max-width: 450px){
  .main1 .txt {width: 90%; padding-top: 4cqmax;}
  .main1 .txt .t1{font-size: 2.3rem; margin-top: 2.5cqmax;}
  .main1 .txt .t2{font-size: 1.8rem; }
  .main1 .txt .t3{font-size: 1.3rem; margin-left: 28.00%;}
  .main1 .txt .t1 + .t2 {margin-top:3cqmax;}
  .main1 .txt .t2 + .t3 {margin-top:4cqmax;}
  .main1 .txt .t11{font-size: 2.2rem; margin-top:2.5cqmax;}
  .main1 .txt .t12{font-size: 1.5rem;}
  .main1 .txt .t13{font-size: 2.0rem;}
  .main1 .txt .t11 + .t12 {margin-top:2.5cqmax;}
  .main1 .txt .t12 + .t13 {margin-top:3cqmax;}
  .main1 .txt .t21 { font-size:20px; font-weight:bold; display: block;  text-align: center; }
  .main1 .txt .t22 { font-size:15px; font-weight:bold; display: block;  text-align: center; margin: 0.5cqmax;}
  .main1 .txt .t23 { font-size:13px; font-weight:bold; display: block;  text-align: center;}
  .main1 .txt .t24 { font-size:10px; font-weight:bold; display: block;  text-align: left;}
  .main1 .txt .t21 + .t22 {margin-top: 2cqmax;}
  .main1 .txt .t22 + .t23 {margin-top: 1cqmax;}
  .main1 .txt .t23 + .t24 {margin-top: 1cqmax;}
}