@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: #c3c3c3; }

.sec_tt { font-size: 3.7em; line-height: 1.2; font-family: 'Gmarket Sans'; }
.sec_tt span { color: #6face1; }

.sec_tx { font-size: 1.45em; line-height: 1.4; word-break: keep-all;}

.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; }

.new_banner_wrap.sleep1 { background: url(/images/temp3/sleep1_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: 'SCoreDream'; font-weight: 600; letter-spacing: -0.05em; color: #fff; text-align: center; font-size: 4.5em; }
.banner_txt .tit span { color: #a6cff3; }
.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: #6face1;
  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: #f9f9f9; }
.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: #6face1; 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: #6face1; 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: #003067; }
.pyo .head.blue { background: #6face1; }

.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: #f4f4f4; /* 연한 갈색 */
  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 #6face1;
  border-bottom: 2px solid #6face1;
  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: #f4f4f4; 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: #6face1;
    color: #fff;
    font-weight: 700;
}

/* 강조 셀 */
.imp_graph table .highligh {
    border: 2px solid #6face1;
    color: #6face1;
    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: #6face1; 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: #6face1; }
.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: #6face1; 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 #6face1; }
.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 #003067;
  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: #003067;          /* 원 컬러 */
  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;
    }
}