@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
body, html{  font-family: "Noto Sans KR", sans-serif;  font-weight:400;}
p, li, h2, h3 ,h4, h5, h6{word-break: keep-all;}
#logo img{width:150px;} 
.green_txt{color:var(--primary-color);}
p{font-size:1.0rem;line-height:1.5;}
.about_box2 .subtitle{margin-bottom:5px;}
 h4{font-size:1.50rem;line-height:1.3;word-break: keep-all;}

.about_box2 h4{font-size:1.75rem;}
.about_box2 p{}
footer{padding:50px 0px 0px 0px;}
.subfooter{margin-top:15px;padding: 30px 0 30px 0;}
footer p, footer li, footer a{font-size:0.90rem;}
.tag_text{color:var(--primary-color);font-size:0.95rem;}
a.btn-main{padding:5px 35px;}

.btn-plus, .btn-plus i{color:var(--primary-color);}
.btn-plus span{font-size:1.0rem;}


li, address{list-style:none;}
.footer_right ul{margin:0px;padding:0px;padding:24px 0px;}
.footer_right ul li{margin:0px;padding:0px;text-align:center;padding-left:10px;}
.footer_right ul li a{color:#fff;display:block;padding:5px 5px;text-align:center;}
.footer_right ul li a p{font-size:0.85rem;}
.footer_right ul li a img{width:30px;}

.footer_right ul li.icon_quick1 a img{width:34px;}
.banner_top h3{margin-top:14px;}
.banner_top .btn-main{margin-top:0px;}
.sub_top{ background-color: rgba(var(--primary-color-rgb), .1); /* 배경색 */
  background-image: url("../img/bg_sub.png"); /* 배경 이미지 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
  .search_wrap{position:relative;}
.search_btn{position:absolute;right:28px;top:52px;z-index:99;width:25px;}
.search_btn img{width:25px;}
.search_btn button{border:none;background:none;}

.scroll_wrap{  
margin:40px 25px 40px 20px;
    height: 440px;
    padding: 0px 20px;
    overflow-y: auto;}

#search{width:100%;}
.wh-color{color:#fff;}
.pagering_wrap{text-align:Center;margin:60px 0px;}
.pagering_wrap li{display:inline-block;}
.pagering_wrap li a{font-size:1.35rem;padding:0px 20px;display:block;}

.box_border{border:1px solid #ededed;background:#fff;border-radius:35px;padding:35px 30px 20px 30px;}
.box_border h4{background:#008493;padding:7px 20px 5px 20px;color:#fff;border-radius:40px;}
.box_border h5{padding-left:15px;margin-top:20px;}
.box_border p{padding-left:15px;line-height:1.5;}

.location_box{border:2px solid #008493;border-radius:35px;padding:30px 30px 20px 30px;}
.border_2{border:2px solid #008493;border-radius:35px;padding:20px 28px 5px 28px;background:#fff;}
.grid-2{ display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;}



  .map_wrap{width:100%;margin-top:40px;}
.next-post{	display: flex;align-items: center; justify-content: space-between;padding:30px 0px;}
.project_list{margin:0px;padding:0px;margin-top:10px; display: flex;align-items: center; justify-content: left;gap:20px;/* 간격 조절 */border-top:1px solid #ededed;padding-top:10px;}
.project_list li{padding-left:5px;}
.web_news_detail img{width:100%;}
.web_news_detail{border-top:1px solid #ededed;border-bottom:1px solid #ededed;margin-top:10px;padding:18px 0px 15px 0px;}
.br_top{border-top:1px solid #ccc;}


.tab-menu {
  width: 100%;
  background: #f3f3f3;
  display: flex;flex-wrap: wrap; justify-content: center; align-items: center; 
 text-align:center;
}

.tab-menu a{  word-break: keep-all;display: flex;justify-content: center; align-items: center; height:80px;width: 20%;line-height:1.3;  padding:0px 10px 2px 10px; background:#f3f3f3;}

.tab-menu.tab-menu3 a{width:33.33%;}
.tab-menu.tab-menu4 a{width:25%;}
.tab-menu a:hover, .tab-menu a.active {
  color: #fff;
  font-weight: bold;
background:#008493;
}

.tab-menu a   .st0 {
        fill: #666;
      }

	  .tab-menu a:hover .st0, .tab-menu a.active .st0{ fill: #008493;}

/* fixed 상태 */
.tab-menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background:#f3f3f3;
}
.tab-menu.spaced {
  top:68px; /* 띄울 높이 */
}
/* 레이아웃 밀림 방지 */
.tab-placeholder {
  height: 0;
}

.tab-placeholder.active {
  height: 60px; /* tab-menu 높이 */
}

.gray_bg1{margin-top:60px;padding:0px;}
.gray_bg2{margin-top:60px;padding:0px;}
.box_gray{ background:#f9f9f9;border-radius:35px;padding:35px 34px 20px 34px;}
.plpr-0{padding-left:0px;padding-right:0px;}

.agree_wrap_text{border:1px solid #ededed;height:300px;padding:0px 20px 20px 20px;overflow-y: auto;}
.agree_wrap label{ width:100%;display: flex;justify-content: left;  /* 가로 가운데 */align-items: left;}
.agree_wrap label input{width:18px;margin-right:5px;}
.q_agree_wrap label{ width:100%;display: flex;justify-content: left;  /* 가로 가운데 */align-items: left;}
.q_agree_wrap label input{width:18px;margin-right:5px;}
textarea.form-control.Message_h{min-height:160px;}
form input, textarea{}
.img_6{}
.img_5 img{border-radius:25px;width:100%;margin-top:0px;}
.img_6 img{border-radius:25px;width:100%;margin-top:40px;}
.img_7 img{border-radius:25px;width:100%;}
.care_box{}
.care_box li{text-align:Center;}
.care_box h5{margin-top:15px;}
img{width:100%;max-width:100%;}
.de_testi_by img{width:180px ! important; height:180px ! important;}

.gray_box .gradient-white-top{background: #f9f9f9;}

.dark_ul li{padding:12px 0px 12px 25px;font-size:1.35rem;}
.dis_flex{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center; }

.ul-check.dark_ul li:before{top:20px;}
.view_list ul{padding:0px;margin:0px;}
.view_list li{border-bottom:1px solid #ededed;padding-top:10px;}

#formBox.bookingform_wrap{padding:25px 25px 20px 25px;}
.bookingform_wrap h4{font-size:19px;}
.bookingform_wrap span{font-size:1.05rem;font-weight:500;color:#666;}
.bookingform_wrap span.input_text{font-size:1.20rem;font-weight:600;color:#111;}
.grid_line{margin:0px;padding:0px;}
.grid_line li{display:inline-block;margin:5px 15px;}
span.title_in{position:relative;padding-left:15px;}
span.title_in:before{position:absolute;content:"";left:0px;top:10px;width:6px;height:6px; background:#008493;border-radius:35px;}
@media (min-width:992px) {
	.section_mp{    padding: 120px 0 120px 0;}
	.section_mp.mt-80{ padding: 80px 0 120px 0;}
	.map_wrap{margin-left:20px;}
	.img_6 img{margin-left:35px;  width:calc(100% - 35px);}
	.img_5 img{margin-left:35px;  width:calc(100% - 35px);}
	.img_7 img{margin-right:35px;  width:calc(100% - 35px);}
	 #mainmenu>li {margin-right:50px;}
	.half_dis_b{display: flex;flex-wrap: wrap; justify-content: space-between;}
	.half_dis_b li{flex: 1 1 50%;margin:4px 0px;}
	.grid-3{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
	.grid-5{display: grid;grid-template-columns: repeat(5, 1fr);gap: 30px;}

	.about_box3 h4, .border_2 h4{font-size: 1.35rem;}
	br.m_br{display:none;}

}



@media (max-width:991px) {
header.header-mobile{height:64px;}
	.section_mp{padding:40px 0px;}
	.gray_bg1{margin-top:30px;}
	.img_6 img{margin-top:20px;}
	.img_7{margin-bottom:20px;}
	.section_mp.mt-80{margin-top:40px;}
    .section_mp.mt-70{margin-top:20px;}
	br.br{display:none;}
	.grid-3{ display: grid;grid-template-columns: repeat(1, 1fr);gap: 15px;}
	.grid-5{ display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}
	br.m_br{display:block;}

	.about_box3{margin-bottom:30px;}
	.border_2{margin-bottom:20px;}
	ul.grid-5{padding-left:0px;}
	.banner_top h3{line-height:1.1;}
	.banner_top p{margin-top:15px;}
	.calendar_wrap.mt-60{margin-top:30px;}
	#mainmenu li ul li{padding-left:0px;}
	.tab-menu.spaced{top:58px;}
	.mo_mt-30{margin-top:20px;}
	header.header-mobile #mainmenu li ul li{padding-left:0px;}

}

@media (min-width:768px) {

.footer_right{position: fixed; right: 0px; top: 180px;width: 100px;z-index: 900;border-radius:35px 0px 0px 35px;background:#008493;box-shadow: 0px 5px 5px 0px #0000000D;}
.footer_right li p{display:inline-block;}

.top_tell.de-flex-col{display:none;}
.bookingform_wrap{ text-align: center;}
}


@media (max-width:767px) {
	.grid_line li{display:block;}
	.grid_line li.name_grid{}
	.grid_line li{margin-left:2px;}
	.grid-3.grid_line{gap:0px 0px;}

	.bookingform_wrap span{font-size:1.0rem;}
    .bookingform_wrap span.input_text{font-size:1.10rem;}

	.bg-color.rounded-1 i{display:none;}
	.bg-color.rounded-1 h4.ps-50{padding-left:0px;}
	.bg-color.rounded-1 h4{text-align:Center;}
	body{}
	body, html{font-size:15px;}
	h1{font-size:30px;}
	h2{font-size:26px;}
	h3{font-size:24px;}
	h4{font-size:20px;}
	h5{font-size:15px;line-height:1.2;}
	.tab-menu a{font-size:14px;}
	.container {
        padding-left:15px;
        padding-right:15px; }

	.ul-check.dark_ul li:before{top:10px;}
	.img_6 img, .img_5 img, .img_7 img{ border-radius: 25px;}
	.box_gray{ border-radius: 25px;}
		
	.dark_ul li { padding: 5px 0px 5px 25px;font-size: 1.15rem;}
	.footer_right{position: fixed;bottom:0px;left:0px;width: 100%; z-index: 900;border-radius:35px 35px 0px 0px;background:#008493;box-shadow: 0 -6px 14px rgba(0, 0, 0, 0.15);}
	.footer_right ul{margin-left:0px;padding:0px;display: flex;justify-content: space-between;align-items: center;gap:0px 20px;margin-left:25px;margin-right:25px;padding-top:18px;}
	.footer_right li{text-align:Center;}
	.footer_right ul li a {padding:0px;}
	


.footer_right ul li.icon_quick1 a img{width:32px;}
.footer_right ul li a img{width:30px;margin-bottom:5px;}

.subfooter{padding:30px 0px 110px 0px;}
footer p.copy_rightt{margin-bottom:5px;}
.menu-simple li{margin:0px 15px 0px 0px;}

	.top_tell.de-flex-col{display:block;position:absolute;right:55px;top:13px;}
	header div#logo{margin-left:-10px;}
	.menu_side_area{top:-3px;right:-10px;}
	#menu-btn:before{font-size:25px;}
    .top_tell  img{width:35px;}




}

.scroll_wrap {
  margin: 40px 25px 40px 20px;
  height: 440px;
  padding: 0 20px;

  overflow-y: auto;
  overflow-x: hidden;

  /* 스크롤 체이닝 허용 (중요) */
  overscroll-behavior: auto;
}

/* flex 환경에서 필수 (버그 방지) */
.scroll_wrap {
  min-height: 0;
}
.popup .agree_wrap_text.pop_agree.scroll_wrap{margin:0px;margin-top:20px;}
.popup .agree_wrap_text{padding:0px 8px 0px 8px;}
.popup .agree_wrap_text h5{font-size:14px;}
.popup .agree_wrap_text p, .popup .agree_wrap_text li{font-size:13px;}
.popup .agree_wrap_text h6{font-size:13px;}
.popup .agree_wrap label{font-size:14px;}
ul.circle_ul, ol.ko_list{margin-left:0px;padding-left:0px;}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* 투명 검정 배경 */
  z-index: 9000;

  opacity: 0;
  transition: opacity 0.3s;
}

.popup.active {
  display: block;
  opacity: 1;
}
.agree_wrap_text{margin-top:20px;}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:90%;
  max-width:640px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;

}
.popup_content{position:relative;}

#closeBtn {
 position:absolute;right:0px;top:0px;
  cursor: pointer;color:#000;font-weight:bold;
  font-size: 22px;
}
.btn-main.btn_gray{background:#666;color:#fff;}

#layerPopup .agree_wrap_text.pop_agree {
 height: 100px;
  overflow-y: auto;

  /* 👇 모바일 터치 스크롤 핵심 */
/*  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;*/
}

table {
  border-collapse: collapse;
  width: 100%;
}


thead {
  background-color: #f5f5f5;
}

th, td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

.table_wr{margin-bottom:30px;border-top:2px solid #333;border-bottom:2px solid #333;}
.table_wr td{background:#fff;text-align:center;color:#999;border-top:none;word-break: keep-all;}
.table_wr td.t_title{color:#111;font-weight:600;}
.table_wr td.green_txt{font-weight:600;background:#f3f3f3;color:var(--primary-color);}
.table_wr td.green_txt1{background:var(--primary-color);color:#fff;font-weight:600;}
.table_wr td.gray_table{ background-color: #f5f5f5;font-weight:600;}

.text-right{text-align:right;}
h4.np-text.btn-main{padding:12px 35px;font-size:16px;}

p.tel_textbanner{margin:0px;padding:0px;}
p.tel_text1{margin:0px;padding:0px;margin-bottom:5px;margin-top:-5px;font-weight:700;}
span.tel_text{font-size:2.25rem;font-weight:700;}

html {
  scroll-behavior: auto; /* 중요 */
}

body {
  -webkit-overflow-scrolling: touch;overflow-x: hidden;
}
html, body {

}
body.no-scroll {

}


.error_input {
    border: 2px solid red !important;
}
.q_agree_wrap.error_input {
    border: 1px solid red;
    padding: 5px;
    border-radius: 4px;
}