#quick .quick-social-icon .title-wrap{background:#fff; border: 1px solid #97a37b;}
#quick .quick-social-icon .title-wrap .tit{color:#393532}
.quick-social-icon .title-wrap .icon-social.kakao{background: url(../img/icon-social-kakao_on_n.png) 50% 50%/100% no-repeat; transition:all 0.4s ease-in-out;}
.quick-social-icon .title-wrap .icon-social.naver{background: url(../img/icon-social-naver_on.png) 50% 50%/100% no-repeat; transition:all 0.4s ease-in-out;}
.quick-social-icon .title-wrap .icon-social.call{background: url(../img/icon-social-call_on.png) 50% 50%/100% no-repeat; transition:all 0.4s ease-in-out;}
.quick-social-icon .title-wrap .icon-social.youtub01{background: url(../img/icon-social-youtube_on.png) 50% 50%/100% no-repeat; transition:all 0.4s ease-in-out;}
.quick-social-icon .title-wrap .icon-social.insta{background: url(../img/icon-social-insta_on.png) 50% 50%/100% no-repeat; transition:all 0.4s ease-in-out;}
.quick-social-icon .title-wrap .icon-social.blog{background: url(../img/q_blog_icon.png) 50% 50%/100% no-repeat; transition:all 0.4s ease-in-out;}

/********************************************************** 
* sub_page - 공통
***********************************************************/ 
.sub_top{
    position:relative; width:100%; height:100%; overflow:hidden; text-align:center; height: 40.625rem;  
}
.sub_top .tits {	position:absolute; top:35%; left:50%; transform:translateX(-50%); width: 100%;}
.sub_top .tit01 { font-size:1rem; letter-spacing: 1px;}
.sub_top .tit02 { font-family: "Cormorant", serif; font-size:3.375rem; margin-top:0.6rem;font-weight: 400;line-height: 1;}
.sub_top .txt01 { font-size: 1.063rem; margin-top:1.8rem; 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: 600;}

.emphasize { color:#7a8956; }
.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;}

/********************************************************** 
* sub 1-1 - 의료진소개
***********************************************************/ 
.sub1_1_top_view_bg { background: url(../sub/img/sub1_1_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s11 .tits { color:#fff;} 

.s11_about { text-align:center; padding: 10rem 0 9rem; background: url(../sub/img/s11_about_bg.jpg) 50% 100%/ cover no-repeat; }
.s11_about .inner { max-width:1920px; margin:0 auto;}
.s11_about .imgs { position: relative;  }
.s11_about .line { display: block; width: 100%; height: 11px; background: url(../sub/img/s11_about_line.png) 50% 50%/ cover no-repeat;position: absolute; z-index: 0; top: 45%; left: 0; }
.s11_about .imgs img { position: relative; z-index: 1;}
.s11_about .imgs .img01 { width: 50.375rem;}
.s11_about .imgs .img02 { width: 14.063rem; position: absolute; left:  27rem; top: 2rem;}
.s11_about .imgs .img03 { width: 28.125rem; position: absolute;right: 18rem; bottom: 2rem;}
.s11_about .txts { margin-top: 3.125rem; }
.s11_about .txt01 { font-size: 1.125rem;}
.s11_about .txt02 { font-size: 1.25rem; font-family: 'KoPubWorld_Dotum_Medium'; position: relative; display: inline-block;}
.s11_about .txt02::before { content:"“"; display: inline-block; font-size: 5rem; color:#7a8956; font-family: 'KoPubWorld_Batang_Pro_l'; opacity:0.5; position: absolute; top: -0.5rem; left: -2.1rem; line-height: 1;}
.s11_about .txt02::after { content:"”"; display: inline-block; font-size: 5rem; color:#7a8956; font-family: 'KoPubWorld_Batang_Pro_l'; opacity:0.5; position: absolute; position: absolute; right: -0.6rem; padding-top: 1rem;line-height: 1;}
.s11_about .txt01 + .txt02 { margin-top: 3.125rem; }

.s11_doctors { position: relative;}
.s11_doctors::before { content:""; display: block; background: url(../sub/img/s11_doctors_be.png) 50% 50%/ cover no-repeat; width: 27.313rem; height: 41.313rem; position: absolute; z-index: 2; top: 41%; right: 0; }

.s11_doctor.n01 { padding: 15rem 0 5rem;}
.s11_doctor.n02 { padding: 15rem 0 11rem;}
.s11_doctor .inner { position: relative;max-width:1920px; margin:0 auto;}
.s11_doctor.n01 .inner { padding-left:10rem; }
.s11_doctor.n02 .inner { padding-right:10rem; }
.s11_doctor .txts { position: relative; background: rgba(228,230,216,0.4); width: 72.375rem; height: 43.375rem;  }
.s11_doctor.n01 .txts { padding: 6.25rem; }
.s11_doctor.n02 .txts { padding: 6.25rem 0 0 21rem; }
.s11_doctor.n01 .txts::before { content:"Choi Yoonyoung"; display: block; font-family: "Cormorant", serif; font-size: 6.875rem; color:#59663a; opacity:0.1; position: absolute; bottom:2rem; right:3rem; font-weight: 500;} 
.s11_doctor.n02 .txts::before { content:"Jeon Hyunju"; display: block; font-family: "Cormorant", serif; font-size: 6.875rem; color:#59663a; opacity:0.1; position: absolute; bottom:2rem; left:5rem; font-weight: 500;} 
.s11_doctor .name { font-size: 1.625rem; }
.s11_doctor .name span{ font-size: 2rem; font-weight: 600; }
.s11_doctor .pro { font-size: 1.125rem; font-weight: 600; margin-top: 2rem; display: flex; align-items: center; gap: 0.4rem; } 
.s11_doctor .pro i { display: inline-block; width: 1.563rem; height: 1.438rem; background: url(../sub/img/s11_doctor_pro.png) 50% 100%/ cover no-repeat; }
.s11_doctor .spec { display: flex; align-items:flex-start; gap:0 6.25rem; margin-top: 1.8rem; font-size: 1.063rem;}
.s11_doctor .spec li { position: relative; padding-left: 0.75rem;}
.s11_doctor .spec li::before { content:""; display: block; width: 2px; height: 2px; border-radius:50%; background: #000; position: absolute; top: 50%; left: 0;  transform: translate(0, -50%); }
.s11_doctor .spec li + li { margin-top: 1.5rem; }
.s11_doctor .imgs { position: absolute;z-index: 1; }
.s11_doctor.n01 .imgs { top: -5rem; right:0;}
.s11_doctor.n02 .imgs { top: -5rem; left:0;}
.s11_doctor.n02 .txts { margin-left: auto; margin-right: 0; } 


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

.s12_eq {} 
.s12_eq .inner { height: 100vh;display: flex;align-items: center; justify-content: flex-end; gap:5.6rem; max-width:1920px; margin:0 auto; padding-left:10rem;}
.s12_eq .txts { width:48.563rem ;}
.s12_eq .tit01 { font-size: 2.125rem; } 
.s12_eq .tit01 + .tags { margin-top: 1rem;}
.s12_eq .tags {display: flex; align-items: center; gap:0.5rem;}
.s12_eq .tags span { padding: 0.5rem 0.8rem;  font-size: 1rem; color:#7a8956; font-weight: 600; } 
.fullsect:nth-child(even) .s12_eq .tags span { background:#f5f5f5; }
.fullsect:nth-child(odd) .s12_eq .tags span { background:#fff; }
.s12_eq .tags + .tit02 { margin-top: 2rem;}
.s12_eq .tit02 { font-size: 1.125rem; line-height: 1.6;} 
.s12_eq .tit02 + .tit02{ margin-top: 1rem;} 
.eq_list { display: flex; flex-wrap:wrap; margin-top: 3rem; gap:0.6rem;}
.eq_list li { position: relative; width: 15.625rem; height: 8.063rem; text-align:center; cursor:default;}
.eq_list li > p { display: flex; align-items: center; justify-content: center; }
.eq_list li .txt01 { font-size: 1.25rem; width: 100%; height: 100%; background:#fff; border:1px solid #cdcdcd; color:#7a8956; font-weight:600;}
.eq_list li .txt02{ position: absolute; left: 0; top: 0; width: 100%;	height: 100%; background:#373c2b; border:1px solid #cdcdcd; color:#fff; opacity:0; transition: opacity 0.2s; font-weight:300;}
.eq_list li:hover .txt02 { opacity:1;}
.s12_eq .imgs { position: relative;}
.s12_eq .imgs::after {content:""; display: block; width: 90%; height: 1.563rem; background:#7a8956; margin: 0 0 0 auto;}


/********************************************************** 
* sub 1-3 - 진료안내
***********************************************************/ 
.sub1_3_top_view_bg { background: url(../sub/img/sub1_3_top_bg.jpg) 50% 100%/ cover no-repeat; }

.s13_hours { padding: 7rem 0 8rem; background: url(../sub/img/s13_hours_bg.jpg) 50% 50%/ cover no-repeat; }
.s13_hours .inner { display: flex; justify-content: center; width: 100%; max-width:1920px; margin:0 auto;}
.s13_hours .inner .txts { width: calc(100% - 75.188rem); padding-left:6rem; padding-top: 9rem;}
.s13_hours .inner .imgs { width: 75.188rem;}
.s13_tit { font-size: 1.5rem; color:#7a8956; border-bottom:2px solid #7a8956; width: 8.563rem; font-family: 'KoPubWorld_Dotum_Medium'; }
.s13_hours .s13_tit { margin-bottom:1.5rem; }
.s13_hours .btns { display: flex;align-items: center; gap:0.6rem; }
.s13_hours .call {  font-family: "Cormorant", serif;  font-size: 3rem; margin-right:0.5rem; }
.s13_hours .bt { display: flex; font-size: 0.938rem; align-items: center; justify-content: center; border-radius:20px; height: 2.5rem; padding: 0 1.25rem;}
.s13_hours .kakao { color:#3f3b37; background:#f8d751; }
.s13_hours .kakao i { display: block; width: 1.375rem; height: 1.25rem; background: url(../sub/img/s13_hours_kko.png) 50% 50%/ cover no-repeat; margin-right:0.4rem;}
.s13_hours .naver { color:#fff; background:#43c34f; }
.s13_hours .naver i { display: block; width: 1rem; height: 0.938rem; background: url(../sub/img/s13_hours_nvr.png) 50% 50%/ cover no-repeat; margin-right:0.4rem;}
.s13_hours .sp { color:#6f6f6f; margin-top:1.5rem;  font-family: 'KoPubWorld_Dotum_Medium';}
.s13_hours .n02 { margin-top: 4rem;} 
.s13_hours .timeTable li { display: flex;align-items: center; color:#303030; }
.s13_hours .timeTable li + li { margin-top:1.4rem; }
.s13_hours .timeTable li .days { width: 7.1rem; display: flex;align-items: center; justify-content: space-between; font-size: 1.25rem; font-family: 'KoPubWorld_Dotum_Bold';margin-right:1.4rem;}
.s13_hours .timeTable li .time { font-size: 1.125rem; font-family: 'KoPubWorld_Dotum_Medium';  } 
.s13_hours .timeTable li .time .sm { font-size: 1rem;}

.s13_contact { background: url(../sub/img/s13_contact_bg.jpg) 50% 50% / cover no-repeat; padding: 8rem 0 5rem;}
.s13_contact .mapWrap { width: 95%; height: 42.188rem; margin:0 auto 0; position: relative; box-shadow: 1px 2px 15px rgba(50, 55, 20, .1);}
.s13_contact .btnWrap { display: flex; align-items:center; gap:0.6rem;}
.s13_contact .btnWrap li a { width: 11.25rem; height: 3.438rem; font-size: 1.125rem; border:1px solid #a1a1a1; display: flex; align-items:center;justify-content:center; gap:0.5rem;}
.s13_contact .btnWrap li.nvr a > i{ display: inline-block; width: 1.063rem; height: 1.375rem; background: url(../sub/img/s13_contact_icon01.png) 50% 50% / cover no-repeat; }
.s13_contact .btnWrap li.kko a > i{ display: inline-block; width: 1rem; height: 1.438rem; background: url(../sub/img/s13_contact_icon02.png) 50% 50% / cover no-repeat; }
.s13_contact .btnWrap li.tm a > i{ display: inline-block; width: 1.25rem; height: 1.25rem; background: url(../sub/img/s13_contact_icon03.png) 50% 50% / cover no-repeat; }
.s13_contact .cotnt {  display: flex; align-items:flex-start;justify-content:center; width: 90%; margin: 5rem auto 0;}
.s13_contact .n01 { width: 70%; }
.s13_contact .n01 .flex { display: flex; align-items:center; gap: 2rem; }
.s13_contact .n02 { width: 30%; }
.s13_contact .txt01 { font-size: 1.25rem; border-bottom:1px solid rgba(0,0,0,0.5); }
.s13_contact .txt02 { font-size: 1.125rem; margin-top: 0.6rem; }
.s13_contact .s13_tit { margin-bottom:1.5rem;} 

strong.kp {font-family: 'KoPubWorld_Dotum_Bold'; }

.s13_inter { padding: 8rem 0 9rem;}
.s13_inter .movin_txt { overflow:hidden; display: flex; align-items:center; white-space: nowrap; width: 100%;  cursor: default;}
.s13_inter .movin_txt p { font-family: "Cormorant", serif;color:#1b1b1b; opacity:0.1; font-size:10rem; margin-right:5rem; font-weight: 600; }
.movin_txt p:nth-of-type(1){ padding-left: 5rem;	}
.movin_txt.rollin p{ animation: scrollLeft 30s linear infinite;}
.s13_inter .inner { margin-top: 6.8rem;}
@keyframes scrollLeft {
    0% {
        transform: translateX(0); 
    }

    100% {
        transform: translateX(-50%); 
    }
}
/* .s13_inter_swiper .swiper-slide.n01 { width: 462px; }
.s13_inter_swiper .swiper-slide.n02 { width: 462px; }
.s13_inter_swiper .swiper-slide.n03 { width: 648px; }
.s13_inter_swiper .swiper-slide.n04 { width: 462px; }
.s13_inter_swiper .swiper-slide.n05 { width: 462px; }
.s13_inter_swiper .swiper-slide.n06 { width: 648px; }
.s13_inter_swiper .swiper-slide.n07 { width: 648px; } */
.s13_inter_swiper .swiper-slide.sm { width: 28.875rem; }
.s13_inter_swiper .swiper-slide.lg { width: 40.5rem; }

/* 다음지도 */
.s13_contact .root_daum_roughmap .cont { display: none;}
.s13_contact .root_daum_roughmap_landing { width: 100% !important;}
.s13_contact .root_daum_roughmap .wrap_map { height: 42.188rem !important ;}

/********************************************************** 
* sub 1-4 - 공지
***********************************************************/ 
.sub1_4_top_view_bg { background: url(../sub/img/sub1_4_top_bg.jpg) 50% 100%/ cover no-repeat; }


/********************************************************** 
* sub 2-1
***********************************************************/ 
.sub2_1_top_view_bg { background: url(../sub/img/sub2_1_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s21 .tits {   top: 43%;} 

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

.s21_special { padding: 9rem 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.s21_special .tits { text-align:center;}
.s21_special .tit01 { font-size: 1.625rem; font-family: "Cormorant", serif; font-weight: 500;}
.s21_special .tit01 + .tit02 { margin-top: 0.6rem;}
.s21_special ul { display: flex; align-items: center; justify-content: center; margin-top: 3.75rem; gap: 8rem;  }
.s21_special ul li { text-align:center; font-size: 6.75rem; font-family: "Cormorant", serif; font-weight: 500; color:#59663a; border-radius:50%; width: 11.5rem; height: 11.5rem;display: flex; align-items: center; justify-content: center;padding-bottom: 1.875rem;  border: 1px solid rgba(89,102,58,0.5);  }

.s_cmnn_bttm.s21 ul { margin-top: 0;}
.s_cmnn_bttm .moreBtn { border: 1px solid #7a8956; color:#7a8956; display: block; width: 13.75rem; height: 3.438rem;display: flex; align-items:center; justify-content:center; font-size: 1rem; font-weight: 600; gap:1rem; margin-top:3rem;} 
.s_cmnn_bttm .moreBtn > i { width: 2.125rem; height: 1.313rem; display: block;background: url(../sub/img/s21_cmmn_arrow.png) 50% 50% / cover no-repeat;  }

.s21 .i_box { position: absolute; right: 10rem; top: 16%; z-index: 2; display: flex;align-items: center; gap:0.5rem;}
.s21 .i_box > i { color:#fff; font-size: 0.938rem; background:#7a8956; border-radius:50%; width: 1.563rem; height: 1.563rem; line-height: 1.563rem;  display: block; text-align:center; cursor:pointer;}
.s21 .i_box .blindBox { text-align:center;  background:#fefefc; border:1px solid #dee0d2; box-shadow: 0 6px 7px rgba(53,66,23,0.16); width: 68.938rem;  padding: 3.125rem 0; opacity:0; transition:opacity 0.2s;}
.s21 .i_box .blindBox.show { opacity: 1;}
.s21 .i_box .blindBox ul { display: flex;justify-content: center; height: auto;margin-top: 2rem;gap:2.8rem; }
.s21 .i_box .blindBox ul li { width: 10.125rem ; height: 12.75rem; border-radius: 25px; border:1px solid #d4dcc2; color:#484848; position: relative;}
.s21 .i_box .blindBox ul li::before { content:""; display: block; width: 0.938rem; height: 1.688rem; background: url(../sub/img/s21_cmmn_next.png) 50% 50%/ 100% no-repeat; position: absolute; left: -1.9rem; top:50%; transform:translate(0,-50%) }
.s21 .i_box .blindBox ul li:nth-of-type(1)::before { display: none;}
.s21 .i_box .blindBox ul li:nth-of-type(1) { background: #fbfbf8;}
.s21 .i_box .blindBox ul li:nth-of-type(2) { background: #fafaef;}
.s21 .i_box .blindBox ul li:nth-of-type(3) { background: #f3f3eb;}
.s21 .i_box .blindBox ul li:nth-of-type(4) { background: #dee0d2;}
.s21 .i_box .blindBox ul li:nth-of-type(5) { background: #9fa889; color:#fff;}
.s21 .i_box .blindBox ul li + li { margin-top: 0;}

.bounce-little{
    animation-name: bounce-little;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
  }
  @keyframes bounce-little {
      0% {
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
      }
  
      10% {
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
      }
  
      33% {
          transform: translateY(-3px);
          -webkit-transform: translateY(-3px);
          -moz-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
          -o-transform: translateY(-3px);
  }
  
      50% {
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
      }
  
      60% {
          transform: translateY(-1px);
          -webkit-transform: translateY(-1px);
          -moz-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
          -o-transform: translateY(-1px);
  }
  
      70% {
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
      }
  
      100% {
          transform: translateY(0);
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
      }
  }

.s21_bann { text-align:center; padding: 6.5rem 0; background: url(../sub/img/s32_bann_bg.jpg) 50% 100%/ cover no-repeat; color:#fff;} 
.s21_bann ul { display: flex; align-items: center; justify-content: center;  margin-top: 5rem; gap:3rem; }
.s21_bann ul li a { display: flex; align-items: center; justify-content: center; height: 2.688rem; padding: 0 1rem ; border-radius:21px;  border:1px solid #fff; font-size: 0.938rem;}
.s21_bann ul .cll a{ font-family: "Cormorant", serif; font-size:1.25rem ;    padding-bottom: 4px;}
.s21_bann ul .cll i { width: 1.125rem ;height: 1.188rem; display: block; background: url(../sub/img/s32_bann_call.png) 50% 50% / 100% no-repeat; margin-right: 0.5rem;}
.s21_bann ul .kko i { width: 1.375rem ;height: 1.25rem; display: block; background: url(../sub/img/s32_bann_kko.png) 50% 50% / 100% no-repeat; margin-right: 0.5rem;}
.s21_bann .letter { font-size: 3.375rem; font-family: "Cormorant", serif; font-style: italic; font-weight: 500;}
.s21_bann .txt01 { font-size: 1.75rem; }
.s21_bann .txt02{ font-size: 1.5rem; }
.s21_bann .txt03{ font-size: 1.25rem; }
.s21_bann .letter + .txt01 { margin-top: 0.1rem;}
.s21_bann .txt01 + .txt02 { margin-top: 2rem;}
.s21_bann .txt02 + .txt03 { margin-top: 1rem;}

#s21_vid_wrap {  padding: 12rem 0;background:#f4f7f0; }
.main_cont09_video_wrap{
    position:relative; width:100%; max-width:50%; margin:0 auto; overflow:hidden;
    transition: 1.5s ease-in-out;
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -ms-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
}
.on .main_cont09_video_wrap{max-width:100%;}
.main_cont09_video_box{position:relative; width:100%; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center;  }
.main_cont09_video{position:relative; width:100%; padding:40% 0 0; background-color: rgba(0, 0, 0, 0); }
#s21_video{
    position:absolute; top:0; left:0; width:100%; height:100%;
}


/********************************************************** 
* sub 3-1
***********************************************************/ 
.sub3_1_top_view_bg { background: url(../sub/img/sub3_1_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s31 .tits { color:#fff; top: 43%;} 

.s31_about { padding: 10rem 0 8rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.s31_about .s_txt24 { text-align:center; margin-bottom: 3rem; font-family: 'KoPubWorld_Dotum_Medium';}
.s31_about ul { display: flex;justify-content: center; gap:7.5rem;}
.s31_about li{ display: flex; align-items: center; text-align:center;  flex-direction: column;}
.s31_about .txt01 { font-size: 1.125rem; margin-bottom: 1.5rem;}
.s31_about .arrow { margin-bottom: 1.5rem;}
.s31_about .imgs { position: relative; margin-bottom: 3rem; }
.s31_about .imgs span{ font-family: 'KoPubWorld_Dotum_Medium'; position: absolute; font-size: 1.375rem;  display: flex; align-items: center; justify-content: center; width: 9.5rem; height: 3.125rem; background:#7a8956; color:#fff; font-weight: 500; border-radius:25px; bottom: -1.563rem; left:50%;     transform: translate(-50%, 0);}
.s31_about .dotted { width: 18.688rem; height: 9.063rem; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; border:1px dashed #7a8956; border-radius:15px; }
.s31_about .s_txt20 { text-align:center; margin-top: 3.5rem;}
.s31_about .s_txt20 + .s_txt20 { margin-top: 1.5rem;  }

.swiper-button-next:after, .swiper-button-prev:after { display: none;}
.s31_about_swiper { width: 100%;}
.s31_about_swiper .swiper-button-prev { top:60%; width: 1.563rem; height: 2.438rem; background:url("../sub/img/s31_about-prev.png") no-repeat center/ 100% auto; left: 0;  }
.s31_about_swiper .swiper-button-next { top:60%; width: 1.563rem; height: 2.438rem;  background:url("../sub/img/s31_about-next.png") no-repeat center/ 100% auto;  right: 0; } 

.s31_ai { text-align:center; padding: 9rem 0 10rem; background: url(../sub/img/s31_ai_bg.jpg) 50% 100%/ cover no-repeat; }
.cc_tit { font-family: "Cormorant", serif; font-weight: 600;  font-size: 1.125rem; color:#7a8956; width: 139px; height: 42px; border-radius:50%; border: 1px solid #59663a; line-height: 1.6; display: flex; align-items: center; justify-content: center; line-height: 1.6; gap:0.3rem; margin: 0 auto;}
.cc_tit span { font-size: 1.5rem;} 
.s31_ai .tit01 { margin-top: 1rem; }
.s31_ai .tit02 { margin-top: 1rem; }
.s31_ai .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:2rem auto 3.5rem;	}
.s31_ai .imgs > img { z-index: 1; position: relative;}
.s31_ai .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s31_ai .txt01 + .txt01 { margin-top: 1.5rem;}
.hover_area { position: relative; margin-top: 4rem;}
.hover_area .show_hover { display: flex;justify-content: center; align-items: center; gap: 0.6rem; width: 25rem;margin: 0 auto; }
.hover_area .show_hover span {font-size: 1.375rem; color:#7a8956;  font-weight: 600; border-bottom: 1px solid #7a8956;  }
.hover_area .show_hover i {  width: 1.563rem; height: 1.563rem; background: url(../sub/img/show_hover.png) 50% 50% / 100% no-repeat; }
.hiddenBox {text-align:center; display: flex;justify-content: center; align-items: center; gap:2rem;   flex-direction: column; background:#fefefc; border: 1px solid #dee0d2; width: 53rem; height: 28.063rem; position: absolute; top: -29rem; right: 12rem; z-index: 1; opacity: 0; visibility: hidden; transition: opacity 0.2s;}
.hover_area .show_hover:hover + .hiddenBox { opacity: 1; visibility: visible; }
.hiddenBox ul { display: flex;justify-content: center; gap:3rem; }
.hiddenBox ul li { width: 17.188rem; height: 11.813rem; border-radius:15px; border:1px solid #d4dcc2; ; display: flex;justify-content: center; align-items: center; flex-direction: column; }
.hiddenBox ul li:nth-of-type(1) { background: #f3f3eb;}
.hiddenBox ul li:nth-of-type(2) { background: #dee0d2;}
.hiddenBox .num { font-size: 2rem; font-family: "Cormorant", serif; }
.hiddenBox .hTit{ margin-top: 0.6rem;}
.hiddenBox .hTxt { margin-top: 1rem;}

.s31_kind {padding: 9rem 0 9rem;}
.s31_kind.k01 {background:#f4f5ef;}
.s31_kind .tits { text-align:center; }
.s31_kind .tit02 { margin-top: 1rem; }
.s31_kind .tit03 { margin-top: 1.5rem; }
.s31_kind .imgs { margin-top: 3.5rem; display: flex;justify-content: center;  align-items:center;}
.kind_list { width: 1116px; margin: 8rem auto 0; display: flex;justify-content: center; align-items: center; flex-direction: column; position: relative; z-index: 1;}
.kind_list .kind_tit { font-size: 1.875rem; color:#fff; background:#7a8956; border-radius: 36px; padding: 1rem 2rem;	display: inline-block;	}
.kind_list li { font-size: 1.25rem;  width: 100%; height: 4.875rem; border-radius:39px; border:1px solid #dee0d2; background:#fff; overflow:hidden; position: relative;}
.kind_list .kind_tit + li { margin-top: 2.8rem;}
.kind_list li + li { margin-top: 1.1rem;}
.kind_list li > span {  width: 18.75rem; height: 130%; border-radius:77px; background: #dee0d2;position: relative;top: -14%; display: flex;justify-content: center; align-items: center; color:#3d4824;}
.kind_list li > p{ width: calc( 100% - 18.75rem);  position: absolute;top: 50%; left: 23rem; transform: translate(0, -50%); color:#3b3b3b;}

.s31_kind.k02 { background: url(../sub/img/s31_kind02_bg.png) 50% 50% / cover no-repeat; }
.s31_kind.k02 .tit03 {text-align:center;}
.s31_kind.k02 .imgs { margin-left: 6rem;}

.s_cmnn_bttm { padding: 8.7rem 0 13rem; position: relative;}
.s_cmnn_bttm .inner { max-width:1920px; margin:0 auto;	}
.s_cmnn_bttm .tits { text-align:center; }
.s_cmnn_bttm .tit01 { font-family: "Cormorant", serif; font-size: 3.375rem; font-style: italic;}
.s_cmnn_bttm .tit02 { font-size: 1.5rem; margin-top: 1.5rem;}
.s_cmnn_bttm ul { margin-top: 5rem;}
.s_cmnn_bttm li { display: flex; align-items: center; justify-content: center; position: relative;}
.s_cmnn_bttm li + li { margin-top: 13rem;}
.s_cmnn_bttm .imgs { position: relative; }
.s_cmnn_bttm .imgs > img { z-index: 1; position: relative; }
.s_cmnn_bttm li:nth-child(odd) .imgs > img { margin-left:3rem;}
.s_cmnn_bttm li:nth-child(even) .imgs > img { margin-right: 3rem;}
.s_cmnn_bttm .imgs::before { content:""; display: block; width: 95%; height: 100%; position: absolute; top: 3rem; z-index: 0; background:#e5eae4;}
.s_cmnn_bttm li:nth-child(odd) .imgs::before {  left: -4rem;}
.s_cmnn_bttm li:nth-child(even) .imgs::before {  right: -4rem;}
.s_cmnn_bttm li .txts { width: 50%; position: relative;} 
.s_cmnn_bttm li:nth-child(odd) .txts { padding-left: 9rem; }
.s_cmnn_bttm li:nth-child(even) .txts { padding-left: 9.5rem; }
.s_cmnn_bttm .txt01 { font-family: "Cormorant", serif; font-size: 1.625rem;  }
.s_cmnn_bttm .txt01 span { font-size: 2.313rem;  }
.s_cmnn_bttm .txt02 { font-size: 2.125rem;  margin-top: 1rem; font-family: 'KoPubWorld_Dotum_Medium';}
.s_cmnn_bttm .txt03 { font-size: 1.125rem; color:#484848; margin-top: 2rem; font-family: 'KoPubWorld_Dotum_Medium'; line-height: 1.8; }

.s_cmnn_bttm.s31 { background: url(../sub/img/s_cmnn_bttm_bg_31.jpg) 50% 50% / cover no-repeat;}
.s_cmnn_bttm.s31::before { content:""; display: block; width: 45.688rem; height: 60rem; background: url(../sub/img/s31_cmnn_bttm_be.png) 50% 50% / cover no-repeat; position: absolute; top:-20rem; left: 0;	}
.s_cmnn_bttm li.hasStamp::before { content:""; display: block; width: 12.25rem; height: 12.25rem; background: url(../sub/img/s31_cmnn_bttm_stamp.png) 50% 50% / cover no-repeat; position: absolute; top:1rem; right: 7rem; } 

.rotate-bg { animation:rotate 10s linear infinite; }
@keyframes rotate{
	0%{ transform: rotate(0deg);}
	100%{ transform: rotate(360deg);}
}
.s_cmnn_bttm li .rotate-bg.right { position: absolute; width: 12.563rem; height: 12.563rem; top: -6rem; left:-6rem;	 }

/********************************************************** 
* sub 3-2
***********************************************************/ 
.sub3_2_top_view_bg { background: url(../sub/img/sub3_2_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s32 .tits { color:#fff; top: 43%;} 

.s32_about { text-align:center; padding: 9rem 0 10rem; background: url(../sub/img/s32_about_bg.jpg) 50% 100%/ cover no-repeat; } 
.s32_about .tit02 { margin-top: 2.5rem; }
.s32_about .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:3rem auto 3.5rem;	}
.s32_about .imgs > img { z-index: 1; position: relative;}
.s32_about .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s32_about .txt01 + .txt01 { margin-top: 1.5rem;}
.s32_about .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  }

.s32_paper { padding: 9rem;text-align:center;}
.s32_paper:nth-child(odd) { background:rgba(228,230,216,1); }
.s32_paper:nth-child(even) { background:rgba(228,230,216,0.4); }
.s32_paper .inner { background:#fff; box-shadow: 0 6px 7px rgba(53,66,23,0.16); padding: 6.25rem 0 8rem; max-width:1625px;}
.s32_paper .separation {display: flex; align-items: center; justify-content: center; margin-top: 5rem;}
.s32_paper .lft { padding-right: 5.6rem; margin-right: 5rem; position: relative;}
.s32_paper .lft::before { content:""; display: block; width: 1px; height: 593px; background: rgba(0,0,0,0.2); position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.s32_paper .lft_txt01 {margin-top:1.563rem ;}
.bun01_tit01 { background:#7a8956; border-radius: 25px; color:#fff; height: 3.125rem; display: flex; align-items: center; justify-content: center; gap:0.3rem; margin: 0 auto;}
.bun01_tit01 span {font-family: "Cormorant", serif;  }
.bun01_tit01 + img { margin-top: 1.5rem;	}
.s32_paper .bun02 { margin-top: 2rem;}
.bun02_tit01 strong { border-bottom: 1px solid #7a8956;}
.bun02_tit02 { margin-top: 1rem;}
.s32_paper .bun02 .line { display: block; width: 2.5rem; height: 0.25rem; background:#7a8956; margin: 2rem auto ;}
.s32_paper .bun02 ul {display: flex; justify-content: center; gap:0.5rem; }
.s32_paper .bun02 ul li { width: 13.813rem; border-radius: 15px; border:1px solid #a3a995; padding: 1.8rem 1rem 0;}
.s32_paper .bun02 ul li p + p { margin-top: 0.6rem;}

.s32_paper .double { display: flex;justify-content: center;gap:1rem; }
.s32_paper .double .bun02 ul { flex-direction: column; align-items: center; gap: 1rem;}
.s32_paper .double .bun02 ul li { width: 18.75rem; height: 8.875rem;}
.s32_paper .double .bun02 .gif { width: 18.813rem; height: 11.8rem; overflow:hidden;border-radius:15px;}
.s32_paper .double .bun02 .gif img { width: 100%; height: 100%; object-fit:cover;}

.s32_paper.p01 .bun01_tit01 { width: 13.938rem; }
.s32_paper.p01 .bun02 ul li { height: 10.438rem; }
.s32_paper.p02 .bun01_tit01 { width: 20.188rem; }
.s32_paper.p02 .bun01_tit01 + img { margin-top: 3.5rem;}
.s32_paper.p02 .bun02 ul li { height: 12rem; }
.s32_paper.p03 .bun01_tit01 { width: 15.125rem; }
.s32_paper.p04 .bun01_tit01 {width: 14.063rem;}

.s_cmnn_bttm.s32 { background: url(../sub/img/s_cmnn_bttm_bg_32.jpg) 50% 0%/ cover no-repeat; }
.s_cmnn_bttm li .rotate-bg.left { position: absolute; width: 12.563rem; height: 12.563rem; top: -6rem; right:-6rem; }

.s32_bann { text-align:center; padding: 6.5rem 0; background: url(../sub/img/s32_bann_bg.jpg) 50% 100%/ cover no-repeat; color:#fff;}
.s32_bann .txt01 { font-size: 1.125rem; }
.s32_bann .txt02{ font-size: 1.5rem; }
.s32_bann .txt03{ font-size: 1.25rem; }
.s32_bann .txt01 + .txt01 { margin-top: 2rem;}
.s32_bann .txt01 + .txt02 { margin-top: 2rem;}
.s32_bann .txt02 + .txt03 { margin-top: 1rem;}
.s32_bann ul { display: flex; align-items: center; justify-content: center; margin-top: 5rem; gap:3rem; }
.s32_bann ul li a { display: flex; align-items: center; justify-content: center; height: 2.688rem; padding: 0 1rem ; border-radius:21px;  border:1px solid #fff; font-size: 0.938rem;}
.s32_bann ul .cll a{ font-family: "Cormorant", serif; font-size:1.25rem ;    padding-bottom: 4px; }
.s32_bann ul .cll i { width: 1.125rem ;height: 1.188rem; display: block; background: url(../sub/img/s32_bann_call.png) 50% 50% / 100% no-repeat; margin-right: 0.5rem;}
.s32_bann ul .kko i { width: 1.375rem ;height: 1.25rem; display: block; background: url(../sub/img/s32_bann_kko.png) 50% 50% / 100% no-repeat; margin-right: 0.5rem;}


/********************************************************** 
* sub 3-3
***********************************************************/ 
.sub3_3_top_view_bg { background: url(../sub/img/sub3_3_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s33 .tits { color:#fff; top: 43%;} 

.s33_about { text-align:center; padding: 9rem 0 10rem; background: url(../sub/img/s33_about_bg.jpg) 50% 100%/ cover no-repeat; } 
.s33_about .tit02 { margin-top: 2.5rem; }
.s33_about .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:3rem auto 3.5rem;	}
.s33_about .imgs > img { z-index: 1; position: relative;}
.s33_about .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s33_about .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  }
.s33_about .txt01 + .txt01 { margin-top: 1.5rem;}
.s33_about .txt01 + .txt02 { margin-top: 1.5rem;}

.s33_kind {padding: 9rem 0 9rem; background: rgba(228,230,216,0.4);}
.s33_kind .tits { text-align:center; } 
.s33_kind .kind_list  { margin: 3rem auto 0;} 
.s33_kind .kind_list li > span { font-family: "Cormorant", serif; gap: 0.3rem; font-size: 1.5rem;} 
.s33_kind .kind_list li > span .num { font-size: 2.25rem; margin-bottom: 0.5rem;}

.s33_spec { text-align:center; padding: 10rem 0 0;}
.spec_list {max-width:1230px; margin: 3.75rem auto 0; position: relative; display: flex; flex-wrap:wrap;}
.spec_list::before { width: 100%; height: 1px; content:""; display: block; top:50%; left: 0; position: absolute; background:#7a8956;}
.spec_list::after { width: 1px; height: 100%; content:""; display: block; top:0; left: 50%; position: absolute; background:#7a8956;}
.spec_list li { width: 38.438rem; }
.spec_list li:nth-of-type(1),.spec_list li:nth-of-type(2) { padding: 2rem 0 4rem;}
.spec_list li:nth-of-type(3) { padding: 4rem 0 2rem;}
.spec_list li.hasImg { display: flex; align-items: center; justify-content: center;    padding: 1rem 0 0 1rem;}
.spec_list .num { color:#fff;font-family: "Cormorant", serif; font-size: 2.375rem; background:#7a8956;  width: 4.063rem; height: 4.063rem; border-radius:50%; display: block;margin: 0 auto;line-height: 1.5;}
.spec_list .txt01 { font-size: 1.375rem;} 
.spec_list .txt02 { font-size: 1.25rem; color:#3b3b3b;}
.spec_list .num + .txt01 { margin-top: 0.9rem ;}
.spec_list .txt01 + .txt02 { margin-top: 1.5rem ;}
.spec_list .txt02 + .txt02 { margin-top: 1.5rem ;}
 
.s33_point .tits { text-align:center; padding: 8.7rem 0 5rem;  background: url(../sub/img/s33_point_tit_bg.png) 50% 100%/ cover no-repeat; }
.s33_point .c_tit { font-family: "Cormorant", serif; font-weight: 600;  font-size: 1.5rem; color:#7a8956; width: 7.8rem; height: 3.063rem; border-radius:50%; border: 1px solid #59663a; line-height: 1.6; display: flex; align-items: center; justify-content: center; line-height: 1.6; gap:0.3rem; margin: 0 auto; font-style: italic;	}
.s33_point .tit01 { margin-top: 1rem; }
.s33_point .tit02 { margin-top: 0.2rem; }
.s33_point .tit03 { font-family: 'KoPubWorld_Batang_Pro_m'; font-size: 1.625rem;margin-top: 1.8rem;}
.s33_point .tit03 span { font-size: 2.5rem; line-height: 1;}
.s33_point .tit03 + .tit04 { margin-top: 1.5rem; } 
 
.gra.left {background: url(../sub/img/s33_point01_bg.png) 50% 0%/ cover no-repeat;  padding: 6rem 0 0; }
.gra.right {background: url(../sub/img/s33_point02_bg.png) 50% 0%/ cover no-repeat; padding: 6rem 0 4rem;}
.gra .inner { width: 1320px; display: flex; gap: 8rem;}
.gra.left .imgs { width: 50%; }
.gra.right .txts { width: 50%; } 
.g_tit { color:#fff; font-family: "Cormorant", serif; font-size: 1.625rem; background:#7a8956; width: 12.125rem; height: 2.75rem; border-radius: 22px; display: flex; align-items: center; justify-content: center; gap:0.4rem;}
.g_tit span { font-size: 2.313rem; margin-bottom: 0.3rem;}
.gra .g_tit + .txt01 { margin-top: 1.5rem; }
.gra .txt02 { color:#484848; }
.gra ul { color:#484848; }
.gra ul li { padding-left: 0.6rem; position: relative;}
.gra ul li::before { content:"●"; font-size: 5px;position: absolute; left: 0; top: 50%;    transform: translate(0, -50%);  }
.gra ul li + li { margin-top: 0.3rem;}
.gra .txt01 + .txt02 { margin-top: 1.5rem; }
.gra .txt02 + ul { margin-top: 1.5rem; }

.s_cmnn_bttm.s33{ margin-top: 10rem; padding: 8.7rem 0 15rem; background: url(../sub/img/s_cmnn_bttm_bg_33.png) 50% 0%/ cover no-repeat;  }


/********************************************************** 
* sub 4-1
***********************************************************/ 
.sub4_1_top_view_bg { background: url(../sub/img/sub4_1_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s41 .tits { color:#fff; top: 43%; } 

.s41_about { text-align:center; padding: 9rem 0 10rem; background: url(../sub/img/s41_about_bg.jpg) 50% 100%/ cover no-repeat;  border-bottom:1px solid rgba(0,0,0,0.1); } 
.s41_about .tit02 { margin-top: 2.5rem; }
.s41_about .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:0 auto 3.5rem;	}
.s41_about .imgs > .img { z-index: 1; position: relative; width: 100%; height: 100%;object-fit: cover; }
.s41_about .imgs > .img02 { position: absolute; right: -8rem; bottom:-4rem; z-index: 2;}
.s41_about .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s41_about .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  z-index: 2;}
.s41_about .txt01 + .txt01 { margin-top: 1.5rem;}
.s41_about .txt01 + .txt02 { margin-top: 1.5rem;}

.s41_adv { padding: 9rem 0 10rem; background: url(../sub/img/s41_adv_bg.jpg) 50% 100%/ cover no-repeat;  border-bottom:1px solid rgba(0,0,0,0.1); text-align:center; position: relative; } 
.s41_adv::before { content:""; display: block; width: 37.875rem; height: 50.688rem; background: url(../sub/img/s41_adv_be.png) 50% 50%/ cover no-repeat; position: absolute; top: -16rem; left: 0;}
.s41_adv .adv_list { display: flex; justify-content: center; flex-wrap:wrap; max-width:79.875rem; margin:4rem auto 0; }
.s41_adv .adv_list li{ position: relative; width: 33.333%; height: 16.563rem; padding: 4.375rem 0  0; border-bottom:1px solid rgba(63,72,42,0.5); border-right:1px solid rgba(63,72,42,0.5); }
.s41_adv .adv_list li:nth-of-type(7), .s41_adv .adv_list li:nth-of-type(8), .s41_adv .adv_list li:nth-of-type(9) { border-bottom:0;}
.s41_adv .adv_list li:nth-of-type(3n) { border-right:0;}
.s41_adv .txt01 + .txt02 { margin-top: 1.2rem;}
.s41_adv .adv_list li.hasImg > img { position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%); max-width: none; z-index: 1;}

.s41_process { text-align:center; padding: 9rem 0;}
.s41_process .c_tit { font-family: "Cormorant", serif; font-weight: 600;  font-size: 1.188rem; color:#fff; background:#7a8956; width: 6.25rem; height: 2.375rem; border-radius:19px; line-height: 2rem; margin: 1rem auto 0;  	}
.s41_process .c_tit span {font-size:1.65rem ; }
.prcss_list { display: flex; align-items: flex-start; justify-content: center; gap:8.125rem; margin: 4rem auto 0;}
.prcss_list li { position: relative;}
.prcss_list li:nth-of-type(1)::before { display: none;}
.prcss_list li::before { content:""; display: block; width: 3.375rem; height: 3.375rem; background: url(../sub/img/s41_process_arrow.png) 50% 50%/ cover no-repeat;  position: absolute; left: -5.8rem; top: 19%;}
.prcss_list .txt01{ font-size: 1.375rem; }
.prcss_list .txt02{ font-size: 1.063rem; }
.prcss_list .c_tit + .txt01 { margin-top: 1rem;}
.prcss_list .txt01 + .txt02 { margin-top: 1rem;}
.prcss_list .txt02 + .txt02 { margin-top: 0.7rem;}

.s41_kind {padding: 9rem 0 9rem; background: rgba(228,230,216,0.4);}
.s41_kind .tits { text-align:center; } 
.s41_kind .kind_list  { margin: 3rem auto 0;} 
.s41_kind .kind_list li > span { font-family: "Cormorant", serif; gap: 0.3rem; font-size: 1.5rem;} 
.s41_kind .kind_list li > span .num { font-size: 2.25rem; margin-bottom: 0.5rem;}

.s_cmnn_bttm.s41{  background: url(../sub/img/s_cmnn_bttm_bg_41.jpg) 50% 0%/ cover no-repeat;  }


/********************************************************** 
* sub 4-2
***********************************************************/ 
.sub4_2_top_view_bg { background: url(../sub/img/sub4_2_top_bg.jpg) 50% 50%/ cover no-repeat; }
.sub_top.s42 .tits { top: 43%; color:#fff;} 

.s42_about.n01 { text-align:center; padding: 9rem 0 9rem; background: url(../sub/img/s42_about_bg.jpg) 50% 100%/ cover no-repeat; }  
.s42_about.n01 .imgs { position: relative;   margin:3.5rem auto 3.5rem; display: flex; justify-content: center;  align-items: center; gap:2.5rem;} 
.s42_about .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  }
.s42_about .txt01 + .txt02 { margin-top: 1.5rem;}
.s42_about .txt02 + .txt02 { margin-top: 1.5rem;}
.s42_about .g_box { background:#fafafa; border:1px solid #ededed; width: 63.125rem; height: 13.188rem; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; }
.g_box .g01 { font-size: 1.375rem; }
.g_box .g01 strong { border-bottom:1px solid #7a8956; }
.g_box .g01 + .g02 { margin-top: 1.5rem; }

.s42_adv { padding: 9rem 0 8rem; background: url(../sub/img/s42_adv_bg.jpg) 50% 100%/ cover no-repeat;  border-bottom:1px solid rgba(0,0,0,0.1); text-align:center; position: relative; } 
.s42_adv .adv_list { display: flex; justify-content: center; flex-wrap:wrap; max-width:79.875rem; margin:4rem auto 0; }
.s42_adv .adv_list li{ position: relative; width: 33.333%; height: 16.563rem; padding: 4.375rem 0  0; border-bottom:1px solid rgba(63,72,42,0.5); border-right:1px solid rgba(63,72,42,0.5); }
.s42_adv .adv_list li:nth-of-type(3), .s42_adv .adv_list li:nth-of-type(6) { border-right:0;} 
.s42_adv .adv_list li:nth-of-type(4), .s42_adv .adv_list li:nth-of-type(5), .s42_adv .adv_list li:nth-of-type(6) { border-bottom:0;} 
.s42_adv .txt01 + .txt02 { margin-top: 1.2rem;} 

.s42_kind {padding: 9rem 0 6rem; }
.s42_kind .tits { text-align:center; } 
.s42_kind .kind_list  { margin: 3rem auto 0;} 
.s42_kind .kind_list li > span { font-family: "Cormorant", serif; gap: 0.3rem; font-size: 1.5rem;} 
.s42_kind .kind_list li > span .num { font-size: 2.25rem; margin-bottom: 0.5rem;}

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

.s42_about.n02 { text-align:center; padding: 3rem 0 9rem; }
.s42_about.n02 .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:3rem auto 3.5rem;	}
.s42_about.n02 .imgs > img { z-index: 1; position: relative;}
.s42_about.n02 .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}

.s42_diff { text-align:center; padding: 0 0 9rem; }
.s42_diff .tit01 { font-size: 1.875rem; color:#fff; background:#7a8956 ; border-radius:35px; margin:0 auto; width: 39.063rem; height: 4.438rem; line-height: 4.438rem; }
.s42_diff ul { display: flex; justify-content: center; gap:8rem; margin: 4rem auto 0; }
.s42_diff .txt01 { font-size: 1.625rem;}
.s42_diff .img + .txt01 { margin-top: 1.5rem;}

.s42_micro { padding: 9rem 0 8rem; text-align:center; position: relative; background: url(../sub/img/s42_micro_bg.jpg) 50% 50%/ cover no-repeat; } 
.s42_micro .pc_img {margin: 4rem auto 0;	}

.s42_bg02 { background: url(../sub/img/s42_bg02.png) 50% 100%/ cover no-repeat;  }
.s42_about.n03 { text-align:center; padding: 9rem 0 6rem; border-bottom:1px solid rgba(0,0,0,0.1);  }
.s42_about.n03 .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:4rem auto 3.5rem;	}
.s42_about.n03 .imgs > img { z-index: 1; position: relative; width: 100%; height: 100%;     object-fit: cover;}
.s42_about.n03 .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}

.s42_adv_selpro { padding: 9rem 0 8rem; text-align:center; position: relative; } 
.s42_adv_selpro .inner { display: flex; align-items: center; justify-content: center; gap:3.2rem; margin: 4.3rem auto 0;}
.s42_adv_selpro .imgs {  width: 41.25rem; height: 26.75rem; border-radius: 2.188rem; overflow:hidden;}
.s42_adv_selpro .imgs .img {  width: 100%; height: 100%; object-fit: cover;}
.s42_adv_selpro .adv_list { display: flex; justify-content: center; flex-wrap:wrap; max-width:37.5rem;   }
.s42_adv_selpro .adv_list li{ position: relative; width: 50%; height: 13.438rem; padding: 3rem 0  0; border-bottom:1px solid rgba(63,72,42,0.5); border-right:1px solid rgba(63,72,42,0.5); }
.s42_adv_selpro .adv_list li:nth-of-type(2), .s42_adv_selpro .adv_list li:nth-of-type(4) { border-right:0;} 
.s42_adv_selpro .adv_list li:nth-of-type(3), .s42_adv_selpro .adv_list li:nth-of-type(4) { border-bottom:0;} 
.s42_adv_selpro .txt01 {font-size:1.375rem;}
.s42_adv_selpro .txt01 + .txt02 { margin-top: 1rem;} 

.s_cmnn_bttm.s42 { margin-top: 5rem; padding: 8.7rem 0 15rem; background: url(../sub/img/s_cmnn_bttm_bg_42.png) 50% 0% / cover no-repeat;} 
.s_cmnn_bttm .txt03.checking > span { display: block; position: relative; padding-left: 1.5rem;}
.s_cmnn_bttm .txt03.checking > span::before { content:""; display: block; width: 1.125rem; height: 1rem; background: url(../sub/img/s42_cmnn_bttm_chk.png) 50% 50%/ 100% no-repeat; position: absolute; left: 0; top: 0.5rem;}
.s_cmnn_bttm .txt03.checking > span + span { margin-top: 1.8rem; }


/********************************************************** 
* sub 4-3
***********************************************************/ 
.sub4_3_top_view_bg { background: url(../sub/img/sub4_3_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s43 .tits { color:#fff; top: 43%;} 

.s43_about { text-align:center; padding: 9rem 0  9rem; background: url(../sub/img/s33_about_bg.jpg) 50% 100%/ cover no-repeat; }  
.s43_about .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:3rem auto 3.5rem;	}
.s43_about .imgs > img { z-index: 1; position: relative;}
.s43_about .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s43_about .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  }
.s43_about .txt01 + .txt01 { margin-top: 1.5rem;}
.s43_about .txt01 + .txt02 { margin-top: 1.5rem;}

.s43_recom { padding: 9rem 0; border-top:1px solid rgba(0,0,0,0.1); }
.s43_recom .tit01 { text-align:center; }
.s43_recom ul { display: flex; justify-content: center; gap: 4rem 3.5rem; flex-wrap:wrap; margin:6.25rem auto 0;	 }
.s43_recom ul li { position: relative; width: 30rem; height: 11.75rem; border:1px solid #9fa68e; border-radius:25px; padding: 2.5rem 0 0px 2rem;}
.s43_recom ul li span { position: absolute; width: 4.063rem; height: 4.063rem;display: block; text-align:center;  left: -2rem; top: -2rem;	font-style: italic; font-family: "Cormorant", serif; font-size: 2.375rem; background: #7a8956; color:#fff; border-radius:50%;}
.s43_recom .txt01 {  color:#586831; font-size: 1.375rem; font-weight: 600; }
.s43_recom .txt02 {  color:#3b3b3b; padding-left: 0.6rem; position: relative; }
.s43_recom .txt02::before { content:"·"; display: block; top:0%; left: 0%; position: absolute;  }
.s43_recom .txt01 + .txt02 { margin-top: 1rem; }

.s43_brac { padding: 9rem 0; }
.s43_brac.n01 {  background: rgba( 122,137,86,0.05);}
.s43_brac .inner { width: 1320px; display: flex; align-items: center; gap: 8rem;}
.s43_brac .imgs { width: 50% }
.s43_brac .imgs > img {  box-shadow: 1px 2px 15px rgba(50, 55, 20, .1);}
.s43_brac .txts { width: 50%; } 
.s43_brac .g_tit { font-family: 'KoPubWorld_Dotum_Medium'; font-size: 1.125rem;  width:18.875rem;   } 
.s43_brac .g_tit + .txt01 { margin-top: 1.5rem; } 
.s43_brac .txt01 + .txt02 { margin-top: 1.5rem; }
.s43_brac .txt02 + .txt02 { margin-top: 1.5rem; }

.s43_reason { text-align:center; padding: 9rem 0 0;	 }
.s43_reason ul {display: flex; justify-content: center; gap: 7rem; margin: 3rem auto 0;  }
.s43_reason .r01 { font-size: 1.375rem;}
.s43_reason .r02 { font-size: 1.188rem;}
.s43_reason img + .r01 { margin-top: 1.8rem;	}
.s43_reason .r01 + .r02 { margin-top: 1rem;	}

.s43_brac.n02 {  background: rgba( 222, 224,210,0.5); }

.s43_process { background: rgba( 222, 224,210,0.5);  text-align:center; padding: 0rem 0 9rem;}
.s43_prcss_list { display: flex; align-items: flex-start; justify-content: center; gap:8.125rem; margin: 4rem auto 0;}
.s43_prcss_list li { position: relative; width: 14.063rem; height: 10.188rem; border-radius:20px; background:#fff; border: 1px solid #9fa68e; padding-top: 1rem;display: flex; align-items: center;justify-content: center; }
.s43_prcss_list li::before { content:""; display: block; width: 3.375rem; height: 3.375rem; background: url(../sub/img/s41_process_arrow.png) 50% 50%/ 100% no-repeat;  position: absolute; left: -5.8rem; top: 19%;}
.s43_prcss_list li:nth-of-type(1)::before { display: none;}
.s43_process .c_tit { font-family: "Cormorant", serif; font-weight: 600;  font-size: 1.375rem; color:#fff; background:#7a8956; width: 7.688rem; height: 3.188rem; line-height: 2.9rem;  border-radius:26px; position: absolute; top: -1.5rem; left: 50%; transform:translate(-50%,0);}
.s43_process .c_tit span {font-size: 2.125rem; } 
.s43_prcss_list .txt02 + .txt02 { margin-top: 0.7rem;}

.s_cmnn_bttm.s43 { background: url(../sub/img/s_cmnn_bttm_bg_43.jpg) 50% 0%/ cover no-repeat;  }

/********************************************************** 
* sub 5-1
***********************************************************/ 
.sub5_1_top_view_bg{background: url(../sub/img/sub5_1_top_bg.png) 50% 100% / cover no-repeat;}
.sub_top.s51 .tits{color:#171717;top: 43%;}
.s51_about { text-align:center; padding: 9rem 0 10rem; background: url(../sub/img/s33_about_bg.jpg) 50% 100%/ cover no-repeat; } 
.s51_about .tit02 { margin-top: 2.5rem; }
.s51_about .txt00{font-size:34px;color:#171717;font-weight:800;margin-bottom:17px;}
.s51_about .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:3rem auto 3.5rem;	}
.s51_about .imgs > img { z-index: 1; position: relative;}
.s51_about .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s51_about .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  }
.s51_about .txt01 + .txt01 { margin-top: 1.5rem;}
.s51_about .txt01 + .txt02 { margin-top: 1.5rem;}

.s51_scaling { text-align:center; padding: 9rem 0 10rem; background: url(../sub/img/s51_scaling_bg.png) 50% 100%/ cover no-repeat; } 
.s51_scaling .tit02 { margin-top: 2.5rem; }
.s51_scaling .txt00{font-size:34px;color:#171717;font-weight:800;margin-bottom:17px;}
.s51_scaling .imgs { position: relative; width: 62.25rem; height: 34.625rem; margin:3rem auto 3.5rem;	}
.s51_scaling .imgs > img { z-index: 1; position: relative;}
.s51_scaling .imgs::before { content:""; display: block; width: 100%; height: 100%; position: absolute; left: 1.5rem; top: 0.8rem; z-index: 0; border: 1px solid #e5eade;}
.s51_scaling .txt02 {font-family: 'KoPubWorld_Dotum_Medium';  }
.s51_scaling .txt01 + .txt01 { margin-top: 1.5rem;}
.s51_scaling .txt01 + .txt02 { margin-top: 1.5rem;}

.s51_point .tits { text-align:center; padding: 8.7rem 0 5rem;  background: url(../sub/img/s33_point_tit_bg.png) 50% 100%/ cover no-repeat; }
.s51_point .c_tit { font-family: "Cormorant", serif; font-weight: 600;  font-size: 1.5rem; color:#7a8956; width: 7.8rem; height: 3.063rem; border-radius:50%; border: 1px solid #59663a; line-height: 1.6; display: flex; align-items: center; justify-content: center; line-height: 1.6; gap:0.3rem; margin: 0 auto; font-style: italic;	}
.s51_point .tit01 { margin-top: 1rem; }
.s51_point .tit02 { margin-top: 0.2rem; }
.s51_point .tit03 { font-family: 'KoPubWorld_Batang_Pro_m'; font-size: 1.625rem;margin-top: 1.8rem;}
.s51_point .tit03 span { font-size: 2.5rem; line-height: 1;}
.s51_point .tit03 + .tit04 { margin-top: 1.5rem; } 
 
.s51_point .gra.left {background: url(../sub/img/s51_point01_bg.png) 50% 0%/ cover no-repeat;  padding: 5rem 0 2rem; }
.s51_point .gra.right {background: url(../sub/img/s33_point02_bg.png) 50% 0%/ cover no-repeat; padding: 6rem 0 4rem;}
.s51_point .gra .inner { width: 1340px; display: flex; gap: 5rem;}
.s51_point .gra.left .imgs { width: 50%; }
.s51_point .gra.left .txts{padding-top:50px;}
.s51_point .gra.right .txts { width: 50%; } 
.s51_point .g_tit { color:#fff; font-family: "Cormorant", serif; font-size: 1.625rem; background:#7a8956; width: 12.125rem; height: 2.75rem; border-radius: 22px; display: flex; align-items: center; justify-content: center; gap:0.4rem;}
.s51_point .g_tit span { font-size: 2.313rem; margin-bottom: 0.3rem;}
.s51_point .gra .g_tit + .txt00 { margin-top: 1.5rem; font-size:26px;letter-spacing: -1px;}
.s51_point .gra .txt01{letter-spacing:-1px}
.s51_point .gra .txt02 { color:#484848; }
.s51_point .gra ul { color:#484848; }
.s51_point .gra ul li { padding-left: 0.6rem; position: relative;}
.s51_point .gra ul li::before { content:"●"; font-size: 5px;position: absolute; left: 0; top: 50%;    transform: translate(0, -50%);  }
.s51_point .gra ul li + li { margin-top: 0.3rem;}
.s51_point .gra .txt01 + .txt02 { margin-top: 1.5rem; letter-spacing: -.3px;}
.s51_point .gra .txt02 + .txt02 { margin-top: 1.5rem; letter-spacing: -.3px;line-height: 32px;}
.s51_point02 .gra.left{padding:5rem 0}


.s51_qna{    padding: 15rem 0;}
.s51_qna .tits{text-align:center;}
.s51_qna .tits .tit01{color:#7a8956;font-size:38px;font-family: "Cormorant", serif;font-weight: 600;letter-spacing: -1px;}
.s51_qna .tits .tit02{color:#171717;font-size:34px;padding-top: 10px;}
.s51_qna .panel-wrap {margin:0 auto;max-width:1060px;padding-top:43px;}
.s51_qna .panel-wrap .panel {}
.s51_qna .panel-wrap .panel.on {}
.s51_qna .panel-wrap .panel .panel-header {border-top: 2px solid #dadada;}
.s51_qna .panel-wrap .panel .panel-header .panel-title {position: relative;}
.s51_qna .panel-wrap .panel .panel-header .panel-title p {
	font-size: 31px;line-height:95px;color:#171717;background:#fff;/* border-bottom:2px solid #cbcbcb; */padding:0px 30px;font-weight: 600;
}
.s51_qna .panel-wrap .panel .panel-header .panel-title p span {font-size: 26px;line-height: 30px;color:#171717;font-weight: 600;padding-left:20px;}
.s51_qna .panel-wrap .panel .panel-header .panel-title p span.medium {font-weight: 600;}
.s51_qna .panel-wrap .panel .panel-content {display:none;background:#f9f9f9;padding:0;}
.s51_qna .panel-wrap .panel .panel-content p {padding: 29px 0px 29px 87px;text-align: left;padding:40px 70px;font-size: 18px;color:#171717;line-height: 30px;letter-spacing: 0.02em;}
.s51_qna .panel-wrap .panel.panel4 .panel-header .panel-title p{border-bottom: 2px solid #cbcbcb;}
.panel-wrap .panel .icon-panel {position: absolute; right: 5%;top: 50%; width: 16px;height: 16px;transform: translate(0, -50%);}
.panel-wrap .panel .icon-panel::before {content:'';position: absolute;transition: all 0.2s;top: -8px;left: 100%;width: 30px; height: 30px; background:  url(../sub/img/sub2_qna_arr.png)no-repeat center/cover; transform: rotate(180deg);}
.panel-wrap .panel .icon-panel.open::before {content:'';background:  url(../sub/img/sub2_qna_arr2.png)no-repeat center/cover;height:2px;top: 7px;}
.s51_qna .s02_ba_link {margin-top: 60px;}
.Perpetua{font-family: "Cormorant", serif;}

.s51_process { text-align:center; padding: 9rem 0;}
.s51_process .c_tit { font-family: "Cormorant", serif; font-weight: 600;  font-size: 19px; color:#fff; background:#7a8956; width: 100px; height: 38px; border-radius:19px; line-height: 32px; margin: 16px auto 0; }
.s51_process .c_tit span {font-size:1.65rem; }
.s51_process .prcss_list li{border:1px solid #a1a596;border-radius:20px;width:300px;height:268px;}
.s51_process .prcss_list .txt01 + .txt02{margin-top:16px}
.s51_process .prcss_list .c_tit + .txt01{margin-top:16px}
.s51_process .prcss_list .txt01{font-size:22px}
.s51_process .prcss_list .txt02{font-size:17px}
.s41_process.s51_process .c_tit{margin:44px auto 0}
.s51_process .prcss_list li::before{top:37%}


/********************************************************** 
* sub 6-1 - 전후사진
***********************************************************/ 
.bna_top_view_bg { background: url(../sub/img/bna_top_bg.jpg) 50% 100%/ cover no-repeat; } 
.sub_top.bna .tits { color:#fff; top: 43%;} 


/********************************************************** 
* sub 7-1 - 일문
***********************************************************/ 
.sub7_1_top_view_bg { background: url(../sub/img/sub7_1_top_bg.jpg) 50% 100%/ cover no-repeat; }
.sub_top.s71 .tits {  top: 43%;} 

.jp_tit01 { font-size: 2.75rem; font-family: "Cormorant", serif; font-weight: 600; }
.jp_tit02 { font-size: 1.375rem;}
.jp_tit01 + .jp_tit02 {margin-top: 1.5rem;}
.jp_prgrm { text-align:center; padding: 9rem 0; border-bottom:1px solid rgba(0,0,0,0.1); }
.jp_prgrm ul { display: flex; justify-content: center; align-items: flex-start; gap:6.875rem; margin: 3rem auto 0;	}
.jp_prgrm ul li .imgs { position: relative;}
.jp_prgrm ul li .imgs span { display: inline-block; padding: 0 1.9rem; height: 3.125rem; line-height: 3.125rem; font-size: 1rem; background:#7a8956; color:#fff; font-weight: 500; border-radius:25px; position: absolute; bottom:-1.563rem; left: 50%; transform: translate(-50%, 0);}
.jp_prgrm ul li .imgs span.long { width: 85%; }
.jp_prgrm ul li .txts {  margin-top: 3.125rem; }

.jp_doctor { padding: 9rem 0 8rem;}
.jp_doctor .tits { text-align:center;}
.jp_doctor .inner { display: flex; gap:1px; max-width:1920px; margin: 4rem auto 0;}
.jp_doctor .half { width: calc( 50% - 0.5px); display: flex; padding: 9rem 0 2rem; position: relative;}
.jp_doctor .half img.first { width: 28.875rem; object-fit: cover; }
.jp_doctor .left { background: url(../sub/img/jp_doctor_bg01.jpg) 50% 100%/ cover no-repeat; justify-content: flex-start; }
.jp_doctor .right { background: url(../sub/img/jp_doctor_bg02.jpg) 50% 100%/ cover no-repeat; justify-content: flex-end; }
.jp_doctor .teaser { width: calc( 100% - 28.875rem); padding-top: 9.3rem; display: flex; flex-direction: column; transition: 0.4s ease; } 
.jp_doctor .teaser p { white-space: nowrap;}
.jp_doctor .left .teaser { align-items: flex-end; padding-right: 2.5rem;	 }
.jp_doctor .right .teaser { align-items: flex-start; padding-left: 2.5rem;	 } 
.jp_doctor .teaser .name { font-size: 1.125rem;}
.jp_doctor .teaser .name span{ font-size: 1.75rem; font-weight: 600;} 
.jp_doctor .teaser .pro {margin-top: 1.5rem;text-align: right;}
.jp_doctor .teaser .pro span { display: flex;}
.jp_doctor .teaser .pro i { margin-right: 0.2rem; display: inline-block;	width: 1.5rem; height: 1.5rem; background: url(../sub/img/jp_doctor_pro.png) 50% 50% / cover no-repeat; }
.jp_doctor .moreBtn { border: 1px solid #7a8956; font-family: "Cormorant", serif; color:#7a8956; display: block; width: 9.813rem; height: 3.438rem;display: flex; align-items:center; justify-content:center; font-size: 1.25rem; font-weight: 600; gap:1rem; margin-top:8rem; letter-spacing:0;} 
.jp_doctor .moreBtn > i { width: 2.125rem; height: 1.313rem; display: block; }
.jp_doctor .left .moreBtn > i { display: block;background: url(../sub/img/jp_doctor_arrow01.png) 50% 50% / 100% no-repeat;  }
.jp_doctor .right .moreBtn > i { display: block;background: url(../sub/img/jp_doctor_arrow02.png) 50% 50% / 100% no-repeat;  }
.jp_doctor .back_txt { width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; opacity:0; visibility: hidden; transition: 0.4s ease; padding-top: 9.5rem; display: flex; flex-direction: column; }
.jp_doctor .left .back_txt { left: 100%;padding-left: 11%; background: url(../sub/img/jp_back_bg01.jpg) 100% 50% / cover no-repeat;     align-items: flex-start;}
.jp_doctor .left .back_txt::before { content:"Choi Yoonyoung"; display: block; font-family: "Cormorant", serif; font-size: 6.875rem; color:#59663a; opacity:0.1; position: absolute; bottom:2rem; right:3rem; font-weight: 500;} 
.jp_doctor .right .back_txt { right: 100%; padding-right: 11%;  align-items: flex-end; background: url(../sub/img/jp_back_bg02.jpg) 100% 50% / cover no-repeat;}
.jp_doctor .right .back_txt::before { content:"Jeon Hyunju"; display: block; font-family: "Cormorant", serif; font-size: 6.875rem; color:#59663a; opacity:0.1; position: absolute; bottom:2rem; left:5rem; font-weight: 500;} 
.jp_doctor .back_txt .name { font-size: 1.125rem;}
.jp_doctor .back_txt .name span{ font-size: 1.75rem; font-weight: 600;} 
.jp_doctor .back_txt .pro {margin-top: 1.5rem;}
.jp_doctor .back_txt .pro span { display: flex;}
.jp_doctor .back_txt .pro i { margin-right: 0.2rem; display: inline-block;	width: 1.5rem; height: 1.5rem; background: url(../sub/img/jp_doctor_pro.png) 50% 50% / cover no-repeat; }
.jp_doctor .back_txt .n02 { display: flex; margin-top: 4rem; gap:2rem;}
.jp_doctor .back_txt .n02 li { position: relative; padding-left: 0.8rem; font-size: 1.063rem;white-space: nowrap;}
.jp_doctor .back_txt .n02 li + li { margin-top: 1rem; }
.jp_doctor .back_txt .n02 li::before{ display: block; content:""; width: 2px; height:2px; background:#000; position: absolute; left: 0; top: 50%; }

.jp_doctor .open .teaser { opacity:0; visibility: hidden; width: 25%;}
.jp_doctor .open .teaser p { display: none;}
.jp_doctor .open .back_txt { opacity:1; visibility: visible; width: 127%; z-index: 2;}
.jp_doctor .left.open .back_txt { left: auto; right: -100%; }
.jp_doctor .right.open .back_txt {  right: auto; left: -100%; }

.jp_doctor .back_txt .moreBtn { margin-top: 5rem;}

.jp_special { text-align:center; padding: 9rem 0; background: url(../sub/img/s71_special_bg.jpg) 50% 100%/ cover no-repeat; }
.jp_special .jp_tit01{ color:#fff;}
.jp_special ul { display: flex; justify-content: center; align-items: flex-start; gap:6.875rem; margin: 3rem auto 0;	}
.jp_special ul li { width: 33.813rem; height: 34.125rem; overflow:hidden; position: relative;}
.jp_special ul li .img {transform: scale(1.05); transition: 0.4s ease;}
.jp_special ul li:hover .img {transform: scale(1);  }
.jp_special .hvrBg{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:transparent; opacity:0; transition: 0.4s ease; }
.jp_special ul li:hover .hvrBg{  background-color:rgba(0, 0, 0, 0.4); opacity:1;}
.jp_special ul li .txts { position: absolute; bottom:-6rem;  left:0; width: 100%; z-index: 1; color:#fff; transition: 0.4s ease; padding: 0 2rem;}
.jp_special ul li:hover .txts { bottom:3rem;}
.jp_special ul li .txt01 { font-size: 2.125rem; line-height: 1.2; padding: 0 0 1.2rem; margin:0 0 1.2rem; position: relative; }
.jp_special ul li .txt01::after{
    content:''; position:absolute; bottom:0; left:50%; width:0%; height:1px; background-color:#fff;
    transform: translateX(-50%) translateZ(0);
    transition: 0.4s ease;
}
.jp_special ul li:hover .txt01::after{
    width:100%;
}
.jp_special ul li .txt02 { font-size: 1.125rem; opacity: 0; visibility: hidden; transition: 0.4s ease;}
.jp_special ul li:hover .txt02 {  opacity: 1; visibility: visible; }

.jp_way { padding: 7.5rem 0;}
.jp_way .inner { display: flex; justify-content: space-between; max-width:1920px;}
.jp_way .movin_txt { overflow:hidden; display: flex; align-items:center; white-space: nowrap; width: 100%;  cursor: default; margin-bottom: 7rem;}
.jp_way .movin_txt p { font-family: "Cormorant", serif;color:#1b1b1b; opacity:0.1; font-size:10rem; margin-right:5rem; font-weight: 600; }
.jp_way .map_wrap { width: 59.438rem; height: 49.6rem;}
.jp_way .contacts { padding: 2rem 0; border-top:2px solid rgba(0,0,0,0.7); border-bottom:2px solid rgba(0,0,0,0.7); width: 55.813rem; }
.jp_way .c_list > li{ padding: 2.2rem 0.5rem;}
.jp_way .c_list > li:last-of-type { padding: 2.2rem 0.5rem 0;}
.jp_way .c_list > li + li { border-top:1px solid #bfbfbf;  }
.jp_way .tit01 { font-size: 3.375rem; font-family: "Cormorant", serif; font-weight: 600;  }
.jp_way .txt01 { font-size: 1.188rem;}
.jp_way .tit02 + .txt01 { margin-top: 0.9rem;}
.jp_way .tit02 + .t_table { margin-top: 0.9rem;}
.jp_way .t_table li { display: flex; }
.jp_way .t_table li + li { margin-top: 1rem; }
.jp_way .t_table .day { font-weight: 600; width: 7.813rem; display: flex; justify-content: space-between; margin-right: 1.9rem;}
.jp_way .t_table .time { font-size: 1.125rem;}
.jp_way .t_table .smll { font-size: 1rem; margin-left: 0.4rem;}

.jp_bann { text-align:center; padding: 6.5rem 0; background: url(../sub/img/s32_bann_bg.jpg) 50% 100%/ cover no-repeat; color:#fff;} 
.jp_bann ul { display: flex; align-items: center; justify-content: center;  margin-top: 5rem; gap:3rem; }
.jp_bann ul li a { display: flex; align-items: center; justify-content: center; height: 2.688rem; padding: 0 1rem ; border-radius:21px;  border:1px solid #fff; font-size: 0.938rem;}
.jp_bann ul .cll a{ font-family: "Cormorant", serif; font-size:1.25rem ;    padding-bottom: 4px;}
.jp_bann ul .cll i { width: 1.125rem ;height: 1.188rem; display: block; background: url(../sub/img/s32_bann_call.png) 50% 50% / 100% no-repeat; margin-right: 0.5rem;}
.jp_bann ul .kko i { width: 1.375rem ;height: 1.25rem; display: block; background: url(../sub/img/s32_bann_kko.png) 50% 50% / 100% no-repeat; margin-right: 0.5rem;}
.jp_bann .letter { font-size: 3.375rem; font-family: "Cormorant", serif; font-style: italic; font-weight: 500;}
.jp_bann .txt01 { font-size: 1.75rem; }
.jp_bann .txt02{ font-size: 1.5rem; }
.jp_bann .txt03{ font-size: 1.25rem; }
.jp_bann .letter + .txt01 { margin-top: 0.1rem;}
.jp_bann .txt01 + .txt02 { margin-top: 2rem;}
.jp_bann .txt02 + .txt03 { margin-top: 1rem;}


/********************************************************** 
* sub 7-1 - 중문
***********************************************************/ 
.sub7_2_top_view_bg { background: url(../sub/img/sub7_2_top_bg.jpg) 50% 100%/ cover no-repeat; }
.jp_special.cn ul { gap:0.5rem;	}
.jp_special.cn ul li { width: auto; height:auto ;}

.jp_way.cn .t_table .day { width: auto; margin-right: 0.3rem;}
.jp_way.cn .t_table .smll { color:#6f6f6f;}

.jp_bann.cn .txt01 + .txt03 { margin-top: 2rem;}