@charset "utf-8";

@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');
@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: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.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; }




.btn-top { position: fixed; right: 10px; top: 710px; display: inline-block; width: 76px; height: 76px; padding: 0; background: #01bec0; color: #fff; font-size: 14px; border-radius: 50%; text-align: center; padding-top: 28px; box-sizing: border-box; text-decoration: none; opacity: 0; pointer-events: none; transition: opacity .3s ease; }

.btn-top.show { opacity: 1; pointer-events: auto; transition: 0.3s; }
.btn-top.show:hover { background: #009193; transition: 0.3s; }

@media(max-width:1600px){ 
    .btn-top { top: 464px; }
}

@media(max-width:1080px){ 
    .btn-top { top: 59vw; width: 7vw; height: 7vw; padding-top: 2.6vw; font-size: 1.5vw; }
}





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


.sec_stt { font-size: 2.6em; font-weight: 300; }
.sec_stt.mb { margin-bottom: 0.5%; }

.sec_tt { font-size: 4em; line-height: 1.3; font-family: 'SCoreDream'; font-weight: 600; letter-spacing: -0.05em; }
.sec_tt span { color: #003067; }
.fb_box span { color: #a6cff3; }
.inner { width: 90%; max-width: 1600px; margin: 0 auto; }

@media(max-width:1080px){ 
    .sec_stt { font-size: 4vw; }
    .sec_stt.mb { margin-bottom: 0.7vw; }
    .sec_tt { font-size: 5.5vw; }
}

@media(max-width:640px){ 
    br.mo_br { display: block; }
    
    .sec_stt { font-size: 5.6vw; }
    .sec_stt.mb { margin-bottom: 2vw; }
    .sec_tt { font-size: 8vw; line-height: 1.2; }
}

@media(max-width:480px){ 
    .sec_tt { font-size: 8.5vw; }
}




/* ===== sec_movie ===== */
.sec_movie {  width: 100%; height: 93vh; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }

/* ★ 동영상 배경 */
.sec_movie .bg_video { position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; object-fit: cover; transform: translate(-50%, -50%); z-index: -1; }
.sec_movie .bg_video_mo { display: none; }

/* 텍스트 영역 */
.sec_movie_txtbox { text-align: left; color: #fff; z-index: 2; width: 90%; max-width: 1600px; }

.sec_movie_txtbox .sub_tt { font-size: 3em; font-weight: 200; font-family: "Pretendard Variable"; }

.sec_movie_txtbox .m_tt { font-size: 6.4em; padding-bottom: 16px; font-family: 'SCoreDream'; font-weight: 500; letter-spacing: -0.05em;}
.sec_movie_txtbox .m_tt::before { content: ""; display: block; width: 395px; height: 89px; background: url('/images/temp3/m_visu_typo.png') no-repeat center center; background-size: cover; }

.sec_movie_txtbox .m_tt span { color: #003067; }

.sec_movie_txtbox .sub_tx { font-size: 1.45em; line-height: 1.4; padding-top: 16px; font-weight: 300; }

/* 마우스 움직이는 이미지 */
.sec_movie img { position: absolute; bottom: 8%; left: 50%; width: 28px; height: 48px; margin-left: -14px; animation: floating 1.5s ease-in-out infinite; z-index: 3; }

.sec_movie::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,0.35); z-index:1; }

/* 애니메이션 */
@keyframes floating {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(-12px); opacity: 0.8; }
    100% { transform: translateY(0); opacity: 1; }
}

/* ===== 반응형 ===== */
@media(max-width:1080px){
    .sec_movie .bg_video { display: none; }
    .sec_movie .bg_video_mo { display: block; position: absolute; top: 50%; left: 50%; width: 100vw; height: 100vh; object-fit: cover; transform: translate(-50%, -50%); z-index: -1; }
    .sec_movie_txtbox .sub_tt { font-size: 2.1em; }
    .sec_movie_txtbox .m_tt { font-size: 5.3em; padding: 26px 0 22px; }
    .sec_movie_txtbox .sub_tx { font-size: 1.4em; padding-top: 22px; }
}

@media(max-width:860px){
    .sec_movie_txtbox .sub_tt { font-size: 3.9vw; }
    .sec_movie_txtbox .m_tt { font-size: 8.6vw; padding: 2vw 0 2vw; }
    .sec_movie_txtbox .sub_tx { font-size: 2vw; padding-top: 2vw; }
}

@media(max-width:640px){
    .sec_movie_txtbox .sub_tt { font-size: 5vw; }
    .sec_movie_txtbox .m_tt { font-size: 9vw; padding: 2vw 0 2vw; }
    .sec_movie_txtbox .sub_tx { font-size: 3vw; padding-top: 2vw; }
    .sec_movie_txtbox .m_tt::before { width: 280px; height: 63px; }
}

@media(max-width:480px){
    .sec_movie_txtbox { text-align: center; }
    .sec_movie_txtbox .sub_tt { font-size: 5.8vw; }
    .sec_movie_txtbox .sub_tx { font-size: 3.6vw; padding-top: 2vw; }
    .sec_movie_txtbox .m_tt::before { margin: 0 auto; }
}






/* 특화진료센터 */
.pro_clinic { padding: 140px 0; background: url('/images/temp3/pro_list_bg.jpg') no-repeat center center; background-size: cover; }  

.cli_list { width: 100%; height: 100%; display: flex; justify-content: space-between; margin-top: 2%; }
.cli_list li { width: 16%; height: 375px; padding: 1.6%; box-sizing: border-box; border-radius: 20px; display: flex; justify-content: flex-end; flex-direction: column; color: #fff; }

.cli_list li.cli1 { background: url('/images/temp3/pro_img1.jpg') no-repeat center center; background-size: cover; }
.cli_list li.cli2 { background: url('/images/temp3/pro_img2.jpg') no-repeat center center; background-size: cover; }
.cli_list li.cli3 { background: url('/images/temp3/pro_img3.jpg') no-repeat center center; background-size: cover; }
.cli_list li.cli4 { background: url('/images/temp3/pro_img5.jpg') no-repeat center center; background-size: cover; }
.cli_list li.cli5 { background: url('/images/temp3/pro_img4.jpg') no-repeat center center; background-size: cover; }
.cli_list li.cli6 { background: url('/images/temp3/pro_img6.jpg') no-repeat center center; background-size: cover; }

.cli_list .eng { font-family: 'GongGothicLight'; font-size: 1.3em; color: #fff; opacity: 0.4; margin-bottom: 2%; }
.cli_list .txt { font-family: 'SCoreDream'; font-size: 2.2em; letter-spacing: -0.05em; font-weight: 500; }


@media(max-width:1400px){
    .cli_list li { height: 320px; }
}

@media(max-width:1080px){
    .pro_clinic { padding: 13vw 0; }
    .cli_list { flex-wrap: wrap; justify-content: center; }
    .cli_list li { width: 32.33%; margin: 0.5%; padding: 3.4vw; }
    
    .cli_list .eng { font-size: 2vw; }
    .cli_list .txt { font-size: 3.4vw; }
}

@media(max-width:860px){
    .cli_list li { height: 40vw; }
    
    .cli_list .eng { font-size: 2vw; }
    .cli_list .txt { font-size: 3.4vw; }
}

@media(max-width:640px){
    .cli_list { flex-wrap: wrap; justify-content: space-between; margin-top: 4vw; }
    .cli_list li { width: 49%; height: 50vw; margin: 0; padding: 3.4vw; margin-bottom: 2%; }
    
    .cli_list .eng { font-size: 2.9vw; }
    .cli_list .txt { font-size: 5.1vw; }
}








/* 네이버 리뷰섹션 */
.naver_review { padding: 140px 0; }

.naver_review .txt1 { font-family: 'SCoreDream'; font-size: 6em; font-weight: 700; letter-spacing: -0.05em;}
.naver_review .txt1 span { color: #6face1; }
.naver_review .txt2 { font-size: 3em; font-family: 'SCoreDream'; font-weight: 500; }
.naver_review .txt2 span { color: #003067; }

.naver_review .round { display: inline-block; border: 1px solid #000; padding: 10px 5%; border-radius: 40px; font-size: 2em; margin: 24px 0; }
.naver_review .sm { font-size: 1.45em; line-height: 1.4; }
.naver_review .sm span { font-weight: bold; text-decoration: underline; color: #003067;}

.naver_review .inner { display: flex; justify-content: space-between; align-items: center; }
.naver_review .left_box { width: 40%; height: auto; }
.naver_review .right_box { width: 60%; height: auto; position: relative; display: flex; justify-content: center; }
.naver_review .right_box .phone { position: absolute; width: 40%; max-width: 426px; left: 50%; transform: translateX(-50%); z-index: 1; }
.naver_review .right_box .viewpop { position: relative; z-index: 2; width: 90%; max-width: 1004px; }

@media(max-width:1280px){
    .naver_review .inner { flex-wrap: wrap; }
    .naver_review .left_box { width: 100%; text-align: center; padding-bottom: 5%; }
    .naver_review .right_box { width: 100%; }
}

@media(max-width:1080px){
    .naver_review { padding: 18vw 0; }
    .naver_review .left_box { padding-bottom: 5vw; }
    .naver_review .txt1 { font-size: 7.7vw; margin-bottom: 0.8vw; }
    .naver_review .txt2 { font-size: 5vw; }
    .naver_review .round { font-size: 2.4vw; padding: 1vw 3vw; }
    .naver_review .sm { font-size: 1.4em; }
    .naver_review .right_box .viewpop { width: 100%; }
}

@media(max-width:640px){
    .naver_review .left_box { padding-bottom: 8vw; }
    .naver_review .txt1 { font-size: 11vw; margin-bottom: 0.8vw; }
    .naver_review .txt2 { font-size: 6.5vw; }
    .naver_review .round { font-size: 3.8vw; padding: 1vw 3vw; margin: 3.5vw 0; }
    .naver_review .sm { font-size: 3vw; }
}

@media(max-width:480px){
    .naver_review .txt1 { font-size: 11.5vw; margin-bottom: 0.8vw; }
    .naver_review .txt2 { font-size: 6.8vw; }
    .naver_review .round { font-size: 4.2vw; padding: 1vw 3vw; margin: 3.5vw 0; }
    .naver_review .sm { font-size: 3.6vw; }
}


.sky_clinic { padding: 140px 0;}


.mc_contents { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 2%; }

.sky_clinic .left_cont { width: 49%; height: auto; }

.sky_clinic .left_cont .ico { width: 140px; height: 140px; flex: 0 0 140px; }
.sky_clinic .left_cont .ico.ico1 { background: url('/images/temp3/mc_ico1.png') no-repeat center center; background-size: cover; }
.sky_clinic .left_cont .ico.ico2 { background: url('/images/temp3/mc_ico2.png') no-repeat center center; background-size: cover; }
.sky_clinic .left_cont .ico.ico3 { background: url('/images/temp3/mc_ico3.png') no-repeat center center; background-size: cover; }
.sky_clinic .left_cont .ico.ico4 { background: url('/images/temp3/mc_ico4.png') no-repeat center center; background-size: cover; }

.sky_clinic .left_cont .text { margin-left: 20px; }

.left_cont .contbox { background: #f4f4f4; border-radius: 26px; padding: 5%; display: flex; align-items: center; margin-bottom: 12px; }
.left_cont .contbox:last-child { margin-bottom: none; }
.contbox .round { background: #fff; font-weight: bold; color: #6face1; font-size: 1.45em; padding: 6px 18px; border-radius: 30px; display: inline-block; }
.contbox .tit { font-size: 2.2em; font-weight: bold; margin: 16px 0; }
.contbox .txt { font-size: 1.45em; line-height: 1.4; word-break: keep-all; }

.mc_contents .right_cont {
  width: 48%;
  align-self: stretch;
  /* background 제거 */
  border-radius: 26px;
  overflow: hidden; /* 중요 */
  position: relative;
}
.mc_contents .right_cont video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  pointer-events: none;
}

.mc_contents .right_cont img {
    width: 100%;
}

@media(max-width:1280px){
    .mc_contents { flex-wrap: wrap; }
    .sky_clinic .left_cont { width: 100%; order: 2; }
    .sky_clinic .right_cont { width: 100%; align-self: auto; height: 65vw; order: 1; margin-bottom: 12px; }
}

@media(max-width:1080px){
    .sky_clinic { padding: 12vw 0; }
    .sky_clinic .left_cont .ico { width: 12vw; height: 12vw; flex: 0 0 12vw; }
}

@media(max-width:860px){
    .sky_clinic { padding: 12vw 0 12vw; }
    .contbox .round { background: #fff; font-weight: bold; color: #003067; font-size: 2vw; padding: 6px 18px; border-radius: 30px; display: inline-block; }
    .contbox .tit { font-size: 3vw; font-weight: bold; margin: 16px 0; }
    .sky_clinic .left_cont .ico { width: 12vw; height: 12vw; flex: 0 0 12vw; }
}
@media(max-width:640px){
    .sky_clinic { padding: 12vw 0 12vw; }
    .mc_contents { margin-top: 4vw; }
    .sky_clinic .left_cont .ico { width: 20vw; height:20vw; flex: 0 0 20vw; }
    .contbox .round { background: #fff; font-weight: bold; color: #003067; font-size: 3vw; padding: 6px 18px; border-radius: 30px; display: inline-block; }
    .contbox .tit { font-size: 4vw; font-weight: bold; margin: 2vw 0; }
    .contbox .txt { font-size: 3vw; }
}

@media(max-width:480px){
    .sky_clinic { padding: 12vw 0 12vw; }
    .left_cont .contbox { border-radius: 16px; }
    .mc_contents .right_cont { border-radius: 16px; }
    .mc_contents { margin-top:5vw; }
    .sky_clinic .left_cont .ico { width: 20vw; height:20vw; flex: 0 0 20vw; }
    .contbox .round { background: #fff; font-weight: bold; color: #003067; font-size: 3vw; padding: 6px 18px; border-radius: 30px; display: inline-block; }
    .contbox .tit { font-size: 5vw; font-weight: bold; margin: 2vw 0; }
    .contbox .txt { font-size: 3.6vw; }
}






/*수면임플란트는 다릅니다 !*/

.dalra { padding-bottom: 140px;}
.dalra .sec_tt em { font-style: normal; color: #e9e9e9; }
.dalra .sec_tt span { font-family: 'SCoreDream'; font-weight: 700; letter-spacing: -0.05em; }
.dalra .sec_tt { position: relative; }
.dalra .sec_tt::before { content: ""; display: block; width: 730px; height: 98px; background: url('/images/temp3/dalra_typo.png') no-repeat center center; background-size: cover; position: absolute; right: 0; top: 4px; }


.dalra_list { display: flex; justify-content: space-between; margin-top: 2%; }
.dalra_list li { width: 24%; height: auto; }

.dalra_list .img { width: 100%; height: 280px; border-radius: 30px; }
.dalra_list .img.img1 { background: url('/images/temp3/dal1.jpg') no-repeat center center; background-size: cover; }
.dalra_list .img.img2 { background: url('/images/temp3/dal2.jpg') no-repeat center center; background-size: cover; }
.dalra_list .img.img3 { background: url('/images/temp3/dal3.jpg') no-repeat center center; background-size: cover; }
.dalra_list .img.img4 { background: url('/images/temp3/dal4.jpg') no-repeat center center; background-size: cover; }

.dalra_list .tit { font-size: 2em; font-weight: bold; margin: 12px 0; }
.dalra_list .txt { font-size: 1.45em; line-height: 1.4; }


@media(max-width:1280px){
    .dalra_list { flex-wrap: wrap; }
    .dalra_list li { width: 49%; margin-bottom: 3%; }
    .dalra_list li:nth-child(3), .dalra_list li:last-child { margin-bottom: 0; }
    .dalra .sec_tt::before { width: 500px; height: 67px; }
}

@media(max-width:1080px){
    .dalra { padding: 12vw 0; }
}

@media(max-width:860px){
    .dalra_list { margin-top: 3vw; }
    .dalra_list li { margin-bottom: 4vw; }
    .dalra .sec_tt::before { left: 0; top: -80px; }
    .dalra { padding: 12vw 0 12vw; }
}

@media(max-width:640px){
    .dalra_list li { width: 100%; margin-bottom: 6vw; }
    .dalra_list li:nth-child(3), .dalra_list li:last-child { margin-bottom: 6vw; }
    .dalra_list .tit { font-size: 4vw; font-weight: bold; margin: 2vw 0; }
    .dalra_list .txt { font-size: 3vw; }
    .dalra_list .img { border-radius: 16px; }
    .dalra .sec_tt::before { width: 380px; height: 51px; top: -60px; }
    .dalra { padding: 12vw 0 12vw; }
}

@media(max-width:480px){
    .dalra_list .img { height: 60vw; }
    .dalra_list .tit { font-size: 5vw; font-weight: bold; margin: 2vw 0; }
    .dalra_list .txt { font-size: 3.6vw; }
    .dalra .sec_tt::before { width: 300px; height: 40px; top: -50px; }
    .dalra { padding: 12vw 0 12vw; }
}








.dr_temp2 { text-align: center; padding: 140px 0 0; }

.dr_temp2 h4 { font-size: 7em; font-weight: 200; letter-spacing: -0.05em; font-family: 'ChosunIlboMyungjo'}

.dr_temp2 h4 span { color: #01bec0; }

.dr_temp2 .sec_tx { font-size: 1.85em; line-height: 1.4; margin: 2% 0 3%; }
.dr_temp2 .sec_tx span { font-weight: bold; color: #01bec0; }

.dr_temp2 img.dr_mo { display: none; }
.dr_temp2 img.mo_br { display: none; }
.dr_temp2 img { display: block; width: 100%; height: auto; max-width: 1600px; }

.dr_temp2 .sm { font-size: 1.45em; line-height: 1.4; margin: 2% 0 3.7%; }
.dr_temp2 .sm span { font-weight: bold; text-decoration: underline; color: #003067; }



@media(max-width:1080px){
    .dr_temp2 h4 { font-size: 8vw; }
    .dr_temp2 .sec_tx { font-size: 1.95vw; }
    .naver_review .sm { font-size: 1.4em; }
    .dr_temp2 { padding: 13vw 0 0; }
}

@media(max-width:860px){
    .dr_temp2.inner { width: 100% !important; }
    .dr_temp2 { overflow: hidden; }
    .dr_temp2 h4 { font-size: 9.6vw; }
    .dr_temp2 .sec_tx { font-size: 2.4vw; margin: 3.3vw 0 4.2vw; }
    /* .dr_temp2 img { width: 116%; margin-left: -6%; } */
}

@media(max-width:640px){
    .dr_temp2 h4 { font-size: 11vw; }
     .dr_temp2 { overflow: hidden; }
    .dr_temp2 .sec_tx { font-size: 3.4vw; }
    .dr_temp2 img.dr_pc { display: none; }
    .dr_temp2 img.dr_mo { display: block; width: 120%; max-width: none; margin: 0; position: relative; left: 50%; transform: translateX(-50%) !important; }
    .dr_temp2 .sm { font-size: 3vw; margin: 3vw 0 7.2vw; }
}

@media(max-width:480px){
    .dr_temp2 h4 { font-size: 12.8vw; }
    .dr_temp2 .sec_tx { font-size: 4vw; }
    .dr_temp2 .sm { font-size: 3.6vw; }
}




.dr_temp2.interior { padding: 140px 0; background: #f9f9f9; }

.clinic_slider img { border-radius: 40px !important; overflow: hidden; }

.clinic_step_wrap {
  position: relative;
  padding-top: 32px;
  margin-bottom: 30px;
}

.step_bar {
  position: absolute;
  top: 0;     /* 기준선 */
  left: 0;
  width: 100%;
  height: 2px;
  background: #ddd;
  z-index: 1;
}

/* 단계 */
.clinic_step {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  bottom: 70px;
}

.clinic_step li {
  position: relative;
  flex: 1;
  text-align: center;
  cursor: pointer;
}

/* 텍스트 */
.clinic_step li span {
  /* display: block; */
  display: none;
  font-size: 14px;
  color: #b5b5b5;
  margin-bottom: 24px;
}

/* 점 */
.clinic_step li::after {
  content: '';
  position: absolute;
  top: 40px;               /* 🔥 bar와 동일 */
  left: 50%;
  transform: translate(-50%, -50%); /* 🔥 중앙 겹침 */
  width: 10px;
  height: 10px;
  background: #bdbdbd;
  border-radius: 50%;
  z-index: 2;
}

/* 활성 */
.clinic_step li.active span {
  color: #2f80ed;
  font-weight: 600;
}

.clinic_step li.active::after {
  background: #2f80ed;
  box-shadow: 0 0 0 4px rgba(47,128,237,.2);
}




/* ===== 모바일 ===== */
@media (max-width: 1080px) {

  .dr_temp2.interior { padding: 12vw 0; }
}

/* ===== 모바일 ===== */
@media (max-width: 768px) {

  .step_bar {
    top: 0;
  }
    
    .clinic_step { bottom: 51px; } 
.clinic_slider img { border-radius: 20px !important; overflow: hidden; }

  /* .clinic_step li span {
    display: none;
  } */

  .clinic_step li::after {
    top: 20px;
    transform: translate(-50%, -50%);
  }
}





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


@media (max-width: 1080px) {
    .eventlist { font-size: 1.45em; }
}
@media (max-width: 640px) {
    .eventlist { font-size: 3vw; height: 40px; }
}



.sm_movie { width: 100%; height: 640px; display: flex; justify-content: space-between; }
.sm_movie > div { width: 50%; height: 100%; }

.sm_movie .movie2 { background: #ddd; }

.sm_movie .movie2_txtbox { background: url('/images/renew/sec4_bg.jpg')no-repeat center center; background-size: cover; padding: 4.8% 4%; box-sizing: border-box; }
.sm_movie .sec_tt { color: #aaa; }
.sm_movie .sec_tx { font-size: 1.45em; line-height: 1.4; color: #666; padding-top: 2%; }

.movie2 { position: relative; overflow: hidden; }
.movie2 video { width: 100%; height: 100%; object-fit: cover; display: block; /* Safari 미세 흔들림 방지 */ transform: translateZ(0);}


.treat { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2.5%; }
.treat li { width: 24%; height: auto; padding: 12px 0; font-size: 1.45em; border: 1px solid #999;  color: #666; text-align: center; border-radius: 30px; margin-bottom: 12px; }


@media(max-width:1600px){ 
    .sm_movie { height: 36vw; }
}

@media(max-width:1280px){ 
    .treat li { padding: 8px 0; }
}

@media(max-width:1080px){ 
    .treat { margin-top: 3vw; }
    .treat li { padding: 1vw 0; }
    .sm_movie { height: auto; flex-wrap: wrap; }
    .sm_movie > div { width: 100%; height: 50vw; }
    .sm_movie .movie2_txtbox { padding: 7vw 5vw; }
    .sm_movie .sec_tx { font-size: 1.4em; padding-top: 22px; }
}

@media(max-width:640px){ 
    .treat li { font-size: 3vw; margin-bottom: 1.5vw; }
    .sm_movie .sec_tx { font-size: 3vw; padding-top: 4vw; }
    .sm_movie > div { width: 100%; height: 60vw; }
    .sm_movie .movie2_txtbox { padding: 10vw 7vw; }
}

@media(max-width:480px){ 
    .sm_movie .sec_tx { font-size: 3.6vw;padding-top: 4vw; }
    .sm_movie > div { width: 100%; height: 64vw; }
}






.imc_txtbox { text-align: center; padding: 140px 0 80px; }
.imp_clinic .sec_tt { color: #aaa; }
.imp_clinic .sec_tx { font-size: 2.2em; color: #666666; font-family: 'ChosunIlboMyungjo'; padding: 2.4% 0 2.9%; }
.imp_clinic .sec_tx span { color: #67bebf; font-size: 1.3em; }

.imc_txtbox ul { width: 100%; height: auto; display: flex; justify-content: space-between; }
.imc_txtbox ul li { width: 24%; height: auto; padding: 13px 0; border: 1px solid #67bebf; border-radius: 30px; font-size: 2.2em; font-family: 'ChosunIlboMyungjo'; color: #67bebf; }

.imc_img { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; height: auto; }
.imc_img > div { width: 25%; height: 305px; position: relative; }
.imc_img > div::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0); transition: .35s ease;
}
.imc_img > div:hover::after { background: rgba(0,0,0,0.25); }
.imc_img .img1 { background: url('/images/renew/jj_img1.jpg')no-repeat center center; background-size: cover; }
.imc_img .img2 { background: url('/images/renew/jj_img2.jpg')no-repeat center center; background-size: cover; }
.imc_img .img3 { background: url('/images/renew/jj_img3.jpg')no-repeat center center; background-size: cover; }
.imc_img .img4 { background: url('/images/renew/jj_img4.jpg')no-repeat center center; background-size: cover; }


@media(max-width:1080px){ 
    .imc_txtbox { padding: 13vw 0 7vw; }
    .imc_txtbox ul li { font-size: 2.2vw; }
    .imc_img > div { width: 50%; height: 31vw; }
    .imp_clinic .sec_tx { font-size: 2.4vw; padding: 2vw 0 3vw; }
}

@media(max-width:640px){ 
    .imc_txtbox { padding: 16vw 0 6vw; }
    .imp_clinic .sec_tx { font-size: 3.8vw; padding: 3.5vw 0 5vw; }
    .imc_txtbox ul { flex-wrap: wrap; }
    .imc_txtbox ul li { width: 49%; margin-bottom: 2vw; font-size: 3.8vw; }
}








.imp_process { text-align: center; padding: 140px 0; }
.imp_process .sec_tx { font-size: 1.45em; line-height: 1.4; padding-top: 2%; color: #666666; }

.imp_process ul { display: flex; flex-wrap: wrap; width: 100%; height: auto; justify-content: space-between; align-items: center; margin-top: 2.8%; }
.imp_process li { width: 19.5%; height: auto; }
.imp_process li p { color: #666; font-size: 1.45em; padding-top: 14px; }
.imp_process li div.img { width: 100%; height: 310px; display: block; }

.imp_process li div.img.img1 { background: url('/images/renew/sec6_img1.jpg') no-repeat center center; background-size: cover; }
.imp_process li div.img.img2 { background: url('/images/renew/sec6_img2.jpg') no-repeat center center; background-size: cover; }
.imp_process li div.img.img3 { background: url('/images/renew/sec6_img3.jpg') no-repeat center center; background-size: cover; }
.imp_process li div.img.img4 { background: url('/images/renew/sec6_img4.jpg') no-repeat center center; background-size: cover; }
.imp_process li div.img.img5 { background: url('/images/renew/sec6_img5.jpg') no-repeat center center; background-size: cover; }



@media(max-width:1280px){ 
    .imp_process ul { margin-top: 3vw;}
    .imp_process li div.img { height: 18vw; }
}
@media(max-width:1080px){ 
    .imp_process { text-align: center; padding: 14vw 0; }
    
    .imp_process ul { justify-content: center; margin-top: 3.5vw; }
    .imp_process li { width: 31.5%; padding-right: 1.5%; }
    .imp_process li:nth-child(3), .imp_process li:last-child { padding-right: 0; }
    .imp_process li:nth-child(4), .imp_process li:last-child { padding-top: 3.6vw; }
    
    .imp_process li div.img { height: 27vw; }
    .imp_process .sec_tx { font-size: 1.4em; padding-top: 22px; }
    .imp_process li p { font-size: 1.4em; padding-top: 14px; }
}

@media(max-width:640px){ 
    .imp_process { text-align: center; padding: 15vw 0; }
    .imp_process ul { margin-top: 5.8vw; }
    .imp_process li div.img { height: 40vw; }
    .imp_process li { width: 48.5%; padding-right: 1.5%; }
    .imp_process li:nth-child(3) { padding-right: 1.5%; padding-top: 3.6vw; }
    
    .imp_process .sec_tx { font-size: 3vw; padding-top: 4vw; }
    .imp_process li p { font-size: 3vw; padding-top: 1vw; }
}

@media(max-width:480px){ 
    .imp_process .sec_tx { font-size: 3.6vw;padding-top: 4vw; }
    .imp_process li p{ font-size: 3.6vw;padding-top: 1vw; }
}






.system { text-align: center; padding: 140px 0; background: url('/images/renew/sec7_bg.jpg') no-repeat center center; background-size: cover; }
.system .sec_tt { color: #fff; }
.system .sec_tx { font-size: 1.45em; line-height: 1.4; padding-top: 2%; color: #666666; color: #fff; font-weight: 300; }
.system .deco_eng { color: #fff; opacity: 0.3; }

.system ul { display: flex; flex-wrap: wrap; width: 100%; height: auto; justify-content: space-between; align-items: center; margin-top: 2.8%; }
.system li { width: 19%; height: auto; margin-bottom: 3%; }
.system li p { color: #fff; font-size: 1.45em; background: #2eced0; padding: 24px; margin-top: 18px; font-weight: 600; }
.system li div.img { width: 100%; height: 300px; display: block; }

.system li div.img.img1 { background: url('/images/renew/equip1.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img2 { background: url('/images/renew/equip2.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img3 { background: url('/images/renew/equip3.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img4 { background: url('/images/renew/equip4.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img5 { background: url('/images/renew/equip5.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img6 { background: url('/images/renew/equip6.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img7 { background: url('/images/renew/equip7.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img8 { background: url('/images/renew/equip8.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img9 { background: url('/images/renew/equip9.jpg') no-repeat center center; background-size: cover; }
.system li div.img.img10 { background: url('/images/renew/equip10.jpg') no-repeat center center; background-size: cover; }




@media(max-width:1280px){ 
    .system ul { margin-top: 3vw;}
    .system li div.img { height: 20vw; }
}
@media(max-width:1080px){ 
    .system { text-align: center; padding: 14vw 0; }
    
    .system ul { margin-top: 3.5vw; }
    .system li { width: 49%; }
    
    .system li div.img { height: 27vw; }
    .system .sec_tx { font-size: 1.4em; padding-top: 22px; }
    .system li p { font-size: 1.4em; }
}

@media(max-width:640px){ 
    .system { text-align: center; padding: 15vw 0; }
    
    .system .sec_tx { font-size: 3vw; padding-top: 4vw; }
    .system ul { margin-top: 5.8vw; }
    .system li div.img { height: 46vw; }
    .system li p { font-size: 3vw; height: auto; padding: 4vw 0; line-height: 1.4; margin-top: 2vw; }
}

@media(max-width:480px){ 
    .system .sec_tx { font-size: 3.6vw;padding-top: 4vw; }
    .system li p{ font-size: 3.6vw; }
}






.slow { padding: 140px 0; display: flex; justify-content: space-between; align-items: center; }
.slow .sec_tx { font-size: 1.45em; line-height: 1.4; padding-top: 2%; font-weight: 300;  }
.slow .sec_tx.tx2 { font-size: 2.2em; font-family: 'ChosunIlboMyungjo'; }

.slow .left_box { width: 50%; height: auto; }

.slow .right_box { width: 50%; height: auto; position: relative; top: 22px; }
.slow .babox { width: 100%; height: auto; display: flex; justify-content: space-between; position: relative; }
.babox > div > div { width: 49%; height: auto; }

.before { width: 49%; }
.after { width: 49%; }

.babox.slick-initialized .slick-slide { display: flex; justify-content: space-between; }
.babox .slick-next.slick-arrow { right: 0; top: -36px; background: url('/images/renew/sec8_arrow_next.png') no-repeat center center; background-size: 100%; width: 42px; height: 42px; }
.babox .slick-prev.slick-arrow { right: 54px; top: -36px; background: url('/images/renew/sec8_arrow_prev.png') no-repeat center center; background-size: 100%; width: 42px; height: 42px; left: auto !important; }

.babox .img { width: 100%; height: 195px; background: #ddd; }

.babox .txt { width: 100%; height: auto; display: flex; justify-content: space-between; padding: 16px; color: #fff; font-size: 1.45em; }
.babox .before .txt { background: #bbb; }
.babox .after .txt { background: #67bebf; }
.babox .cate { font-weight: 600; }

.right_box .caution { text-align: left !important; margin-top: 3%; }



@media(max-width:1280px){ 
    .slow { flex-wrap: wrap; }
    .slow .left_box { width: 100%; }
    .slow .right_box { width: 100%; }
    .babox { margin-top: 4%; }
    .babox .img { width: 100%; height: 23vw; background: #ddd; }
    .slow .right_box { top: 0; }
}
@media(max-width:1080px){ 
    .slow { padding: 14vw 0; }
    .slow .sec_tx { font-size: 1.4em; padding-top: 22px; }
}
@media(max-width:860px){ 
    .babox { margin-top: 4.5vw; }
    .babox .slick-prev.slick-arrow { display: none !important; }
    .babox .slick-next.slick-arrow { display: none !important; }
}
@media(max-width:640px){ 
    .babox.slick-initialized .slick-slide { display: flex; flex-wrap: wrap; }
    .before { width: 100%; }
    .after { width: 100%; }
    .slow .sec_tx { font-size: 3vw; padding-top: 4vw; }
    .babox .img { width: 100%; height: 38vw; background: #ddd; }
    
    .right_box .caution { font-size: 2vw; margin-top: 4vw; }
}

@media(max-width:480px){ 
    .slow .sec_tx { font-size: 3.6vw; padding-top:3vw; }
    .babox .txt { font-size: 3.6vw; }
    .slow .sec_tx.tx2 { font-size: 5.9vw; }
}







.ppcare { text-align: center; position: relative; }
.ppcare .sec_tx { font-size: 1.45em; line-height: 1.4; padding-top: 1%; color: #fff; font-weight: 300; }

.pptxt { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.pptxt .deco_eng.mb { margin-bottom:1%; }
.pptxt a { display: block; width: 235px; padding: 20px; border-radius: 30px; background: #fff; color: #000; font-size: 1.45em; margin: 1.5% auto 0; }

.ppimg { width: 100%; height: 700px; display: flex; }
.ppimg > div { width: 33.33%; height: 100%; }
.ppimg .pp1 { background: url('/images/renew/sec9_img1.jpg') no-repeat center center; background-size: cover; }
.ppimg .pp2 { background: url('/images/renew/sec9_img2.jpg') no-repeat center center; background-size: cover; }
.ppimg .pp3 { background: url('/images/renew/sec9_img3.jpg') no-repeat center center; background-size: cover; }

 
@media(max-width:1280px){ 
    .ppimg { height: 600px; }
    .pptxt a { width: 190px; padding: 14px; }
}

@media(max-width:1080px){ 
    .ppcare .sec_tx { font-size: 1.4em; padding-top: 22px; }
}

@media(max-width:860px){ 
    .ppimg { flex-wrap: wrap; height: auto; }
    .ppimg > div { width: 100%; height: 40vw; }
}

@media(max-width:640px){ 
    .ppcare .sec_tx { font-size: 3vw; padding-top: 4vw; }
    .pptxt a { margin: 5% auto 0; font-size: 3vw; }
}

@media(max-width:480px){ 
    .ppcare .sec_tx { font-size: 3.6vw;padding-top: 4vw; }
    .pptxt a { font-size: 3.6vw; width: 40vw; padding: 3vw 0; }
}







.pano { display: flex; flex-direction: column; width: 100%; height: auto; }
.pano .line1 { display: flex; }
.pano .line2 { display: flex; }
.pano .line3 { display: flex; }

.pano .txtbox { width: 50%; height: auto; background: #67bebf; color: #fff; }
.pano .txt_inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-family: 'ChosunIlboMyungjo'; line-height: 1.3; font-size: 4em; }
.pano .img { width: 25%; aspect-ratio: 480 / 285; }

.pano .br1 { display: none; }

.pano .img.img1 { background: url('/images/renew/pano1.png') no-repeat center center; background-size: cover; }
.pano .img.img2 { background: url('/images/renew/pano2.png') no-repeat center center; background-size: cover; }
.pano .img.img3 { background: url('/images/renew/pano3.png') no-repeat center center; background-size: cover; }
.pano .img.img4 { background: url('/images/renew/pano4.png') no-repeat center center; background-size: cover; }
.pano .img.img5 { background: url('/images/renew/pano5.png') no-repeat center center; background-size: cover; }
.pano .img.img6 { background: url('/images/renew/pano6.png') no-repeat center center; background-size: cover; }
.pano .img.img7 { background: url('/images/renew/pano7.png') no-repeat center center; background-size: cover; }
.pano .img.img8 { background: url('/images/renew/pano8.png') no-repeat center center; background-size: cover; }
.pano .img.img9 { background: url('/images/renew/pano9.png') no-repeat center center; background-size: cover; }
.pano .img.img10 { background: url('/images/renew/pano10.png') no-repeat center center; background-size: cover; }

@media(max-width:1700px){ 
    .pano .txt_inner { font-size: 3.6em; }
}
@media(max-width:1600px){ 
    .pano .img { width: 25%; aspect-ratio: 480 / 345; }
    .pano .br1 { display: block; }
}
@media(max-width:1280px){ 
    .pano .txt_inner { font-size: 3.9vw; }
    .pano .img { width: 25%; aspect-ratio: 480 / 375; }
    .pano .br1 { display: none; }
    .pano .txtbox { width: 100%; height: 25vw; }
    .pano .img.img5 { display: none; }
    .pano .img.img6 { display: none; }
}
@media(max-width:1080px){ 
    .pano .txt_inner { font-size: 4.6vw; }
    .pano .img { width: 33.33%; aspect-ratio: 480 / 375; }
    .pano .txtbox { width: 100%; height: 32vw; }
    .pano .img.img1 { display: none; }
    .pano .img.img7 { display: none; }
}
@media(max-width:860px){ 
    .pano .txt_inner { font-size: 5.3vw; }
}
@media(max-width:640px){ 
    .pano .img.nomo { display: none; }
    .pano .br1 { display: block; }
    .pano .txtbox { width: 100%; height: 48vw; }
    .pano .txt_inner { font-size: 7.3vw; }
    .pano .img { width: 50%; aspect-ratio: 480 / 335; }
}




.infor { width: 100%; height: auto; padding: 140px 0; background: #fff; color: #000; }
.infor .inner { height: auto; display: flex; justify-content: space-between; height: auto; align-items: stretch; }
.infor .cs { width: 49%; display: flex; flex-direction: column; justify-content: space-between; }
.infor .map_info { width: 49%; display: flex;
    flex-direction: column; }

.infor .sm_tit { font-size: 1.35em; margin-bottom: 14px; font-weight: bold;}
.infor .telnum { font-size: 5.4em; font-weight: bold; padding: 0 0 2%; }
.infor .telnum span { color: #003067; }
.infor .address { font-size: 1.9em; font-weight: bold; }

.infor .txt { font-size: 1.45em; font-weight: 300; margin-bottom: 3.5%; }
.infor ul { width: 100%; height: auto; display: flex; justify-content: space-between; }
.infor ul a { display: flex; justify-content: space-between; }
.infor ul li { width: 49%; background: #f6f6f6; height: auto; }

.infor ul li .ico { width: 100px; height: 100px; }
.infor ul li .ico.naver { background: url('/images/renew/btn_naver.jpg') no-repeat center center; background-size: 100%; }
.infor ul li .ico.kakao { background: url('/images/renew/btn_kakao.jpg') no-repeat center center; background-size: 100%; }
.infor ul li .ico.sangdam { background: url('/images/temp3/btn_sangdam.jpg') no-repeat center center; background-size: 100%; }

.infor ul li .button { color: #000000; width: 75%; display: flex; justify-content: center; flex-direction: column; padding: 6%; }
.infor ul li .button .p1 { font-size: 1.2em; margin-bottom: 4px; }
.infor ul li .button .p2 { font-size: 1.94em; font-weight: bold; }



.infor .mapbox {
    position: relative;
    width: 100%;
    min-height: 420px;   /* ← 이 값으로 높이 기준 생성 */
    flex: 1;
}
.infor .wrap_map,
.infor .root_daum_roughmap {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}
.infor .root_daum_roughmap { width: 100% !important; }


.schedule { width: 100%; margin-top: 4%; margin-bottom: 4%; }
.schedule .line { display: flex; font-size: 1.6em; margin-bottom: 8px; }
.schedule .line:last-child { margin-top: 2%; }
.schedule .line .date { width: 100px; display: flex; justify-content: space-between; font-weight: bold; padding-right: 20px; }






@media(max-width:1280px){ 
    .infor .telnum { font-size: 4.5em; font-weight: bold; padding: 0 0 2%; }
    .infor .address { font-size: 1.8em; font-weight: bold; }
    
    .infor ul li .ico { width: 80px; height: 80px; }
    .infor ul li .button .p1 { font-size: 1.2em; margin-bottom: 4px; }
    .infor ul li .button .p2 { font-size: 1.7em; font-weight: bold; }
}

@media(max-width:1080px){ 
    .infor { padding: 12vw 0; }
    .infor .inner { flex-wrap: wrap; }
    .infor .cs { width: 100%; }
    .infor .map_info { width: 100%; margin-top: 6vw; }
    
    .infor .sm_tit { margin-bottom: 2vw; }
    .infor .txt { margin-top: 3%; }
    
    .infor .telnum { font-size: 6.2vw; font-weight: bold; padding: 0 0 2%; line-height: 1; }
    .infor .address { font-size: 2.7vw; font-weight: bold; }
    
    .infor ul li .ico { width: 8.5vw; height: 100%; aspect-ratio: 1 / 1; }
    .infor ul li .button { box-sizing: border-box; padding: 0; width: 75%; }
    .infor ul li .button .p1 { font-size: 1.5vw; margin-bottom: 4px; }
    .infor ul li .button .p2 { font-size: 2.4vw; font-weight: bold; }
}

@media(max-width:640px){ 
    .infor { padding: 15vw 0; }
    .infor .sm_tit { font-size: 3vw; }
    .infor .telnum { font-size: 9.5vw; }
    .infor .address { font-size: 4vw; font-weight: bold; line-height: 1.4; }
    .infor .txt { font-size: 3vw; padding-top: 4vw; }
    .infor .map_info { margin-top: 10vw; }
    
    .infor ul { flex-wrap: wrap; }
    .infor ul li { width: 100%; margin-top: 1.6vw; }
    .infor ul li .ico { width: 14vw; }
    .infor ul li .button { width: 80%; }
    .infor ul li .button .p1 { font-size: 2.5vw; margin-bottom: 4px; }
    .infor ul li .button .p2 { font-size: 3.5vw; font-weight: bold; }
    
    .schedule .line { font-size: 3.3vw; }
}

@media(max-width:480px){ 
    .infor .txt { font-size: 3.6vw; padding-top: 4vw; }
    .schedule .line { font-size: 3.6vw; }
}



/* 오시는길 아코디언 */
.way_accordion_wrap {
    margin-top: 30px;
}
.way_accordion_wrap ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.way_accordion_wrap .acc_item {
    background: #f8f9fa; 
    border-radius: 16px;
    overflow: hidden;
    transition: background 0.3s ease;
}
.way_accordion_wrap .acc_btn {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 25px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    outline: none;
}
.way_accordion_wrap .acc_btn .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    margin-right: 15px;
}
.way_accordion_wrap .acc_btn .ico img {
    max-width: 100%;
    height: auto;
}
.way_accordion_wrap .acc_btn .tit {
    font-family: 'Pretendard Variable';
    font-size: 18px;
    font-weight: 500;
    color: #333;
    flex: 1;
}

.way_accordion_wrap .acc_btn .arrow {
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #2b579a; /* 연세스카이 딥블루 톤 화살표 */
    border-right: 2px solid #2b579a;
    transform: rotate(135deg); /* 아래 방향 화살표 */
    transition: transform 0.3s ease;
    margin-right: 5px;
}

.way_accordion_wrap .acc_item.active .acc_btn .arrow {
    transform: rotate(-45deg); 
}


.way_accordion_wrap .acc_panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out; 
}
.way_accordion_wrap .acc_item.active .acc_panel {
    max-height: 500px;
}
.way_accordion_wrap .panel_inner {
    padding: 0 25px 25px 72px;
}
.way_accordion_wrap .desc_txt {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    word-break: keep-all;
}
.way_accordion_wrap .desc_txt strong {
    color: #2b579a;
    font-weight: 600;
}

/* 모바일 대응 */
@media (max-width: 768px) {
    .way_accordion_wrap .acc_btn {
        padding: 15px 20px;
    }
    .way_accordion_wrap .acc_btn .tit {
        font-size: 15px;
    }
    .way_accordion_wrap .panel_inner {
        padding: 0 20px 20px 20px; 
    }
    .way_accordion_wrap .desc_txt {
        font-size: 14px;
    }
}


/**/
.special_checkbox { display: flex; width: 100%; height: auto; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: 2.2%; }
.special_checkbox .box { width: 32%; height: auto; display: flex; flex-direction: column; border-radius: 30px; border: 1px solid #ddd; overflow: hidden; }

.special_checkbox .box > div { width: 100%; }

.special_checkbox .box .top { padding: 7%; color: #fff; background: #003067; }
.special_checkbox .box .top img { display: block; width: 31px; height: auto;}
.special_checkbox .box .tit { font-family: 'GongGothicLight'; font-size: 2.8em; margin: 16px 0 20px; }
.special_checkbox .box .txt { font-size: 1.45em; word-break: keep-all; line-height: 1.4; }
.special_checkbox .box .bot img { display: block; width: 100%; height: 100%;}


@media(max-width:1080px){ 
    .special_checkbox { margin-top: 3%; }
    .special_checkbox .box { width: 49%; }
    .special_checkbox {justify-content: space-around;}
    .special_checkbox .box:last-child { margin-top: 1%; }
    
    .special_checkbox .box .txt { font-size: 1.4em; }
    .special_checkbox .box .tit { font-size: 3.8vw; }
    
    .special_checkbox .box .top img { width: 3vw; }
}

@media(max-width:640px){ 
    .special_checkbox { margin-top: 3%; }
    .special_checkbox .box { width: 100%; margin-bottom: 3vw;}
    .special_checkbox .box:last-child { margin-top: 0; }  
    
    .special_checkbox .box .top { padding: 7vw; }
    .special_checkbox .box .top img { width: 4.8vw; }
    
    .special_checkbox .box .tit { font-size: 5.8vw; margin: 2.8vw 0 2.8vw; }
    .special_checkbox .box .txt { font-size: 3vw; }
}
@media(max-width:480px){ 
    .special_checkbox { margin-top: 5vw; }
    .special_checkbox .box .txt { font-size: 3.6vw; }
}