/* 헤더 */
#header { position: fixed; top: 0px; width:100%; max-width: 100%;z-index: 9; height: 105px; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.2); background-color: #fff; transition: all .3s ease; }
#header.scrolled { background-color: #; } /* 스크롤 후 흰색 배경 설정 */
#header .header-inner { width:100%; height: 100%; }


#header .header-inner .menu { cursor: pointer; text-indent: -9999px; position: absolute; top: 29px; left: 50%; width: 25px; height: 20px; background-image: url(../img/cate_more.gif); margin-left: 200px; border: 0; display: none; }
#header .header-inner .menu.on { background-image: url(../img/cate_close.gif); }
#header .gnb > li, #header #left-side-open { height: 80px; line-height: 80px; transition: all .3s ease; }
#header #left-side-open { position: absolute; right: 0; width: 100px; cursor: pointer; border-left: 1px solid rgba(255, 255, 255, 0.3); text-align: center; display: inline-block; }
#header #left-side-open span { display: inline-block; width: 20px; height: 20px; font-size: 20px; line-height: 1em; margin-top: -10px; margin-left: -10px; position: absolute; top: 50%; left: 50%; color: #fff; }
#header .gnb .snb { list-style: none; display: none; }
#header #logo { margin-top: 33px; padding: 0; }
#header #logo a { display: block; width: 280px; height: auto; line-height: 20px; left:17%; position: absolute; padding: 0 0px;  }
#header #logo img { width: 100%;  }
#header .gnb .snb, .device-md #header .gnb .snb { display: none; position: absolute; right: -82px; width: 200px; top: 80px; border-top: 0; background-color: #000; z-index: 2; }
#header .gnb .snb li { font-size: 14px; line-height: 3.1; text-align: left; border-top: 1px solid #414141; }
#header .gnb .snb li a { color: #FFF; display: block; padding-left: 20px; }
#header .gnb .snb li a:hover { color: #fff; display: block; background-color: #2253b8; text-decoration: none; line-height: 3.1; }
#header .gnb .snb li:first-child { border-top: 0; }

#scroll-progress-bar {
  position: fixed;
  top: 105px; /* 헤더 아래에 위치시키고 싶으면 필요시 top 값을 조절하세요 */
  left: 0px;
  width: 0%;
  height: 4px;
  background-color: #555; /* 파란색 */
  z-index: 5;
  transition: width 0.1s ease-out;
}

@media screen and (max-width: 1580px) {
#header #logo a { display: block; width: 280px; height: auto; line-height: 20px; left:12%; position: absolute; padding: 0 0px;  }
}

@media screen and (max-width: 1280px) {
#header #logo a { display: block; width: 280px; height: auto; line-height: 20px; left:8%; position: absolute; padding: 0 0px;  }
}


@media screen and (max-width: 1024px) {
#header #logo a { display: block; width: 240px; height: auto; line-height: 20px; left:5%; position: absolute; padding: 0 0px;  }

}

@media screen and (max-width: 960px) {

#scroll-progress-bar { top: 80px;  height: 4px; }
}


/* 메인레이아웃*/

.main_wrap { width:100%; padding-top:100px; margin: -30px auto 0 auto;  padding-bottom:0px; background-color: #bbb; position:relative; }
.main_wrap .inner { max-width: 1240px; margin: 0 auto; padding: 70px 12px 100px 12px; background-color: #fff; }
.main_wrap .outer { max-width: 100%; }

@media (max-width: 1024px) { 
.main_wrap { padding-top:90px; }
.main_wrap .inner { padding-bottom: 30px;  }
}

@media (max-width: 650px) { 

}

.alllatest_wrap { width:100%; padding-top:0px; padding-bottom:0px; background-color: #bbb; position:relative; }
.alllatest_wrap .inner { max-width: 1240px; margin: 0 auto; padding: 70px 12px; background-color: #fff}

@media (max-width: 1024px) { 
.alllatest_wrap .inner{ padding-bottom: 30px;  }
}

@media (max-width: 650px) { 
.alllatest_wrap .inner { padding-top:0px; }
}

.latestview_wrap { width:100%;   margin: 0 auto; padding-bottom:0px; background-color: #bbb; position:relative; }
.latestview_wrap .inner {  max-width: 1240px; margin: 0 auto; padding: 80px 12px; background-color: #fff; }

@media (max-width: 650px) { 
.latestview_wrap .inner { padding-top:30px; }
}


.gallery-divider { width: 100%; margin: 0 auto 70px auto; height: 1px; max-width:1160px; background-color: #ccc;  }




/*한영버튼*/


.lang-switch { position: absolute; top: 45px; right: 70px; z-index: 1004; display: flex; border: 1px solid #ccc; border-radius: 16px; overflow: hidden; background-color: #fff;  }
.lang-btn { flex: 1; padding: 6px 13px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; color: #333; background-color: #fff; transition: background 0.1s, color 0.1s; }
.lang-btn:hover { background-color: #000; color: #fff; }


.lang-switch1 { position: absolute; top: 134px; left: 37px; z-index: 1004; display: flex; border: 1px solid #ccc; border-radius: 16px; overflow: hidden; background-color: #fff;  }
.lang-btn { flex: 1; padding: 6px 13px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; color: #333; background-color: #fff; transition: background 0.1s, color 0.1s; }
.lang-btn:hover { background-color: #000; color: #fff; }

@media screen and (max-width: 1280px) {
  .lang-switch { top: 50px; right: 40px; }
}

@media screen and (max-width: 1024px) {
  .lang-switch { top: 45px; right: 30px; }
}

@media screen and (max-width: 960px) {
  .lang-switch { top: 30px; right: 20px; }
}

@media screen and (max-width: 600px) {
  .lang-switch { top: 28px; right: 15px; }
.lang-btn { flex: 1; padding: 4px 8px; text-align: center; font-size: 12px; font-weight: bold; text-decoration: none; color: #333; background-color: #fff; transition: background 0.3s, color 0.3s; }
}

@media screen and (max-width: 600px) {
  .lang-switch { top: 33px; right: 13px; }
}

/*검색 박스*/

#header .sch_btn{position:absolute; top:50px; right:70px;z-index:1004;}
#header .close_btn{position:absolute; top:50px; right:70px;z-index:1004;}
#header .hd_sch_wr { z-index: 1004; width:100%; height:350px; overflow:hidden; margin:0 auto; background:#fff; display:none; position:absolute; left:-60px; top:0; z-index:1003; box-shadow:0 4px 6px -4px rgba(0,0,0,0.2); padding:0; float:none; border-radius:0 !important; }
#header .hd_sch_wr #sch_logo a{ display: block; width: 140px; height: auto; line-height: 20px; top:80px; left:45%; position: absolute; padding: 0 0px; }
#header .hd_sch_wr #sch_logo img { width: 100%;  }
#header .hd_sch_wr .wrap { margin-top:180px; margin-left:-60px; padding:0 0; }
#header #hd_sch h3 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#header #hd_sch { overflow:hidden; text-align:center; border-radius:0 !important; }
#header #hd_sch #sch_stx { float:none; display:inline-block; color:#333; font-size: 16px; font-weight:400; width:700px; max-width:70%; height:40px; text-indent:10px; background:#fff; border:none; border-bottom:1px solid #ddd; box-sizing:border-box; border-radius:0 !important; }
#header #hd_sch #sch_submit { float:none; display:inline-block; width:60px; height:30px; margin-top:10px; margin-left:15px; padding:0 5px; border:0; border-radius:6px !important; background-color:#1d83ff; color:#fff; cursor:pointer; font-size:14px; }
#header #hd_sch legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#header #hd_sch .sound_only { display:inline-block; position:absolute; top:0; left:0; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; border:0; overflow:hidden; }
#header .hd_sch_wr .close-btn button { border:none; position:absolute; top:47px; right:80px; }
#header #hd_sch #sch_stx:focus {
  border: 0px !important; /* 원하는 색상과 두께 */
  border-bottom: 1px solid #555 !important; /* 원하는 색상과 두께 */
  box-shadow: 0 2px 0 #ddd !important; /* 선택 사항: 아래쪽에 강조 효과 */
}


@media screen and (max-width: 960px) {
    #header { display: block; background-color: transparent; top: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.4);  background-color: #fff;  position: fixed; height: 80px; }
    #header.scrolled { background-color: #fff; opacity: 0.82; }
    #header #logo { display: block; position: absolute; top:-7px; left: 36%;  }
	#header #logo a { display: block; width: 220px; height: auto; line-height: 30px;   }
    #header #logo img { width: 100%; }
    #header .gnb { display: none; }
#header .sch_btn{position:absolute; top:34px; right:20px;z-index:1004;}
#header .close_btn{position:absolute; top:34px; right:20px;z-index:1004;}
#header #hd_sch #sch_stx {font-size: 15px;  max-width:60%; height:40px; text-indent:5px;  }
#header .hd_sch_wr #sch_logo a{ display: block; width: 120px; height: auto; line-height: 20px; top:80px; left:40%; }

}


@media screen and (max-width: 570px) {
    #header #logo { display: block; position: absolute; top: -7px; left: 25%;  }
#header .hd_sch_wr {  height:240px;}
#header .hd_sch_wr .wrap { margin-top:150px; margin-left:-20px; padding:0 0; }
#header #hd_sch #sch_stx {font-size: 15px;  width:62%; height:38px; text-indent:5px;  }
#header #hd_sch #sch_submit { width:60px; height:28px;}

}

@media screen and (max-width: 450px) {
    #header #logo { display: block; position: absolute; top: -6px; left: 20.5%;  }
		#header #logo a { display: block; width: 205px; height: auto; line-height: 30px;   }
    #header #logo img { width: 100%; }
#header .hd_sch_wr #sch_logo a{ display: block; width: 120px; height: auto; line-height: 20px; top:70px; left:35%; }
#header .sch_btn{position:absolute; top:33px; right:15px;z-index:1004;}
#header .close_btn{position:absolute; top:33px; right:15px;z-index:1004;}
#header #hd_sch #sch_submit { margin-right:-15px; font-size:12px;}
}

#custom-slide-button {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  left: 80px;
  top: 45px;
  width: 22px;
  height: 28px;
  background-color: transparent;
  cursor: pointer;
  z-index: 999;
  border: none;
  padding: 5px 0;
}

#custom-slide-button .bar {
  width: 100%;
  height: 2px;
  background-color: #555;
  transition: all 0.3s ease;
  border-radius: 0px;
}

#custom-slide-button .x-icon { display: none; position: fixed; left: 200px; top: 40px; font-size: 24px; color: #555; line-height: 1; z-index: 1000; }

/* on 클래스가 붙었을 때 상태 */
#custom-slide-button.on .bar {
  display: none;
}

#custom-slide-button.on .x-icon {
  display: block;
}

@media screen and (max-width: 1280px) {
#custom-slide-button { left: 40px; top: 45px;}
}


@media screen and (max-width: 1024px) {
#custom-slide-button { left: 20px; top: 35px;}
}

/* 960px 이하에서 버튼 표시 */
@media screen and (max-width: 960px) {
  #custom-slide-button {
  left: 33px;
  top: 33px;
  width: 22px;
  height: 28px;
  padding: 6px 0;
  }
}

@media screen and (max-width: 450px) {
  #custom-slide-button {
  left: 26px;
  top: 30px;
  width: 22px;
  height: 28px;
  padding: 6px 0;
  }
}


/*모바일 왼쪽 메뉴*/

#rs-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* 검은색 반투명 */
    z-index:1004; /* left-side보다 낮게 (left-side는 1000) */
    display: none; /* 기본은 숨김 */
    transition: opacity 0.3s ease;
}

#rs-overlay1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5); /* 검은색 반투명 */
    z-index:1002; /* left-side보다 낮게 (left-side는 1000) */
    display: none; /* 기본은 숨김 */
    transition: opacity 0.3s ease;
}

/* 메인비주얼 */
.ist_sc {position: relative;}
.main-carousel { padding: 0; display: block; height:1200px; background-color: #f3f2f0; position: relative; }
.scale-container {
    transform-origin: top left;
    width: 100%;
    height: calc(100vh - 50px); /* 고정된 레이아웃을 위해 vh 단위 보정 */
    min-height: 1200px;
    position: relative;
    will-change: transform; /* 트랜스폼 최적화 */
    transform: translateZ(0); /* 하드웨어 가속 강제 */
}


/* 뉴스레터*/
.news_btn { position: absolute; top: 42px; right: 80px; z-index: 100; display: inline-block; width: 160px; line-height: 42px; text-align: center; background: url('/theme/drpark/img/png/cloud_back.png') no-repeat center center; background-size: contain; color: #1d83ff !important; font-size: 12px; text-decoration: none; transition: background 0.2s ease, color 0.2s ease; } 
.news_btn:hover { background: url('/theme/drpark/img/png/cloud_back_ov.png') no-repeat center center; background-size: contain; color: #ffffff !important; } 

#rs-overlay2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 9998; } 

#newsletter-popup { position: fixed; width: 500px; height: 500px; max-width:98%; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; padding: 30px; overflow-y: auto; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } 
.N_container img { display: block; margin-bottom:10px; max-width: 60%; width:140px; height: auto; } 
.N_container h1 { font-size: 15px;  font-family: 'Pretendard Variable'; font-weight:600; text-align: left; margin-bottom: 35px; line-height: 1.3; } 
.form_set { margin-bottom: 20px; } 
.form_set label { display: block; margin-bottom: 6px;  font-size: 14px;  font-family: 'Pretendard Variable'; font-weight:600; } 
.form_set input { width: 100%; padding: 7px; border: 1px solid #ccc; border-radius: 4px; } 
.asterisk { color: red; margin-left: 4px; } 
.form_policy { margin-bottom: 15px; font-size: 14px; } 
.policy_open_btn { background: none; border: none; color: #1d83ff; cursor: pointer; text-decoration: underline; padding: 0; margin: 0 5px; } 
.policy_text { background: #f9f9f9; border: 1px solid #ddd; padding: 15px; border-radius: 5px; margin-top: 10px; } 
.policy_text h2 { font-size: 15px; margin-bottom: 10px; } 
.policy_text p { font-size: 13px; line-height: 1.4; } 
.policy_close_btn { margin-top: 10px; padding: 6px 12px; border: none; background: #1d83ff; color: #fff; border-radius: 4px; cursor: pointer; } 
.form_set_submit {  }
.submit_button { margin-top: 15px; width: 100%; padding: 12px; background-color: #1d83ff; border: none; color: #fff; font-size: 16px; border-radius: 5px; cursor: pointer; }
/* 뉴스레터*/

@media screen and (max-width: 960px) {
.news_btn { position: absolute; top: 30px; right: 20px; z-index: 100; display: inline-block; width: 160px; line-height: 35px;}
}
@media screen and (max-width: 570px) {
.news_btn { position: absolute; top: 33px; right: 7px; z-index: 100; display: inline-block; width: 160px; line-height: 30px;font-size: 10px; }
}

@media screen and (max-width: 450px) {
.news_btn { position: absolute; top: 7px; right: -40px; z-index: 100; display: inline-block; width: 160px; line-height: 26px;font-size: 8px; }

}



/* 왼쪽 메뉴*/
#left-side {background-color:#fff; opacity: 1.0; position:fixed; z-index:1008; border-top-right-radius: 0px;  border:0px solid #555; 
top:0px;left:-330px; max-width:310px; width:100%; height:100%; color:#FFF; padding:20px;
-webkit-transition: left .3s ease;-moz-transition: left .3s ease;-ms-transition: left .3s ease;-o-transition: left .3s ease;transition: left .3s ease; box-sizing:border-box; overflow:hidden; box-shadow: 5px 0 10px rgba(0, 0, 0, 0.2);
 ;}


#left-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; height:5.0em; line-height:5em; border-radius:0px; margin-top:10px; padding: 0;}
#left-side #btn-close-left-side {position:absolute;top:20px;left:0;color:#fff;width:60px;text-align:center;line-height:40px; font-size:15px; cursor:pointer}
#left-side #btn-close-left-side .fa.fa-times { font-size:15px; padding-top:20px}
.left-side-on #left-side {left:0;}
.left-side-on #wrapper { left:-290px; }
/*.left-side-on #header { left:-300px; }*/
.left-side-on #rs-overlay {display:block;}

.side_gnb{position:relative;width:100%;float:left;padding-top:20px;}
.side_gnb p{color:#fff; text-align:center; padding:24px }
.side_gnb .menu-list>li {
    opacity: 0; /* 처음에는 보이지 않도록 설정 */
    transform: translateX(100%); /* 처음에는 왼쪽으로 밀려있도록 설정 */
    transition: transform 0.5s ease, opacity 0.5s ease; /* 슬라이딩 애니메이션과 투명도 전환 */
}

.side_gnb .menu-list>li.slide-in {
    opacity: 1; /* 슬라이드된 후에 보이도록 설정 */
    transform: translateX(0); /* 원래 위치로 슬라이딩 */
}

.side_gnb .menu-list{display:block;position:relative;border-bottom:0px solid #555; margin-top:150px}
.side_gnb .menu-list>li>a{display:block;position:relative;font-size: 18px;padding-left:18px;  line-height:1.6;  font-weight: 400; color: #000; text-align: left; margin-bottom: 10px; z-index: 5; border-top:0px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);left:1.5em;width:5.31%;max-width:32px;border:px solid #ddd;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-1{font-weight : 400;}
.side_gnb .depth-2{display:none; padding-bottom:20px; }
.side_gnb .depth-2>li { background-color:#fff}
.side_gnb .depth-2>li>a{display:block;color:#777; font-size:1.0em;line-height:2.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; }

.side_cloud01-image{  position: absolute; left: 50px; top: 110px; z-index: 12; width: 25px;}




@media screen and (max-width: 640px) {
    .side_gnb .depth-2>li>a { font-size:16px}
}



/* information 스타일 */
#gallery { width: 100%; margin-bottom: 0px; /*background: linear-gradient(to bottom, rgba(169, 122, 255, 0.45), transparent); background-size: 100% 90%;*/ background:#fff; background-repeat: repeat; padding-top: 20px; padding-bottom:0px; position: relative; }
#gallery .gallery-inner { display: flex; flex-wrap: wrap; }
#gallery .gallery-left, #gallery .gallery-right { box-sizing: border-box; padding: 0; }
#gallery .gallery-left { flex: 0 0 54%; max-width: 54%; }
#gallery .gallery-right { flex: 0 0 46%; max-width: 46%;  }
.gallery-left-inner, .gallery-right-inner { padding: 0 30px;  }


#gallery .gallery-header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 0px; }
#gallery .gallery-right .gallery-header .title { font-family: 'Pretendard Variable'; letter-spacing:-0.5px; font-weight: 800; font-size: 34px; color: #266761; margin-bottom: 5px; /*background-color: #c9ff06;  선택 시 배경색 */ }
#gallery .gallery-right p { font-size: 24px; line-height: 1.6;font-weight: 600; color: #666; margin-bottom: 40px;  word-break: keep-all;}
#gallery .overlay-container { position: relative; }
#gallery .overlay-container img { width: 100%; margin-top: 5px; border-radius: 12px; display: block; /*border-right: 3px dotted rgba(0, 0, 0, 0.5);*/ }
#gallery .overlay-text { position: absolute; bottom: 58px; left: 50%; transform: translateX(-50%); width: 90%; font-family: 'Georgia'; word-break: keep-all;font-style: italic; color: #fff; font-size: 22px; text-align: center; line-height: 1.8; background: rgba(0, 0, 0, 0.4); padding: 12px 16px; border-radius: 5px; pointer-events: none; }
#gallery .overlay-text_k { position: absolute; bottom: 58px; left: 50%; transform: translateX(-50%); width: 90%; font-family: 'BookkMyungjo'; word-break: keep-all;font-style: italic; color: #fff; font-size: 22px; text-align: center; line-height: 1.8; background: rgba(0, 0, 0, 0.4); padding: 12px 16px; border-radius: 5px; pointer-events: none; }

#gallery .gallery-header .more-btn { margin-top: 20px; }
#gallery .gallery-header .more-btn a { font-size: 14px; color: #333; font-weight: 500; text-decoration: none; }
#gallery .more_btn { display: inline-block; background: #fff; margin: 5px 1px; padding: 3px 9px; border: 1px solid #646873; border-radius: 6px; font-size: 14px; transition: all 0.3s; }
#gallery .more_btn:hover { background: #646873; color: #fff; }

.right-content {font-family:'Pretendard Variable'; color: #333; line-height: 1.8; }
.right-content .position { font-size: 26px; font-weight: 600; font-weight: 500; margin-bottom: 20px;  }
.clinic-block { margin-bottom: 30px; padding: 48px 30px; border: 1px solid #ddd; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  }
.clinic-name { font-size: 24px; font-weight: 700; margin-bottom: 15px; color: #1a1a1a; }
.clinic-schedule { list-style: none; padding: 2px; margin: 0 0 15px 0; }
.clinic-schedule li { font-size: 20px; font-family:'Pretendard Variable'; font-weight: 600; line-height:2.15; padding-left: 1.2em; text-indent: -0.8em; position: relative; }
.clinic-schedule_k li { font-size: 21px; font-family:'Pretendard Variable'; font-weight: 600; line-height:2.05; padding-left: 1.2em; text-indent: -0.8em; position: relative; }
.clinic-schedule li::before { content: "•"; color: #000; font-weight: bold; margin-right: 8px; }
.clinic-schedule_k li::before { content: "•"; color: #000; font-weight: bold; margin-right: 8px; }
.jul { display:none;}
.note { font-size: 16px; color: #666; }
.clinic-contact { margin: 16px 0; display: flex; flex-wrap: wrap; gap: 10px; }
.clinic-link { font-size: 22px; font-weight: 600; margin: 8px; color: #fff; background-color: #a79761; padding: 13px 20px; border-radius: 15px; text-decoration: none; display: inline-block; transition: background-color 0.3s; }
.clinic-link:hover { background-color: #776937; text-decoration: none; }
.clinic-link1 { font-size: 16px; font-weight: 600; margin: 3px; color: #fff; background-color: #444; padding: 8px 12px; border-radius: 15px; text-decoration: none; display: inline-block; transition: background-color 0.3s; }
.clinic-link1:hover { background-color: #000; text-decoration: none; }
.clinic-link2 { font-size: 21px; font-weight: 600; margin: 7px; color: #fff; width:100%; text-align:center; background-color: #2f9389; padding: 10px 20px; border-radius: 20px; text-decoration: none; display: inline-block; transition: background-color 0.3s; }
.clinic-link2:hover { background-color: #1e5550; text-decoration: none; }
.clinic-link2_k { font-size: 21px; font-weight: 600; margin: 7px; color: #fff; width:100%; text-align:center; background-color: #2f9389; padding: 10px 20px; border-radius: 20px; text-decoration: none; display: inline-block; transition: background-color 0.3s; }
.clinic-link2_k:hover { background-color: #1e5550; text-decoration: none; }

@media (max-width: 1280px) {
  #gallery .gallery-left, #gallery .gallery-right { padding: 0 30px; }
  #gallery .gallery-right p { font-size: 20px; margin-bottom: 15px;  }
  .gallery-left-inner, .gallery-right-inner { padding: 0 20px; }
  .right-content .position { font-size: 22px; }
  .clinic-block { padding: 30px; }
  .clinic-schedule li { font-size: 18px; line-height:1.76; padding-left: 1em; text-indent: -1.2em; position: relative; }
  .clinic-schedule_k li { font-size: 18px; line-height:1.76; padding-left: 1em; text-indent: -1.2em; position: relative; }
}

@media (max-width: 1120px) {
  #gallery .gallery-left, #gallery .gallery-right { flex: 0 0 50%; max-width: 50%; }
  .clinic-name { font-size: 18px; }
  .clinic-link2 { font-size: 18px;  }
  .clinic-link2_k { font-size: 18px;  }
}

@media (max-width: 1024px) {
  #gallery .gallery-left { flex: 0 0 46%; max-width: 46%; }
  #gallery .gallery-right { flex: 0 0 54%; max-width: 54%; }
  #gallery .gallery-left, #gallery .gallery-right { padding: 0 20px; }
  .gallery-left-inner, .gallery-right-inner { padding: 0 16px; }
  .clinic-block { padding: 25px; }
  .right-content .position { font-size: 20px; }
}

@media (max-width: 960px) {
  #gallery .gallery-left, #gallery .gallery-right { flex: 0 0 100%; max-width: 100%; padding: 0 20px; }
  .gallery-left-inner, .gallery-right-inner { padding: 0 16px; }
  .clinic-block { margin-top: 20px; }
  #gallery .gallery-header { margin-top: 30px;}
}

@media (max-width: 650px) {
  #gallery { width: 105.5%;padding-top: 30px; margin-top:-30px; margin-left:-15px; margin-right:-15px; position: relative; }
  #gallery .overlay-text { font-size: 16px; padding: 8px 10px; margin-bottom:20px;  }
  #gallery .overlay-text_k { font-size: 16px; padding: 8px 10px; margin-bottom:0px;  }
  #gallery .gallery-right .gallery-header .title { font-size: 24px; margin-top:15px; margin-left:10px;}
  #gallery .gallery-right p { font-size: 18px; margin-left:10px; }
  .gallery-left-inner, .gallery-right-inner { padding: 0 0px; }
  .clinic-block { padding: 20px; }
  .right-content .position { font-size: 18px; margin-bottom: 12px; }
  .clinic-name { font-size: 16px; }
  .clinic-schedule li { font-size: 17px; }
  .clinic-schedule_k li { font-size: 18px; }
  .clinic-link2 { font-size: 18px; margin-left:-8px; width:105%; }
  .clinic-link2_k { font-size: 18px; margin-left:-8px; width:105%; }
}

@media (max-width: 450px) {
  #gallery { width: 108%; margin-left:-15px; margin-right:-16px; margin-bottom: position: relative; }
  #gallery .gallery-inner { margin-top:-20px; }
  #gallery .overlay-text { bottom: 10px; }
  .jul { display:block;}
}


/*about 스타일 */
#gallery_n { width: 100%; margin-bottom: 0px;/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), transparent); background-size: 100% 90%;*/background:#fff; background-repeat: no-repeat; padding-top: 0px; padding-bottom:50px; position: relative; }
#gallery_n .gallery-inner { display: flex; flex-wrap: wrap; gap: 0px; }
#gallery_n .gallery-left { flex: 0 0 54%; max-width: 54%; box-sizing: border-box; padding: 0 30px; }
#gallery_n .gallery-right { flex: 0 0 46%; max-width: 46%; box-sizing: border-box; padding: 0 30px; }

#gallery_n .left_content { border: 1px solid #ddd; border-radius: 8px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);padding: 35px; font-family:'Pretendard Variable' ; color: #000; }
#gallery_n .gallery-header .title { font-size: 34px; font-weight: 800; color: #266761; margin-bottom: 40px; font-family: 'Pretendard Variable'; letter-spacing:-0.5px; }
#gallery_n .gallery-header .title_k { font-size: 34px; font-weight: 800; color: #266761; margin-bottom: 40px; font-family: 'Pretendard Variable'; letter-spacing:-0.5px; }
#gallery_n .txt p { font-size: 20px; #000; line-height: 1.95; letter-spacing:-0.7px; margin-bottom: 16px; word-break: keep-all; text-align: justify; }
#gallery_n .txt_k p { font-size: 20px; #000;  font-family: 'BookkMyungjo'; line-height: 1.95; margin-bottom: 16px; word-break: keep-all;  text-align: justify; }
#gallery_n .left_content h3 { margin-top: 40px; font-size: 20px; color: #2c3e50; border-bottom: 2px solid #2c3e50; display: inline-block; padding-bottom: 4px; margin-bottom: 12px; }
#gallery_n .left_content ul.qualifications { list-style: disc inside; padding-left: 10px; font-size: 20px; color: #333; }

#gallery_n .right-content .overlay-container01 { position: relative; }
#gallery_n .right-content .overlay-container01 img { width: 100%;  margin-top: 76px; border-radius: 12px; display: block; /*border-right: 3px dotted rgba(0, 0, 0, 0.5); */ }
#gallery_n .right-content .overlay-text01 { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 90%; font-family: 'Georgia'; font-style: italic; word-break: keep-all; color: #fff; font-size: 22px; text-align: center; line-height: 1.6; background: rgba(0, 0, 0, 0.4); padding: 15px 16px; border-radius: 8px; pointer-events: none; }
#gallery_n .right-content .overlay-text01_k { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); width: 90%; font-family: 'BookkMyungjo';font-style: italic; color: #fff; word-break: keep-all; font-size: 22px; text-align: center; line-height: 1.6; background: rgba(0, 0, 0, 0.4); padding: 15px 16px; border-radius: 8px; pointer-events: none; }

#gallery_n .gallery-header .more-btn { margin-top: 20px; }
#gallery_n .gallery-header .more-btn a { font-size: 14px; color: #000; font-weight: 500; text-decoration: none; }
#gallery_n .more_btn { display: inline-block; background: #fff; margin: 5px 1px; padding: 3px 9px; border: 1px solid #646873; border-radius: 6px; font-size: 14px; transition: all 0.3s; }
#gallery_n .more_btn:hover { background: #646873; color: #fff; }

/* 반응형 */
@media (max-width: 1280px) { 
#gallery_n .gallery-left { flex: 0 0 50%; max-width: 50%; padding: 0 40px; } 
#gallery_n .gallery-right { flex: 0 0 44%; max-width: 44%; padding: 0 10px; } }

@media (max-width: 1120px) { 
#gallery_n .gallery-left { flex: 0 0 52%; max-width: 52%; padding: 0 30px; } 
#gallery_n .gallery-right { flex: 0 0 43%; max-width: 43%; padding: 0 30px; }
#gallery_n .txt p { font-size: 16px; line-height: 1.6; margin-bottom: 5px; } 
#gallery_n .txt_k p { font-size: 16px; line-height: 1.6; margin-bottom: 5px; } }

@media (max-width: 1024px) { 
#gallery_n .gallery-left { flex: 0 0 52%; max-width: 52%; padding: 0 30px; } 
#gallery_n .gallery-right { flex: 0 0 43%; max-width: 43%; padding: 0 30px; }
}

@media (max-width: 960px) { 
#gallery_n .gallery-left { flex: 0 0 100%; max-width: 100%; padding: 0 20px; } 
#gallery_n .gallery-header .title { font-size: 34px; font-weight: 800; color: #2f9389; margin-bottom: 20px;}
#gallery_n .gallery-header .title_k { font-size: 34px; font-weight: 800; color: #2f9389; margin-bottom: 20px;}
#gallery_n .gallery-right { flex: 0 0 100%; max-width: 100%; padding: 0 20px; } }

@media (max-width: 768px) { 
#gallery_n .left_content { padding: 30px 20px; }
#gallery_n .right-content .overlay-text01 { bottom: 30px; lic; font-size: 18px;  }
#gallery_n .right-content .overlay-text01_k { bottom: 20px; lic; font-size: 18px;  }
}

@media (max-width: 650px) { 
#gallery_n .gallery-header .title { font-size: 22px; }
#gallery_n .gallery-header .title_k { font-size: 22px; } 
#gallery_n .txt p, #gallery_n .left_content ul.qualifications { font-size: 15px; } 
#gallery_n .quote { font-size: 16px; }
#gallery_n { width: 105.5%;padding-top: 30px; margin-top:-10px; margin-left:-15px; margin-right:-15px; position: relative; }
#gallery_n .right-content .overlay-text01 {font-size: 16px; }
#gallery_n .right-content .overlay-text01_k {font-size: 16px; }
}
@media (max-width: 450px) {
  #gallery_n { width: 108%;  margin-left:-15px; margin-right:-16px; position: relative; }
}

/*about 스타일 */




/*서비스 스타일*/
#gallery1 {overflow:hidden; margin-bottom:0px; margin-top:0px; }
#gallery1 .gallery-header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 10px; } 
#gallery1 .gallery-header .title { font-family: 'Pretendard Variable'; letter-spacing:-0.5px; font-weight:800;  text-align:center;  font-size: 31px; color: #266761; margin: auto; } 
#gallery1 .gallery-header .more-btn { margin-top: 20px; margin-right:20px  } 
#gallery1 .gallery-header .more-btn a { font-size: 14px; color: #333; font-weight: 500; text-decoration: none; } 


#gallery1 dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 항목들 사이 자동 정렬 */
  gap: 28px;
  padding: 0 40px; 
}

#gallery1 dl dd {
  flex: 1 1 calc(25% - 21px); /* 4개 정렬, gap 고려 */
  box-sizing: border-box;
  cursor: pointer;
}


#gallery1 dl dd .img img {
  width: 100%;
  max-height: 200px;
  border-radius: 4px;
  display: block;
}

#gallery1 dl dd .info-wrap {
  border: 1px solid #ccc; /* 바깥 테두리 */
  border-radius: 4px;
  padding: 5px;
  margin-top: 6px;
  background-color: #fafafa;
}


#gallery1 dl dd .cater{padding-top:5% ; font-size:15px; letter-spacing:-0.4px;text-align:left; line-height:1.1;}
#gallery1 dl dd .txt{padding-top:3px; font-size:16px;  font-weight:600;  letter-spacing:-0.3px;text-align:center; color:#555; line-height:1.4; min-height:30px; overflow:hidden; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
#gallery1 dl dd .subs{font-size:13px; letter-spacing:-0.4px;text-align:left; line-height:1.4;}
#gallery1 dl dd:hover .img{position:relative; overflow:hidden; border-radius:8px;}
#gallery1 dl dd:hover .img img{transform:scale(1.1);-o-transform:scale(1.1); -moz-transform:scale(1.1);-webkit-transform:scale(1.1); transition: transform .5s;  -o-transition: transform .5s;-moz-transition: transform .5s;-webkit-transition: transform .5s;}
#gallery1 dl dd:hover .txt{color:#2068b2;}
#gallery1  .more_btn{display:inline-block; margin: 5px 1px; padding:2px 8px; border:1px solid #646873; border-radius:8px; font-size:14px; -webkit-transition:all .3s; transition:all .3s;}
#gallery1  .more_btn:hover{background:#646873; color:#fff;}




/*S:max-width:1024*/
@media all and (max-width:1024px) {
  #gallery1 dl dd { flex: 1 1 calc(33.333% - 18.7px); /* 3개 정렬 (gap 고려) */  }
  #gallery1 dl dd .img img { max-width: 100%; height: auto; }
}
/*E:max-width:1024*/

/*S:max-width:650*/
@media all and (max-width:650px) {
#gallery1 .gallery-header .title { font-size: 22px; margin-bottom: -14px; }
#gallery1 dl { padding: 0 0px; }
#gallery1 dl dd { flex: 1 1 calc(50% - 14px); /* 2개 정렬 (gap 고려) */ }
#gallery1 dl dd .txt{padding-top:2px; font-size:14px; }
}
/*E:max-width:650*/

/*S:max-width:450*/
@media all and (max-width:450px) {
    #gallery1 dl dd { flex: 1 1 100%; }
}
/*E:max-width:650*/


#postContent img { max-width: 100%; height: auto; pointer-events: none; }
#popupTitle { font-size: 1.5em; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#postOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.overlay-content { background: #fff; width: 800px; max-width: 100%; height: 860px; overflow-y: auto; padding: 20px; border-radius: 10px; position: relative; }
.close-btn { position: absolute; top: 10px; right: 15px; font-size: 28px; cursor: pointer; }

/* 650px 이하일 때 팝업창 확장 */
@media all and (max-width:650px) {
    .overlay-content {
        width: 94%;      /* 거의 가득 */
        height: 90%;     /* 세로도 여유 */
        max-width: none; /* 최대폭 제한 해제 */
        padding: 5px;   /* 모바일에서 여백 줄임 */
    }
}

/*E:max-width:650*/
.view-more{width:210px; height:57px; line-height:57px; text-align:center; margin-top:5%;}
.view-more a{display:block; color:#55c1ef;}
.line-btn{display:inline-block; vertical-align:middle; -webkit-transform: perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; background:#55c1ef; -webkit-transition-property: color; transition-property:color;
-webkit-transition-duration: 0.3s; transition-duration:0.3s;}
.line-btn:before{content: ""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#000; border:solid 1px #55c1ef; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform;
transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.line-btn:hover, .line-btn:focus, .line-btn:active {color:#fff;}
.line-btn:hover:before, .line-btn:focus:before, .line-btn:active:before{-webkit-transform: scaleX(0);transform:scaleX(0);}






/*오른쪽 퀵메뉴*/
.right_quick { position: absolute; right: 0; top: -60px; z-index: 2}
.right_quick.fixed {position: fixed; right: 0; top: 50% !important; margin-bottom:50px; z-index: 100; top: 189px}
.right_quick.fixed .material-icons { color:#fff; float:right}
.right_quick ul.quick_info { position: relative; height: 240px}
.right_quick ul.quick_info li { position: absolute; height: 60px; right:0}
.right_quick ul.quick_info li:nth-child(1) {top: 0}
.right_quick ul.quick_info li:nth-child(2) {top: 60px}
.right_quick ul.quick_info li:nth-child(3) {top: 120px}
.right_quick ul.quick_info li:nth-child(4) {top: 180px}
.right_quick ul.quick_info li:nth-child(5) {top: 240px}

.right_quick ul.quick_info li a{width:60px; height:60px; text-align:center; background:#343434; overflow:hidden; display:block}
.right_quick ul.quick_info li i { color:#fff; font-size:24px;}
.right_quick ul.quick_info li i.ico{position:absolute;right:20px;top:15px; z-index:2}
.right_quick ul.quick_info li:nth-child(1) i {right: 17px}
.right_quick ul.quick_info li:nth-child(2) i {right: 17px}
.right_quick ul.quick_info li:nth-child(3) i {right: 17px}
.right_quick ul.quick_info li:nth-child(4) i {right: 17px}
.right_quick ul.quick_info li:nth-child(5) i {right: 17px}
.right_quick ul.quick_info li a span{height:60px; line-height:60px; color:#fff; position:absolute; text-align:left; opacity:0; left:30px; font-size:14px; font-weight:500; z-index:2}
.right_quick ul.quick_info li a.kakao span { color:#000}

@media screen and (max-width: 640px) {
    .right_quick.fixed { display:none}
}
/*왼쪽 퀵메뉴*/

.quick_menu {width:100%; margin:auto; padding-top:20px}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:80px; border-left:1px solid #555;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}





/* 상담신청*/
.contact_wrap { width: 100%; min-height: 550px; padding: 100px 0; background: url('...jpg') center top no-repeat; background-size: cover; }
.contact_wrap .inner { max-width: 1180px; margin: 0 auto; padding: 0 10px; }

.contact-title { display: inline-flex; align-items: flex-end; gap: 8px; font-size: 35px; font-family: 'Pretendard Variable'; letter-spacing:-0.5px;  color: #1d83ff; font-weight: 700; text-align: left;  margin-bottom: 15px; line-height: 1; }
.contact-title .gul { width: 42px;margin-left:-10px; height: auto; display: inline-block; }
.contact-title span{ margin-left:-12px;}
.titt{  font-size: 22px; font-family: 'Pretendard Variable'; letter-spacing:-0.5px;  color: #000; font-weight: 700; text-align: left;}
.custom-form-container { width: 100%; background-color: #ffffff; padding: 10px; border-radius: 5px; margin: 0 auto; }
.custom-form-grid { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.custom-form-column { width: 46%; }
.custom-form-group { margin-bottom: 40px; }  /* 각 항목의 아래쪽 여백을 5px로 설정 */
.custom-form-group input[type="text"], .custom-form-group input[type="email"], .custom-form-group input[type="tel"], .custom-form-group textarea { width: 100%; height: 39px; padding: 10px; font-size: 15px; border: none; border-bottom: 2px solid #333; background-color: #fff; outline: none; box-sizing: border-box; font-family: 'Pretendard Variable'; }
.custom-form-group textarea { background-color: #ddd; resize: vertical; height: 120px; }
.custom-form-group label { display: block; margin-bottom: 10px; font-weight: 800; font-size: 18px; font-family: 'Pretendard Variable'; }
.custom-button-group { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 5px; } /* 여백 추가 */
.custom-button-group input[type="checkbox"] { display: none; }
.custom-button-group label { display: inline-block; padding: 5px 8px; font-size: 16px; font-weight: 600; color: #333; border: 1px solid #333; border-radius: 2px; text-align: center; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; font-family: 'Pretendard Variable'; }
.custom-button-group input[type="checkbox"]:checked + label, .custom-button-group label:hover { background-color: #333; color: #fff; }
.custom-note { margin-top: 25px; font-size: 14px; font-family: 'Pretendard Variable'; text-align: right; }
.custom-note a { color: #333; text-decoration: none; font-weight: 600; font-family: 'Pretendard Variable'; }
.custom-submit-container { text-align: center; margin-top: 25px; }
.custom-submit-btn { width: 100%; padding: 12px; font-size: 20px; font-weight: 600; color: #fff; background-color: #333; border: 2px solid #333; border-radius: 0px; cursor: pointer; transition: background-color 0.3s ease; font-family: 'Pretendard Variable'; }
.custom-submit-btn:hover { background-color: #fff; color: #333; }

/* 개인정보 안내창 스타일 */
.privacy-box {
	height:120px;
    background-color: #fff;
    border: 1px solid #000;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    font-family: 'Pretendard Variable';
    color: #333;
    margin-bottom: 10px;
}

.agree-check {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Pretendard Variable';
}

/* DUMMY 스타일 */
.dumy {
	width:100%; 
    background-color: #1d83ff;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 2px;
    margin-bottom: 15px;
}

.dumy_tit {
    color: #1d83ff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: 'Pretendard Variable';
}

.dumy_txt {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-family: 'Pretendard Variable';
}


@media (max-width: 1024px) { 
.contact-title { font-size: 40px; } 
.custom-form-column { width: 100%; } 
.custom-button-group label { width: 33%; text-align: center; } }

@media (max-width: 600px) { 
.contact-title { font-size: 33px; } 
.custom-form-group input[type="text"], .custom-form-group input[type="email"], .custom-form-group input[type="tel"], 
.custom-form-group textarea { font-size: 14px; } 
.custom-form-group label { font-size: 16px; } 
.custom-button-group label { font-size: 14px; padding: 5px 8px; margin: -3px; } 
.custom-note { font-size: 12px; } 
.custom-submit-btn { font-size: 18px; } }






/* 푸터 스타일 */
#footer { padding: 0; width: 100%; background-color: #bbb;  position: relative; z-index: 8; clear: both; }
#footer a{ color:#fff }
#footer .inner { margin: 0 auto; max-width: 1240px; }
#footer .footer_in { position: relative; background-color: #666; max-width: 1240px; z-index: 10; height: 280px; padding: 0 40px; margin: 0 auto;  }
#footer .footer_in01 { position: relative; padding: 30px 10px; z-index: 10; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

#footer .footer_in01 .box { width: 48%; box-sizing: border-box; letter-spacing:0.3px; margin-top: 10px; z-index: 9;}
#footer .footer_in01 .left img { max-width: 100%;  height: auto; }
#footer .footer_in01 .left .f_tit { font-weight:500; font-size:16px; color:#fff; margin: 40px 0; }
#footer .footer_in01 .left .f_txt p{ font-weight:500; font-size:18px; color:#fff; margin: 11px 0; }
#footer .footer_in01 .left .f_txt2 p{ font-weight:300; font-size:14px; word-break: keep-all; letter-spacing:0.1px; color:#fff; margin: 15px 0; }

#footer .footer_in01 .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* ← 핵심! 이미지와 텍스트 모두 오른쪽 정렬 */
  justify-content: center;
  gap: 15px;
  box-sizing: border-box;
}


#footer .footer_in01 .right .f_tit1 { font-weight:500; font-size:15px; color:#fff; margin: 10px 0; }
#footer .footer_in01 .right .f_txt1 p{ font-weight:300; font-size:14px; color:#fff; margin: 7px 0; text-align:right;}

#footer .footer_in01 .social-box { width: 170px; height: 110px; background-color: #f39801; border: 1px solid #333; border-radius: 15px; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s; }
#footer .footer_in01 .social-box img { width: 85px; height: auto; }

#footer .footer_in01 .social-box:hover { background-color: #af7d00; }
#footer .footer_in02 { position: absolute; font-family: 'Pretendard Variable'; letter-spacing: 0.8px; font-size: 15px; color: #fff; text-align: center; font-weight: 500; bottom: 0; left: 0; right: 0; padding: 0; background-color: #000; z-index: 10; height: 55px; margin: 0 auto; border-top-left-radius: 40px; border-top-right-radius: 40px; display: block; line-height: 55px; }

#footer .gotop { position: fixed; left: 0; bottom: 20px; width: 100%; min-width: 1080px; height: 1px; text-align: center; }
#footer .gotop a { position: absolute; right: 7px; bottom: 0; }
#footer .copyright { display: block; margin: 0px 0 0; font-size: 11px; word-break: keep-all; font-style: normal; }
#footer a.wa { position: absolute; right: 0; top: 37px; }

/* 반응형 스타일 */
@media screen and (max-width: 800px) {
#footer .footer_in { height: auto; padding: 0 5px;  }
#footer .footer_in01 { padding: 10px 10px; flex-direction: column; } /* 레이아웃 세로 배치 및 여백 추가 */
#footer .footer_in01 .box { width: 100%; margin-top: 40px; } /* 박스 너비 100% */
#footer .footer_in01 .left img { max-width: 95%; }
#footer .footer_in01 .left .bt01 { display: none; }
#footer .footer_in01 .left .bt02 { display: block; }
#footer .footer_in01 .right {  width: 100%; justify-content: right; flex-direction: row; gap: 10px;} /* 박스 내부 가로 정렬 */
}

/* 해상도 500px 이하에서 줄 바꿈 및 여백 조정 */
@media screen and (max-width: 500px) { 
    #footer .footer_in02 { line-height: normal; height: auto; margin-top: 40px; padding: 10px 0; font-size: 13px; border-top-left-radius: 0; border-top-right-radius: 0; } 
    #footer .footer_in02 .breakpoint { display: block; } 

#footer .footer_in01 .left img { max-width: 100%; height: auto; }
#footer .footer_in01 .left .f_tit { font-weight:500; font-size:14px; color:#fff; margin: 40px 0; }
#footer .footer_in01 .left .f_txt p{  font-size:16px; color:#fff; margin: 10px 0; }

#footer .footer_in01 .right .f_txt1 p{ font-weight:300; font-size:14px; }

}

/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/






@media screen and (max-width: 960px) {

    .scrolled #header  {background-color:#fff; border-bottom:1px solid #ddd;}
	.scrolled #open-button .nl1 { background-color:#333}
	.scrolled #open-button .nl2 { background-color:#333}
	.scrolled #open-button .nl3 { background-color:#333}
	.scrolled #open-button .navicon-line  { background-color:#333}
    .scrolled #open-button.on .navicon-line { background-color:#fff}
	
	/*버튼*/
	#open-button{position:fixed;z-index:12;right:15px;padding-top:18px;width:75px; height:80px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block; }
	#open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#fff;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
	#open-button .nl1 {top: 11px;right: 10px; width:30px;}
	#open-button .nl2 {top: 19px;right: 10px; width:24px;}
	#open-button .nl3 {top: 27px;right: 10px; width:30px;}
	#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#fff;}
	#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
	#open-button.scrolled .navicon-line {background-color: #fff;}
	#open-button.on.scrolled >div>div{background-color:#333;}
	/*버튼*/
}




.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555;  word-break:keep-all}


@media screen and (max-width: 640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
}

html {
  scroll-behavior: smooth;
}

#information{
  scroll-margin-top: 20px; /* 위쪽 여백 */
  }
#about {
  scroll-margin-top: 100px; /* 위쪽 여백 */
  }
#service_top {
  scroll-margin-top: 100px; /* 위쪽 여백 */
}