@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');

  @font-face {
    font-family: 'Gmarket Sans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/Gmarket Sans.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

body .renew { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; letter-spacing: -0.03em; }



/*공통*/


.eventlist { width: 100%; background: #000; color: #fff; position: fixed; top: 0; left: 0; display: flex; justify-content: center; height: 50px; font-size: 1.5em; z-index: 100; }
.eventbox { display: flex; justify-content: center; align-items: center; width: 100%; }
.eventbox .eve { margin-right: 12px; font-weight: bold;}



.sub_contents { font-family: "Pretendard Variable"; letter-spacing: -0.03em; min-height: 0 !important; }
.inner { width: 90%; max-width: 1600px; margin: 0 auto; height: auto; }
.new_sec { padding: 140px 0; }
.new_sec.nopt { padding: 0 0 140px; }
.new_sec.nopb { padding: 140px 0 0; }
.dr_temp2.nopt { padding: 0 0 140px; }
.sky_clinic.nopt { padding: 0 0 140px; }

/* 공통 요소 CSS */
br.mo_br { display: none; }
br.ta_br { display: none; }

.deco_eng { font-size: 1.3em; letter-spacing: 0.2em; font-family: 'Gmarket Sans'; padding: 0 0 24px; color: #cdc9c7; }

.sec_tt { font-size: 3.7em; line-height: 1.2; font-family: 'Gmarket Sans'; margin-bottom: 3%; }
.sec_tt span { color: #26324a; }

.sec_tx { font-size: 1.45em; line-height: 1.4; word-break: keep-all; margin-bottom: 3%; }
.sm_tit { font-size: 2.5em; }


@media(max-width:1080px){ 
    .new_sec { padding: 14vw 0; }
    .new_sec.nopt { padding: 0 0 14vw; }
    .sky_clinic.nopt { padding: 0 0 12vw; }
    .dr_temp2.nopt { padding: 0 0 12vw; }
    .new_sec.nopb { padding: 14vw 0 0; }
    .deco_eng { font-size: 1.2em; }
    .sec_tt { font-size: 5vw; }
    br.ta_br { display: block; }
    .sec_tx { font-size: 1.4em; }
}

@media(max-width:640px){ 
    .new_sec { padding: 12vw 0; }
    .new_sec.nopt { padding: 0 0 12vw; }
    .new_sec.nopt { padding: 0 0 12vw; }
    .new_sec.nopb { padding: 12vw 0 0; }
    br.mo_br { display: block; }
    
    .deco_eng { font-size: 2.2vw; }
    .sec_tt { font-size: 7.5vw; }
    .sec_tx { font-size: 3vw; }
    .sm_tit { font-size: 5vw; }
}

@media(max-width:480px){ 
    .deco_eng { font-size: 2.8vw; }
    .sec_tt { font-size: 9.8vw; }
    .sec_tx { font-size: 3.6vw; }
}





.new_banner_wrap { margin-top: 70px; width: 100%; height: 100vh; }

/* 배너 bg */
.new_banner_wrap.sleep1 { background: url(/images/temp3/sleep1_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.clinic { background: url(/images/temp3/1_1_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.medi-t { background: url(/images/temp3/1_2_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.info { background: url(/images/temp3/1_4_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.map { background: url(/images/temp3/1_5_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.general1 { background: url(/images/temp3/5_1_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.general2 { background: url(/images/temp3/5_2_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.general3 { background: url(/images/temp3/5_3_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.general4 { background: url(/images/temp3/5_4_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.general5 { background: url(/images/temp3/5_5_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.esthetic1 { background: url(/images/temp3/6_1_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.esthetic2 { background: url(/images/temp3/6_2_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.orthodontic { background: url(/images/temp3/orthodontic_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.sub2_1 { background: url(/images/temp3/sub2_1_top.jpg) no-repeat center center; background-size: cover; }
.new_banner_wrap.sub5_1 { background: url(/images/temp3/sub5_1_top.jpg) no-repeat center center; background-size: cover; }



.banner_txt { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.banner_txt .tit { font-family: 'Pretendard Variable'; font-weight: 600; letter-spacing: -0.05em; color: #fff; text-align: center; font-size: 4.5em; }
.banner_txt .tit span { color: #dfbca1; }
.banner_txt .txt { font-size: 1.45em; text-align: center; color: #fff; margin: 22px 0 16px; line-height: 1.4; }



/* 상단 캡슐 영역 */
.sub_top {
  display: inline-block;
  width: auto;
  padding: 20px 0;
  margin: 0 auto;
  position: relative;
}





/* pill 전체 */
.sub_nav {
  display: inline-flex;
  align-items: center;
  gap: 10px;
    position: relative;
}

/* 홈 버튼 */
.sub_nav .home_btn {
  width: 40px;
  height: 40px;
  border-radius: 40px 0 0 40px;
  background: rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-sizing: content-box;
  padding-right: 60px;
}

/* 홈 아이콘 */
.sub_nav .home_btn::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url('/images/temp3/icon_home.png') no-repeat center / contain;
}

/* 파란 캡슐 */
.sub_nav .sub_title {
  height: 40px;
  padding: 0 22px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  background: #b3937a;
  border-radius: 999px;
  position: absolute;
    top:0;
    left: 40px;
}


@media(max-width:1080px){ 
    .banner_txt .tit { font-size: 5.5vw; }
}
@media(max-width:640px){ 
    .banner_txt .tit { font-size: 7vw; }
    .banner_txt .txt { font-size: 3vw; margin: 4vw 0 1vw; }
}
@media(max-width:480px){ 
    .banner_txt .tit { font-size: 9vw; }
    .banner_txt .txt { font-size: 3.6vw; }
    .sub_nav .sub_title { font-size: 3.6vw; }
}








.sub_top.four { left: -0.8%; }
.sub_top.five { left: -1.2%; }
.sub_top.six { left: -1.6%; }
.sub_top.sleep { left: -2.1%; }

@media(max-width:640px){ 
    .sub_top.four { left: -3vw; }
    .sub_top.five { left: -4.5vw; }
    .sub_top.five { left: -5vw; }
    .sub_top.sleep { left: -11vw; }
}









.what_video { padding: 140px 0; }
.what_video .inner { text-align: center; }
.video_sleep1 { width: 100%; height: 700px; background: url('/images/temp3/sleep_imsi1.jpg') no-repeat center center; background-size: cover; border-radius: 50px; margin-top: 3%; }
.video_sleep2 { width: 100%; height: 700px; background: url('/images/temp3/sleep_imsi2.jpg') no-repeat center center; background-size: cover; border-radius: 50px; margin-top: 3%; }
.video_whole1 { width: 100%; height: 700px; background: url('/images/temp3/whole_imsi1.jpg') no-repeat center center; background-size: cover; border-radius: 50px; margin-top: 3%; }
.what_video .sec_tt { margin: 1.3% 0 1.5%; }
.video_sleep1.wisdom { width: 100%; height: 700px; background: url('/images/temp3/wisdom_imsi1.jpg') no-repeat center center; background-size: cover; border-radius: 50px; margin-top: 3%; }
.video_sleep1.orth { width: 100%; height: 700px; background: url('/images/temp3/orth_imsi1.jpg') no-repeat center center; background-size: cover; border-radius: 50px; margin-top: 3%; }





@media(max-width:1280px){ 
    .video_sleep1 { margin-top: 5vw; }
    .video_sleep2 { margin-top: 5vw; }
    .video_whole1 { margin-top: 5vw; }
    .video_sleep1.wisdom { margin-top: 5vw; }
    .video_sleep1.orth { margin-top: 5vw; }
}
@media(max-width:1080px){ 
    .what_video { padding: 13vw 0; }
    .video_sleep1 { height: 50vw; }
    .video_sleep2 { height: 50vw; }
    .video_whole1 { height: 50vw; }
    .video_sleep1.wisdom { height: 50vw; }
    .video_sleep1.orth { height: 50vw; }
}
@media(max-width:640px){ 
    .video_sleep1 { height: 53vw; border-radius: 30px; }
    .video_sleep2 { height: 53vw; border-radius: 30px; }
    .video_whole1 { height: 53vw; border-radius: 30px; }
    .what_video .sec_tt { margin: 2.3vw 0 3vw; }
    .video_sleep1.wisdom { height: 53vw; border-radius: 30px; }
    .video_sleep1.orth { height: 53vw; border-radius: 30px; }
}







.use { padding: 140px 0; background: #f4f2f1; }
.use .inner { width: 90%; max-width: 1600px; display: flex; justify-content: space-between;  align-items: center; }

.use .inner .left_box { width: 45%; height: auto; }
.use .inner .right_box { width: 50%; height: auto; border-radius: 30px; overflow: hidden; }

.use .inner .right_box img { display: block; width: 100%; }

.use .sec_tt { margin: 4% 0; }


@media(max-width:1080px){ 
    .use { padding: 15vw 0; }
    .use .inner { flex-wrap: wrap; }
    .use .inner .left_box { width: 100%; }
    .use .inner .right_box { width: 100%; margin-top: 5vw } 
}
@media(max-width:640px){ 
    .use .inner { flex-wrap: wrap; }
    .use .inner .left_box { width: 100%; }
    .use .inner .right_box { width: 100%; margin-top: 5vw } 
}






/* square list 네모 프로세스, 리스트 */
.square_list { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 2.5%; flex-wrap: wrap; }
.square_list li { height: 100%; border: 1px solid #ddd; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 1.5%; }


/* square list 각 섹션별 높이값 설정 */
.square_list.sub2_3 { height: auto; }
.square_list.sub2_3 li { height: 300px; } 


/* square list 박스 갯수 별 너비값 설정 */
.square_list.box4 li { width: 24%; }
.square_list.box2 li { width: 49%; }
.square_list.box3 li { width: 32%; }
.square_list.box5 li { width: 19%; }
.square_list.box8 li { width: 24%; }


.square_list .num { font-size: 1.9em; color: #b3937a; font-weight: 600;}
.square_list .txt { font-size: 1.45em; font-weight: 400; margin-top: 16px; }


@media (max-width: 1280px) { 
    .square_list.sub2_3 li { height: 250px; }
}

@media (max-width: 1080px) { 
    .square_list { margin-top: 3vw; }
    .square_list.sub2_3 li { height: auto; }
    
    .square_list.box4 li { width: 49%; padding: 6vw 0;}
    .square_list.box8 li { width: 49%; padding: 6vw 0;}
    .square_list.box4 li:nth-child(3), .square_list.box4 li:last-child { margin-top: 2%; }
    .square_list.box8 li:nth-child(3),.square_list.box8 li:nth-child(4), .square_list.box8 li:nth-child(5),.square_list.box8 li:nth-child(6), .square_list.box8 li:nth-child(7),.square_list.box8 li:last-child { margin-top: 2%; }
}

@media (max-width: 640px) { 
    .square_list .num { font-size: 3.4vw; }
    .square_list .txt { font-size: 3vw; margin-top: 2vw; }
    
    .square_list.box4 li { padding: 9vw 0; }
}

@media (max-width: 480px) { 
    .square_list li.mb { margin-bottom: 2vw; }
    .square_list .num { font-size: 4vw; }
    .square_list .txt { font-size: 3vw; margin-top: 2vw; }
    
    .square_list.box4 li { width: 49%; padding: 10vw 0; }
    .square_list.box4 li:nth-child(3), .square_list.box4 li:last-child { margin-top: 2%; }
}





.square_imglist { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.5%; }
.square_imglist li { width: 23.5%; height: auto; display: flex; flex-direction: column; }

/*박스갯수별*/
.square_imglist li { width: 23.5%; height: auto; display: flex; flex-direction: column; }
.square_imglist.box3 li { width: 32%; }
.square_imglist.box5 li { width: 19%; }


.square_imglist .img { width: 100%; height: 270px; border-radius: 14px; border: 1px solid #f0f0f0; }

.square_imglist .img.long { height: 280px; }


.square_imglist .img.sleep1_img1 { background: url('/images/temp3/sleep1_img1.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sleep1_img2 { background: url('/images/temp3/sleep1_img2.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sleep1_img3 { background: url('/images/temp3/sleep1_img3.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sleep1_img4 { background: url('/images/temp3/sleep1_img4.jpg') no-repeat center center; background-size: cover; }

.square_imglist .img.whole_img1 { background: url('/images/temp3/whole_img4.png') no-repeat center center; background-size: cover; }
.square_imglist .img.whole_img2 { background: url('/images/temp3/whole_img5.png') no-repeat center center; background-size: cover; }
.square_imglist .img.whole_img3 { background: url('/images/temp3/whole_img6.png') no-repeat center center; background-size: cover; }
.square_imglist .img.whole_img4 { background: url('/images/temp3/whole_img7.png') no-repeat center center; background-size: cover; }


.square_imglist .img.orth_img1 { background: url('/images/temp3/orth_img1.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.orth_img2 { background: url('/images/temp3/orth_img2.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.orth_img3 { background: url('/images/temp3/orth_img3.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.orth_img4 { background: url('/images/temp3/orth_img4.jpg') no-repeat center center; background-size: cover; }


 
.square_imglist .img_txt { font-size: 1.45em; margin-top: 20px; word-break:keep-all; }
.square_imglist .img_txt.tip { background: #b3937a; padding: 5px 14px; border-radius: 50px; width: 110px; text-align: center; margin-bottom: 20px; }
.square_imglist .li_tit { font-size: 1.9em; font-weight: bold; }




@media (max-width: 1280px) { 
    .square_imglist { margin-top: 3.2%; }
    .square_imglist li { width: 48%; margin-bottom: 4%; }
    
    .square_imglist.box3 li { width: 48%; }
    .square_imglist.box5 li { width: 48%; }
}
@media (max-width: 860px) { 
    .square_imglist { margin-top: 3vw; }
    .square_imglist li { width: 48%; margin-bottom: 3vw; }
    .square_imglist .img { height: 30vw; }
    .square_imglist .img.long { height: 40vw; }
}
@media (max-width: 640px) { 
    .square_imglist { margin-top: 4vw; }
    .square_imglist li { width: 48%; margin-bottom: 7vw; }
    .square_imglist li:nth-child(3), .square_imglist li:last-child { margin-bottom: 0; }
    .square_imglist .img { height: 30vw; }
    .square_imglist .img_txt { font-size: 3vw; margin-top: 2vw; }
    .square_imglist .li_tit { font-size: 4.2vw; }
    .square_imglist .img_txt.tip { margin-bottom: 2.8vw; }
}
@media (max-width: 480px) { 
    .square_imglist { margin-top: 4vw; }
    .square_imglist li { width: 100%; margin-bottom: 7vw; }
    .square_imglist li:nth-child(3) { margin-bottom: 7vw; }
    .square_imglist li:last-child { margin-bottom: 0; }

    .square_imglist.box3 li { width: 100%; }
    
    .square_imglist .img { height: 45vw; }
    .square_imglist .img.long { height: 74vw; }
    .square_imglist .img_txt { font-size: 3.3vw; margin-top: 3vw; }
}






.bigyo { text-align: center; padding: 0 0 140px 0; }
.bigyo.pt { text-align: center; padding: 140px 0 140px 0; }
.bigyo .sec_tx { margin: 1.8% 0 2%; }
.pyo { display: flex; justify-content: space-between; width: 100%; height: auto; }

.pyo .box.left { width: 40%; }
.pyo .box.cate { width: 20%; }
.pyo .box.right { width: 40%; }

.pyo .box ul { display: flex; flex-direction: column; align-items: center; }
.pyo .box ul li { padding: 40px 0; text-align: center; font-size: 1.45em; border-bottom: 1px solid #dadbdc; width: 100%; }
.pyo .box ul li:nth-child(2) { height: 350px; display: flex; align-items: center; justify-content: center; }
.pyo .box ul li:nth-child(2) img { height: 100%; width: auto; }

.pyo .box ul .orth1 {
 background: url('/images/temp3/orth_1.png') no-repeat center center; background-size: cover;
}

.pyo .box ul .orth2 {
 background: url('/images/temp3/orth_2.png') no-repeat center center; background-size: cover;
}



.pyo .box.cate ul { background: #8e8e8e; color: #fff; font-weight: bold;  }
.pyo .box.cate ul li { border-bottom: 1px solid #bababa; }

.pyo .head { font-weight: bold; color: #fff; }
.pyo .head.gray { background: #cdcdcd; }
.pyo .head.navy { background: #26324a; }
.pyo .head.blue { background: #b3937a; }

.pyo br { display: none; }




@media (max-width: 1200px) { 
    .pyo .box ul li:nth-child(2) { height: 25vw; display: flex; align-items: center; justify-content: center; }
    .pyo .box ul li:nth-child(2) img { height: 100%; width: auto; }
}

@media (max-width: 640px) { 
    .bigyo { padding: 0 0 13vw 0; }
    .bigyo.pt { padding: 13vw 0 13vw 0; }
    .pyo { margin-top: 5vw; }
    .pyo .box ul li { font-size: 3vw; }
    .pyo .box ul li:nth-child(2) { height: 33vw; }
}

@media (max-width: 480px) { 
    .bigyo { padding: 0 0 13vw 0; }
    .bigyo.pt { padding: 13vw 0 13vw 0; }
    .bigyo .sec_tx { margin: 4vw 0 4.9vw; }
    
    .pyo .box ul li { font-size: 3vw; padding: 7vw 0; }
    
    .pyo .box.left { width: 37%; }
    .pyo .box.cate { width: 26%; }
    .pyo .box.right { width: 37%; }

}




.icon_list { padding-bottom: 130px; }
.icon_list .sec_tt { margin-top: 1%; }
.icon_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; height: auto; width: 100%; margin-top: 2%; }

.icon_list ul li { display: flex; justify-content: space-between; align-items: center; padding: 3%; border-radius: 30px; width: 49%; border: 1px solid #ddd; margin-bottom: 2%; }
.icon_list ul li img { display: block; width: 20%; max-width: 120px; height: auto; }
.icon_list ul li .txtbox { width: 77%; }
.icon_list ul li .txtbox .tit { font-weight: bold; font-size: 2em; }
.icon_list ul li .txtbox .txt { font-size: 1.45em; word-break: keep-all; line-height: 1.4; margin-top: 14px; }


@media (max-width: 1080px) { 
    .icon_list ul { margin-top: 3%; }
    .icon_list ul li { width: 100%; }
}
@media (max-width: 640px) { 
    .icon_list { padding-bottom: 13vw; }
    .icon_list ul { margin-top: 4vw; }
    .icon_list ul li { padding: 5vw; border-radius: 20px; }
    .icon_list ul li .txtbox { width: 75%; }
    .icon_list ul li .txtbox .tit { font-size: 4vw; }
    .icon_list ul li .txtbox .txt { font-size: 3vw; }
}






.faq { width: 100%; margin: 0 auto; }

.faq .sec_tt { margin-bottom: 2%; margin-top: 1%; }


.faq-item { margin-bottom: 12px; }

.faq-q {
  width: 100%;
  background: #f4f2f1; /* 연한 갈색 */
  border: none;
  border-radius: 20px;
  padding: 28px 34px;
  font-size: 1.6em;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Pretendard Variable"
}

.faq-q .arrow {
  width: 8px;
  height: 8px;
  border-right: 2px solid #b3937a;
  border-bottom: 2px solid #b3937a;
  transform: rotate(45deg);
  transition: transform 1s;
}

/* 답변 영역 */
.faq-a {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  transition: max-height 1s ease;
}

.faq-a p {
  padding: 28px 34px;
  margin: 0;
  font-size: 1.45em;
  color: #000;
  line-height: 1.6;
}

/* 열렸을 때 */
.faq-item.active .faq-a {
  max-height: 300px; /* 충분히 큰 값 */
}

.faq-item.active .arrow {
  transform: rotate(-135deg);
}


@media (max-width: 1080px) { 
    .faq .sec_tt { margin-bottom: 5%; margin-top: 1%; }
}

@media (max-width: 640px) { 
    /* .faq { padding-bottom: 13vw; } */
    .faq .sec_tt { margin-bottom: 5%; margin-top: 1%; }
    .faq-q { font-size: 3.3vw; padding: 4vw; border-radius: 14px; }
    .faq-a p { font-size: 3vw; padding: 5vw; }
    .faq-item { margin-bottom: 2%; }
}

.check_list { display: flex; width: 100%; height: auto; justify-content: space-between; flex-wrap: wrap; margin-top: 2.5%; }

.check_list li { width: 49.3%; height: auto; border-radius: 40px; background: #f4f2f1; padding: 26px 32px; }
.check_list li.mb { margin-bottom: 1.5%; }

.check_list li p { display: flex; align-items: center; font-size: 1.45em; }
.check_list li p::before { content: ""; display: block; width: 30px; height: 30px; background: url('/images/temp3/list_check.png') no-repeat center center; background-size: cover; margin-right: 1.5%; }


@media (max-width: 1280px) { 
    .check_list li { width: 100%; }
    .check_list li:nth-child(3) { margin-bottom: 1.5%; }
}
@media (max-width: 1080px) { 
    .check_list { margin-top: 3vw; }
    .check_list li { padding: 20px 24px; }
}

@media (max-width: 640px) { 
    .check_list li p { font-size: 3vw; }
    .check_list li p::before { width:24px; height: 24px; }
}
@media (max-width: 480px) { 
    .check_list li { padding: 14px 20px; }
    .check_list li p { font-size: 3vw; }
    .check_list li.mb { margin-bottom: 2vw; }
    .check_list li:nth-child(3) { margin-bottom: 2vw; }
    .check_list li p::before { width:18px; height: 18px; }
}







.imp_graph { padding: 140px 0; }

.imp_graph table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    margin-top: 2.5%;
    font-size: 1.2rem;
}

.imp_graph .sec_tt { margin: 1.2% 0 1.5%; }

/* THEAD */
.imp_graph table thead th {
    background: #9b9b9b;
    color: #fff;
    padding: 28px 10px;
    font-weight: 600;
    border-right: 1px solid #bdbdbd;
}

.imp_graph table thead th:last-child {
    border-right: none;
}

/* TBODY 기본 */
.imp_graph table tbody td {
    padding: 32px 10px;
    border: 1px solid #e2e2e2;
    background: #fff;
    vertical-align: middle;
}

/* 일반 임플란트 왼쪽 */
.imp_graph table .normal .category {
    background: #d9d9d9;
    font-weight: 600;
}

/* 원데이 임플란트 왼쪽 */
.imp_graph table .onday .category {
    background: #b3937a;
    color: #fff;
    font-weight: 700;
}

/* 강조 셀 */
.imp_graph table .highligh {
    border: 2px solid #b3937a;
    color: #b3937a;
    font-weight: 700;
    font-size: 1.6rem;
}

/* 반응형 */
@media (max-width: 1080px) {
    .imp_graph { padding: 14vw 0; }
}

@media (max-width: 768px) {
    .imp_graph table {
        font-size: 1rem;
    }

    .imp_graph table thead th,
    .imp_graph table tbody td {
        padding: 20px 6px;
    }

    .imp_graph table .highligh {
        font-size: 1.2rem;
    }
}

@media (max-width: 640px) {
    .imp_graph .sec_tt { margin: 3vw 0; }
    
    .imp_graph table {
        font-size: 3vw;
        margin-top: 4.8vw;
    }

    .imp_graph table thead th,
    .imp_graph table tbody td {
        padding: 20px 6px;
    }

    .imp_graph table .highligh {
        font-size: 3.5vw;
    }
}
@media (max-width: 480px) {
    .imp_graph table {
        font-size: 3.5vw;
    }

    .imp_graph table thead th,
    .imp_graph table tbody td {
        padding: 20px 6px;
    }

    .imp_graph table .highligh {
        font-size: 4vw;
    }
}





.circle_process { padding-bottom: 140px; }
.circle_process ul { display: flex; width: 100%; height: auto; justify-content: space-between; align-items: center; margin-top: 2.5%; flex-wrap: wrap; }
.circle_process ul li { width: 24%; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff;}

.circle_process .li1 { background: url(/images/temp3/impcenter_img1.jpg) center / cover no-repeat; }
.circle_process .li2 { background: url(/images/temp3/impcenter_img2.jpg) center / cover no-repeat; }
.circle_process .li3 { background: url(/images/temp3/impcenter_img3.jpg) center / cover no-repeat; }
.circle_process .li4 { background: url(/images/temp3/impcenter_img4.jpg) center / cover no-repeat; }

.circle_process .num { font-size: 1.8em; color: #dfbca1; font-weight: bold; }
.circle_process .txt { font-size: 1.45em; line-height: 1.4; margin-top: 12px; }


.circle_process2 .li1 { background: url(/images/temp3/c_orth1.jpg) center / cover no-repeat; }
.circle_process2 .li2 { background: url(/images/temp3/c_orth2.jpg) center / cover no-repeat; }
.circle_process2 .li3 { background: url(/images/temp3/c_orth3.jpg) center / cover no-repeat; }
.circle_process2 .li4 { background: url(/images/temp3/c_orth4.jpg) center / cover no-repeat; }


@media (max-width: 1080px) {
    .circle_process { padding-bottom: 14vw; }
    .circle_process ul li { width: 49%; margin-bottom: 2%; }
    .circle_process ul li:nth-child(3), .circle_process ul li:last-child { margin-bottom: 0; }
}

@media (max-width: 640px) {
    .circle_process ul { margin-top: 5vw; }
    .circle_process .num { font-size: 3.8vw; }
    .circle_process .txt { font-size: 3vw; }
}
@media (max-width: 480px) {
    .circle_process ul { margin-top: 4vw; }
    .circle_process .num { font-size: 4.4vw; }
    .circle_process .txt { font-size: 3.6vw; }
}





.imp_bone { padding: 140px 0; }
.imp_bone .sm_tit { text-align: center; }
.imp_bone .sec_tt { text-align: center; margin-top: 1%; }

.bone_cont { display: flex; justify-content: space-between; align-items: center; margin-top: 2.5%; }
.bone_cont ul { width: 78%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.bone_cont ul li { width: 49%; border: 1px solid #ddd; padding: 4%; border-radius: 26px; margin-bottom: 2%; }
.bone_cont ul li:nth-child(3), .bone_cont ul li:last-child { margin-bottom: 0; }
.bone_cont ul li .num { font-size: 1.7em; font-weight: bold; color: #b3937a; }
.bone_cont ul li .txt { font-size: 1.45em; margin-top: 8px; line-height: 1.4; }

.bone_cont .bone_img { width: 20%; }
.bone_cont .bone_img img { display: block; width: 100%; }


@media (max-width: 1080px) {
    .imp_bone { padding: 14vw 0; }
    .imp_bone .sec_tt { text-align: center; margin-top: 1.6vw; }
    .bone_cont { flex-wrap: wrap; margin-top: 3vw; }
    .bone_cont ul { width: 100%; }
    .bone_cont .bone_img { display: none; }
}

@media (max-width: 860px) {
    .bone_cont ul li { width: 100%; }
    .bone_cont ul li br { display: none; }
    .bone_cont ul li:nth-child(3) { margin-bottom: 2%; }
}
@media (max-width: 640px) {
    .bone_cont ul li { width: 100%; padding: 5vw; border-radius: 14px; }
    .bone_cont ul li br { display: none; }
    .bone_cont ul li:nth-child(3) { margin-bottom: 2%; }
    .bone_cont ul li .num { font-size: 4vw;  }
    .bone_cont ul li .txt { font-size: 3vw; margin-top: 2vw;  }
}





.round_txt { display: inline-block; background: #b3937a; color: #fff; font-size: 1.45em; padding: 14px 30px; border-radius: 30px; margin-top: 3%; }
.round_txt.mt { margin-top: 4.5%; }

@media (max-width: 1280px) { 
    .round_txt { margin-top: 3.2%; }
}
@media (max-width: 860px) { 
    .round_txt { margin-top: 3vw; }
}
@media (max-width: 640px) { 
    .round_txt { margin-top: 4vw; font-size: 3vw; padding: 2vw 4vw; }
}
@media (max-width: 480px) { 
    .round_txt { font-size: 3.3vw; margin-top: 4vw; }
}






.square_imglist .img.sub2_5_1 { background: url('/images/renew/sub/sub2_5_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_2 { background: url('/images/renew/sub/sub2_5_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_3 { background: url('/images/renew/sub/sub2_5_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_4 { background: url('/images/renew/sub/sub2_5_img4.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_5 { background: url('/images/renew/sub/sub2_5_img5.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_6 { background: url('/images/renew/sub/sub2_5_img6.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_7 { background: url('/images/renew/sub/sub2_5_img7.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_8 { background: url('/images/renew/sub/sub2_5_img8.png') no-repeat center center; background-size: cover; }






/**/


.digital { text-align: center; padding: 140px 0; }
.digital .sec_tt { margin: 1% 0 2%; }

.digital_cont { display: flex; justify-content: space-between; flex-wrap: wrap; }

.digital_cont > div { width: 48%; height: auto; margin-bottom: 3%; }
.digital_cont > div:nth-child(3), .digital_cont > div:last-child { margin-bottom: 0; }


.digital_cont > div img { display: block; width: 100%; border-radius: 36px; }
.digital_cont img.bd { border: 8px solid #b3937a; }
.digital_cont img.wt { border: 8px solid #fff; }

.digital_cont > div .tit { font-size: 2em; margin: 3% 0 1.8%; font-weight: bold; }
.digital_cont > div .txt { font-size: 1.45em; }


@media (max-width: 1080px) { 
    .digital { padding: 13vw 0; }
    .digital .sec_tt { margin: 1.7% 0 3%; }
    
    .digital_cont > div { margin-bottom: 4%; }
    .digital_cont > div .tit  { margin: 4% 0 2.5%; }
    .digital_cont > div .txt br { display: none; }
}

@media (max-width: 640px) { 
    .digital .sec_tt { margin: 3vw 0 4vw; }
    .digital_cont > div { width: 100%; margin-bottom: 7vw; }
    .digital_cont > div:nth-child(3) { margin-bottom: 7vw; }
    
    .digital_cont > div .tit { font-size: 4.5vw; margin: 3vw 0 2.5vw; }
    .digital_cont > div .txt { font-size: 3vw; }
}






/* 위치 */
.fixed_quickmenu{
  position: fixed;
  right: 20px;
  top: 40%;
  z-index: 9999;
}

/* 체크박스 숨김 */
.qm-toggle{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

/* 리스트 기본(열림 상태) */
.qm-list{
  margin: 0 0 14px 0;
  padding: 0;
  list-style: none;

  /* 등장/퇴장 애니메이션 */
  transform: translateX(0);
  opacity: 1;
  transition: transform .35s ease, opacity .25s ease;
  transform-origin: right center;
}

/* 닫힘(체크 해제) => 오른쪽으로 사라짐 */
.qm-toggle:not(:checked) ~ .qm-list{
  transform: translateX(120%);
  opacity: 0;
  pointer-events: none;
}

/* li 스타일(네가 이미 잡아둔 값 기반) */
.fixed_quickmenu li{
  width: 240px;
  background: #fff;
  border: 2px solid #26324a;
  padding: 6px 16px;
  border-radius: 30px;
  margin-bottom: 10px;
  font-size: 1.4em; 
     transition: 0.3s;
}
.fixed_quickmenu li:hover { background: #ebf4fb; transition: 0.3s; }

.fixed_quickmenu li a{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.fixed_quickmenu img{
  width: 38px;
  height: auto;
  margin-right: 6px;
}

.fixed_quickmenu p{
  margin: 0;
}

/* 버튼(동그라미) */
.qm-btn{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #26324a;          /* 원 컬러 */
  border: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
position: absolute;
    right: 0;

  /* 버튼 자체도 살짝 튕기게 */
  transition: transform .25s ease;
}
.qm-btn:active{ transform: scale(.96); }

/* + / X 막대 2개 그리기 */
.qm-btn::before,
.qm-btn::after{
  content: "";
  position: absolute;
  width: 22px;
  height: 3px;
  background: #fff;
  border-radius: 2px;

  /* 회전 애니메이션 */
  transition: transform .35s ease;
}

/* 기본: checked(열림) 상태를 X로 보이게 */
.qm-toggle:checked ~ .qm-btn::before{ transform: rotate(45deg); }
.qm-toggle:checked ~ .qm-btn::after{  transform: rotate(-45deg); }

/* 닫힘 상태: + */
.qm-toggle:not(:checked) ~ .qm-btn::before{ transform: rotate(0deg); }
.qm-toggle:not(:checked) ~ .qm-btn::after{  transform: rotate(90deg); }

/* 버튼도 살짝 돌아가는 느낌(원하면 유지) */
.qm-toggle:checked ~ .qm-btn{ transform: rotate(0deg); }
.qm-toggle:not(:checked) ~ .qm-btn{ transform: rotate(-90deg); }




@media (max-width: 640px) { 
    .fixed_quickmenu { bottom: 170px; right: 3vw; top: auto; }
    .fixed_quickmenu li{
      width: 35vw;
      padding: 6px 16px;
      border-radius: 30px;
      margin-bottom: 1vw;
      font-size: 3vw; 
    }
    .fixed_quickmenu img{
      width: 5.5vw;
      height: auto;
      margin-right: 6px;
    }
    .qm-btn{
      width: 48px;
      height: 48px;
    }
}
@media (max-width: 480px) { 
    .fixed_quickmenu { bottom: 150px; right: 3vw; top: auto; }
    .fixed_quickmenu li {
        width: 36vw;
        padding: 6px 16px;
        border-radius: 30px;
        margin-bottom: 1vw;
        font-size: 2.7vw;
    }

    .fixed_quickmenu img{
      width: 5.5vw;
      height: auto;
      margin-right: 6px;
    }
    .qm-btn{
      width: 40px;
      height: 40px;
    }
}



/* 병원소개 */

.knowhow_sec { padding: 0 140px 140px; }
.knowhow_sec .sec_tt, .promise_sec .sec_tt { margin-bottom: 0;}
.knowhow_sec .sec_tt, .promise_sec .sec_tt, .promise_sec .sec_tx { text-align: center; }
.knowhow_box { max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 5%; }
.knowhow_box .knowhow_txt { width: 48%; display: flex; flex-direction: column; align-items: center;  }
.knowhow_box .round {font-family: 'Gmarket Sans'; font-weight: 600; color: #b3937a; font-size: 1.45em; display: inline-block; }
.knowhow_box { margin-bottom: 0; }
.knowhow_box .knowhow_img { width: 50%; height: auto; overflow: hidden; }
.knowhow_sec .sec_tx { text-align: center; }
.knowhow_sec .hl_txt { font-size: 1.6em; font-weight: 600; margin-bottom: 3%; position: relative; z-index: 12; text-align: center; }
.knowhow_img img { display: block; width: 100%; margin: 0 auto; }
.knowhow_txt .sm_tit { font-size: 2.2em; font-weight: bold; margin: 16px 0; text-align: center; } 



.doctors_sec { padding: 140px 0 140px; }
.knowhow_sec .eq_line, .promise_sec .eq_line, .knowhow_sec .eq_line { width: 36px; height: 1px; background: #CECECE; margin: 0 auto; margin-top: 26px; margin-bottom: 26px; }
.doctors_sec .hl_txt { font-size: 1.6em; font-weight: 600; margin-bottom: 25px; position: relative; z-index: 12; }
.doctors_sec .sec_tt { margin: 4% 0; color: #1b1b1b; }
.doctors_sec .sec_tx, .doctors_sec .r_txt { margin-bottom: 0%; }
.doctors_sec img { display: block; width: 100%; height: auto; max-width: 1600px; }
.doctors_sec img.dr_mo { display: none; }
.doctors_sec .txt-box { display: flex; justify-content: space-between; align-items: flex-end; }
.doctors_sec .deco_eng { font-size: 1.7em; font-family: 'Gmarket Sans';
letter-spacing: 0.1em; opacity: 100%; padding: 0; color: #e9e9e9; }
.doctors_sec.deco_box { width: 100%; overflow: hidden; }
.doctors_sec .deco_tit { font-size: 10em; font-family: 'Gmarket Sans';
font-weight: bold; color: #ecdfd6; text-align: center; letter-spacing: 0.02em; margin-top: 3%; opacity: 30%; }
.doctors_sec .deco_track { display: flex; width: max-content; gap: 60px; }

.doctors_sec .btn_view { display: inline-flex; align-items: center; padding: 14px 28px; border: 1px solid #222; border-radius: 30px; transition: all 0.25s ease;}
.doctors_sec .btn_view span { font-size: 1.3em;}
.btn_view svg { margin-left: 3rem; width: 1.5rem; height: 1.5rem; transition: fill 0.3s ease-in-out; }


@media(max-width:1080px){ 
    .doctors_sec { padding: 13vw 0 0; }
    .doctors_sec .txt-box { flex-direction: column; align-items: flex-start; }
    .doctors_sec .sec_tx { margin-bottom: 5%; }
    .doctors_sec .btn_view span { font-size: 1.25em;}
    .doctors_sec .deco_tit { font-size: 12.5vw; margin-top: 2%;}
    .doctors_sec .deco_eng { font-size: 1.6em; }
    .doctors_sec .btn_view { padding: 10px 20px; }
    .doctors_sec .btn_view svg { width: 1.3rem; height: 1.3rem; margin-left: 2rem;}
    .knowhow_sec { padding: 13vw 0 13vw; }
    .knowhow_box { flex-direction: column; margin-bottom: 7%;}
    .knowhow_list .knowhow_box:last-child { margin-bottom: 0%;}
    .knowhow_box .knowhow_img, .knowhow_box .knowhow_txt { width: 100%;}
    .knowhow_list .knowhow_box:nth-child(2), .knowhow_list .knowhow_box:nth-child(4) { flex-direction: column-reverse;}
    .doctors_sec .deco_tit { font-size: 16.5vw; }
}

@media(max-width:860px){
    .knowhow_box .round { font-size: 2vw; }
    .knowhow_txt .sm_tit { font-size: 3vw; } 
    .doctors_sec .deco_eng { font-size: 2.6vw; }
    .doctors_sec .deco_track { gap: 38px; }
}

@media(max-width:640px){
    .doctors_sec .sec_tx, .promise_sec .sec_tx { margin-bottom: 8%; }
    .doctors_sec img.dr_pc { display: none; }
    .doctors_sec img.dr_mo { display: block; }
    .doctors_sec .btn_view span { font-size: 2.8vw;}
    .doctors_sec .btn_view { padding: 10px 22px; }
    .doctors_sec .deco_tit { font-size: 15.5vw; }
    .doctors_sec .btn_view svg { width: 1.2rem; height: 1.2rem; margin-left: 1.6rem; }
    .doctors_sec .deco_track { gap: 28px; }
    .knowhow_box { margin-bottom: 10%;}
    .knowhow_box .round { font-size: 3vw; }
    .knowhow_sec .hl_txt  { margin-bottom: 8%; }
    .knowhow_txt .sm_tit { font-size: 4vw; } 

}

@media(max-width:480px){
    .doctors_sec .deco_eng { font-size: 3.1vw; }
    .doctors_sec .btn_view { padding: 8px 18px; }
    .doctors_sec .btn_view span { font-size: 3.2vw;}
    .btn_view svg { width: 1rem; height: 1rem; }
    .doctors_sec .deco_tit { font-size: 15.3vw; }
    .knowhow_box { margin-bottom: 12%;}
    .knowhow_txt .sm_tit { font-size: 5vw; } 
}




.promise_sec { background: #f4f2f1; padding: 140px 0; }
.promise_sec .hl_txt { font-size: 1.6em; font-weight: 700; margin-bottom: 25px; position: relative; z-index: 12; text-align: center; color:#b3937a; }

/*동그라미 리스트*/
.circle_list.color1 li:first-child { background: url(/images/temp3/img_prom1.png) no-repeat center center; background-size: cover; }
.circle_list.color1 li:nth-child(2) { background: url(/images/temp3/img_prom2.png) no-repeat center center; background-size: cover; }
.circle_list.color1 li:nth-child(3) { background: url(/images/temp3/img_prom3.png) no-repeat center center; background-size: cover; }
.circle_list.color1 li:nth-child(4) { background: url(/images/temp3/img_prom4.png) no-repeat center center; background-size: cover; }


.circle_list { width: 100%; height: auto; display: flex; justify-content: space-between; }
.circle_list li { width: 23%; position: relative; border-radius: 50%; color: #fff; }
.circle_list li:after { content: ""; display: block; padding-bottom: 100%; }
.circle_inner { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }

.circle_list li .num { font-size: 2em; font-weight: 600; text-align: center; text-underline-position: under; color: #dfbca1;}
.circle_list li .tit { font-size: 2.4em; font-weight: 600; text-align: center; margin: 14px 0; }
.circle_list li .txt{ font-size: 1.3em; text-align: center; line-height: 1.6; }


/*width3*/
.circle_list.width3 { justify-content: center; }
.circle_list.width3 li { margin: 0 1.5%; }
.circle_list.sub2_6 li .txt { margin-top: 18px; font-size: 1.6em; line-height: 1.45; }
.circle_list.sub2_6 li .txt span { font-weight: 600; }


@media(max-width:1400px){ 
    .circle_list li { width: 24%; position: relative; border-radius: 50%; color: #fff; }
}
@media(max-width:1280px){ 
    .circle_list li .num { font-size: 1.7em; }
    .circle_list li .tit { font-size: 2em; margin: 10px 0; }
    .circle_list li .txt { font-size: 1.15em; }
    
    .circle_list.sub2_6 li .txt { margin-top: 16px; font-size: 1.5em; line-height: 1.45; }
}
@media(max-width:1080px){ 
    .promise_sec { padding: 13vw 0 13vw; }
    .circle_list.sub2_6 li .txt { margin-top: 12px; font-size: 1.35em; line-height: 1.45; }
}
@media(max-width:980px){ 
    .circle_list { flex-wrap: wrap; width: 90%; max-width: 720px; margin: 0 auto; }
    .circle_list li { width: 48%; position: relative; border-radius: 50%; color: #fff; margin-bottom: 2%; }
    
    .circle_list li .num { font-size: 1.5em; }
    .circle_list li .tit { font-size: 2em; }
    .circle_list li .txt { font-size: 1.15em; }
    
    
    .circle_list.width3 li { margin: 0 1%; }
    .circle_list.sub2_6 li .txt { margin-top: 12px; font-size: 1.55em; line-height: 1.45; }
}
@media(max-width:860px){ 
    .circle_list { flex-wrap: wrap; }
    .circle_list li { width: 48%; height: auto; margin-bottom: 2%; }
}
@media(max-width:767px){ 
    .circle_list li .num { font-size: 1.3em; }
    .circle_list li .tit { font-size: 1.7em; }
    .circle_list li .txt { font-size: 1.1em; }
    
    .circle_list.sub2_6 li .txt { margin-top: 12px; font-size: 1.35em; line-height: 1.45; }
}
@media(max-width:640px){ 
    .circle_list li .txt { width: 100%; height: auto; margin-bottom: 2%; }
}
@media(max-width:580px){ 
    .circle_list { flex-wrap: wrap; width: 100%; max-width: 720px; margin: 0 auto; }
    
    .circle_list.sub2_6 li .txt { margin-top: 12px; font-size: 1.2em; line-height: 1.45; }
}
@media(max-width:480px){ 
    .circle_list li { width: 49%; height: auto; margin-bottom: 2%; }
    .circle_list li .num { font-size: 1.1em; }
    .circle_list li .tit { font-size: 1.5em; margin: 11px 0 7px;  }
    .circle_list li .txt { font-size: 1em; line-height: 1.5; }
    
    
    .circle_list.width3 { justify-content: center; }
    .circle_list.width3 li { width: 48%; margin: 0 1% 0; }
    .circle_list.sub2_6 li .txt { margin-top: 8px; font-size: 1.15em; line-height: 1.45; }
}
@media(max-width:400px){ 
    .circle_list li { width: 49%; height: auto; margin-bottom: 2%; }
    .circle_list li .num { font-size: 1em; }
    .circle_list li .tit { font-size: 1.3em; }
    .circle_list li .txt { font-size: 0.95em; }
    .circle_list.sub2_6 li .txt { font-size: 1em; line-height: 1.45; }
}


/* 병원소개 하단 배너 */
.fb.sub1_1  { width: 100%; height: auto; padding: 100px 0; position: relative; }
.fb.sub1_1 { background: url('/images/temp3/fb_sub1_1.png') no-repeat center center; background-size: cover; }




.fb { width: 100%; height: auto; padding: 200px 0; position: relative; }
.fb::after { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; }

/* 배경 */
.fb.sub2_3 { background: url('/images/renew/sub/fb_sub2_3.jpg') no-repeat center center; background-size: cover; }
.fb.sub2_4 { background: url('/images/renew/sub/fb_sub2_4.jpg') no-repeat center center; background-size: cover; }
.fb.sub2_5 { background: url('/images/renew/sub/fb_sub2_5.jpg') no-repeat center center; background-size: cover; }
.fb.sub2_8 { background: url('/images/renew/sub/fb_sub2_8.jpg') no-repeat center center; background-size: cover; }
.fb.sub5_1 { background: url('/images/renew/sub/fb_sub5_1.jpg') no-repeat center bottom; background-size: cover; }
.fb.sub5_2 { background: url('/images/renew/sub/fb_sub5_2.jpg') no-repeat center bottom; background-size: cover; }
.fb.sub2_1 { background: url('/images/renew/sub/fb_sub2_1.jpg') no-repeat center bottom; background-size: cover; }
.fb.sub2_2 { background: url('/images/renew/sub/fb_sub2_2.jpg') no-repeat center bottom; background-size: cover; }
.fb.sub5_3 { background: url('/images/renew/sub/fb_sub5_3.jpg') no-repeat center bottom; background-size: cover; }
.fb.sub3_1 { background: url('/images/renew/sub/fb_sub3_1.jpg') no-repeat center bottom; background-size: cover; }

.fb_box { text-align: center; color: #fff; position: relative; z-index: 10; }
.fb_box .sec_tx { margin: 1.5% 0 2%; word-break: keep-all; }





.general_1 .sec_tx, .general_3 .sec_tx, .general_4 .sec_tx, .general_5 .sec_tx { margin-bottom: 0;}

.square_imglist { width: 100%; height: auto; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.5%; }
.square_imglist li { width: 23.5%; height: auto; display: flex; flex-direction: column; }

/*박스갯수별*/
.square_imglist li { width: 23.5%; height: auto; display: flex; flex-direction: column; }
.square_imglist.box3 li { width: 32%; }
.square_imglist.box5 li { width: 19%; }


.square_imglist .img { width: 100%; height: 270px; border-radius: 14px; border: 1px solid #f0f0f0; }

.square_imglist .img.long { height: 340px; }


.square_imglist .img.img1 { background: url('/images/renew/sub/who1.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.img2 { background: url('/images/renew/sub/who2.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.img3 { background: url('/images/renew/sub/who3.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.img4 { background: url('/images/renew/sub/who4.jpg') no-repeat center center; background-size: cover; }


.square_imglist .img.sub2_4_1 { background: url('/images/renew/sub/sub2_4_img1_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_2 { background: url('/images/renew/sub/sub2_4_img2_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_3 { background: url('/images/renew/sub/sub2_4_img3_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_4 { background: url('/images/renew/sub/sub2_4_img4_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_5 { background: url('/images/renew/sub/sub2_4_img5_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_6 { background: url('/images/renew/sub/sub2_4_img6_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_7 { background: url('/images/renew/sub/sub2_4_img7_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_8 { background: url('/images/renew/sub/sub2_4_img8_new.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_4_9 { background: url('/images/renew/sub/sub2_4_img9_new.jpg') no-repeat center center; background-size: cover; }


.square_imglist .img.sub2_5_1 { background: url('/images/renew/sub/sub2_5_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_2 { background: url('/images/renew/sub/sub2_5_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_3 { background: url('/images/renew/sub/sub2_5_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_4 { background: url('/images/renew/sub/sub2_5_img4.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_5 { background: url('/images/renew/sub/sub2_5_img5.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_6 { background: url('/images/renew/sub/sub2_5_img6.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_7 { background: url('/images/renew/sub/sub2_5_img7.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_5_8 { background: url('/images/renew/sub/sub2_5_img8.png') no-repeat center center; background-size: cover; }


.square_imglist .img.sub2_6_1 { background: url('/images/renew/sub/sub2_6_img1.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_6_2 { background: url('/images/renew/sub/sub2_6_img2.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.sub2_6_3 { background: url('/images/renew/sub/sub2_6_img3.jpg') no-repeat center center; background-size: cover; }


.square_imglist .img.img2_8_1 { background: url('/images/renew/sub/sub2_8_img1.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.img2_8_2 { background: url('/images/renew/sub/sub2_8_img2.jpg') no-repeat center center; background-size: cover; }
.square_imglist .img.img2_8_3 { background: url('/images/renew/sub/sub2_8_img3.jpg') no-repeat center center; background-size: cover; }


.square_imglist .img.sub5_1_1 { background: url('/images/renew/sub/sub5_1_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_1_2 { background: url('/images/renew/sub/sub5_1_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_1_3 { background: url('/images/renew/sub/sub5_1_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_1_4 { background: url('/images/renew/sub/sub5_1_img4.png') no-repeat center center; background-size: cover; }


.square_imglist .img.sub5_2_1 { background: url('/images/renew/sub/sub5_2_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_2_2 { background: url('/images/renew/sub/sub5_2_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_2_3 { background: url('/images/renew/sub/sub5_2_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_2_4 { background: url('/images/renew/sub/sub5_2_img4.png') no-repeat center center; background-size: cover; }

.square_imglist .img.sub5_3_1 { background: url('/images/renew/sub/sub5_3_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_3_2 { background: url('/images/renew/sub/sub5_3_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_3_3 { background: url('/images/renew/sub/sub5_3_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_3_4 { background: url('/images/renew/sub/sub5_3_img4.png') no-repeat center center; background-size: cover; }


.square_imglist .img.sub5_4_1 { background: url('/images/renew/sub/sub5_4_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_4_2 { background: url('/images/renew/sub/sub5_4_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub5_4_3 { background: url('/images/renew/sub/sub5_4_img3.png') no-repeat center center; background-size: cover; }


.square_imglist .img.sub6_1_1 { background: url('/images/renew/sub/sub6_1_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub6_1_2 { background: url('/images/renew/sub/sub6_1_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub6_1_3 { background: url('/images/renew/sub/sub6_1_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub6_1_4 { background: url('/images/renew/sub/sub6_1_img4.png') no-repeat center center; background-size: cover; }

.square_imglist .img.sub6_2_1 { background: url('/images/renew/sub/sub6_2_img1.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub6_2_2 { background: url('/images/renew/sub/sub6_2_img2.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub6_2_3 { background: url('/images/renew/sub/sub6_2_img3.png') no-repeat center center; background-size: cover; }
.square_imglist .img.sub6_2_4 { background: url('/images/renew/sub/sub6_2_img4.png') no-repeat center center; background-size: cover; }

.square_imglist .img_txt { font-size: 1.45em; margin-top: 20px; }


@media (max-width: 1280px) { 
    .square_imglist { margin-top: 3.2%; }
    .square_imglist li { width: 48%; margin-bottom: 4%; }
    
    .square_imglist.box3 li { width: 48%; }
    .square_imglist.box5 li { width: 48%; }
}
@media (max-width: 860px) { 
    .square_imglist { margin-top: 3vw; }
    .square_imglist li { width: 48%; margin-bottom: 3vw; }
    .square_imglist .img { height: 30vw; }
    .square_imglist .img.long { height: 40vw; }
}
@media (max-width: 640px) { 
    .square_imglist { margin-top: 4vw; }
    .square_imglist li { width: 48%; margin-bottom: 4vw; }
    .square_imglist .img { height: 30vw; }
    .square_imglist .img_txt { font-size: 3vw; margin-top: 2vw; }
}
@media (max-width: 480px) { 
    .square_imglist { margin-top: 4vw; }
    .square_imglist li { width: 100%; margin-bottom: 4vw; }

    .square_imglist.box3 li { width: 100%; }
    
    .square_imglist .img { height: 45vw; }
    .square_imglist .img.long { height: 74vw; }
    .square_imglist .img_txt { font-size: 3.3vw; margin-top: 3vw; }
}





.sm_circle_list { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }
.sm_circle_list li { width: 240px; height: 240px; border: 1px solid #aaa; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.7em; margin: 0 10px; }

@media (max-width: 1280px) { 
    .fb.sub1_1 { padding: 50px 0; }
    .fb_box .sec_tx { margin: 2.7% 0 3.4%; }
}
@media (max-width: 860px) { 
    .fb.sub1_1  { padding: 13vw 0; }
    .fb_box .sec_tx { margin: 3vw 0 3.5vw; }
    .sm_circle_list li { width: 32vw; aspect-ratio: 1 / 1; height: auto; font-size: 2.3vw; }
}

@media (max-width: 640px) { 
    .fb.sub1_1 { padding: 13vw 0; }
    .fb_box .sec_tx { margin: 4vw 0 4.5vw; }
    .sm_circle_list { flex-wrap: wrap; }
    .sm_circle_list li { width: 44%; aspect-ratio: 1 / 1; height: auto; font-size: 3.4vw; margin: 0 1vw; }
}
/* 병원소개 하단 배너 끝 */






/* 의료진 소개 */
.medt_sec { padding: 140px 0 0; }
.s-inner { width: 100%; max-width: 1600px; margin: 0 auto; height: auto; }
.s_section.sub1_2_new { display: flex; justify-content: space-between; flex-wrap: wrap;}
.sub1_2_inner { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 9%; }
.sub1_2_dr { width: 50%; height: auto; position: relative; }

/* 프로필 */
.sub1_2_dr .dr_img { width: 85%; height: 673px; background: url('/images/temp3/dr_ready_ad.png') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_1 { width: 85%; height: 673px; background: url('/images/temp3/dr_jang.jpg') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_2 { width: 85%; height: 673px; background: url('/images/temp3/dr_2.jpg') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_3 { width: 85%; height: 673px; background: url('/images/temp3/dr_3.jpg') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_4 { width: 85%; height: 673px; background: url('/images/temp3/dr_4.jpg') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_5 { width: 85%; height: 673px; background: url('/images/temp3/dr_5.jpg') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_6 { width: 85%; height: 673px; background: url('/images/temp3/dr_6.png') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}
.sub1_2_dr .dr_7 { width: 85%; height: 673px; background: url('/images/temp3/dr_7.png') no-repeat center top; background-size: cover; position: relative; z-index: 2; border-radius: 30px;}





/* .sub1_2_dr .dr_img_border { display: block; width: 85%; height: 673px; border: 1px solid #28afed; position: absolute; top: 22px; left: 22px; z-index: -1 !important; } */

.sub1_2_txt { width: 50%; padding: 3% 0; }
.sub1_2_txt .small { font-size: 1.4em; font-weight: 600; color: #26324a; }
.sub1_2_txt .name { font-size: 3.5em; letter-spacing: -0.05em; padding: 8px 0px 28px; }
.sub1_2_txt .name span { font-weight: 600; }
.sub1_2_txt .hl_txt { font-size: 1.6em; font-weight: 600; margin-bottom: 25px; position: relative; z-index: 12; }
.sub1_2_txt { width: 50%; padding: 3% 0; }
.sub1_2_txt ul li { font-size: 1.4em; display: flex; margin-bottom: 13px; position: relative; z-index: 12; color: #5d5d5d;}
.sub1_2_txt ul li:last-child { margin-bottom: 0; }
.sub1_2_txt ul li p:first-child { margin-right: 4px; }

.sub1_2_inner.s_doctor .sub1_2_txt { padding: 4%; background: #fff; width: 100%; margin-bottom: 3%; position: relative; overflow: hidden; }
.sub1_2_inner.s_doctor .sub1_2_txt:last-child { margin-bottom: 0; }
.sub1_2_inner.s_doctor .sub1_2_logo { position: absolute; bottom: 0; right: 60px; width: 390px; z-index: 11;}


@media(max-width:1600px){ 
    .sub1_2_inner.s_doctor .sub1_2_txt { padding: 6%; }
}
@media(max-width:1280px){ 
    .sub1_2_dr .dr_img { width: 85%; height: 550px; }
    .sub1_2_dr .dr_img_border { width: 85%; height: 550px; top: 20px; left: 20px; }
    
    .sub1_2_txt .small { font-size: 1.3em; }
    .sub1_2_txt .name { font-size: 3em; padding-bottom: 24px; }
    .sub1_2_txt .hl_txt { font-size: 1.5em; margin-bottom: 24px; }
    .sub1_2_txt ul li { font-size: 1.3em; margin-bottom: 12px; }
    
    .sub1_2_inner.s_doctor .sub1_2_logo { width: 320px; }
}
@media(max-width:1080px){ 
    .medt_sec { padding: 13vw 0 0; }
    .sub1_2_inner.s_doctor .sub1_2_txt { padding: 7%; }
    .sub1_2_dr .dr_img { width: 89%; height: 480px; }
    .sub1_2_dr .dr_img_border { width: 89%; height: 480px; top: 16px; left: 16px; }
    
    .sub1_2_txt .name { font-size: 2.8em; padding-bottom: 24px; }
    
    .sub1_2_inner.s_doctor .sub1_2_txt { width: 100%; }
}
@media(max-width:860px){ 
    .sub1_2_dr { width: 70%; margin: 0 auto; }
    .sub1_2_dr .dr_img { width: 100%; height: 480px; }
    .sub1_2_dr .dr_img_border { width: 100%; height: 480px; top: 16px; left: 16px; }
    
    .sub1_2_txt { width: 70%; padding: 3% 0; margin: 30px auto 0; }
    .sub1_2_inner.s_doctor .sub1_2_txt { padding: 6%; }
    .sub1_2_inner.s_doctor .sub1_2_logo { width: 300px; right: -40px; }
}
@media(max-width:767px){ 
    .sub1_2_dr { width: 85%; margin: 0 auto; }
    .sub1_2_txt { width: 85%; padding: 3% 0; margin: 30px auto 0; }
    .sub1_2_txt .name { font-size: 2.5em; padding-bottom: 20px; }
    .sub1_2_txt ul li { font-size: 1.15em; margin-bottom: 12px; }
    .sub1_2_txt .hl_txt { font-size: 1.35em; margin-bottom: 16px; }
    .sub1_2_inner.s_doctor .sub1_2_logo { width: 250px; right: -40px; }
}
@media(max-width:580px){ 
    .sub1_2_dr { width: 90%; margin: 0 auto; }
    .sub1_2_dr .dr_img { width: 100%; height: 85vw; }
    .sub1_2_dr .dr_img_border { width: 100%; height: 85vw; top: 16px; left: 16px; }
    .sub1_2_txt { width: 90%; padding: 3% 0; margin: 30px auto 0; }
    .sub1_2_txt .name { font-size: 2.3em; padding-bottom: 20px; }
    .sub1_2_txt ul li { font-size: 1.15em; margin-bottom: 12px; }
    .sub1_2_txt .hl_txt { font-size: 1.35em; margin-bottom: 16px; }
}
@media(max-width:480px){ 
    
    .sub1_2_inner { margin-bottom: 10vw; }
    .sub1_2_dr { width: 95%; margin: 0 auto; }
    .sub1_2_dr .dr_img { width: 100%; height: 85vw; }
    .sub1_2_dr .dr_img_border { width: 100%; height: 85vw; top: 12px; left: 12px; }
    
    .sub1_2_txt { width: 95%; padding: 3% 0; margin: 24px auto 0; }
    .sub1_2_txt .small { font-size: 1.1em; margin-bottom: 4px; }
    .sub1_2_txt .name { font-size: 2em; padding: 0px 0px 12px; }
    .sub1_2_txt ul li { font-size: 1em; margin-bottom: 1.6vw; }
    .sub1_2_txt .hl_txt { font-size: 1.2em; margin-bottom: 2.8vw; }
    .sub1_2_inner.s_doctor .sub1_2_txt { margin: 14px auto 0; }
    .sub1_2_inner.s_doctor .sub1_2_txt:first-child { margin-top: 0; }
    .sub1_2_inner.s_doctor .sub1_2_logo { width: 180px; right: -30px; }
}
@media(max-width:400px){ 
    .sub1_2_dr { width: 98%; margin: 0 auto; position: relative; left: -1%;}
    .sub1_2_dr .dr_img { width: 100%; height: 85vw; }
    .sub1_2_dr .dr_img_border { width: 100%; height: 85vw; top: 8px; left: 8px; }
    
    .sub1_2_txt { width: 100%; padding: 3% 0; margin: 24px auto 0; }
    .sub1_2_txt .small { font-size: 1em; }
    .sub1_2_txt .name { font-size: 1.8em; padding: 0px 0px 12px; }
    .sub1_2_txt ul li { font-size: 0.95em; margin-bottom: 2.4vw; }
    .sub1_2_txt .hl_txt { font-size: 1.15em; margin-bottom: 2.9vw; }
}