@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{display: none;}
@media all and (max-width:1024px) {
	.main_admin{position: fixed; z-index: 11; top:75px; right: 10px; display: block;}
	.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;}
.common{padding: 90px 0px;}
:root{
--color: #f9e09a;
--fs60: 6.0rem;
--fs40: 4.0rem;
--fs32: 3.2rem;
--fs28: 2.8rem;
--fs26: 2.6rem;
--fs24: 2.4rem;
--fs22: 2.2rem;
--fs20: 2.0rem;
--fs18: 1.8rem;
--fs14: 1.4rem;
}
.board_title{margin-bottom: 50px; text-align: center; }
.board_title h2{font-size: var(--fs32); font-weight: 500; position: relative; display: inline-block; padding: 0px 150px; }
.sub_title h2{font-size: var(--fs32); font-weight: 500; position: relative; display: inline-block; }
.board_title h2::after{content: '';position: absolute; width: 110px; height: 1px; background: #ccc; right: 0; top: 50%; transform: translateY(-50%)}
.board_title h2::before{content: '';position: absolute; width: 110px; height: 1px; background: #ccc; left: 0; top: 50%; transform: translateY(-50%)}
.board_title p{margin-top: 25px; font-size: var(--fs18); line-height: 135%;}
.board_title h3{margin-top: 25px; font-size: var(--fs24); line-height: 135%; font-weight: 400; color: var(--color);}
.board_title h4{margin-top: 15px; font-size: var(--fs18); line-height: 135%; }
.center{text-align: center;}
.left{text-align: left;}
.su400{font-family: 'SUIT-Regular' !important;}
.su500{font-family: 'SUIT-Medium' !important;}
.su600{font-family: 'SUIT-SemiBold' !important;}
.su800{font-family: 'SUIT-ExtraBold' !important;}
.su900{font-family: 'SUIT-Heavy' !important;}
@media all and (max-width: 1024px) {
.common{padding: 60px 0px;}
.board_title{margin-bottom: 60px;}
.board_title h2{padding: 0px 15%;}
.board_title h2::after{width: 20px;}
.board_title h2::before{width: 20px;}
}

#header{width: 100%;position: fixed;top: 0;z-index: 999; transition: 0.3s all; box-shadow: 0px 1px 3px rgba(0,0,0,0.3); background: rgba(0,0,0,0.5);}
#header .header_width{width: 96%; margin: 0 auto;}
#header .head_login_wrap{display: flex; align-items: center;}
#header .head_login{display: flex;justify-content: flex-end;padding: 7px 10px; border: 1px solid #eee; border-radius: 30px; margin-right: 25px;}
#header .head_login li{margin:0px 5px;}
#header .head_login a{font-size: 1.4rem; color: #eee; white-space: nowrap; font-weight: 400;}
#header .head_login i{font-size: 20px;}
#header .head_menu .logo{}
#header.scroll{top:-36px;}
#header .head_menu{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%; height: 90px;}
#header .head_menu .main_menu { width: 70%; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; z-index: 9;}
#header .head_menu .main_menu .dept1 { width: 18%; position: relative; padding: 15px 0px;}
#header .head_menu .main_menu .dept1 > a { font-size: 1.9rem; font-weight: 400; color: #ccc;}
#header .head_menu .main_menu .dept1 > a.active { color: #fff; font-weight: bold; }
#header .head_menu .main_menu .dept1 > a.menuon { color: #fff; font-weight: bold; }
#header .head_menu .sub_menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 100%; padding-top: 20px; display: none; padding-bottom: 30px;}
#header .head_menu .main_menu .dept2 { padding: 12px 0px; background: rgba(0,0,0,0.3);}
#header .head_menu .main_menu .dept2:nth-child(1){border-top: 4px solid var(--color)}
#header .head_menu .main_menu .dept2 a { font-size: 1.8rem; display: block; font-weight: 400; color: #ccc;}
#header .main_menu .dept2>a:hover,
#header .main_menu .dept2>a:active,
#header .main_menu .dept2>a.menuon,
#header .main_menu .dept2>a:focus { color: #fff;font-weight: bold;}
#header .menu_bg {background: rgba(0,0,0,0.7);width: 100%;height: 0;left: 0;z-index: 1;position: absolute; }


/* 모바일 */
.mobile_head {width: 100%; height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; display: none; position: fixed; background:rgba(0,0,0,0.5); z-index: 99; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.mobile_head .mobile_logo { width: 150px; }
.mobile_head .mobile_logo img { width: 50%; }
#mobile_menu {  display: none; position: fixed; top: 0; right: -100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 1000; height: 100vh; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;}
#mobile_menu::-webkit-scrollbar{display: none;}
#mobile_menu .mob_logo { width: 100%; padding: 0px 20px; height: 60px; background:#434a54;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: #fff;}
#mobile_menu .mob_menu .top_menu {display: flex;justify-content: space-between; align-items: center; padding: 20px 20px;font-size: 18px;  border-bottom: 1px solid rgba(255,255,255,0.3); color: #fff;}
.mobile_open{font-size: 24px; color: #fff;}
#mobile_menu .mob_menu .top_menu.on { color: #fff; background: var(--color)}
#mobile_menu .mob_menu .sub_menu { padding: 15px 20px; border-bottom: 1px solid #ccc; background: #fff; visibility: visible; }
#mobile_menu .mob_menu .sub_menu a {display: block; color: #333 ;font-size: 17px; padding: 10px; background: #fff; font-weight: 400;}
#mobile_menu .mob_menu_btn{display: flex; padding: 10px 0px; margin: 0px 20px; justify-content: space-between;}
#mobile_menu .mob_menu_btn li{width: 49%;}
#mobile_menu .mob_menu_btn a{font-size: 17px;  background: #ddd;display: flex; height: 50px; justify-content: center; align-items: center;}
#mobile_menu .mob_menu_btn a i{font-size: 16px; margin-right: 5px;}
.mob_bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 99;}

@media screen and ( max-width: 1400px ){
#pcmenu .topmenu { font-size: 16px; }
#pcmenu .submenu a { font-size: 14px; }
}
@media screen and ( max-width: 1024px ){
#header { display: none; }
.mobile_head{display: flex;}
}

/* 메인 풀 페이지 */

/* 슬라이드 백그라운드 */
#section0 .slide1{background: url('../img/visual01.jpg') no-repeat;background-position: center;background-size: cover; }
#section0 .slide2{background: url('../img/visual02.jpg') no-repeat;background-position: center;background-size: cover; }
#section0 .slide3{background: url('../img/visual03.jpg') no-repeat;background-position: center;background-size: cover; }


#section1 {background: url('../img/back01.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section2 {background: url('../img/back00.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section3 {background: #fffbf4; background-position: center;background-size: cover; padding: 60px 0px;}
#section4 {background: #333333; background-position: center;background-size: cover; padding: 60px 0px;}
#section5 {background: url('../img/back_01.jpg') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section6 {background: url('../img/back_02.jpg') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section7 {background: #ececec;background-position: center;background-size: cover; padding: 60px 0px;}
#section8 {background: #c7a561; background-position: center;background-size: cover; padding: 60px 0px;}


/* 모바일용 백그라운드 입니다. 필요하신경우 주석을 풀고 파일명에 맞게 이미지를 ftp 업로드 해주세요. */
/* @media all and (max-width:768px) {
	#section0 .slide1{background: url('../img/mvisual01.png') no-repeat;background-position: center;background-size: cover; }
	#section0 .slide3{background: url('../img/mvisual03.png') no-repeat;background-position: center;background-size: cover; }

	#section1 {background: url('../img/mback01.png') no-repeat;background-position: center;background-size: cover; }
	#section2 {background: url('../img/mback02.png') no-repeat;background-position: center;background-size: cover;}
	#section3 {background: url('../img/mback03.png') no-repeat;background-position: center;background-size: cover;}
} */

#section0  .swiper_visual{height: 100%;}
#section0 .swiper-pagination{bottom: 40px;}
#section0 .swiper-pagination-bullet{opacity: 1; background: #eee;}
#section0 .swiper-pagination-bullet-active{ background: #fff; width: 25px; border-radius: 10px;}
.main_text {display: flex;justify-content: flex-end; align-items: center; height: 100%;}
.main_text h2 {color: #fff;font-family: 'Pretendard', serif;font-size:var(--fs60); font-weight:900; background: url('../img/visual_bg.png') no-repeat;padding: 130px 30px;width: 695px;height: 437px;position: relative; }
.main_logo img {
   width: 300px;
  height: auto;
  position: absolute;
  left: 200px;
  top: 50%; /* 중앙 정렬을 위한 예시 */
  transform: translateY(-50%);
}
.main_text h2 span {position: absolute;opacity: 0.7; font-size: var(--fs40);}
.main_text h2 span.mtext_left {left: -40px;top: 110px; }
.main_text h2 span.mtext_right {right: 68px; }
.main_text p {
  color: #fff;
  font-family: 'Pretendard', serif;
  font-size: var(--fs20);
  width: 100%;
  text-align: center;
  padding: 20px 0 10%;
  position: absolute;
  bottom: 0; /* 화면 하단에 고정 */
  left: 0;
}




#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #fff; }
#fp-nav ul li .fp-tooltip {opacity: 1;overflow: initial; font-family: 'Pretendard'; font-size: var(--fs14);}
#fp-nav ul li, .fp-slidesNav ul li {margin: 30px 5px; }

.main_title p {
  color: #fff;
  font-size: var(--fs22);
  font-weight: 500;
  font-family: 'Pretendard', serif;
  letter-spacing: 0.1em;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  padding-bottom: 8px; /* 밑줄과 글자 사이 간격 */
}

.main_title p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 1px;
}
.main_title h2{color: #fff; font-size: var(--fs22); margin-bottom: 20px; font-weight: 500; }
@media all and (max-width: 1024px){
	.main_text h2{width: 100%; height: auto; background: none;}
	.main_text h2 span.mtext_left{left: -4px;}
	.main_text h2 span.mtext_right{right: initial;}
}
@media all and (max-width: 768px){
	.main_text h2{padding: 15px 0px 0px 25px; font-size: var(--fs28); letter-spacing: -0.04em;}
	.main_text h2 span.mtext_left{top: 0;}
	.main_text p {
 
  font-size: var(--fs10);
 
}
}


/* 솔루션 */
#section1 .main_title{text-align: center;}
.solution_wrap{display: flex; gap: 15px 1.7%;}
.solution_wrap .solu_box{padding: 40px 30px; background: #fff; width: 32%;display: flex; flex-direction: column; justify-content: space-between;}
.solution_wrap .solu_box h3{font-size: var(--fs20); font-weight: bold; padding-top: 25px; border-top: 3px solid #000;}
.solution_wrap .solu_box h4{font-size: var(--fs18); font-weight: 300; margin-top: 30px; line-height: 130%; margin-bottom: 40px;}
.solution_wrap .solu_box p span{font-weight: bold; font-size: var(--fs18); word-break: keep-all; display: inline-block; margin-right: 15px; line-height: 170%;}
.solution_wrap .solu_box a{margin-top: 1px; display: inline-block; width: 160px; height: 50px; border: 2px solid #000; font-size: var(--fs18); font-weight: 500; display: flex; align-items: center; justify-content: center;}
.solution_wrap .solu_box a span{font-size:var(--fs22); margin-left: 15px;}
.solution_wrap .solu_box:hover{background:#e0cc96; color: #fff;}
.solution_wrap .solu_box:hover h3{border-top: 3px solid #fff;}
.solution_wrap .solu_box:hover a{border: 2px solid #fff; background: #fff; color: var(--color);}
.solution_wrap .solu_box .solution-img {
  margin-top: 30px;
  margin-bottom: 40px;
}
.solution_wrap .solu_box .solu-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  gap: 10px;
}

.solution_wrap .solu_box .solu-footer p {
  margin: 0;
}

.solution_wrap .solu_box .solu-footer a {
  margin-top: 0; /* 기존의 margin-top 제거 */
}
.solution_wrap {
  display: flex;
  flex-wrap: wrap; /* ✅ 추가 */
  gap: 15px 1.7%;
}
.solution_wrap .solu_box .solution-img img {
  max-width: 100%;
  height: auto;
  display: block;
}


@media all and (max-width: 1024px){
 .solution_wrap .solu_box .solution-img {
    margin-top: 15px;
    margin-bottom: 15px;
  }
	.main_title h2{margin-bottom: 10px;}
	.solution_wrap .solu_box{padding: 25px 15px;}
	.solution_wrap .solu_box h3{padding-top: 15px;}
	.solution_wrap .solu_box h4{margin-top: 15px; margin-bottom: 15px;}
	.solution_wrap .solu_box a{margin-top: 25px; height: 40px;}
}
@media all and (max-width: 850px){
	.solution_wrap{flex-wrap: wrap; gap: 15px 2%;}
	.solution_wrap .solu_box{width: 49%;}
}
@media all and (max-width: 650px){
	.solution_wrap .solu_box{width: 100%; padding: 20px;}
	.solution_wrap .solu_box h3{font-size: 2.2rem;}
	.solution_wrap .solu_box h4{font-size: 1.6rem;}
	.solution_wrap .solu_box p span{font-size: 1.6rem;}
	.solution_wrap .solu_box a{margin-top: 15px; font-size: 1.6rem; width: 140px;}
	.solution_wrap .solu_box a span{font-size: 2.0rem; margin-left: 10px;}
}

#section1 {
  background: #fff;
  padding: 20px 20px;
  font-family: 'Pretendard', sans-serif;
}

.solution_area .intro_text {
  text-align: center;
  margin-bottom: 40px;
}


.solution_area .intro_text h3 {
  font-size: 24px;
  font-weight: 400;
  color: #333;
}

.solution_area .intro_text h2 {
  font-size: 50px;
  font-weight: 900;
  color: #222;
}

.solution_area .intro_text .highlight {
  color: #453030;
  font-size: 50px;
  font-weight: 900;
}

.solution_area .intro_content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 80px;
  max-width: 1200px;
  margin: 0 auto;
  
}

.solution_area .intro_image img {
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  /* 추가된 스타일 */
  /* x, y, blur, spread, color */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.78);
}

.solution_area .intro_message {
  flex: 1;
  min-width: 300px;
}

.solution_area .intro_message h4 {
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 600; /* 제목이므로 약간 더 두껍게 */
    margin-bottom: 20px;
    padding-left: 15px; /* 선과 글자 사이 간격 */
    position: relative;
    line-height: 1.2;
    color: #333;
}

.solution_area .intro_message h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 14px; /* 글자 크기에 맞춰 조절 */
    background-color: #f9e09a; /* 포인트 컬러 */
    border-radius: 2px;
}

.solution_area .intro_message h3 {
    font-family: 'KyoboHandwriting2020ParkDoYeon', sans-serif;
    font-size: 26px; /* 크기를 키워 존재감 확보 */
    font-weight: 300; /* 굵게 설정하여 제목 느낌 강화 */
    letter-spacing: -0.02em; /* 자간을 살짝 좁히면 텍스트가 더 단단해 보임 */
    line-height: 1.5;
    color: #111;
    margin-bottom: 24px;
}

.solution_area .intro_message p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 20px;
  color: #555;
  font-family: 'Pretendard', sans-serif;
}

.solution_area .highlight {
  color: #0098dc;
  font-weight: 600;
  font-size: 16px;
}

.solution_area .signature {
  font-size: 30px;
  font-weight: bold;
  margin-top: 30px;
}
.solution_area .h3 {
  font-size: 40px;
  font-weight: bold;
  margin-top: 30px;
}

.solution_area .sign_name {
  font-family: 'Nanum Brush Script', cursive;
  font-size: 30px;
  margin-left: 5px;
}

/* 메인오시는 길 */
#section2 .main_title{text-align: center;}
#section2 .map_wrap{height: 40vh;}
#section2 .map_company{background:  var(--color); padding: 40px 30px; color: #fff;}
#section2 .map_company h2{border-bottom: 1px solid #fff;}
@media all and (max-width: 850px){
	.map_wrap iframe{width: 50% !important;}
}

/* 뉴스레터 */
#section3 .main_title{text-align: center;}
@media all and (max-width: 850px){
	.pic_lt ul{flex-wrap: wrap; gap: 15px 1.5%;}
	.pic_lt ul li{width: 49%; padding: 12px !important;}
	.pic_lt .lt_wrap .lt_text_top .lt_text_con a:first-child{letter-spacing: -0.04em;}
	.pic_lt .lt_wrap .lt_text_top .lt_text_con a:last-child{letter-spacing: -0.04em;}
}
@media all and (max-width: 650px){
	.pic_lt ul li{width: 100%;}
}

/* 하단 */
#ft{background: #222;padding: 40px 0px; width: 100%;}
.foot_logo{display: block; text-align: center;margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #8e8e8e;}
.foot_info span{font-size: 1.4rem; color: #ddd; margin: 0px 10px; line-height: 170%;}
.foot_info a{font-size: 1.4rem; color: #ddd; margin: 0px 10px; line-height: 170%;}
#ft .copyright{margin-top: 30px; color: #ccc;}
#ft .copyright span{font-size: 1.4rem;}
#ft .foot_service{margin-top: 20px;}
#ft .foot_service a {font-size: 1.4rem; color: #9e9e9e;}
#ft .foot_service a:first-child{margin-right: 10px;}
@media all and (max-width: 768px) {
.foot_info{display: flex; flex-direction: column;}
.foot_info span{margin: 0px; line-height: 140%;}
}

/* sub_visual */
.sub_visual{width: 100%;height: 350px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center top !important; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_visual .sub_top_text{text-align: center; color: #fff; padding-top: 70px;}
.sub_visual .sub_top_text h3{font-size: var(--fs40); position: relative;}
.sub_visual .sub_top_text p{font-size: var(--fs22);font-weight: 600;}
@media all and (max-width: 1024px) {
.sub_visual{height: 220px;}
.sub_visual .sub_top_text{padding-top: 60px;}
.sub_visual .sub_top_text h3{font-size: 3.2rem;}
}

/* lnb */
.lnb_wrap{position: relative;}
.lnb{background: #f9f9f9; border-bottom: 1px solid #ddd;}
.lnb .lnb_map{height: 60px; display: flex; align-items: center; border-left: 1px solid #f1f1f1;}
.lnb .lnb_map .home{width: 60px; height: 100%;background: #f9f9f9;display: flex;justify-content: center;align-items: center;}
.lnb .lnb_map .home a{color: #333;}
.lnb .lnb_map .home i{font-size: 20px;}
.lnb .lnb_map > li{width: 250px; height: 100%;border-right: 1px solid #f1f1f1; padding: 0px 15px;position: relative;}
.lnb .lnb_map li.dep a{width: 100%; height: 100%;display: flex;align-items: center; font-size: 14px;}
.lnb .lnb_map li.dep a span{width: 100%;display: flex; justify-content: space-between;align-items: center; font-size: 1.7rem; color: #333;}
.lnb .lnb_map li.dep a span i{font-size: 24px;}
.lnb .lnb_map li.dep ul{display: none;position: absolute;left: 0; top: 61px;width: 100%;z-index: 10;}
.lnb .lnb_map li.dep ul li{width: 100%; background: #f9f9f9; border-bottom: 1px solid #fff;}
.lnb .lnb_map li.dep ul li a{padding: 15px 15px;font-size: 1.6rem;}
.lnb .lnb_map li.dep ul li a:hover{background: ; color: var(--color);transition: 0.3s all; font-weight: bold;}
.lnb .lnb_map li.dep ul li:hover{border-bottom: 1px solid var(--color)}
.lnb .lnb_map li.dep ul li a.on{background: #f1f1f1;}

@media screen and (max-width:1400px) {
.lnb .lnb_map{width: 100% !important;}
}
@media screen and (max-width:900px){
.lnb .lnb_map{height: 55px;}
.lnb .lnb_map .home i{font-size: 16px;}
.lnb .lnb_map li.dep ul{top: 56px;}
}
@media screen and (max-width:600px){
.lnb .lnb_map{height: 50px;}
.lnb .lnb_map .home{width: 12%;}
.lnb .lnb_map li{width: 44%;}
.lnb .lnb_map li:last-child{width: 44%;}
.lnb .lnb_map li.dep ul{top: 51px;}
.lnb .lnb_map li.dep a{font-size: 12.5px;}
.lnb .lnb_map li.dep ul li a{font-size: 12.5px;}
}

/* 인사말 */

.greeting_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.greeting_wrap .greeting_text{width: 52%;}
.greeting_wrap .greeting_text h2{color: var(--color); font-weight: 600; font-size: var(--fs28); margin-bottom: 40px;}
.greeting_wrap .greeting_text p{font-size: var(--fs20); color: #333; line-height: 130%;}
.greeting_wrap .greeting_text p:last-child{margin-top: 20px;}
.greeting_wrap .greeting_img{width: 42%;}
.greeting_wrap .greeting_img img{width: 100%;}

.greeting_info{margin-top: 100px; border-top: 3px solid var(--color); display: flex; flex-wrap: wrap;}
.greeting_info li{width: 50%; display: flex; min-height: 60px; border-bottom: 1px solid #ddd;}
.greeting_info li:last-child{width: 100%;}
.greeting_info li p{min-width: 180px; background: #f6f6f6; display: flex; align-items: center; justify-content: center; font-size: var(--fs18); font-weight: 500;}
.greeting_info li span{width: 100%; padding-left: 15px; display: flex; align-items: center; font-size: var(--fs18); color: #333;}
@media screen and (max-width:1024px) {
.greeting_wrap .greeting_text h2{margin-bottom: 20px; font-size: var(--fs24);}
}
@media screen and (max-width:950px) {
.greeting_wrap{flex-direction: column;}
.greeting_wrap .greeting_text{width: 100%; margin-bottom: 50px;}
.greeting_wrap .greeting_text p:last-child{margin-top: 15px;}
.greeting_wrap .greeting_img{width: 100%;}
}
@media screen and (max-width:768px) {
.greeting_info{margin-top: 60px;}
.greeting_info li p{min-width: 140px;}
.greeting_info li{width: 100%;}
}


/* 연혁 */

.history_circle{width: 120px; height: 120px; background: #222;border-radius: 50%;color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 80px;}
.history_circle p{text-align: center; font-size: 1.8rem;}
.history_wrap{position: relative;}
.history_wrap .history_line{position: absolute; width: 1px; height: 100%; background: #ccc; left: 0; right: 0; margin: 0 auto;}
.history_left{ width: 50%; text-align: right; position: relative; padding-right: 50px; margin-bottom: 40px;}
.history_left img{ width: 100%; margin-top: 20px;}
.history_left h2{font-size: var(--fs22); margin-bottom: 15px; font-weight: 500;}
.history_left p{ font-size: var(--fs18); line-height: 130%;}
.history_right{width: 50%; margin: 0 0 0 auto; position: relative; padding-left: 50px; margin-bottom: 40px;}
.history_right img{ width: 100%; margin-top: 20px;}
.history_right h2{font-size: var(--fs22); margin-bottom: 15px; font-weight: 500;}
.history_right p{ font-size: var(--fs18); line-height: 130%;}
.history_left::after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #364F6B; right: -8px; top: 0;}
.history_right::after{content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 4px solid #364F6B; left: -8px; top: 0;}
@media screen and (max-width:950px) {
	.history_circle{margin-bottom: 60px;}
}
@media screen and (max-width:850px) {
	.history_wrap .history_line{display: none;}
	.history_left{width: 100%; padding-left: 30px; padding-right: 0px;text-align: left;}
	.history_right{width: 100%; padding-left: 30px; padding-right: 0px;}
	.history_left::after{right: initial; left: -8px;}
	.history_box{padding-bottom: 30px; border-bottom: 1px dotted #ccc; margin-bottom: 30px;}
	.history_box:last-child{border-bottom: 0px;}
	.history_box::after{left: 0px; }
}


/* 구성원소개 */

.people_box{display: flex; padding: 50px 30px 50px 30px; justify-content: space-between; align-items: center;}
.people_box:nth-of-type(2n){background: #f6f6f6;}
.people_box .people_img{width: 32%; padding: 10px; border:  1px solid #ccc; background: #fff;}
.people_box .people_img img{width: 100%; background: #ccc;}
.people_box .people_text{width: 65%; padding-left: 3%;}
.people_box .people_text h2{font-size: var(--fs26); font-weight:
600; padding-bottom: 15px; margin-bottom: 17px; border-bottom: 2px solid #ddd;}
.people_box .people_text h2 span{font-size: var(--fs22);}
.people_box .people_text h3{font-size: var(--fs20); font-weight: 500; margin-bottom: 15px;}
.people_box .people_history{display: flex; justify-content: space-between;}
.people_box .people_history ul{width: 49.5%;}
.people_box .people_history ul li{display: flex; line-height: 130%; margin-bottom: 10px; color: #333; font-weight: 400;}
.people_box .people_history ul li span{margin-right: 7px;}
@media screen and (max-width:1024px){
	.people_box .people_text{width: 60%;}
	.people_box .people_img{width: 45%;}
}
@media screen and (max-width:850px){
	.people_box{padding: 20px; flex-direction: column; margin-bottom: 50px;}
	.people_box:last-child{margin-bottom: 0px;}
	.people_box .people_img{width: 100%; margin-bottom: 30px;}
	.people_box .people_text{padding-left: 0px; width: 100%;}
}
@media screen and (max-width:768px){
	.people_box .people_history{flex-direction: column; height: 250px; overflow-y: scroll;}
	.people_box .people_history ul{width: 100%;}
}

/* 오시는 길 */

.map_wrap{width: 100%; position: relative;}
.root_daum_roughmap{width: 100% !important; height: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .map_company{position: absolute; z-index: 3; right: 0; bottom: 500px;padding: 30px 40px;}
.map_wrap .map_company h2{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.map_wrap .map_company h2 img{width: 170px; }
.map_wrap .map_company ul{display: flex; margin-top: 20px;}
.map_wrap .map_company ul li{display: flex; align-items: center; font-size: var(--fs20); color: #fff;}
.map_wrap .map_company ul li:first-child{margin-right: 50px;}
.map_wrap .map_company ul li i{font-size: 2.4rem; margin-right: +6px;}
/* 맵버튼 */
.map_btn{margin-top: 160px; text-align: center; display: flex; justify-content: center;}
.map_btn a{display: flex; align-items: center; justify-content: center; width: 250px; height: 55px; font-size: var(--fs20); font-weight: 500; color: #fff;}
.map_btn a > i{font-size: 30px; margin-right: 10px;}
.map_btn a:first-child{border: 1px solid #00c63b; background:#00c63b; margin-right: 15px;}
.map_btn a:last-child{border: 1px solid #f9e200; background: #f9e200; color: #3d1d1c;}
/* 교통 */
.visit_wrap{margin-top: 100px;}
.visit_wrap .visit_box{display: flex;justify-content: space-between; align-items: flex-start; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.visit_wrap .visit_box:last-of-type{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.visit_wrap .visit_box h3{display: flex; align-items: center; font-size: var(--fs26); width: 30%;}
.visit_wrap .visit_box h3 i{width: 40px; height: 40px; border-radius: 7px; background: var(--color); color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; margin-right: 15px; font-weight: 100;}
.visit_wrap .visit_box ul{width: 70%;}
.visit_wrap .visit_box ul li{font-size: 1.8rem; line-height: 130%; margin-top: 20px;}
.visit_wrap .visit_box ul li:first-of-type{margin-top: 0px;}
.visit_wrap .visit_box ul li span{display: inline-block; width: 60px; height: 30px; line-height: 30px;text-align: center; background:#525e75; color: #fff; border-radius: 3px; margin-right: 10px; font-size: 14px;}
.visit_wrap .visit_box ul li span.bus1{background: #BDD2B6;}
.visit_wrap .visit_box ul li span.bus2{background: #A2B29F;}
.visit_wrap .visit_box ul li span.bus3{background: #798777;}
.visit_wrap .visit_box ul li span.way1{background: #FFD36E;}
.visit_wrap .visit_box ul li span.way2{background: #4C657E;}
.visit_wrap .visit_box ul li span.way3{background: #F29696;}
.visit_wrap .visit_box ul li span.way4{background: #B7C4CF;}

@media all and (max-width: 850px) {
.map_wrap .map_company{position: relative; bottom: initial;}
.map_btn{margin-top: 10px;}
.visit_wrap .visit_box{flex-direction: column;}
.visit_wrap .visit_box h3{width: 100%; margin-bottom: 20px;}
.visit_wrap .visit_box ul li{margin-top: 12px;}
.visit_wrap .visit_box ul{width: 100%; padding-left: 55px;}
}
@media all and (max-width: 768px) {
.map_wrap .map_company ul{flex-direction: column;}
.map_wrap .map_company ul li:first-child{margin-right: 0px; margin-bottom: 20px;}
.map_btn a{width: 50%;}
.map_btn a:first-child{margin-right: 10px;}
}

/* 제도/절차01 */

#process1{background: #f8fbff;}
#process1 .process_wrap {display: flex; justify-content: space-around;}
#process1 .box{width: 23%; background: #fff; padding: 40px 0px; text-align: center;}
#process1 .box h2{ font-size: 40px; width: 110px; height: 110px; border-radius: 50%; background:  #f6f6f6; line-height: 110px; margin: 0 auto; color: #333;}
#process1 .box p{font-size: var(--fs22); font-weight: 600; margin-top: 30px; padding-bottom: 15px; margin-bottom: 17px; position: relative; text-align: center;}
#process1 .box p::after{content: ''; width: 40px; height: 2px; background: #ccc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
#process1 .box span{font-size: var(--fs18); color: #333; text-align: center; line-height: 120%; padding: 0px 10px; display: inline-block;}
#service{padding-top: 90px;}
#service .service_box_wrap{display: flex; flex-wrap: wrap; gap: 30px 2%;}
#service .box{width: 49%; border: 1px solid #ddd;}
#service .box h3{padding: 12px 3px; background: #253d5b;; text-align: center; font-weight: 600; font-size: var(--fs22); color: #fff;}
#service .box .text{padding: 20px 25px;}
#service .box .text p{font-size: var(--fs18); line-height: 135%; display: flex; margin-bottom: 15px;}
#service .box .text p:last-child{margin-bottom: 0px;}
#service .box .text p span{margin-right: 7px;}
@media all and (max-width: 1024px) {
	#process1 .box{padding: 20px 5px;}
	#service{padding-top: 60px;}
}
@media all and (max-width: 900px){
	#process1 .process_wrap{flex-wrap: wrap; gap: 15px 2%;}
	#process1 .box{width: 49%;}
}
@media all and (max-width: 768px){
	#service .box{width: 100%;}
	#process1 .box h2{width: 90px; height: 90px; line-height: 90px;}
	.board_title p br{display: none;}
	.board_title h4 br{display: none;}
	.board_title h3{margin-top: 10px; font-size: 2.1rem;}
	#process1 .box p{margin-top: 15px; margin-bottom: 8px; padding-bottom: 8px;}
	#process1 .box span{padding: 0px; font-size: 1.6rem;}
	#service .box .text{padding: 20px 10px;}
	#service .box .text p{letter-spacing: -0.04em;}
}

/* 제도/절차02 */
#process2{background: #f8f8f8;}
#process2 .sub_title{margin-bottom: 50px;}
#process2 .process_wrap{display: flex; flex-wrap: wrap; gap: 20px 3%;}
#process2 .box{display: flex; width: 48.5%; border-radius: 5px; overflow: hidden; background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
#process2 .box h2{font-size: var(--fs26); font-weight: bold; color: #fff; min-width: 70px; background: #253d5b; display: flex; align-items: center; justify-content: center;}
#process2 .box .text{padding: 12px 15px; width: 100%;}
#process2 .box .text p{font-size: var(--fs20); font-weight: 500; margin-bottom: 7px;}
#process2 .box .text span{color: #333; display: block; line-height: 130%;}
@media all and (max-width: 768px){
	#process2 .sub_title{margin-bottom: 35px;}
	#process2 .box{width: 100%;}
	#process2 .box .text span{letter-spacing: -0.04em;}
}

/* 제도/절차03 */
#process3{background: #f9f9f9;}
#process3 .business_box{display: flex; justify-content: space-between; margin-bottom: 80px;}
#process3 .business_box:last-child{margin-bottom: 0px;}
#process3 .business_box .business_title{width: 26%;}
#process3 .business_box .business_title h3{font-size: var(--fs24); display: flex; align-items: center; font-weight: 500;}
#process3 .business_box .business_title h3 span{font-size: 15px; color: #364F6B; margin-right: 15px;}
#process3 .business_box .business_text{width: 74%;}
#process3 .business_box .business_text p{font-size: var(--fs18); color: #333; line-height: 130%; margin-bottom: 20px;}
#process3 .business_box .business_text p:last-child{margin-bottom: 0px;}
.service_area01 .service_wrap{margin-top: 50px; display: flex; flex-wrap: wrap;  gap: 60px 2%;}
.service_area01 h2{font-size: var(--fs28); font-weight: 500;}
.service_area01 .service_box{width: 32%; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); position: relative; background: #fff;}
.service_area01 .service_box .service_img{position: relative;}
.service_area01 .service_box .service_img img{width: 100%;}
.service_area01 .service_box .service_title{background: #fff; position: absolute; width: 80%; margin: 0 auto; padding: 20px 0 0 0; text-align: center; bottom: 0px; left: 0; right: 0;}
.service_area01 .service_box .service_title span{ font-family: 'Montaga', serif; color:#253d5b; font-size: 1.6rem; font-weight: 500; margin-bottom: 5px; display: inline-block;}
.service_area01 .service_box .service_title h2{font-size: var(--fs22); position: relative; padding-bottom: 20px; font-weight: 500;}
.service_area01 .service_box .service_title h2::after{content: ""; position: absolute; width: 30px; height: 2px; background: #666; bottom: -3px; left: 0; right: 0; margin: 0 auto;}
.service_area01 .service_box .service_text{padding: 30px 20px 25px 20px;}
.service_area01 .service_box .service_text p{display: flex; font-size: var(--fs18); line-height: 130%; margin-bottom: 15px;}
.service_area01 .service_box .service_text p:last-child{margin-bottom: 0px;}
.service_area01 .service_box .service_text span{margin-right: 10px;}

@media all and (max-width: 1024px) {
.service_area01 .service_box{width: 49%;}
.service_area01 .service_wrap{margin-top: 60px;}
}
@media all and (max-width: 650px) {
.service_area01 .service_box{width: 100%;}
.service_area01 .service_box .service_text{padding: 30px 20px 40px 20px;}
}

@media all and (max-width: 768px) {
#process3 .business_box{margin-bottom: 50px; flex-direction: column;}
.business_area03 .business_box .business_title{width: 100%; margin-bottom: 20px;}
#process3 .business_box .business_text{width: 100%; padding-left: 25px;}
}


/* 사건 page01 */
/* 원하는 조각들을 복사해서 붙여 넣은 후 #labor1~3 으로 변경해주세요. */
#labor1 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor1 .labor_top{margin: 0 auto; border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; max-width: 1000px; }
#labor1 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor1 .labor_top h2 b{color: var(--color)}
#labor1 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor1 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor1 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover; margin-top: 80px; padding: 15px;}
#labor1 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor1 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor1 .labor_bg p:last-child{margin-bottom: 0px;}
#labor1 .labor_text{margin-top: 80px;}
#labor1 .labor_text > h2{font-size: var(--fs28); font-weight: 500; margin-bottom: 10px;}
#labor1 .labor_text > h2 span{font-size: 24px; color: #568AE5;}
#labor1 .labor_text > h3{font-size: var(--fs20);  line-height: 130%;}
/* 사건과정 부분 */
#labor1 .labor_table{display: flex; border-radius: 5px; overflow: hidden; border: 1px solid #ccc; margin-top: 40px; margin-bottom: 20px;}
#labor1 .labor_table .box{width: 50%; text-align: center;}
#labor1 .labor_table .box{border-right: 1px solid #ccc;}
#labor1 .labor_table .box:last-child{border-right: 0px;}
#labor1 .labor_table .box h4{padding: 14px 2px; background:#253d5b ; color: #fff; font-weight: 700; font-size: var(--fs18);}
#labor1 .labor_table .box h5{padding: 14px 2px; border-bottom: 1px solid #ccc; font-weight: 400; font-size: var(--fs18);}
#labor1 .labor_table .box h5:last-child{border-bottom: 0px;}
#labor1 .labor_text p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
@media all and (max-width: 1024px){
	#labor1 .labor_bg{margin-top: 60px;}
}
@media all and (max-width: 768px){
	#labor1 .labor_top h2{font-size: 2.2rem; top: -20px;}
	#labor1 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor1 .labor_bg .text{padding: 20px 15px;}
	#labor1 .labor_table{flex-direction: column; border: none; gap: 20px 0px;}
	#labor1 .labor_table .box{width: 100%; border: 1px solid #ccc; overflow: hidden; border-radius: 5px;}
	#labor1 .labor_table .box:last-child{border-right: 1px solid #ccc;}
}


/* 사건 page02 */
#labor2 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor2 .labor_top{margin: 0 auto; border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; max-width: 1000px; }
#labor2 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor2 .labor_top h2 b{color: var(--color)}
#labor2 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor2 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor2 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover; margin-top: 80px; padding: 15px;}
#labor2 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor2 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor2 .labor_bg p:last-child{margin-bottom: 0px;}
#labor2 .labor_text{margin-top: 80px;}
#labor2 .labor_text > h2{font-size: var(--fs28); font-weight: 500; margin-bottom: 10px;}
#labor2 .labor_text > h2 span{font-size: 24px; color: #568AE5;}
#labor2 .labor_text > h3{font-size: var(--fs20);  line-height: 130%;}
/* 사건과정 부분 */
#labor2 .labor_table{display: flex; gap: 30px 2.5%; overflow: hidden; margin-top: 40px; margin-bottom: 20px;}
#labor2 .labor_table .box{width: 32%; text-align: center; border-radius: 5px; overflow: hidden; border: 1px solid #ccc;}
#labor2 .labor_table .box{border-right: 1px solid #ccc;}
#labor2 .labor_table .box h4{padding: 14px 2px; background:#253d5b ; color: #fff; font-weight: 700; font-size: var(--fs18);}
#labor2 .labor_table .box h5{padding: 14px 2px; border-bottom: 1px solid #ccc; font-weight: 400; font-size: var(--fs18);}
#labor2 .labor_table .box h5:last-child{border-bottom: 0px;}
#labor2 .labor_text p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
@media all and (max-width: 1024px){
	#labor2 .labor_bg{margin-top: 60px;}
}
@media all and (max-width: 850px){
	#labor2 .labor_table{flex-direction: column;}
	#labor2 .labor_table .box{width: 100%;}
}
@media all and (max-width: 768px){
	#labor2 .labor_top h2{font-size: 2.2rem; top: -20px;}
	#labor2 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor2 .labor_bg .text{padding: 20px 15px;}
}


/* 사건 page03 */
#labor3{padding-top: 90px;}
#labor3 .board_title{margin-bottom: 80px; }
/* 회색테두리 */
#labor3 .labor_wrap{display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
#labor3 .labor_top{width: 50%;border: 20px solid #f6f6f6; padding: 4% 8%; position: relative; }
/* 회색 테투리 옆 사진 */
#labor3 .labor_ect{width: 46%; border-radius: 5px; overflow: hidden;}
#labor3 .labor_ect img{width: 100%;}
#labor3 .labor_top h2{position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; padding: 0px 30px; background: #fff; width: 80%; text-align: center; font-size: var(--fs24); font-weight: 500;}
#labor3 .labor_top h2 b{color: var(--color)}
#labor3 .labor_top h3{font-size: var(--fs18); line-height: 130%; text-align: center; margin-bottom: 20px; color: #333;}
#labor3 .labor_top h3:last-child{margin-bottom: 0px;}
/* 백그라운드가 있는 텍스트 */
#labor3 .labor_bg{background: url('../img/labor1.png')no-repeat; background-position: center; background-size: cover;  padding: 15px;}
#labor3 .labor_bg .text{padding: 6% 7%; border: 1px solid rgba(255,255,255,0.4);}
#labor3 .labor_bg p{font-size: var(--fs18); color: #fff; text-align: center; line-height: 130%; margin-bottom: 20px;}
#labor3 .labor_bg p:last-child{margin-bottom: 0px;}
/* 사건 아이콘 박스 */
#labor3 .labor3_ver{background: #f6f6f6;}
#labor3 .labor3_ver .width > h2{text-align: center; font-size: var(--fs28); font-weight: 500; margin-bottom: 50px;}
#labor3 .labor3_ver .width > p{color: #de1111; line-height: 130%; font-size: var(--fs18);}
#labor3 .labor3_ver .box_wrap{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 3%; margin-bottom: 30px;}
#labor3 .labor3_ver .box{background: #fff; width: 20%; border-radius: 5px; border: 1px solid #eee; text-align: center; padding: 30px 3px 45px 3px;}
#labor3 .labor3_ver .box span i{color: #253d5b; font-size: 5.0rem; }
#labor3 .labor3_ver .box p{margin-top: 20px; font-size: var(--fs20); font-weight: 400;}
@media all and (max-width: 1024px){
	#labor3 .labor_top{border: 10px solid #f6f6f6; padding: 30px 20px;}
	#labor3 .labor_top h2{font-size: 2.2rem; top: -20px; }
}
@media all and (max-width: 850px){
	#labor3 .labor_wrap{flex-direction: column-reverse;}
	#labor3 .labor_ect{width: 100%; margin-bottom: 50px;}
	#labor3 .labor_top{width: 100%;}
	#labor3 .labor3_ver .box_wrap{justify-content: flex-start; gap:25px 3%;}
	#labor3 .labor3_ver .box{width: 31.3%;}
}
@media all and (max-width: 768px){
	#labor3 .labor_bg .text{padding: 20px 15px;}
	#labor3 .labor_bg .text{width: 100% !important;}
}
@media all and (max-width: 650px){
	#labor3 .labor3_ver .box{width: 48.5%;}
}

.root_daum_roughmap .cont .section{display: none;}

/* 페이지 네비, 게시판 등 */
#bo_gall .is_notice{border-radius: 30px;}
.quick_banner{z-index: 99; right: 120px; bottom: 20px; position: fixed;animation: quickBounce .8s infinite alternate;}

#top_btn{width: 65px; height: 65px;border: none; background: #fff; border-radius: 50%;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); transition: 0.3s all;}
#top_btn span{font-size: 14px; font-weight: bold;}
#top_btn:hover{background: #eee; color: #000;}
.in_top{width: 65px; height: 65px;border: none; background: #fff; border-radius: 50%;box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2); transition: 0.3s all; display: block; text-align: center; line-height: 45px; font-size: 14px; font-weight: bold; text-transform: uppercase;}
.in_top:hover{background: #eee; color: #000;}

.floating_menu {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: var(--color);
  position: fixed;
  bottom: 72px;
  z-index: 99;
}

.floating_menu input {
  display: none;
}

.floating_menu > .floating_plus {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  font-size: 20px;
  color: #fff;
  background: var(--color);
  border-radius: 50%;
  transform: rotate(135deg); /* 펼친 상태의 + 회전 */
  transition: all 0.5s ease;
  pointer-events: none;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
}

.floating_menu > .floating_plus i {
  line-height: normal !important;
}

.floating_menu > .floating_nav {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.floating_nav li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 165px;
  height: 65px;
  border-radius: 5%;
  background: #fff;
  cursor: pointer;
  position: absolute;
  transition: all 0.5s ease;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
  opacity: 1; /* 항상 보이도록 */
}
.floating_nav li img{
  display: flex;
  justify-content: left;
  align-items: left;
  width: 45px;
  height: 45px;
  border-radius: 5%;
  background: #fff;
  cursor: pointer;
  position: absolute;
  transition: all 0.5s ease;
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
  opacity: 1; /* 항상 보이도록 */
}
.floating_nav li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
}

.floating_nav li a p {
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
  line-height: 1.2;
}
.floating_nav li.naver_item a {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.floating_nav li.naver_item img {
  position: static; /* 기존 position: absolute 제거 */
  width: 32px;
  height: 32px;
  border-radius: 5%;
  box-shadow: none;
}

.floating_nav li.naver_item p {
  margin: 0;
  font-size: 14px;
  text-align: left;
}

/* 항상 펼쳐진 상태 위치 지정 */
.floating_menu.always-open .floating_nav li:nth-child(1) {
  transform: translateY(-70px);
}

.floating_menu.always-open .floating_nav li:nth-child(2) {
  transform: translateY(-140px);
}

.floating_menu.always-open .floating_nav li:nth-child(3) {
  transform: translateY(-210px);
}
@media (max-width: 768px) {
  .floating_menu,
  .floating_menu > .floating_plus,
  .floating_nav li {
    width: 40px;
    height: 40px;
  }

  .floating_menu > .floating_plus {
    font-size: 16px;
  }

  .floating_menu > .floating_nav li a i {
    font-size: 18px;
  }

  .floating_menu > .floating_nav li a i.ri-kakao-talk-fill {
    font-size: 22px;
    margin-top: 2px;
  }
  .in_top{width: 40px; height: 40px;}

  /* 버튼 간 거리 조정 (축소) */
  .floating_menu.always-open .floating_nav li:nth-child(1) {
    transform: translateY(-45px);
  }

  .floating_menu.always-open .floating_nav li:nth-child(2) {
    transform: translateY(-90px);
  }

  .floating_menu.always-open .floating_nav li:nth-child(3) {
    transform: translateY(-135px);
  }
}
/* 모바일 최적화 */
@media all and (max-width: 650px) {
  .quick_banner {
    right: 30px;
    bottom: 20px;
    position: fixed;
    z-index: 99;
  }

  .floating_menu {
    width: 50px;
    height: 50px;
    right: 0;
    left: auto;
    bottom: 70px;
    position: fixed;
    z-index: 99;
  }

  .floating_menu > .floating_plus {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }

  .floating_nav li {
    width: 110px;
    height: 50px;
  }

  .floating_nav li img {
    width: 30px;
    height: 30px;
    position: static;
    box-shadow: none;
  }

  .floating_nav li a {
    flex-direction: row;
    gap: 6px;
    justify-content: flex-start;
    padding-left: 8px;
  }

  .floating_nav li a p {
    font-size: 12px;
    margin: 0;
    line-height: 1.1;
    text-align: left;
  }

  .floating_nav li.naver_item p {
    font-size: 12px;
  }

  .floating_nav li.naver_item img {
    width: 28px;
    height: 28px;
  }

  .floating_nav li a i {
    font-size: 20px;
    margin-right: 6px;
  }

  .floating_menu.always-open .floating_nav li:nth-child(1) {
    transform: translateY(-55px);
  }

  .floating_menu.always-open .floating_nav li:nth-child(2) {
    transform: translateY(-110px);
  }

  .floating_menu.always-open .floating_nav li:nth-child(3) {
    transform: translateY(-165px);
  }

  .in_top {
    width: 40px;
    height: 40px;
    font-size: 10px;
    line-height: 38px;
    right: 0;
    left: auto;
    bottom: 10px;
    position: fixed;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    border-radius: 50%;
  }
}
/* 퀵메뉴 바운스 효과 */
 @keyframes quickBounce {from {transform: translateY(0px);}to {transform: translateY(-15px);  }}
@keyframes quickBounce2 {0%,80%,100% {-webkit-transform: scale(0);	transform: scale(0);}
40% {-webkit-transform: scale(1.0);	transform: scale(1.0);}} */

.pg_wrap{margin-top: 60px; display: flex; justify-content: center; width: 100%;}
.pg_wrap .pg{display: flex;}
.pg_page{width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background-color: none; border: 1px solid #ccc;}
.pg_current{border: 1px solid #8e8e8e; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; background: none;}

@media all and (max-width: 1400px) {
:root{
	--fs40: 3.4rem;
	--fs32: 2.8rem;
	--fs26: 2.3rem;
}
}
/* 갤러리 */
@media all and (max-width: 1024px) {
html{font-size: 55% !important;}
.gall_row .col-gn-4{width: 33.33333%;}
.gall_row .col-gn-5{width: 25%;}
}

@media all and (max-width: 850px) {
.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5{width: 50%;}
#bo_cate li{width: 25%; margin-bottom: 10px;}
#bo_cate ul{flex-wrap: wrap;}
}

@media all and (max-width: 600px) {
.gall_row .col-gn-4, .gall_row .col-gn-3, .gall_row .col-gn-5, .gall_row .col-gn-2{width: 100%;}
}


/* 공통 반응형 */
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
	.main_title h2{font-size: var(--fs18);}
}
@media all and (max-width: 900px){}
@media all and (max-width: 768px){}
@media all and (max-width: 650px){}

/*  */
.card_section {
  padding: 80px 20px;
  background-color: #fff;
  font-family: 'Pretendard', sans-serif;
}

.card_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 2개씩 */
  gap: 30px;
  max-width: 1400px;
  margin: 0 auto;
}

.info_card {
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out; /* 부드러운 전환 */
  cursor: pointer;
  
}

.info_card:hover {
  transform: translateY(-8px) scale(1.02); /* 살짝 위로 + 확대 */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35); /* 강조된 그림자 */
}

.info_card:hover .card_title {
  color: #1a75cf; /* 제목 색상 강조 */
 
}

.info_card:hover .card_subtitle {
  color: #0d47a1; /* 부제 색상 진하게 */
}

.card_img img {
  width: 100%;
  height: auto;
  display: block;
  padding:10px;
}

.card_text {
  padding: 20px;
}

.card_subtitle {
  color: #1a75cf;
  font-size: 14px;
  margin-bottom: 4px;
}

.card_title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
   text-align: center;
}

.card_text hr {
  margin: 10px 0;
  border: none;
  border-top: 1px solid #ccc;
}

.card_text ul {
  padding-left: 20px;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}



/* 📱 반응형 (모바일: 1열) */
@media screen and (max-width: 768px) {
 .card_container {
    grid-template-columns: 1fr 1fr;
  }
}

.treatment_section {
  padding: 60px 20px;
  font-family: 'Pretendard', sans-serif;
}

.treatment_wrapper {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
}

.treatment_list {
  flex: 1;
  min-width: 300px;
}

.treatment_list h3 {
  font-size: 50px;
  font-weight: 900;
  color: #fff;
}

.treatment_list h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom:15px;
  padding-left:5px;
}

.treatment_list .blue {
  color: #0079c1;
  font-size: 32px;
  font-weight: bold;
  p-bottom:15px;
}

.treatment_list ul {
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.treatment_list li {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.treatment_list label {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
  border-radius: 12px;
  cursor: pointer;
  background-color: #f0f0f0;
  transition: background 0.3s;
  font-size: 26px;
  font-weight: 500;
  color: #333;
}
@media (max-width: 1024px) {
 .treatment_list label{
 padding: 5px;
 font-size: 16px;
  }
  }

.treatment_list label span {
  background-color: #ddd;
  border-radius: 20px;
  font-size: 22px;
  font-weight: bold;
  padding: 15px;
  margin-right: 12px;
  color: #444;
  transition: background 0.3s, color 0.3s;
}
@media (max-width: 1024px) {
 .treatment_list label span{
 padding: 5px;
 font-size: 16px;
  }
  }

/* 선택된 label 전체 강조 */
#treat1:checked ~ .treatment_list ul li:nth-child(1) label,
#treat2:checked ~ .treatment_list ul li:nth-child(2) label,
#treat3:checked ~ .treatment_list ul li:nth-child(3) label,
#treat4:checked ~ .treatment_list ul li:nth-child(4) label {
  background-color: #f9e09a;
  color: #fff;
}

#treat1:checked ~ .treatment_list ul li:nth-child(1) label span,
#treat2:checked ~ .treatment_list ul li:nth-child(2) label span,
#treat3:checked ~ .treatment_list ul li:nth-child(3) label span,
#treat4:checked ~ .treatment_list ul li:nth-child(4) label span {
  background-color: #fff;
  color: #f9e09a;
}

.treatment_image {
  flex: 1.5;
  min-width: 300px;
  text-align: center;
  position: relative;
}

.treatment_image img {
  max-width: 100%;
  border-radius: 12px;
  transition: 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.tags {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
  padding: 10px;
  border-radius: 12px;
  
}

.tags span {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 6px 14px;
  margin: 5px 10px 0 0;
  font-size: 22px;
  color: #333;
  background-color: #fff;
}
@media (max-width: 1024px) {
.tags span{
display: none;
  }
  }
.img {
  display: none;
  width: 100%;
  height: 550px;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  position: relative;
}

.img1 { background-image: url('../img/active1.jpg'); }
.img2 { background-image: url('../img/active2.jpg'); }
.img3 { background-image: url('../img/active3.jpg'); }
.img4 { background-image: url('../img/active4.jpg'); }
@media (max-width: 1024px) {
 .img{
 height: 250px;
  }
  }
#treat1:checked ~ .treatment_image .img1,
#treat2:checked ~ .treatment_image .img2,
#treat3:checked ~ .treatment_image .img3,
#treat4:checked ~ .treatment_image .img4 {
  display: block;
  animation: fadein 0.5s ease-in-out;
}

@keyframes fadein {
  from { opacity: 0; transform: scale(1.02); }
  to   { opacity: 1; transform: scale(1); }
}


/*치료후기*/
    .slider-grid {
	 max-width: 1400px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      padding: 20px;
    }
    .slider-container {
      flex: 1 1 45%;
      min-width: 300px;
      max-width: 800px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .comparison {
      position: relative;
      width: 100%;
      overflow: hidden;
      aspect-ratio: 2 / 1;
    }
    .comparison img {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      object-fit: cover;
    }
    .comparison .after {
      clip-path: inset(0 50% 0 0);
      transition: clip-path 0.3s ease;
    }
    .slider-wrapper {
      position: relative;
      width: 100%;
      margin-top: 10px;
    }
	.slider {
      width: 100%;
      appearance: none;
      height: 4px;
      border-radius: 2px;
      background: #ccc;
      /*background-image: linear-gradient(to right, #007bff 50%, #ccc 50%);*/
      background-size: 100% 100%;
      background-repeat: no-repeat;
      position: relative;
      z-index: 2;
    }
	
    .slider::-webkit-slider-thumb {
      appearance: none;
      width: 30px;
      height: 30px;
      background: url('../img/bna_arrow.png') no-repeat center center;
      background-size: contain;
      border: none;
      cursor: pointer;
      margin-top: -0px;
    }
    .slider::-moz-range-thumb {
      width: 30px;
      height: 30px;
      background: url('../img/bna_arrow.png') no-repeat center center;
      background-size: contain;
      border: none;
      cursor: pointer;
    }
    .labels {
      font-size: 22px;
      margin-top: 15px;
      color: #fff;
    }
    .labels span {
      display: inline-block;
    }
    .labels.two-texts {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }
    .labels.single-text {
      text-align: center;
      width: 100%;
    }
    @media (max-width: 768px) {
      .labels {
        font-size: 18px;
      }
    }
	
	
	
	/*장비소개*/
	 .equipment-section {
      max-width: 1400px;
      margin: 0 auto;
      padding: 40px 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
    }
    .equipment-info {
      flex: 1 1 400px;
    }
    .equipment-info h2 {
      font-size: 28px;
      margin: 0;
      line-height: 1.4;
    }
    .equipment-info h2 strong {
      color: #007bff;
    }
    .equipment-info p {
      color: #666;
      margin-top: 16px;
    }
    .equipment-display {
      flex: 1 1 700px;
    }
    .main-display {
      border-radius: 20px;
      background: #f7f7f7;
      padding: 30px;
      text-align: center;
    }
    .main-display h3 {
      font-size: 20px;
      margin-bottom: 10px;
      color: #007bff;
    }
    .main-display img {
      max-width: 100%;
      height: auto;
    }
    .main-display p {
      background: #007bff;
      color: #fff;
      padding: 10px;
      border-radius: 10px;
      margin-top: 10px;
    }
    .thumbnail-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 20px;
      overflow-x: auto;
    }
    .thumbnail {
      flex: 0 0 auto;
      width: 80px;
      height: 80px;
      border-radius: 10px;
      overflow: hidden;
      opacity: 0.4;
      cursor: pointer;
      transition: 0.3s;
    }
    .thumbnail.active {
      opacity: 1;
    }
    .thumbnail img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .arrow-btn {
      background: #ccc;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      font-size: 20px;
      cursor: pointer;
    }
    .arrow-btn.active {
      background: #007bff;
      color: #fff;
    }
    @media (max-width: 768px) {
      .equipment-section {
        flex-direction: column;
      }
    }
	
	
	/*5시작*/
/* 슬라이더 컨테이너 */
.custom-slider-container {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;  /* 다시 hidden 설정 */
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* 슬라이드 전체 래퍼 */
.custom-slider-wrapper {
  display: flex;
  flex-wrap: nowrap; /* 중요: 수직 나열 방지 */
  transition: transform 0.4s ease-in-out;
}

/* 개별 슬라이드 */
.custom-slider-slide {
  flex: 0 0 100%;  /* 한 슬라이드가 전체 너비 차지 */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;  /* 필요시 조정 가능 */
}

/* 이미지 */
.custom-slider-slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0;
}

/* 좌우 버튼 */
.custom-slider-button {
  position: absolute;
  top: 10%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  background-color: #fff;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  cursor: pointer;
  z-index: 10;
  font-size: 24px;
  color: #0074a6;
}

/* 버튼 바깥으로 빼기 */
.custom-slider-prev {
  left: 10px;
}

.custom-slider-next {
  right: 10px;
}

@media (max-width: 768px) {
  .custom-slider-button {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .custom-slider-prev {
    left: -10px;
  }

  .custom-slider-next {
    right: -10px;
  }

  .custom-slider-slide {
    flex-direction: column;
    min-height: auto;
  }
}
	
	/*5끝*/
	
	/*병원둘러보기*/
	
.clinic-tour-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
}

.clinic-tour-wrapper {
  display: flex;
  transition: transform 0.4s ease-in-out;
}

.clinic-tour-slide {
  min-width: 100%;
  position: relative;
}

.clinic-tour-slide img {
  width: 100%;
  height: 550px; /* ✅ 원하는 높이로 고정 */
  object-fit: cover; /* ✅ 이미지 비율 유지 + 잘림 허용 */
}

.clinic-tour-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 22px 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  font-size: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.clinic-tour-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #0076a8;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
}

.clinic-tour-prev {
  left: -70px;
}

.clinic-tour-next {
  right: -70px;
}

.clinic-tour-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 15px;
}

.clinic-tour-nav button {
  background: none;
  border: none;
  color: #777;
  font-size: 15px;
  position: relative;
  cursor: pointer;
}

.clinic-tour-nav button.active {
  color: #0076a8;
}

.clinic-tour-nav button.active::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border: 2px solid #0076a8;
  border-radius: 50%;
  background: #fff;
}
	@media screen and (max-width: 468px) {
	.clinic-tour-slide img {
  width: 100%;
  height: 300px; /* ✅ 원하는 높이로 고정 */
  object-fit: cover; /* ✅ 이미지 비율 유지 + 잘림 허용 */
}


}
	/*4번추가*/
	
	.section {
      padding: ;
    }

 
    

    .cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      margin-top: 40px;
    }

    .card {
      position: relative;
      width: 350px;
      height: 450px;
      overflow: hidden;
      border-radius: 10px;
      background-color: #222;
      color: #fff;
      transition: 0.3s ease;
      cursor: pointer;
    }

    .card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.2;
      transition: opacity 0.3s ease;
    }

    .card .content {
      position: absolute;
      bottom: 30px;
      width: 100%;
      padding: 10px;
      transition: 0.3s ease;
    }

    .card .title {
      font-size: 20px;
      font-weight: 700;
      transition: color 0.3s;
    }

    .card .subtitle {
      font-size: 13px;
      color: #ccc;
      transition: color 0.3s;
    }

    .card .description {
      display: none;
      background: #002f6c;
      padding: 15px;
      color: #fff;
      font-size: 16px;
	  line-height:22px;
      margin-top: 10px;
      text-align: center;
      border-radius: 6px;
    }

    .card:hover {
      transform: scale(1.03);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    }

    .card:hover img {
      opacity: 1;
    }

    .card:hover .title {
      color: #ffffff;
    }

    .card:hover .subtitle {
      color: #ffffff;
    }

    .card:hover .description {
      display: block;
    }

    @media (max-width: 768px) {
      .cards {
        flex-direction: column;
        align-items: center;
      }

      .card {
        width: 90%;
      }
    }
	
	
	
	/* 지도+진료안내 섹션 스타일 */
.map_info_wrap {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  flex-wrap: wrap;
  align-items: flex-start; /* ✅ 핵심 수정 */
}

.map_left {
  flex: 1.3;
  min-width: 350px;
}

.map_right {
  flex: 0.4;
  min-width: 300px;
  height: auto;           /* ✅ 핵심 수정 */
  align-self: flex-start; /* ✅ 핵심 수정 */
  background: #fff;
  padding: 40px 30px;
  border-radius: 16px;
  color: #333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 카카오맵 div에도 강제 높이 부여 */
.root_daum_roughmap {
  width: 100% !important;
  height: 100% !important;
}

.map_right h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
}

.map_right p {
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.map_info_wrap {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  flex-wrap: wrap;
  align-items: flex-start; /* ✅ stretch 제거 */
}

/* 반응형 */
@media (max-width: 768px) {
  .map_info_wrap {
    flex-direction: column;
  }

  .map_left, .map_right {
    flex: 100%;
    width: 100%;
  }
}
  .map_right h3 {
    font-size: 22px;
  }

  .map_right p {
    font-size: 16px;
  }
}
.map_right {
  flex: 1;
  min-width: 300px;
  background: #fff;
  padding: 40px 30px;
  border-radius: 16px;
  color: #333;
  font-family: 'Pretendard', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.map_right h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
  border-left: 5px solid #c7a561;
  padding-left: 10px;
}

.clinic-hours {
  list-style: none;
  padding: 0;
  margin: 0;
}

.clinic-hours li {
  margin-bottom: 24px;
}

.clinic-hours li strong {
  display: block;
  font-size: 20px;
  color: #000;
  margin-bottom: 4px;
  font-weight:800;
}

.clinic-hours li span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
  font-weight:800;
}

.clinic-hours li small {
  font-size: 14px;
  color: #666;
}

.closed-note {
  margin-top: 30px;
  font-size: 18px;
  color: #d60000;
  font-weight: 800;
}

.closed-note span {
  color: #d60000;
  font-weight: bold;
}