 

/********************************************************** 
* sub_page - 공통
***********************************************************/ 
.sub_top{
    position:relative; width:100%; height:100%; overflow:hidden; text-align:center; height: 40.625rem;  
}
.sub_top .tits {	position:absolute; top:45%; left:50%; transform:translateX(-50%); width: 100%; color:#fff;} 
.sub_top .tit01{  font-family: 'Noto Serif KR', serif; font-size:2.688rem;  font-weight: 400;line-height: 1;}
.sub_top .tit01 span{ font-size: 3.563rem;font-family: 'Perpetua'; }
.sub_top .txt01 { font-size: 1.25rem; margin-top:3.5rem; line-height: 1.5; font-weight: 400;}
.sub_top .txt02 { font-size: 1.438rem; margin-top:0.5rem; line-height: 1.5;}
.sub_top_view_bg{
    position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
    animation: sub_top_view_bg forwards 5s 0.5s ease-in-out; 
}
@keyframes sub_top_view_bg {
    0% {
        transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.05) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

.s_cont .upBtn { overflow:hidden; position:relative;}
.s_cont .upBtn span { display: block; transition:0.4s; }
.s_cont .upBtn span:nth-of-type(1) { transform: translateY(0);}
.s_cont .upBtn span:nth-of-type(2) { position: absolute;  top:0 ; transform: translateY(200%);}
.s_cont a:hover .upBtn span:nth-of-type(1) {transform: translateY(-200%);}
.s_cont a:hover .upBtn span:nth-of-type(2) {transform: translateY(0);}

strong { font-weight: 700;}

.emphasize { color:#42213c; }
.s_txt16 { font-size: 1rem;}
.s_txt18 { font-size: 1.125rem;}
.s_txt20 { font-size: 1.25rem;}
.s_txt24 { font-size: 1.5rem;}
.s_txt34 { font-size: 2.125rem;}

.inner { margin: 0 auto;}


/********************************************************** 
* sub1-1 분당동안의원
***********************************************************/ 
.sub_top.s11{
    height: 56.938rem;  
}
.sub_top.s11 .tits { top: 32%; }
.sub_top.s11 .tit02 { font-size: 1.4rem; font-family: 'Noto Serif KR', serif; }
.sub_top.s11 .txt01 {  font-family: 'Noto Serif KR', serif; margin-top: 0;}
.sub_top.s11 .tit01+ .tit02 { margin-top: 3rem;} 
.sub_top.s11 .txt01 + .txt01 { margin-top: 1.5rem;}
.sub1_1_top_view_bg { background: url(../sub/img/sub1_1_top_bg.jpg) 50% 50%/ cover no-repeat; } 
.sub_top.s11 .tit01 i { display: inline-block; width: 1.563rem; height: 1.563rem; background: url(../sub/img/s11_top_star.png) 50% 50%/ cover no-repeat; margin: 0 1rem 4px; } 
.sub_top.s11 .line { width: 1px; height: 5.75rem; background:#fff; margin: 2rem auto;}

.s11_about { padding: 11.875rem 0 15rem; }
.s11_about .inner { display: flex; justify-content: center; align-items: center; gap: 10rem; max-width:1920px; position: relative;}
.s11_about .inner::before { content:"DONGAN"; font-family: 'Perpetua';  opacity:0.3; display: block; position: absolute; left: 7rem; top:-5rem;	font-size: 7rem; color:#c1bbc2;}
.s11_about .inner::after { content:"ANTI-AGING"; font-family: 'Perpetua';  opacity:0.3; display: block; position: absolute; right: 7rem; bottom:-10rem; font-size: 7rem; color:#c1bbc2;}
.s11_about .txts { line-height: 1.4; color:#463f45;}
.s11_about .tit01 { font-family: 'Noto Serif KR', serif; font-size: 1.25rem; font-weight: 500; }
.s11_about .tit02 { font-family: 'Noto Serif KR', serif; font-size: 1.563rem; }
.s11_about .txt01 { font-size: 1.25rem; color:#463f45;}
.s11_about .txt02 { font-family: 'Noto Serif KR', serif; font-size: 1.438rem; color:#4f2c52;}
.s11_about .txt03 { font-family: 'Noto Serif KR', serif; font-size: 1.563rem; color:#4f2c52;}
.s11_about .tit01 + .tit02 { margin-top: 1.5rem;}
.s11_about .tit02 + .txt01 { margin-top: 2rem;}
.s11_about .txt01 + .txt01 { margin-top: 2rem;}
.s11_about .txt01 + .txt02 { margin-top: 2rem;} 
.s11_about .more_btn { margin-top: 3.5rem; font-size: 1rem; color:#fff; font-weight: 600; border-radius:25px;  background:#725075; display: flex; justify-content: center; gap:0.5rem; width: 17.25rem; height: 3.188rem; align-items: center; font-family: 'SUIT Variable';}
.s11_about .more_btn .arrow { background: url(../sub/img/s11_about_arrow.png) 50% 50% / 100% no-repeat; width: 1.938rem; height: 0.688rem; }

.main_special { position: relative; height: 105vh; background:#432839; color:#fff; padding: 7rem 0 0 ;}
.sp_progress_wrap { width: 1506px; height: 1px; background: rgba(255,255,255,0.3); display: block; position: absolute; top: 37rem; left: 50%; transform: translate(-50%, 0); z-index: -1;  }
.sp_progress { width: 0%; height: 1px; background: #fff; display: block; position: absolute; top:0; left: 0;  }
.main_special .tits {text-align:center; margin-bottom: 6rem;	}
.main_special.s11 .tit01 { font-family: 'Noto Serif KR', serif;  font-size: 2.125rem; font-weight: 500;}
.main_special .tit02 {  font-size: 1.1rem; margin-top: 2rem; line-height: 1.4; font-weight: 300;}
.main_special .num { font-family: 'Perpetua';  font-size: 2.813rem; font-weight: 500; opacity: 0.4; font-style: italic;} 
.main_special .txt01 { font-family: 'Noto Serif KR';  font-size: 2.188rem; font-weight: 500; margin-bottom: 4.8rem;} 
.main_special.s11 .txt02 {  font-size: 1.1rem; line-height: 1.5;  } 
.main_special .txt02 + .txt02 { margin-top: 1rem;}

.main_special.s11 .tits i { display: block; width: 2.125rem; height: 2.125rem; background: url(../sub/img/s11_special_star.png) 50% 50%/ cover no-repeat; margin: 0 auto 1.5rem;} 



/********************************************************** 
* sub1-2 의료진
***********************************************************/ 
.sub1_2_top_view_bg { background: url(../sub/img/sub1_2_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s12_doctors { padding: 9.25rem 0; }
.s12_doctor .inner { position: relative;  max-width:1300px; display: flex; gap:11.25rem; justify-content: center; align-items: center; }
.s12_doctor .inner::before { content:"";  display: block; width: 22.625rem; height: 25.063rem; background: url(../sub/img/s12_doctor_R.png) 50% 50%/ cover no-repeat; position: absolute; }
.s12_doctor.n01 .inner::before { left: -6rem}
.s12_doctor.n02 .inner::before { right: -6rem;}
.s12_doctor.n01 { text-align: right; margin-left: 5rem; }
.s12_doctor.n02 {position: relative; padding-top: 15rem; margin-right: 5rem;}
.s12_doctor.n02::before { content:"";  display: block; width: 2.625rem; height: 2.625rem; background: url(../sub/img/s12_doctor_star.png) 50% 50%/ cover no-repeat; position: absolute; top:6.6rem; left:50%; transform: translateX(-50%); }
.s12_doctor .name01 { font-family: 'perpetua'; font-size: 2.813rem; }
.s12_doctor .name02 { font-size:1.375rem; font-weight: 500; margin-top: 0.5rem;}
.s12_doctor ul { margin-top: 2rem;	}
.s12_doctor ul li { font-size: 1.2rem; font-weight: 500;}
.s12_doctor ul li + li { margin-top: 0.5rem;}
.s12_doctor .txt01{ font-size: 1.25rem; font-family: 'Noto Serif KR', serif; font-weight: 500; text-align: center; margin-top: 3rem;}
.s12_doctor.n02 .txt01 { margin-top: 7rem;}


/********************************************************** 
* sub1-3 진료시간
***********************************************************/ 
.sub1_3_top_view_bg { background: url(../sub/img/sub1_3_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s13_info { padding: 9.25rem 0; }
.s13_info .inner { max-width:1230px; margin:0 auto;  }
.s13_info .mainTit { padding-left: 1rem; font-size: 2.813rem; font-family: 'perpetua'; border-bottom:2px solid rgba(101,101,101,0.2); padding-bottom: 0.5rem; margin-bottom: 3.7rem;}
.s13_info .unit { display: flex; align-items: center; justify-content: space-between; padding: 0 1rem;}	
.s13_info .unit + .unit { margin-top: 6.25rem;}
.s13_info .left .subtit { color:#432839; font-weight: 600; font-size: 1.75rem; display: flex; align-items: center; gap:0.7rem; margin-bottom: 1.5rem; }
.s13_info .left .call_line .subtit {margin-bottom: 0;}
.s13_info .left .subtit i { display: block; width: 1.375rem; height: 1.375rem; background: url(../img/main_way_dia.png) 50% 50% / 100% no-repeat; }
.s13_info .txt01 { font-size: 1.125rem; font-weight: 600;} 
.s13_info .txt01 + .txt01 { margin-top: 1.5rem;}
.s13_info .schedule li + li{ margin-top: 1rem;}
.s13_info .daily {display: flex; align-items: center; gap:2.6rem; font-size: 1.25rem; font-weight: 600;  }
.s13_info .day {  width: 4.688rem;display: flex; align-items: center;justify-content: space-between; color:#2a2a2a;  }
.s13_info .time span{ font-size: 1rem; font-weight: 400; display: inline-block;  color:#666; font-weight: 600;}
.s13_info .sp { font-size: 1.125rem; font-weight: 600; } 
.s13_info .schedule + .sp { margin-top: 1.5rem;}
.s13_info .sp + .sp { margin-top: 0.4rem;}
.s13_info .call {font-size: 2.313rem;font-family: 'Perpetua'; } 
.s13_info .call + .sp { margin-top: 0.5rem;}
.s13_info .map_btn {  display: flex; align-items: center; gap:1rem; margin-top: 2rem; }
.s13_info .map_btn a { display: block; height: 3.313rem; border-radius: 1.688rem; display: flex; align-items: center; justify-content: center; color:#fff; box-shadow: 1px 2px 5px rgba(50, 55, 20, .1);}
.s13_info .map_btn a.kko { width: 13.125rem;  background:#d9ba3d;}
.s13_info .map_btn a.kko .icon { display: block; width: 1.813rem; height: 1.625rem; margin-right: 0.625rem; background: url(../sub/img/s13_info_kko.png) 50% 50% / 100% no-repeat; } 
.s13_info .map_btn a.nvr { width: 11.875rem;  background:#469c55;}
.s13_info .map_btn a.nvr .icon { display: block; width: 1.313rem; height: 1.25rem;margin-right: 0.625rem; background: url(../sub/img/s13_info_nvr.png) 50% 50% / 100% no-repeat; } 


/********************************************************** 
* sub1-4 오시는 길
***********************************************************/ 
.sub1_4_top_view_bg { background: url(../sub/img/sub1_3_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s14_loca { padding: 9.25rem 0; }
.s14_loca .inner { max-width:1230px; margin:0 auto;  }
.s14_loca .mainTit { padding-left: 1rem; border-bottom:2px solid rgba(101,101,101,0.2); padding-bottom: 0.5rem; margin-bottom: 3.7rem; line-height: 1.6;}
.s14_loca .mainTit .tit01 { font-family: 'KoPubWorld_Batang_Pro_m';  font-size: 2rem;}
.s14_loca .mainTit .tit02 { font-size: 1.2rem; font-weight: 500;  }
.s14_loca .unit {  padding: 0 1rem;}	
.s14_loca .mapWrap { width: 100%;  margin:0 auto 0; position: relative;  } 
.s14_loca .root_daum_roughmap .cont { display: none;}
.s14_loca .root_daum_roughmap_landing { width: 100% !important;}
.root_daum_roughmap .wrap_controllers { display: none;}
.s14_loca .txts {display: flex; align-items: center; justify-content: center; margin-top: 6rem; }
.s14_loca .txts li {position: relative;  }
.s14_loca .txts li.n02 { padding: 0 5rem; margin: 0 4rem 0 4rem;}
.s14_loca .txts li.n02::before { content:""; display: block; width: 2px; height: 150px; background:#656565; opacity: 0.2; position: absolute; top: 50%; left: -1rem; transform: translateY(-50%);}
.s14_loca .txts li.n02::after { content:""; display: block; width: 2px; height: 150px; background:#656565; opacity: 0.2; position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.s14_loca .txt01 { font-size: 1.1rem; line-height: 1.5; font-weight: 500; }
.s14_loca .subtit { color:#432839; font-weight: 600; font-size: 1.75rem; display: flex; align-items: center; gap:0.7rem; margin-bottom: 1.5rem; }
.s14_loca .subtit i { display: block; width: 1.375rem; height: 1.375rem; background: url(../img/main_way_dia.png) 50% 50% / 100% no-repeat; }
.s14_loca .map_btn {  display: flex; align-items: center; gap:1rem; margin-top: 6rem; justify-content: center; }
.s14_loca .map_btn a { width: 12.5rem; display: block; height: 3.313rem; border-radius: 1.688rem; display: flex; align-items: center; justify-content: center; color:#fff; box-shadow: 1px 2px 5px rgba(50, 55, 20, .1);}
.s14_loca .map_btn a.kko { background:#d9ba3d;}
.s14_loca .map_btn a.kko .icon { display: block; width: 1.813rem; height: 1.625rem; margin-right: 0.625rem; background: url(../img/main_way_kko.png) 50% 50% / 100% no-repeat; } 
.s14_loca .map_btn a.nvr { background:#469c55;}
.s14_loca .map_btn a.nvr .icon { display: block; width: 1.125rem; height: 1.125rem;margin-right: 0.625rem; background: url(../img/main_way_nvr.png) 50% 50% / 100% no-repeat; } 
/********************************************************** 
* sub2-1 써마지
***********************************************************/ 
.tits .perpetua {font-family: 'Perpetua'; line-height: 1;}

.sub2_1_top_view_bg { background: url(../sub/img/sub2_1_top_bg.jpg) 50% 50%/ cover no-repeat; } 
 
.s21_thermage .emphasize { color:#830856;}

.s_starter { text-align:center; padding: 12.5rem 0 17rem; color:#232323;}
.s_starter.thermarge { background: url(../sub/img/s21_starter_bg.png) 50% 100%/ cover no-repeat; }
.s_starter .tit01 { font-family: 'perpetua';  font-size: 3.75rem; }
.s_starter .tit02 { font-size: 1.313rem; line-height: 1.4; font-weight: 400;} 
.s_starter .txt01 { font-size: 1.25rem; line-height: 1.4;}
.s_starter .txt02 { font-size: 1.35rem; line-height: 1.4;}
.s_starter .tit01 + .tit02 { margin-top: 2rem; }
.s_starter .tits + .imgs { margin: 3.3rem auto 0;}
.s_starter .txt01 + .txt01 { margin-top: 1rem;} 
.s_starter .tit02 + .txt01 { margin-top: 1rem;} 
.s_starter .txt01 + .txt02 { margin-top: 1rem;} 
.s_starter .imgs {position: relative;}
.s_starter .imgs + .txts { margin-top: 0.5rem;}
.s_starter .inner { position: relative; max-width:1920px;}
.s_starter .inner::before { content:"";  display: block; width: 18.375rem; height: 20.375rem; background: url(../sub/img/s_starter_R.png) 50% 50%/ cover no-repeat; position: absolute; top:11rem; left:21.5rem;}

.rotate-bg { position: absolute; z-index: 2; } 
.rotate-bg img {  animation:rotate 10s linear infinite; } 
.s_starter .rotate-bg {  top: 34%; right: 20%;  width: 9.688rem; height: 9.688rem;} 
.s_starter .rotate-bg::before { content:" "; display: block;  position: absolute; left: 50%; top:50%; width: 2.625rem; height: 2.625rem; transform: translate(-50%, -50%);background: url(../sub/img/s21_starter_star.png) 50% 50% / 100% no-repeat;   } 

.s_effrect { padding: 12.5rem 0; margin-top: -6rem; background: url(../sub/img/s21_effrect_bg.png) 50% 0%/ cover no-repeat; }
.s_effrect .tits { text-align:center; margin: 0 auto 3.75rem;	}
.s_effrect strong { font-weight: 700;}
.s_effrect .tit01 { font-size: 1.3rem;}
.s_effrect .tit02 { font-family: 'Noto Serif KR', serif; font-size: 2.375rem;margin-top: 1rem;}
.s_effrect .tit02 .perpetua { font-size: 3.125rem;}
.s_effrect .inner { max-width:1370px; display: flex; flex-wrap: wrap; gap: 5rem 0;}
.s_effrect .unit { width: 50%; display: flex; align-items: center; gap:2rem;  } 
.s_effrect .unit:nth-child(odd) { width: 55%;}
.s_effrect .unit:nth-child(even) { width: 45%;}
.s_effrect .unit .subtit { font-size: 1.5rem; }
.s_effrect .unit .txt01 { font-size: 1.25rem; padding-left: 2rem; position: relative; line-height: 1.4;}
.s_effrect .unit .txt01::before { content:"";  display: block; width: 0.675rem; height: 0.675rem; background: #830856 ; position: absolute; top:48%; left: 0; transform: translateY(-50%); }
.s_effrect .unit .subtit + .txt01 { margin-top: 1rem;} 
.s_effrect .unit .txt01 + .txt01 { margin-top: 0.5rem;}

.s21_solution { padding: 12.5rem 0; text-align:center; background: url(../sub/img/s21_solution_bg.jpg) 50% 50%/ cover no-repeat;}
.s21_solution .tit01 { font-size: 2.375rem; font-family: 'Noto Serif KR', serif; line-height: 1.4;} 
.s21_solution .tit01 .perpetua { font-size: 3.125rem;}
.s21_solution .tit02 { font-size: 1.313rem;color:#232323; margin-top: 2rem; font-weight: 400; line-height: 1.4;}
.s21_solution .inner { display: flex; justify-content: center; gap:8.4rem; margin: 5rem auto 0;}
.s21_solution .txt01 { font-size: 1.313rem; margin-top: 1.5rem;}
.s21_solution .txt02 { font-size: 1.25rem; margin-top: 1rem; line-height: 1.4;}
.s21_solution .txt02 .sm { font-size: 0.938rem; color:#6e6e6e;}

.s_recomm { text-align:center; padding: 12.5rem 0 8rem; }
.s_recomm .tit01 { font-size: 1.3rem;} 
.s_recomm .tit02 { font-family: 'Noto Serif KR', serif; font-size: 2.375rem;margin-top: 1rem;} 
.s_recomm ul{ max-width:75.313rem; display: flex; justify-content: center; gap: 4.188rem 4.688rem ; flex-wrap:wrap; margin: 4.5rem auto 0;}
.s_recomm ul li { width: 19.5rem; height: 12.5rem; border-radius:1.875rem; display: flex; flex-direction: column; justify-content: center;align-items: center; gap:1rem; background: rgba(234,192,218,0.3);  transition: box-shadow 0.3s;}
.s_recomm ul li:hover { box-shadow: #0000001c 3px 2px 20px 0px; }
.s_recomm ul li i { width: 1.438rem; height: 1.438rem; background: url(../sub/img/s21_recomm_star.png) 50% 50%/ cover no-repeat;}
.s_recomm .txt01 { font-size: 1.25rem; font-weight: 500;}

.s_warn { padding: 8rem 0 8rem; }
.s_warn .tits { text-align:center;  }
.s_warn .tit01 { font-size: 1.3rem;} 
.s_warn .tit02 { font-family: 'Noto Serif KR', serif; font-size: 2.375rem;margin-top: 1rem;} 
.s_warn ul { width: 49.813rem; margin: 4rem auto 0;}
.s_warn ul li { width: 100%; height: 4.125rem; border-radius:2.063rem; border:1px solid #830856; display: flex; padding-left: 5rem; align-items: center; gap:1.5rem;}
.s_warn ul li + li { margin-top: 0.8rem;	}
.s_warn ul li .num { font-weight: 700; font-size: 1.313rem; }
.s_warn ul li .txt01 { font-weight: 600; font-size: 1.2rem; }

.s_bttm { position: relative; padding: 19.5rem 0 11rem; }
.s_bttm .inner { margin-top: 6.5rem; }
.s_bttm .letters { font-family: 'perpetua'; font-size: 8.25rem; color:rgba(193, 187, 194, 0.4); display: flex; align-items: center;  justify-content: center;gap:2.2rem; position: absolute; top: 6rem; width: 100%;}
.s_bttm .letters i { width: 43.188rem; height: 2px; background:rgba(193, 187, 194, 0.4); }
.s_bttm .tits { text-align:center;  }
.s_bttm .tits i { width: 2.125rem; height: 2.125rem; display: block; margin: 0 auto 1rem; }
.s_bttm .tit01 { font-size: 2.375rem; font-family: 'Noto Serif KR', serif; }
.s_bttm .tit01 .perpetua {  font-size: 3.375rem; } 
.s_bttm .unit { display: flex; align-items: center;  justify-content: center; line-height: 1.4;  }
.s_bttm .unit + .unit { margin-top:  5rem;}
.s_bttm .hasTxt { width: 43.625rem; padding-left: 8.75rem;}
.s_bttm .subtit01 { font-family: 'perpetua'; font-size: 1.25rem; color:#8c6194; border-bottom:1px solid #8c6194; display: inline-block; font-weight: 600; line-height: 1;}
.s_bttm .subtit02 { font-family: 'Noto Serif KR', serif;  font-size: 1.563rem; }
.s_bttm .txt01 { font-size: 1.25rem; }
.s_bttm .subtit01 + .subtit02 { margin-top: 1.5rem;}
.s_bttm .subtit02 + .txt01 { margin-top: 1.5rem; }
.s_bttm .txt01 + .txt01 { margin-top: 1rem; }

.s_bttm.thermage { background: url(../sub/img/s21_bttm_bg.jpg) 50% 0%/ cover no-repeat; } 
.s_bttm.thermage .tits i { background: url(../sub/img/s21_bttm_star.png) 50% 50%/ cover no-repeat;}
.s_bttm.thermage .tit01 span { color:#8c6194; }


/********************************************************** 
* sub2-2 울쎄라
***********************************************************/ 
.sub2_2_top_view_bg { background: url(../sub/img/sub2_2_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s22_ulthera .emphasize { color:#f1b000;}
.s_starter.ulthera { background: url(../sub/img/s22_starter_bg.png) 50% 100%/ cover no-repeat; }
.s_starter.ulthera .inner::before { background: url(../sub/img/s22_starter_R.png) 50% 50% / cover no-repeat; }
.s_starter.ulthera .imgs {display: inline-block;}
.s_starter.ulthera .imgs .absol_img { position: absolute; right: -53%; bottom: 5rem; }

.s_effrect.ulthera .unit .txt01::before { background:#f1b000; }

.s_spec { padding: 12.5rem 0; background: url(../sub/img/s22_spec_bg.jpg) 50% 0%/ cover no-repeat; }
.s_spec .tits { text-align:center; margin: 0 auto 3.75rem;	}
.s_spec strong { font-weight: 700;}
.s_spec .tit01 { font-size: 1.3rem;}
.s_spec .tit02 { font-family: 'Noto Serif KR', serif; font-size: 2.375rem;margin-top: 1rem;}
.s_spec .tit02 .perpetua { font-size: 3.125rem;} 
.s_spec .unit { display: flex; align-items: center;  justify-content: center; line-height: 1.4;  }
.s_spec .unit + .unit { margin-top: 3rem;}
.s_spec .hasTxt { width: 43.625rem; padding-left: 8.75rem;}
.s_spec .hasTxt.left { padding-left: 3rem;}
.s_spec .subtit01 { font-family: 'perpetua'; font-size: 1.625rem;line-height: 1;}
.s_spec .subtit02 {  font-size: 1.563rem; }
.s_spec .txt01 { font-size: 1.25rem; }
.s_spec .subtit01 + .subtit02 { margin-top: 1rem;}
.s_spec .subtit02 + .txt01 { margin-top: 2rem; } 
.s_spec .txt01 + .txt01 { margin-top: 1.5rem; }
.s_spec .hasImg.small { padding: 2rem 0;} 

.s_recomm.ulthera ul li { background: rgba(245,209,110,0.3);}
.s_recomm.ulthera ul li i { background: url(../sub/img/s22_recomm_star.png) 50% 50% / cover no-repeat; }

.s_warn.ulthera { background: url(../sub/img/s22_warn_bg.png) 50% 50% / cover no-repeat;}
.s_warn.ulthera ul li { border:1px solid #ffd35d; background:#fff;}
 
.s_bttm.ulthera { background: url(../sub/img/s22_bttm_bg.jpg) 50% 0%/ cover no-repeat; } 
.s_bttm.ulthera .tits i { background: url(../sub/img/s22_bttm_star.png) 50% 50%/ cover no-repeat;}
.s_bttm.ulthera .tit01 span { color:#f1b000; }
.s_bttm.ulthera .subtit01 { color:#f1b000; border-bottom: 1px solid #f1b000;}


/********************************************************** 
* sub2-3 텐써마
***********************************************************/ 
.s23_10therma .emphasize { color:#3d40a3;}

.sub2_3_top_view_bg { background: url(../sub/img/sub2_3_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s_starter.ttherma { background: url(../sub/img/s23_starter_bg.png) 50% 100%/ cover no-repeat; padding: 12.5rem 0;}
.s_starter.ttherma .inner::before { background: url(../sub/img/s23_starter_R.png) 50% 50% / cover no-repeat; left: 32.5rem; }
.s_starter.ttherma .imgs {display: inline-block;}
.s_starter.ttherma .imgs .absol_img { position: absolute; right: -105%; bottom: 9.5rem; max-width: unset;}

.s_spec.ttherma { background:none; padding: 12.5rem 0 17rem;}

.s_effrect.ttherma { background: url(../sub/img/s23_effrect_bg.png) 50% 0% / cover no-repeat; }
.s_effrect.ttherma .unit .txt01::before { background:#3d40a3;}

.s_recomm.ttherma ul li { background: rgba(195, 214, 239, 0.3); }
.s_recomm.ttherma ul li i { background: url(../sub/img/s23_recomm_star.png) 50% 50% / cover no-repeat; }

.s_warn.ttherma { background:none;}
.s_warn.ttherma ul li { border:1px solid #080b83;  }
 
.s_bttm.ttherma { background: url(../sub/img/s23_bttm_bg.jpg) 50% 0%/ cover no-repeat; } 
.s_bttm.ttherma .tits i { background: url(../sub/img/s23_bttm_star.png) 50% 50%/ cover no-repeat;}
.s_bttm.ttherma .tit01 span { color:#3d40a3; }
.s_bttm.ttherma .subtit01 { color:#3d40a3; border-bottom: 1px solid #3d40a3;}


/********************************************************** 
* sub 티타늄
***********************************************************/ 
.s24_titanium .emphasize { color:#834208;}

.sub2_4_top_view_bg { background: url(../sub/img/sub2_4_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s_starter.titanium { background: url(../sub/img/s24_starter_bg.png) 50% 100%/ cover no-repeat; padding: 12.5rem 0;}
.s_starter.titanium .inner::before { background: url(../sub/img/s24_starter_R.png) 50% 50% / cover no-repeat; left: 32.5rem; left: 19.5rem; } 

.s24_spec { padding: 12.5rem 0 17rem;  }
.s24_spec .tits { text-align:center; margin: 0 auto;	}
.s24_spec strong { font-weight: 700;} 
.s24_spec  .perpetua {font-family: 'Perpetua'; line-height: 1;} 
.s24_spec .tit01 { font-size: 1.3rem;} 
.s24_spec .tit02 { font-family: 'Noto Serif KR', serif; font-size: 2.375rem;margin-top: 1rem;} 
.s24_spec .tit02 .perpetua { font-size: 3.125rem;} 
.s24_spec .inner { margin: 3.75rem auto 0; position: relative;}
.s24_spec .unit { display: flex; align-items: center;  justify-content: center; line-height: 1.4; gap:6.25rem; }
.s24_spec .subtit01 { font-size: 1.75rem; }
.s24_spec .txt01 { font-size: 1.25rem; margin-top: 1rem; }
.s24_spec ul { display: flex; align-items: center;  justify-content: center; gap:6.25rem; line-height: 1.4; margin: 5.625rem auto 0; }
.s24_spec ul li { display: flex; align-items: center;   flex-direction: column;}
.s24_spec ul li .txts { margin-top: 3.4rem; text-align: center;} 
.s24_spec ul li .txts .name { display: flex; align-items: center;  justify-content: center;  font-size: 1.75rem; font-weight: 700; }
.s24_spec ul li .txts .name .num {  font-size: 1.938rem; font-weight: 500; margin-right: 0.8rem;}
.swiper-container{ position: relative;}
.swiper-button-next, .swiper-button-prev { z-index: 1;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none;}
.s24_spec .swiper-button-prev { width: 1.563rem; height: 2.438rem; background:url("../sub/img/s_effrect_prev.png") no-repeat center/ 100% auto; left: 1rem;  }
.s24_spec .swiper-button-next { width: 1.563rem; height: 2.438rem;  background:url("../sub/img/s_effrect_next.png") no-repeat center/ 100% auto;  right:1rem; } 

.s_effrect.titanium { background: url(../sub/img/s24_effrect_bg.png) 50% 0% / cover no-repeat;  }
.s_effrect.titanium .unit .txt01::before { background:#834208;}

.s_recomm.titanium ul li { background: rgba(230,212,196,0.3);}
.s_recomm.titanium ul li i { background: url(../sub/img/s24_recomm_star.png) 50% 50% / cover no-repeat; }

.s24_bg01 { background: url(../sub/img/s24_bttm_bg.jpg) 50% 0%/ cover no-repeat; }
.s_bttm.titanium { background:none; padding: 6rem 0 15rem;} 
.s_bttm.titanium .tits i { background: url(../sub/img/s24_bttm_star.png) 50% 50%/ cover no-repeat;}
.s_bttm.titanium .tit01 span { color:#834208; }
.s_bttm.titanium .subtit01 { color:#834208; border-bottom: 1px solid #834208;}
.s_bttm.titanium .letters {top: auto;bottom: 0; color: #ebe1d8;}
.s_bttm.titanium .letters i { background: #ebe1d8;}

.s_bttm .hasImg.small { padding: 2rem 0;} 

.s_warn.titanium { background:none; padding: 6rem 0 10rem;}
.s_warn.titanium ul li { border:1px solid #834208; background:#fff; }


/********************************************************** 
* sub xerf
***********************************************************/ 
.s25_xerf .emphasize { color:#66229a;}

.sub2_5_top_view_bg { background: url(../sub/img/sub2_5_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s_starter.xerf { background: url(../sub/img/s25_starter_bg.png) 50% 100%/ cover no-repeat;  }
.s_starter.xerf .inner::before { background: url(../sub/img/s25_starter_R.png) 50% 50% / cover no-repeat; left: 30rem;  } 
.s_starter.xerf .imgs .absol_img { position: absolute; right: 33rem; bottom: 9rem; }

.s_effrect.xerf { background: url(../sub/img/s25_effrect_bg.png) 50% 0% / cover no-repeat;  }
.s_effrect.xerf .unit .txt01::before { background:#66229a;}
.s_effrect.xerf .inner { max-width:1415px}
.s_effrect.xerf .unit:nth-child(odd) { width: 50%;}
.s_effrect.xerf .unit:nth-child(even) { width: 50%;}
.s_effrect.xerf .unit .txt01 > i { background:#66229a; }

.s_spec .hasImg.xsmall { padding: 5rem 0;}

.s_recomm.xerf ul li { background: rgba(206,188,219,0.3);}
.s_recomm.xerf ul li i { background: url(../sub/img/s25_recomm_star.png) 50% 50% / cover no-repeat; }

.s25_bg01 { background: url(../sub/img/s25_bttm_bg.png) 50% 50%/ cover no-repeat; }
.s_bttm.xerf { background:none; padding: 6rem 0 15rem;} 
.s_bttm.xerf .tits i { background: url(../sub/img/s25_bttm_star.png) 50% 50%/ cover no-repeat;}
.s_bttm.xerf .tit01 span { color:#66229a; }
.s_bttm.xerf .subtit01 { color:#66229a; border-bottom: 1px solid #66229a;}
.s_bttm.xerf .letters {top: auto;bottom: 0; color: #dbcedb; opacity: 0.3;}
.s_bttm.xerf .letters i { background: #dbcedb;} 

.s_warn.xerf { background:none; padding: 6rem 0 10rem;}
.s_warn.xerf ul li { border:1px solid #66229a; background:#fff; }


/********************************************************** 
* sub 슈링크
***********************************************************/ 
.s26_shurink .emphasize { color:#dc2c8b;}

.sub2_6_top_view_bg { background: url(../sub/img/sub2_6_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.s_starter.shurink { background: url(../sub/img/s26_starter_bg.png) 50% 100%/ cover no-repeat;  }
.s_starter.shurink .inner::before { background: url(../sub/img/s26_starter_R.png) 50% 50% / cover no-repeat; } 
.s_starter.shurink .rotate-bg { top: 46%; right: 22%;}

.s_effrect.shurink { background: url(../sub/img/s25_effrect_bg.png) 50% 0% / cover no-repeat;  }
.s_effrect.shurink .unit .txt01::before { background:#dc2c8b;}
.s_effrect.shurink .inner { max-width:1415px} 
.s_effrect.shurink .unit .txt01 > i { background:#dc2c8b; }

.s_spec.shurink { background: url(../sub/img/s26_spec_bg.jpg) 50% 50%/ cover no-repeat; }

.s_recomm.shurink ul li { background: rgba(246,221,234,0.3);}
.s_recomm.shurink ul li i { background: url(../sub/img/s26_recomm_star.png) 50% 50% / cover no-repeat; }

.s26_bg01 { background: url(../sub/img/s26_bttm_bg.png) 50% 50%/ cover no-repeat; }
.s_bttm.shurink { background:none; padding: 6rem 0 15rem;} 
.s_bttm.shurink .tits i { background: url(../sub/img/s26_bttm_star.png) 50% 50%/ cover no-repeat;}
.s_bttm.shurink .tit01 span { color:#dc2c8b; }
.s_bttm.shurink .subtit01 { color:#dc2c8b; border-bottom: 1px solid #dc2c8b;}
.s_bttm.shurink .letters {top: auto;bottom: 0; color: #dbcedb; opacity: 0.3;}
.s_bttm.shurink .letters i { background: #dbcedb;} 

.s_warn.shurink { background:none; padding: 6rem 0 10rem;}
.s_warn.shurink ul li { border:1px solid #dc2c8b; background:#fff; }