@charset "utf-8";

@keyframes arrowHover {
    0% {  }
    50% { opacity: 0; transform: translateX(10px); }
    75% { transform: translateX(-10px); opacity: 0; }
    100% { opacity: 1; transform: translateX(0); }
}

/* 버튼 스타일 */
.sub_more_btn { display: flex; align-items: center; justify-content: space-between; padding: 0.8em 2em; border: 1px solid #232323; border-radius: 2em; fill: #fff; font-size: var(--smTxt); font-weight: 500; fill: #232323; transition: background-color 0.5s, border-color 0.5s, color 0.5s, fill 0.5s; }
.sub_more_btn + .sub_more_btn { margin-left: 1em; }
.sub_more_btn .btn_txt {  }
.sub_more_btn .ico { margin-left: 3em;  }
.sub_more_btn .ico svg { display: flex; align-items: center; justify-content: center; }

.sub_more_btn.wh { border-color: #fff; fill: #fff; }

.sub_tit_wrap {  }
.sub_tit_wrap.center { text-align: center; }
.sub_tit_wrap .desc { margin-bottom: 0.4em; font-size: var(--bigTxt); font-weight: 700; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.2s; }
.sub_tit_wrap .tit { font-size: var(--subH1); font-weight: 700; line-height: var(--titLine); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s; }
.sub_tit_wrap .tit + .tit { margin-top: 0.3em; }
.sub_tit_wrap .tit span { display: block; }
.sub_tit_wrap .tit span.gradient { display: inline-block; background: linear-gradient(90deg, #232323, #0f2538, #65A9DF, #65A9DF); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub_tit_wrap .tit span + span { margin-top: 1em; }
.sub_tit_wrap .tit.small { font-size: var(--subH2); }
.sub_tit_wrap .sub_txt { margin-top: 1.5em; font-size: var(--bigTxt); font-weight: 700; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.4s; }
.sub_tit_wrap .txt { margin-top: 1.2em; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.5s; }
.sub_tit_wrap .txt span { display: block; }
.sub_tit_wrap .txt span > b { display: inline-block; color: #fff; font-size: var(--txt); margin-bottom: 0.5em; margin-top: 1.2em; opacity: 1; }
.sub_tit_wrap .txt span + span { margin-top: 1em; }
.sub_tit_wrap .notice { margin-top: 1.5em; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.6s; color: #9CA1AE; font-size: var(--smTxt); font-weight: 500; }
.sub_tit_wrap .info { display: flex; align-items: flex-start; margin-top: 2.5em; color: var(--txtGray1); font-size: var(--smTxt); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.6s; }
.sub_tit_wrap .info + .info {margin-top: 0.3em;}
.sub_tit_wrap.center .info { justify-content: center; }
.sub_tit_wrap .info:before { content: '※'; margin-right: 0.3em; line-height: 1.5; }
.sub_tit_wrap .btn_wrap { margin-top: 9rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.8s; }

.sub_tit_wrap .label { margin-top: 4em; transform: translateY(5rem); opacity: 0; transition: opacity 0.6s, transform 0.6s; transition-delay: 0.4s; }
.sub_tit_wrap .label span { display: inline-block; padding: 0.4em 1em; font-size: var(--bigTxt); font-weight: 700; background-color: #4DA4EA; }
.sub_tit_wrap .tit02{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.4s; }

.sub_tit_wrap.active .desc,
.sub_tit_wrap.active .tit,
.sub_tit_wrap.active .sub_txt,
.sub_tit_wrap.active .txt,
.sub_tit_wrap.active .notice,
.sub_tit_wrap.active .label,
.sub_tit_wrap.active .info,
.sub_tit_wrap.active .tit02,
.sub_tit_wrap.active .btn_wrap { opacity: 1; transform: translateY(0); }

.num_desc_box { margin-top: 2rem; font-size: var(--smTxt); color: var(--txtGray1); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
.num_desc_box.active { opacity: 1; transform: unset; }
.num_desc_box.center { text-align: center; }
.num_desc_box p { text-indent: -1em; padding-left: 1em; }

.sub_cont_visual { overflow: hidden; }
.sub_cont_visual .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.sub_cont_visual .cont .sub_tit_wrap { width: 50%; }
.sub_cont_visual .cont .img_wrap { width: 38%; }
.sub_cont_visual .cont .img_wrap .img { width: 100%; margin-left: 0; }
.sub_cont_visual .cont .img_wrap .img_box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem; margin-top: 2rem; }
.sub_cont_visual .cont .img_wrap .img_box .img { margin: 0; }
.sub_cont_visual .cont .img { width: 38%; margin-left: 4rem; flex-shrink: 0; opacity: 0; transform: translateX(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.6s; }
.sub_cont_visual .cont .img.wide { width: 50%; }
.sub_cont_visual .cont .img.youtube { width: 50%; padding-top: 28.125%; }
.sub_cont_visual .cont .img.youtube iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.sub_cont_visual .cont .img + .img { margin-top: 3.5rem; }
.sub_cont_visual .cont .img img,
.sub_cont_visual .cont .img video { width: 100%; }
.sub_cont_visual .sub_tit_wrap .sub_txt { margin-top: 2em; }  
.sub_cont_visual .sub_tit_wrap .sub_txt + .txt { margin-top: 1em; }
.sub_cont_visual .sub_tit_wrap .txt { margin-top: 3em; }


.mgt-con{ margin-top: var(--subSectPd1);}
.mt_10rem{margin-top: 10rem;}
.sub_cont_visual.reverse .cont { flex-direction: row-reverse; }
.sub_cont_visual.reverse .cont .img { margin-left: 0; margin-right: 4rem; }
.sub_cont_visual .cont02 .img{ position: relative; aspect-ratio: 16 / 9; }
.sub_cont_visual .cont02 .img img{  object-fit: cover;}
.sub_cont_visual .cont02 .img.w_100{width: 100%;}
.sub_cont_visual .cont02 { display: flex; align-items: flex-start; justify-content: space-between; gap:3rem;}
.sub_cont_visual .cont02 .sub_tit_wrap { width: 50%; }
.sub_cont_visual .cont02 .box{display: flex;}
.sub_cont_visual .cont02 .box .num_tit_box{margin-top: 2.5rem;}
.sub_cont_visual .cont02 .box .num_tit_box .num{font-size: 35px; font-weight: 700; color:#004ea2;}
.sub_cont_visual .cont02 .box .num_tit_box .tit{font-size: var(--subH3); font-weight: 700;}
.sub_cont_visual .cont02 .box .num_tit_box .txt2{font-size: 14px; color:#7f7f7f; margin-top:10px;}


.sub_cont_visual .cont02 .box{
  opacity:0;
  transform: translateY(2rem); /* 5rem -> 2rem */
  transition: opacity .6s, transform .6s;
}
.sub_cont_visual.active .cont02 .box{
  opacity:1;
  transform: translateY(0);
}
.sub_cont_visual.active .cont02 .box:nth-child(1){ transition-delay: .2s; }
.sub_cont_visual.active .cont02 .box:nth-child(2){ transition-delay: .3s; } /* 0.4 -> 0.3 */

.sub_cont_visual .cont02{
  display:flex;
  gap:3rem;
  align-items:stretch;
}

.sub_cont_visual .cont02 .box{
  flex:1 1 0;             
  display:flex;
  flex-direction:column;   
  min-width:0;         
}

@media (max-width:768px){
  .sub_cont_visual .cont02{ flex-direction:column; }
}

.sub_cont_visual.active .cont .img { opacity: 1; transform: translateX(0); }

.sub_cont_visual.mg_t { margin-top: var(--subSectPd1); }
.sub_cont_visual.start .cont { align-items: flex-start; }

.grid_img_sect { padding-top: var(--subSectPd1); overflow: hidden; }
.grid_img_sect > .info { margin-top: 10rem; }
.grid_img_sect > .info + .img_wrap { margin-top: 1rem; }
.grid_img_sect .max_img { margin-top: 10rem; }
.grid_img_sect .img_wrap { display: grid; gap: 10rem 3rem; margin-top: 10rem; }

.grid_img_sect .img_wrap .box .img { position: relative; }
.grid_img_sect .img_wrap .box .label {  }
.grid_img_sect .img_wrap .box .label span { position: absolute; left: 50%; bottom: 1.5em; transform: translate(-50%, 0); padding: 0.3em 1em; border-radius: 2em; font-size: var(--txt); font-weight: 700; color: #fff; background-color: var(--blue2); white-space: nowrap; }
.grid_img_sect .img_wrap .box .img .hover_box { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,78,162,0.85); opacity: 0; z-index: 10; transition: opacity 0.8s; }
.grid_img_sect .img_wrap .box .img .hover_box .ico { width: 12%; margin: 0 auto; fill: #fff; }
.grid_img_sect .img_wrap .box .img .hover_box svg { width: 100%; object-fit: contain; }

.grid_img_sect .img_wrap.col2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid_img_sect .img_wrap.col3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid_img_sect .img_wrap.col4 { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 3rem; }
.grid_img_sect .img_wrap .box { position: relative; opacity: 0; transform: translateX(1.5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.6s; }
.grid_img_sect .img_wrap .box:nth-of-type(1) { transition-delay: 0.2s; }
.grid_img_sect .img_wrap .box:nth-of-type(2) { transition-delay: 0.4s; }
.grid_img_sect .img_wrap .box:nth-of-type(3) { transition-delay: 0.6s; }
.grid_img_sect .img_wrap .box:nth-of-type(4) { transition-delay: 0.8s; }
.grid_img_sect .sub_tit_wrap.active + .img_wrap .box,
.grid_img_sect .sub_tit_wrap.active + .max_img + .img_wrap .box,
.grid_img_sect .img_wrap.active .box { opacity: 1; transform: translateX(0); }
.grid_img_sect .img_wrap .box .txt_box { margin-top: 2.5rem; }
.grid_img_sect .img_wrap .box .txt_box .desc { margin-bottom: 0.5em; font-weight: 700; color: var(--txtGray1); }
.grid_img_sect .img_wrap .box .txt_box .tit {  font-size: var(--bigTxt); font-weight: 700; }
.grid_img_sect .img_wrap .box .txt_box .tit span { position: relative; top: -2.5px; font-size: var(--subTxt); font-weight: 400; }
.grid_img_sect .img_wrap .box .txt_box .tit.big { margin-top: -0.1em; font-size: var(--subH2); line-height: var(--titLine); }
.grid_img_sect .img_wrap .box .txt_box .tit.big + .txt { margin-top: 1.5em; }
.grid_img_sect .img_wrap .box .txt_box .txt + .btn_wrap { display: none; margin-top: 2em; }
.grid_img_sect .img_wrap .box .txt_box .tit.center { text-align: center; }
.grid_img_sect .img_wrap .box .txt_box .tit.step { font-size: var(--bigTxt); font-weight: 700; color: var(--blue2); }
.grid_img_sect .img_wrap .box .txt_box .tit.step span { color: #232323; font-size: var(--bigTxt); font-weight: 700; }
.grid_img_sect .img_wrap .box .txt_box .txt { margin-top: 0.3em; }
.grid_img_sect .img_wrap .box .txt_box .txt span { display: block; text-indent: -0.5em; padding-left: 0.5em; }
.grid_img_sect .img_wrap .box .txt_box .li_box { margin-top: 3rem; }
.grid_img_sect .img_wrap .box .txt_box .li_box .li { display: flex; align-items: flex-start; justify-content: flex-start; font-weight: 500; }
.grid_img_sect .img_wrap .box .txt_box .li_box .li + .li { margin-top: 0.2em; }
.grid_img_sect .img_wrap .box .txt_box .li_box .li:before { content: '·'; margin-right: 0.5em; }

.grid_img_sect .img_wrap + .info { margin-top: 8rem; }
.grid_img_sect .img_wrap + .info p { display: flex; align-items: flex-start; justify-content: flex-start; color: var(--txtGray1); }
.grid_img_sect .img_wrap + .info p:before { content: '※'; position: relative; margin-right: 0.5em; }

.grid_img_sect .img_wrap .box .point_txt { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4rem; color: #fff; overflow: hidden; }
.grid_img_sect .img_wrap .box .point_txt:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(35,35,35,0) 0%,rgba(35,35,35,0.5) 69%,rgba(35,35,35,0.8) 100%); }
.grid_img_sect .img_wrap .box .point_txt .point { position: relative; font-size: var(--smTxt); font-weight: 700; z-index: 10; }
.grid_img_sect .img_wrap .box .point_txt .txt { position: relative; margin-top: 0.5em; font-size: var(--bigTxt); font-weight: 700; z-index: 10; }

/* 250918 toob */
.only_m{display: none;}
.grid_img_sect.toob{text-align: center;}
.grid_img_sect.toob .txt{text-align: start;}
.grid_img_sect.toob .img_wrap .box .toob{
  display: inline-block;
  padding: 1rem 3rem;
  text-align: center;
  border-radius: 50px;
  color: #fff;
}
.grid_img_sect.toob .img_wrap .box:nth-child(1) .toob{
  background-color: #0B3659;
}
.grid_img_sect.toob .img_wrap .box:nth-child(2) .toob{
  background-color: #8EC5ED;
}
.toob_box{
  margin-top: var(--subSectPd1);
}
.competition_btn{
  text-align: center;
}
.competition_btn a{
    text-align: center;
    margin: auto;
    display: inline-block;
    padding: 1rem 3rem;
    margin-top: 3rem;
    background-color: #0B3659;
    color: #fff;
    border-radius: 31px;
}
.sub_cont_visual .cont.toob{align-items: center; justify-content: start;}
.sub_cont_visual .cont.toob .img{margin-left: -4rem;}

.grid_img_sect.toob .img_wrap .box .txt_box .desc{
  position: relative;
  color: #fff;
  background-color: #232323;
  padding: 1rem 0rem;
  border-radius: 30px;
}
.grid_img_sect.toob .img_wrap .box .txt_box .desc.plus::before{
    content: '';
    background: url(../../inc/img/sub/plus.png);
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
}
.grid_img_sect.toob .img_wrap .box .txt_box .desc.equal::before{
    content: '';
    background: url(../../inc/img/sub/equal.png);
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
}

.grid_img_sect.toob_02 .img_wrap .box .txt_box .desc{
  background-color: #B7DEE8;
  color: #232323;
}
.grid_img_sect.toob_02{padding-top: var(--subH0);}
.point_side_sect.w_30 .cont .img{width: 30%;}
.point_side_sect.pt_50 .cont .txt_box .desc,
.point_side_sect.w_30 .cont .txt_box .desc{color: #232323;}
.point_side_sect.pt_50 .cont .img{position: relative;}
.point_side_sect.pt_50 .cont .tit{position: absolute; right: -120px; top: 220px; font-size: var(--subH1); line-height: 100%; font-weight: 700; transition: opacity .6s, transform .6s; transition-delay: 0.3s; color: #fff; transform: rotate(90deg);}
.point_side_sect.pt_50 .cont .tit.second{right: -20px; top: 120px; color: #232323;}
.point_side_sect.pt_50 .competition_btn{text-align: start;}
.sub_cont_visual .cont .img.w_50{width: 50%;}
.sub_cont_visual .cont .img.w_100{width: 100%;}
.color_tbl_cont .tbody.toob .td:nth-last-of-type(3){
  border-bottom: 1px solid rgba(77, 164, 234, 0.3);
}
 .color_tbl_cont .tbody.toob .td:nth-last-of-type(2){border-color: rgba(0, 0, 0, 0.1);}


.basic_sect.toob_g3 .in .cont .sub_tit_wrap{margin-bottom: 5rem;}
.basic_sect.toob_g3{padding-top: 10rem;}
.basic_sect.onbg{background: url(../../inc/img/sub/toob_g3_bg.png) no-repeat; background-position: center; background-size: cover; padding-bottom: 10rem;}
.basic_sect.onbg p{color: #fff;}
.basic_sect.onbg .inner.black{background: url(../../inc/img/sub/toob_g3_left.png) no-repeat; background-position: center; background-size: contain;}
.basic_sect.onbg .inner.blue{background: url(../../inc/img/sub/toob_g3_right.png) no-repeat; background-position: center; background-size: contain;}
.basic_sect.toob_g3 .cont p{text-align: center;}
.basic_sect.toob_g3 .type_ico_cont .ico_box .tit{color: #232323;}
.basic_sect.toob_g3 .flex_box{display: flex; justify-content: center; gap: 20px;}
.basic_sect.toob_g3 .flex_box .tit{font-size: var(--subH3); font-weight: 700; text-align: center; margin-bottom: 3rem;}
.basic_sect.toob_g3 .flex_box .inner{width: 500px; height:930px; padding: 5rem;}
.basic_sect.toob_g3 .steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}
.basic_sect.toob_g3 .step {
  background-color: #000;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 600;
  width: 80%;
  max-width:300px;
  color: #fff;
}
.basic_sect.toob_g3 .plus {
  font-size: 3.5rem;
  line-height: 100%;
  color: #aaa;
}
.basic_sect.toob_g3 .under {
  margin-top: 30px;
  border-radius: 10px;
  padding: 10px;
}
.basic_sect.toob_g3 .under .txt{font-size: var(--subTxt);}
.basic_sect.onbg .inner.blue .step{background-color: #fff; border: 2px solid #0c98c7; color: #232323;}
.basic_sect.toob_g3 .flex_box .inner.blue .steps{gap: 25px; padding-top: 5rem;}
.basic_sect.toob_g3 .flex_box .inner.blue .tit{color: #00eeff;}
.basic_sect.toob_g3 .flex_box .inner.blue .steps .plus{font-size: 4.5rem; color: #00eeff; font-weight: 700;}
.basic_sect.toob_g3 .flex_box .inner.blue .under{padding-top: 5rem;}
.basic_sect.toob_g3 .flex_box .inner.blue .under p{color: #3ef0a5;}
.basic_sect.toob_g3 .flex_box .inner.blue .under p span{font-size: var(--subH2); font-weight: 700;}
.basic_sect.onbg .inner.blue .step{font-size: 2.5rem; font-weight: 700;}

.basic_sect.blue .type_ico_cont .ico_box{background-color: var(--blue2);}
.basic_sect.blue .type_ico_cont .ico_box .tit{ color: #fff;}
.basic_sect.blue .type_ico_cont::after{
  content: unset;
}
 




.img_tab_sect { padding-top: var(--subSectPd1); }
.img_tab_sect .cont { margin-top: 10rem; }
.img_tab_sect .main_img { text-align: center }
.img_tab_sect .main_img img { margin: 0 auto; }
.img_tab_sect .tab_cont { margin-top: 10rem; }
.img_tab_sect .tab_cont .img { text-align: center }
.img_tab_sect .tab_cont .img img { margin: 0 auto; }
.img_tab_sect .tab_cont .link_img { position: relative }
.img_tab_sect .tab_cont .link_img .link { position: absolute; width: 18%; height: 60px; }
.img_tab_sect .tab_cont .link_img .link1 { right: 21%; bottom: 32%; }
.img_tab_sect .tab_cont .link_img .link2 { right: 21%; bottom: 22%;  }
.img_tab_sect .tab_cont .link_img .link3 { right: 21%; bottom: 12%;  }
.img_tab_sect .tab_cont .link_img .link6 { right: 21%; bottom: 2%;  }
.img_tab_sect .tab_cont .link_img .link4 { left: 6%; bottom: 0; }
.img_tab_sect .tab_cont .link_img .link5 { left: 30%; bottom: 0;  }


.chk_list_sect { padding-top: var(--subSectPd1); }
.chk_list_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.chk_list_sect .cont .sub_tit_wrap { position: sticky; top: calc(var(--hdH) + 5rem); width: 40%; }
.chk_list_sect .cont .chk_list { width: 50%; }
.chk_list_sect .cont .chk_list .list_box { opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; }
.chk_list_sect .cont .chk_list .list_box.active { opacity: 1; transform: unset; }
.chk_list_sect .cont .chk_list .list_box + .list_box { margin-top: 10rem; }
.chk_list_sect .cont .chk_list .list_box .tit { font-size: var(--subH3); font-weight: 700; }
.chk_list_sect .cont .chk_list .list_box ul { margin-top: 2.5rem; }
.chk_list_sect .cont .chk_list .list_box ul li { display: flex; align-items: center; background-color: #F2F6FA; padding: 2rem 2.5rem; }
.chk_list_sect .cont .chk_list .list_box ul li label { cursor: pointer; }
.chk_list_sect .cont .chk_list .list_box ul li label .box { display: flex; align-items: center; justify-content: center; width: 1.3em; height: 1.3em; margin-right: 1em; border: 1px solid #9CA1AE; flex-shrink: 0; }
.chk_list_sect .cont .chk_list .list_box ul li label .box svg { width: 50%; fill: transparent; }
.chk_list_sect .cont .chk_list .list_box ul li label { display: flex; align-items: center; }
.chk_list_sect .cont .chk_list .list_box ul li input:checked + label .box { background-color: var(--blue2); border-color: var(--blue2); }
.chk_list_sect .cont .chk_list .list_box ul li input:checked + label .box svg { fill: #fff; }
.chk_list_sect .cont .chk_list .list_box ul li + li { margin-top: 1.5rem; }
.chk_list_sect .cont .chk_list .list_box ul li .ico { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; margin-right: 1em; line-height: 3.5rem; border-radius: 100%; background-color: var(--blue2); color: #fff; font-size: var(--tinyTxt); font-weight: 600; flex-shrink: 0; }
.chk_list_sect .cont .chk_list .list_box ul li .ico svg { width: 45%; fill: #fff; object-fit: contain; }
.chk_list_sect .cont .chk_list .list_box ul li .txt { font-weight: 500; }

.chk_list_sect .cont .chk_list .list_box.type2 ul li { background-color: #EBF4F7; }
.chk_list_sect .cont .chk_list .list_box.type2 ul li input:checked + label .box { background-color: #4DA4EA; border-color: #4DA4EA; }

.chk_list_sect .cont .chk_list .list_box.type3 ul li { background-color: #F6F7F9; }
.chk_list_sect .cont .chk_list .list_box.type3 ul li .ico { background-color: #0C3659; }
.chk_list_sect .cont .chk_list .list_box.type3 ul li input:checked + label .box { background-color: #0C3659; border-color: #0C3659; }

.chk_list_sect .cont .chk_list .list_box.type4 ul li { background-color: #FDF7EB; }
.chk_list_sect .cont .chk_list .list_box.type4 ul li .ico { background-color: #F3842E; }
.chk_list_sect .cont .chk_list .list_box.type4 ul li input:checked + label .box { background-color: #F3842E; border-color: #F3842E; }

.chk_list_sect .cont .chk_list .list_box.type5 ul li { background-color: #F6F7F9; }
.chk_list_sect .cont .chk_list .list_box.type5 ul li .ico { background-color: #9B9B9B; }
.chk_list_sect .cont .chk_list .list_box.type5 ul li input:checked + label .box { background-color: #9B9B9B; border-color: #9B9B9B; }

.chk_list_sect .cont .chk_list .list_box.type6 ul li { background-color: #F2F6FA; color: #232323; }
.chk_list_sect .cont .chk_list .list_box.type6 ul li .ico { background-color: #004EA2; }
.chk_list_sect .cont .chk_list .list_box.type6 ul li input:checked + label .box { background-color: #004EA2; border-color: #004EA2; } 

.chk_list_sect.type2 .cont { flex-direction: column; }
.chk_list_sect.type2 .cont .sub_tit_wrap { position: static; width: 100%; }
.chk_list_sect.type2 .cont .chk_list { display: flex; align-items: flex-start; justify-content: center; width: 70%; margin: 10rem auto 0; }
.chk_list_sect.type2 .cont .chk_list .list_box { flex: 1; }
.chk_list_sect.type2 .cont .chk_list .list_box .label { text-align: center; margin-bottom: 1rem; }
.chk_list_sect.type2 .cont .chk_list .list_box .label span { display: inline-block; padding: 0.8em 1.2em; border-radius: 2em; font-size: var(--bigTxt); font-weight: 700; color: #fff; background-color: #9B9B9B; }
.chk_list_sect.type2 .cont .chk_list .list_box:nth-of-type(2) .label span { background-color: #4DA4EA; }
.chk_list_sect.type2 .cont .chk_list .list_box + .list_box { margin-top: 0; margin-left: 5rem; }

.chk_list_sect .cont + .img { width: 100%; margin-top: 12rem; }
.chk_list_sect .flex_center{align-items: center;}

.slide_grid_sect { padding-top: var(--subSectPd1); }
.slide_grid_sect.bg { background-color: #F6F7F9; padding: var(--subSectPd1) 0; margin-top: var(--subSectPd1); }

.slide_grid_sect .grid_wrap { padding-top: 10rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.5s, transform 0.5s; }
.slide_grid_sect .grid_wrap.active { opacity: 1; transform: unset; }
.slide_grid_sect .grid_wrap + .grid_wrap { padding-top: 15rem; }
.slide_grid_sect .grid_wrap .tit_box { display: flex; align-items: center; }
.slide_grid_sect .grid_wrap .tit_box .label {  }
.slide_grid_sect .grid_wrap .tit_box .label span { display: inline-block; padding: 0.5em 2em; background-color: #4DA4EA; color: #fff; font-size: var(--txt); font-weight: 700; border-radius: 2em; white-space: nowrap; }
.slide_grid_sect .grid_wrap .tit_box .label.type2 span { background-color: #004EA2; }
.slide_grid_sect .grid_wrap .tit_box .txt { margin-left: 1em; font-weight: 700; }

.slide_grid_sect .grid_wrap .box_wrap { display: flex; margin-top: 5rem; }
.slide_grid_sect .grid_wrap .box_wrap .box { width: calc(25% - 3rem); margin-right: 3rem; }
.slide_grid_sect .grid_wrap .box_wrap.col3 .box { width: calc( (100%/3) - 3rem ); }
.slide_grid_sect .grid_wrap .box_wrap .box .img { position: relative; width: 100%; padding-top: 70%;}
.slide_grid_sect .grid_wrap .box_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.slide_grid_sect .grid_wrap .box_wrap .box .txt_box { margin-top: 2.5rem; }
.slide_grid_sect .grid_wrap .box_wrap .box .txt_box .tit { font-size: var(--bigTxt); font-weight: 700; }
.slide_grid_sect .grid_wrap .box_wrap .box .txt_box .txt { margin-top: 0.3em; }

.slide_grid_sect .grid_wrap .paging { position: relative; width: 100%; margin: 10rem auto 0; height: 2px; background: #E1E4EB }
.slide_grid_sect .grid_wrap .paging .swiper-pagination-progressbar-fill { background: var(--blue2) }


.grid_slide .grid_wrap + .grid_wrap { padding-top: 15rem; }
.grid_slide .grid_wrap .tit_box { display: flex; align-items: center; }
.grid_slide .grid_wrap .tit_box .label {  }
.grid_slide .grid_wrap .tit_box .label span { display: inline-block; padding: 0.5em 2em; background-color: #4DA4EA; color: #fff; font-size: var(--txt); font-weight: 700; border-radius: 2em; white-space: nowrap; }
.grid_slide .grid_wrap .tit_box .label.type2 span { background-color: #004EA2; }
.grid_slide .grid_wrap .tit_box .txt { margin-left: 1em; font-weight: 700; }

.grid_slide .grid_wrap .box_wrap { display: flex; margin-top: 5rem; }
.grid_slide .grid_wrap .box_wrap .box { width: calc(25% - 3rem); margin-right: 3rem; }
.grid_slide .grid_wrap .box_wrap.col3 .box { width: calc( (100%/3) - 2rem ); }
.grid_slide .grid_wrap .box_wrap .box .img { position: relative; width: 100%; padding-top: 122%;}
.grid_slide .grid_wrap .box_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.grid_slide .grid_wrap .box_wrap .box .txt_box { margin-top: 2.5rem; }
.grid_slide .grid_wrap .box_wrap .box .txt_box .desc{font-weight: 700; color:#9CA1AE;}
.grid_slide .grid_wrap .box_wrap .box .txt_box .tit { font-size: var(--subH2); font-weight: 700; line-height: var(--titLine);}
.grid_slide .grid_wrap .box_wrap .box .txt_box .txt { margin-top: 0.3em; }
.grid_slide .grid_wrap .box_wrap .box .txt_box .li_box{margin-top: 3rem;}
.grid_slide .grid_wrap .box_wrap .box .txt_box .li_box .li { display: flex; align-items: flex-start; justify-content: flex-start; font-weight: 500; }
.grid_slide .grid_wrap .box_wrap .box .txt_box .li_box .li + .li { margin-top: 0.2em; }
.grid_slide .grid_wrap .box_wrap .box .txt_box .li_box .li:before { content: '·'; margin-right: 0.5em; }
.zm_slide_grid .grid_wrap .box_wrap .box .txt_box .li_box .li:before {display: none; }
.grid_slide .grid_wrap .paging { position: relative; width: 100%; margin: 10rem auto 0; height: 2px; background: #E1E4EB }
.grid_slide .grid_wrap .paging .swiper-pagination-progressbar-fill { background: var(--blue2) }


.treat_sect { padding-top: var(--subSectPd1); }
.treat_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.treat_sect .cont .sub_tit_wrap { width: 30%; }
.treat_sect .cont .img_wrap { width: 55%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: flex-start; gap: 3.5rem; }
.treat_sect .cont .img_wrap .box {  }    
.treat_sect .cont .img_wrap .box .img { position: relative; width: 100%; padding-top: 100%; }
.treat_sect .cont .img_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.treat_sect .cont .img_wrap .box .txt_box { margin-top: 3rem; }
.treat_sect .cont .img_wrap .box .txt_box .tit { font-size: var(--bigTxt); font-weight: 700; }
.treat_sect .cont .img_wrap .box .txt_box .txt { margin-top: 0.5em; }
.treat_sect .cont .img_wrap .box .txt_box .txt span { display: block; text-indent: -0.5em; padding-left: 0.5em; }
.treat_sect .cont .img_wrap .box .txt_box .txt span.li_txt { text-indent: 0; padding-left: 0; font-size: var(--smTxt); }
.treat_sect .cont .img_wrap .box .txt_box .txt span.li_txt b { display: inline-block; margin-top: 1em; }

.btm_center_sect { padding-top: var(--subSectPd1); overflow: hidden; }
.btm_center_sect .tit_wrap { opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; }
.btm_center_sect .tit_wrap.active { opacity: 1; transform: translateY(0); }
.btm_center_sect .tit_wrap .tit { font-size: var(--subH1); font-weight: 700; line-height: var(--titLine); }
.btm_center_sect .tit_wrap .tit + .tit { margin-top: 1em; }
.btm_center_sect .tit.gradient { background: linear-gradient(90deg, #232323, #0f2538, #65A9DF, #65A9DF); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.btm_center_sect .box_wrap { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4.5rem; margin-top: 10rem; }
.btm_center_sect .box_wrap.col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem; }
.btm_center_sect .box_wrap .symbol { position: absolute; right: 0; top: 0; width: auto; height: 80%; transform: translate(70%, -80%); opacity: 0.02; }
.btm_center_sect .box_wrap .symbol img { height: 100%; object-fit: contain; }
.btm_center_sect .box_wrap .box { position: relative; width: 100%; padding-top: 125%; overflow: hidden; background-color: #000; opacity: 0; transform: translateX(8rem); transition: opacity 0.6s, transform 0.6s; }
.btm_center_sect .box_wrap .box:nth-of-type(1) { transition-delay: 0.2s; }
.btm_center_sect .box_wrap .box:nth-of-type(2) { transition-delay: 0.35s; }
.btm_center_sect .box_wrap .box:nth-of-type(3) { transition-delay: 0.5s; }
.btm_center_sect .box_wrap .box:nth-of-type(4) { transition-delay: 0.65s; }
.btm_center_sect .box_wrap.active .box { opacity: 1; transform: translateX(0); }
.btm_center_sect .box_wrap .box .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; }
.btm_center_sect .box_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s; }
.btm_center_sect .box_wrap .box .txt_box { position: absolute; left: 0; bottom: 0; width: 100%; padding: 4rem; margin-top: 3rem; color: #fff; }
.btm_center_sect .box_wrap .box .txt_box .tit { font-size: var(--subH3); font-weight: 700; }
.btm_center_sect .box_wrap .box .txt_box .btn_wrap { position: relative; width: 100%; margin-top: auto; padding-top: 1em; margin-top: 1rem; }
.btm_center_sect .box_wrap .box .txt_box .btn_wrap:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; border-top: 1px solid rgba(255,255,255,0.5); transition: width 0.8s; }
.btm_center_sect .box_wrap .box .txt_box .btn_wrap .more_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; fill: #fff; font-size: var(--smTxt); }
.btm_center_sect .box_wrap .box .txt_box .btn_wrap .more_btn .ico { display: flex; align-items: center; justify-content: center; }

.feature_sect { padding-top: var(--subSectPd1); }
.feature_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.feature_sect .cont .tit { width: 30%; font-size: var(--subH2); font-weight: 700; }
.feature_sect .cont .box_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 65%; gap: 2rem; }
.feature_sect .cont .box_wrap .box { padding: 4rem; background-color: #fff; color: #232323; opacity: 0; transform: translateY(3rem); transition: transform 0.8s, opacity 0.8s; }
.feature_sect .cont .box_wrap .box:nth-of-type(1) { transition-delay: 0.2s; }
.feature_sect .cont .box_wrap .box:nth-of-type(2) { transition-delay: 0.4s; }
.feature_sect .cont .box_wrap .box:nth-of-type(3) { transition-delay: 0.6s; }
.feature_sect .cont .box_wrap .box:nth-of-type(4) { transition-delay: 0.8s; }
.feature_sect .cont .box_wrap.active .box { opacity: 1; transform: translateY(0); }
.feature_sect .cont .box_wrap .box .num { font-size: var(--smTxt); font-weight: 700; color: var(--blue2); }
.feature_sect .cont .box_wrap .box .txt { margin-top: 0.5em; font-size: var(--txt); font-weight: 700; }

.treat_step_sect { padding-top: var(--subSectPd1); }
.treat_step_sect .cont .tit {font-size: var(--subH2); font-weight: 700; opacity: 0; transform: translateY(3rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.4s; }
.treat_step_sect .cont .tit.active { opacity: 1; transform: unset; }
.treat_step_sect .cont .cir_wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 10rem; }
.treat_step_sect .cont .cir_wrap .cir_box { position: relative; width: 100%; padding-top: 100%; background-color: #4DA4EA; border-radius: 100%; opacity: 0; transform: translateY(3rem); transition: transform 0.8s, opacity 0.8s; }
.treat_step_sect .cont .cir_wrap .cir_box:nth-of-type(1) { transition-delay: 0.2s; }
.treat_step_sect .cont .cir_wrap .cir_box:nth-of-type(2) { transition-delay: 0.4s; }
.treat_step_sect .cont .cir_wrap .cir_box:nth-of-type(3) { transition-delay: 0.6s; }
.treat_step_sect .cont .cir_wrap .cir_box:nth-of-type(4) { transition-delay: 0.8s; }
.treat_step_sect .cont .cir_wrap.active .cir_box { transform: translateX(0); opacity: 1; }
.treat_step_sect .cont .cir_wrap .cir_box .box { position: absolute; left: 50%; top: 26%; transform: translate(-50%, 0); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: auto; }
.treat_step_sect .cont .cir_wrap .cir_box .box .ico { width: 6rem; }
.treat_step_sect .cont .cir_wrap .cir_box .box .step { margin-top: 3rem; }
.treat_step_sect .cont .cir_wrap .cir_box .box .step span { display: inline-block; padding: 0.2em 1em; background-color: #fff; color: #4DA4EA; border-radius: 2em; font-size: var(--smTxt); font-weight: 700; }
.treat_step_sect .cont .cir_wrap .cir_box .box .txt { margin-top: 0.5em; font-size: var(--bigTxt); font-weight: 700; }
.treat_step_sect .cont .cir_wrap .cir_box .box .txt br { display: none; }
.treat_step_sect .cont .cir_wrap .cir_box .box .desc { margin-top: 0.4em; font-size: var(--smTxt); color: rgba(255,255,255,0.7); }
.treat_step_sect .info { margin-top: 6rem; color: rgba(255,255,255,0.5); font-size: var(--smTxt); font-weight: 500; text-indent: -0.8em; padding-left: 0.8em; }

/* 전립선 센터 */
.center_top_sect { position: relative; margin-top: calc(-1 * var(--subVisPd)); width: 100%; padding-bottom: var(--subSectPd1); background: linear-gradient(to bottom, rgba(77,164,234,1) 0%,rgba(0,78,162,1) 100%); color: #fff; overflow: hidden; }
.center_top_sect:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/inc/img/sub/prost_center_top_bg.jpg') no-repeat center center / cover; opacity: 0.1; }

.uroli_center_page .center_top_sect:before { background: url('/inc/img/sub/uroli_center_top_bg.jpg') no-repeat center center / cover; }
.urinary_center_page .center_top_sect:before { background: url('/inc/img/sub/urinary_center_top_bg.jpg') no-repeat center center / cover; }
.inf_center_page .center_top_sect:before { background: url('/inc/img/sub/inf_center_top_bg.jpg') no-repeat center center / cover; }
.vid_medi_page .center_top_sect:before { background: url('/inc/img/sub/vid_medi_top_bg.jpg') no-repeat center center / cover; }

.urinary_center_page .slide_wrap { position: relative; margin-top: 10rem; }
.urinary_center_page .slide_wrap .swiper-slide { display: flex; align-items: center; justify-content: space-between; }
.urinary_center_page .slide_wrap .swiper-slide .img { width: 45%; }
.urinary_center_page .slide_wrap .txt_box { width: 50%; margin-left: 10rem; opacity: 0; transform: translateY(8rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s; }
.urinary_center_page .slide_wrap .txt_box .point { margin-bottom: 1em; font-size: var(--bigTxt); font-weight: 700; color: var(--blue2); }
.urinary_center_page .slide_wrap .txt_box .tit { font-size: var(--subH2); font-weight: 700; line-height: var(--titLine); }
.urinary_center_page .slide_wrap .txt_box .txt { margin-top: 1em; }

.urinary_center_page .slide_wrap.active .txt_box  { opacity: 1; transform: unset; }

.urinary_center_page .paging { position: absolute; right: 0; top: 0; bottom: unset; width: auto; height: auto; z-index: 10; color: var(--txtGray1); text-align: right; }
.urinary_center_page .paging .swiper-pagination-current { font-size: var(--subH3); font-weight: 700; color: var(--blue2); }
.urinary_center_page .paging .dash { margin: 0 0.2rem; }

.urinary_center_page .swiper_btn_wrap .swiper_btn { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; border-radius: 100%; border: 1px solid #D4D9E4; fill: #D4D9E4; z-index: 20; cursor: pointer; transition: border-color 0.5s, fill 0.5s; }
.urinary_center_page .swiper_btn_wrap .swiper_btn.prev { left: 0; transform: translate(-160%, -50%); }
.urinary_center_page .swiper_btn_wrap .swiper_btn.next { right: 0; transform: translate(160%, -50%); }
.urinary_center_page .swiper_btn_wrap .swiper_btn svg { width: 30%; }

.center_top_sect .sub_tit_wrap .notice { color: rgba(255,255,255,0.7); }

.center_top_sect .cir_cont { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; height: calc(100vh - var(--hdH)); }
.center_top_sect .cir_cont .sub_tit_wrap .tit,
.center_top_sect .cir_cont .sub_tit_wrap .notice { opacity: 1; transform: unset; }

.center_top_sect .cir_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; width: 90%; margin: 10rem auto 0; }
.center_top_sect .cir_wrap .cir { position: relative; width: 100%; padding-top: 100%; border-radius: 100%; background: linear-gradient(155deg, rgba(17,206,255,0.2) 0%,rgba(0,240,134,0.2) 80%); }
.center_top_sect .cir_wrap .cir1 { transform: translateX(calc(100% + 3rem)); }
.center_top_sect .cir_wrap .cir2 { z-index: 10; }
.center_top_sect .cir_wrap .cir3 { transform: translateX(calc(-100% - 3rem)); }
.center_top_sect .cir_wrap .cir .tit { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: auto; font-size: 2.5rem; font-weight: 700; opacity: 0; transition: opacity 0.5s; }
.center_top_sect .cir_wrap .cir .tit img { width: 35%; }
.center_top_sect .cir_wrap .cir .tit.hide { opacity: 1; }
.center_top_sect .cir_wrap .cir .tit.hide .num { font-size: 8rem; }
.center_top_sect .cir_wrap .cir .tit.hide .num span { margin-left: 0.2em; }
.center_top_sect .cir_wrap .cir .tit .num { font-size: 6rem; font-weight: 700; }
.center_top_sect .cir_wrap .cir .tit .num span { margin-left: -0.3em; font-size: var(--subTxt); }
.center_top_sect .cir_wrap .cir .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.center_top_sect .cir_wrap .cir .bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.center_top_sect .img_cont { margin-top: 10rem; }
.center_top_sect .img_cont .tit_wrap {  }
.center_top_sect .img_cont .tit_wrap .tit { font-size: var(--subH0); font-weight: 700; line-height: var(--titLine); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.2s; }
.center_top_sect .img_cont .tit_wrap .txt { margin-top: 3em; font-size: var(--subH3); font-weight: 700; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s; }
.center_top_sect .img_cont .tit_wrap .desc { margin-top: 4em; opacity: 0.7; }
.center_top_sect .img_cont .tit_wrap .desc p { opacity: 0; transform: translateY(5rem); transition: opacity 0.6s, transform 0.6s; }
.center_top_sect .img_cont .tit_wrap .desc p:nth-of-type(1) { transition-delay: 0.4s; }
.center_top_sect .img_cont .tit_wrap .desc p:nth-of-type(2) { transition-delay: 0.5s; }
.center_top_sect .img_cont .tit_wrap .desc p:nth-of-type(3) { transition-delay: 0.6s; }
.center_top_sect .img_cont .tit_wrap .desc p + p { margin-top: 1em; }

.center_top_sect .img_cont .tit_wrap.active .tit,
.center_top_sect .img_cont .tit_wrap.active .txt,
.center_top_sect .img_cont .tit_wrap.active .desc p { opacity: 1; transform: translateY(0); }

.center_top_sect .img_cont .img { position: relative; width: 50%; padding-top: 42%; margin: 12rem auto 0; }
/* .center_top_sect .img_cont .img.video {  } */
.center_top_sect .img_cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.center_top_sect .img_cont .img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }

.equip_slide_sect { padding-top: var(--subSectPd1); overflow: hidden; }
.equip_slide_sect .slide_wrap { margin-top: 10rem; padding-left: calc((100% - clamp(124rem, 70vw, 164rem))/2 + 2rem); opacity: 0; transform: translateX(8rem); transition: opacity 0.6s, transform 0.6s; }
.equip_slide_sect .slide_wrap.active { opacity: 1; transform: translateX(0); }
/* .equip_slide_sect .slide_wrap .swiper { overflow: visible; } */
.equip_slide_sect .slide_wrap .item { position: relative; width: calc(100%/4); transition: opacity 0.2s; cursor: pointer; }
.equip_slide_sect .slide_wrap .item.swiper-slide-prev { opacity: 0; }

.equip_slide_sect .slide_wrap .item .img { position: relative; width: 100%; padding-top: 100%; }
.equip_slide_sect .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.equip_slide_sect .slide_wrap .item .txt_box { margin-top: 2rem; }
.equip_slide_sect .slide_wrap .item .txt_box .desc { margin-bottom: 0.2em; font-weight: 700; color: var(--txtGray1); }
.equip_slide_sect .slide_wrap .item .txt_box .desc.eng { font-size: var(--tinyTxt); font-weight: 400; }
.equip_slide_sect .slide_wrap .item .txt_box .tit { font-size: var(--subH3); font-weight: 700; line-height: var(--titLine); }
.equip_slide_sect .slide_wrap .item .hover_box { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; opacity: 0; fill: #fff; background-color: rgba(0, 78, 162, 0.85); transition: opacity 0.5s; }
.equip_slide_sect .slide_wrap .item .hover_box .ico { width: 10%; margin: 0 auto; }
.equip_slide_sect .slide_wrap .item .hover_box svg { width: 100%; object-fit: contain; }
.equip_slide_sect .paging { position: relative; width: 100%; margin: 10rem auto 0; height: 2px; background: #E1E4EB }
.equip_slide_sect .paging .swiper-pagination-progressbar-fill { background: var(--blue2); }

.treat_process_sect { padding-top: var(--subSectPd1); overflow: hidden; padding-bottom: 5rem; }
.treat_process_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 10rem; }
.treat_process_sect .cont .sub_left_tab { width: 25%; opacity: 0; transform: translateX(-5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.2s; }
.treat_process_sect .cont .sub_left_tab .tab { position: relative; padding-bottom: 1rem; font-size: var(--bigTxt); font-weight: 700; color: var(--txtGray1); transition: color 0.5s; cursor: pointer; }
.treat_process_sect .cont .sub_left_tab .tab:before { content: ''; position: absolute; left: 0; bottom: 0; width: 55%; border-bottom: 1.5px solid var(--txtGray1); transition: width 0.5s; }
.treat_process_sect .cont .sub_left_tab .tab + .tab { margin-top: 4rem; }
.treat_process_sect .cont .sub_left_tab .tab.active { color: var(--blue2); }
.treat_process_sect .cont .sub_left_tab .tab.active:before { width: 75%; border-color: var(--blue2); }
/* .treat_process_sect .cont .sub_left_tab .tab:hover { color: var(--blue2); } */
/* .treat_process_sect .cont .sub_left_tab .tab:hover:before { width: 75%; border-color: var(--blue2); } */

.treat_process_sect .cont .process_wrap { position: relative; width: 70%; padding-top: 42%; opacity: 0; transform: translateX(5rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s; }
.treat_process_sect .cont .process_wrap .process_cont { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; padding: 0; background-color: #fff; opacity: 0; transition: opacity 0.6s; }
.treat_process_sect .cont .process_wrap .process_cont.active { opacity: 1; z-index: 10; }
.treat_process_sect .cont .process_wrap .process_cont .swiper { width: 100%; height: auto; }
.treat_process_sect .cont .process_wrap .process_cont .swiper .swiper-wrapper { height: auto; }
.treat_process_sect .cont .process_wrap .process_cont .paging { display: flex; align-items: center; justify-content: center; margin-top: 3rem; }
.treat_process_sect .cont .process_wrap .process_cont .paging .swiper-pagination-bullet { width: 5px; height: 5px; transition: width 0.3s, border-radius 0.3s; }
.treat_process_sect .cont .process_wrap .process_cont .paging .swiper-pagination-bullet-active { width: 3rem; background-color: var(--blue2); border-radius: 2rem; }
/*
.treat_process_sect .cont .process_wrap .process_box { display: grid; grid-template-columns: repeat(3, 26%); gap: 3rem; margin-top: 5rem; justify-content: space-between; }
.treat_process_sect .cont .process_wrap .box { position: relative; width: 100%; }
.treat_process_sect .cont .process_wrap .box .img { position: relative; left: 0; top: 0; width: 100%; padding-top: 100%; border-radius: 100%; overflow: hidden; }
.treat_process_sect .cont .process_wrap .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
*/
.treat_process_sect .cont .process_wrap .box { text-align: center; }
.treat_process_sect .cont .process_wrap .box .desc { text-align: center; margin-bottom: 3rem; }
.treat_process_sect .cont .process_wrap .box .desc span { display: inline-block; padding: 0.4em 1.8em; background-color: var(--blue2); color: #fff; font-weight: 700; border-radius: 2em; }
.treat_process_sect .cont .process_wrap .box .desc + .tit { margin-top: 0.5em; }
.treat_process_sect .cont .process_wrap .box .tit { margin-top: 1em; font-size: var(--bigTxt); font-weight: 700; }
.treat_process_sect .cont .process_wrap .box .txt { margin-top: 0.5em; font-size: var(--smTxt); }

.treat_process_sect .cont.active .sub_left_tab,
.treat_process_sect .cont.active .process_wrap { opacity: 1; transform: unset; }

.treat_process_sect .cont .process_wrap .process_cont.type1 { padding: 0; background-color: #fff; }
.treat_process_sect .cont .process_wrap .process_cont.type1 .box { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; width: 100%; height: 100%; }
.treat_process_sect .cont .process_wrap .process_cont.type1 .box .img { position: relative; width: 70%; padding-top: 40%; border-radius: 0; }
.treat_process_sect .cont .process_wrap .process_cont.type1 .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.treat_process_sect .cont .process_wrap .process_cont.type2 { padding: 0; background-color: #fff; }
.treat_process_sect .cont .process_wrap .process_cont.type2 .box { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; width: 100%; height: 100%; }
.treat_process_sect .cont .process_wrap .process_cont.type2 .box .img { position: relative; width: 70%; padding-top: 40%; border-radius: 0; }
.treat_process_sect .cont .process_wrap .process_cont.type2 .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }


/* .treat_process_sect .cont .process_wrap .process_cont { display: none; } */
/* .treat_process_sect .cont .process_wrap .process_cont.active { display: block; } */

.com_slide_sect { margin-top: var(--subSectPd1); overflow: hidden; }
.com_slide_sect.bg { background-color: #F6F7F9; padding: var(--subSectPd1) 0; }

.com_slide_sect .slide_wrap { position: relative; margin-top: 10rem; margin-left: calc((100% - clamp(124rem, 70vw, 164rem)) / 2 + 2rem); padding-right: var(--inPd); opacity: 0; transform: translateX(8rem); transition: opacity 0.6s, transform 0.6s; }
.com_slide_sect .slide_wrap.active { opacity: 1; transform: translateX(0); }
.com_slide_sect .slide_wrap .swiper { overflow: visible; }
.com_slide_sect .slide_wrap .item { display: flex; align-items: flex-start; justify-content: flex-start; width: 80%; transition: opacity 0.2s; }
.com_slide_sect .slide_wrap .item.swiper-slide-prev { opacity: 0; }
.com_slide_sect .slide_wrap .item .img { position: relative; width: 50%; padding-top: 30%; flex-shrink: 0; }
.com_slide_sect .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.com_slide_sect .slide_wrap .item .txt_box { width: 40%; margin-left: 6rem; margin-top: 6rem; }
.com_slide_sect .slide_wrap .item .txt_box .tit { font-size: var(--subH2); font-weight: 700; line-height: var(--titLine); }
.com_slide_sect .slide_wrap .item .txt_box .top_desc { margin-bottom: 0.5em; font-weight: 700; }
.com_slide_sect .slide_wrap .item .txt_box .desc { margin-top: 1.5em; font-size: var(--txt); font-weight: 700; }
.com_slide_sect .slide_wrap .item .txt_box .txt { margin-top: 0.8em; }
.com_slide_sect .slide_wrap .item .txt_box .txt span { display: block; }
.com_slide_sect .slide_wrap .item .txt_box .txt span.gray_txt { color: var(--txtGray1); font-size: var(--tinyTxt); }
.com_slide_sect .slide_wrap .item .txt_box .txt + .txt { margin-top: 0.2em; }
.com_slide_sect .slide_wrap .item .txt_box .li_box p.li { position: relative; padding-left: 0.7em; }
.com_slide_sect .slide_wrap .item .txt_box .li_box p.li:before { content: ''; position: absolute; left: 0; top: 0.7em; width: 0.2em; height: 0.2em; margin-right: 0.5em; border-radius: 100%; background-color: #232323; }

.com_slide_sect .slide_wrap .item .txt_box .btn_wrap { margin-top: 5rem; }

.com_slide_sect .paging_wrap { position: absolute; left: calc(40% + 5.5rem); bottom: 12%; display: flex; align-items: center; justify-content: flex-start; z-index: 5; }
.com_slide_sect.type2 .paging_wrap { left: calc(28.5% + 6rem); }
.com_slide_sect .paging { display: flex; align-items: center; justify-content: center; width: auto; }
.com_slide_sect .paging .swiper-pagination-current { color: var(--blue2); font-weight: 700; }
.com_slide_sect .paging .swiper-pagination-total { color: var(--txtGray1); }
.com_slide_sect .paging .progressbar { position: relative; width: 15rem; height: 1px; background: #E1E4EB; margin: 0 1.5rem; }
.com_slide_sect .paging .progressbar:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: var(--blue2); width: var(--progress, 0%); transition: width 0.3s; }
.com_slide_sect .paging_wrap .btn_wrap { margin-left: 2rem; }
.com_slide_sect .paging_wrap .btn_wrap .swiper_btn { display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border: 1px solid var(--txtGray1); border-radius: 100%; fill: var(--txtGray1); transition: all 0.3s; cursor: pointer; }
.com_slide_sect .paging_wrap .btn_wrap .swiper_btn + .swiper_btn { margin-left: 1rem; }

/* .com_slide_sect .paging_wrap { position: relative; left: 0; top: unset; width: 100%; margin-top: 15rem; }
.com_slide_sect .paging { width: 100%; }
.com_slide_sect .paging .progressbar { width: 100%; } */

.com_slide_sect.type2 .slide_wrap .item { width: 70%; }
.com_slide_sect.type2 .slide_wrap .item .img { width: 40%; padding-top: 44%; }
.com_slide_sect.type2 .slide_wrap .item .txt_box { margin-top: 5rem; }

.wide_img_sect { padding-top: var(--subSectPd1); }
.wide_img_sect .img { position: relative; width: 50%; padding-top: 42%; margin: 12rem auto 0; }
.wide_img_sect .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.wide_img_sect .img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }

/* 전립선 암 그래프 */
.prost_cancer_page .graph_cont { margin-top: 12rem; padding: 8rem 0 10rem; background-color: #EBF4F7; }
.prost_cancer_page .graph_cont .tit_box { display: grid; grid-template-columns: 10rem minmax(0, 1fr) 10rem; align-items: flex-end; padding: 0 5rem; }
.prost_cancer_page .graph_cont .tit_box .tit { grid-column: 2; font-size: var(--subH3); font-weight: 700; text-align: center; }
.prost_cancer_page .graph_cont .tit_box .source { font-size: var(--smTxt); color: var(--txtGray1); }
.prost_cancer_page .graph_wrap { position: relative; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); width: 50%; padding: 0 8rem 2px; height: 23rem; margin: 14rem auto 0; }

.prost_cancer_page .graph_wrap .bg_line_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.prost_cancer_page .graph_wrap .bg_line_wrap .bg_line { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.prost_cancer_page .graph_wrap .bg_line_wrap .bg_line .num { position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%); font-weight: 500; color: var(--txtGray1); font-size: var(--smTxt); padding-right: 1em; flex-shrink: 0; }
.prost_cancer_page .graph_wrap .bg_line_wrap .bg_line .bg { width: 100%; border-top: 2px solid var(--borderColor2); }

.prost_cancer_page .graph_wrap .line { position: absolute; left: 0; top: 0; width: 100%; border-bottom: 2px dashed #FF6C2E; z-index: 5; }
.prost_cancer_page .graph_wrap .graph_box { position: relative; display: grid; grid-template-columns: repeat(5, 7rem); justify-content: space-between; }
.prost_cancer_page .graph_wrap .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.prost_cancer_page .graph_wrap .graph_box .bar_box.down_box { align-items: flex-start; }
.prost_cancer_page .graph_wrap .graph_box .bar_box .bar { position: relative; width: 100%; height: 0; background: #4DA4EA; border-radius: 1.2rem 1.2rem 0 0; transition: height 0.8s; }
.prost_cancer_page .graph_wrap .graph_box .bar_box.current .bar { background: linear-gradient(to bottom, #3dbac1 7%, #1c585b 100%); }
.prost_cancer_page .graph_wrap .graph_box .bar_box .dot { position: absolute; left: 50%; top: 0; transform: translate(-50%, 150%); width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: #9A9EA7; border: 3px solid #fff; z-index: 10; }
.prost_cancer_page .graph_wrap .graph_box .bar_box .label { position: absolute; left: 50%; top: 0; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -100%); padding: 0.2em 0.8em; font-weight: 600; text-align: center; white-space: nowrap; color: #7D8184; }
.prost_cancer_page .graph_wrap .graph_box .bar_box.current .label { top: -1em; background-color: #3dbac1; border-radius: 2em; fill: #fff; font-size: var(--bigTxt); color: #fff; font-weight: 700; }
.prost_cancer_page .graph_wrap .graph_box .bar_box.current .label:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 1rem; height: 1rem; transform: translate(-50%, 50%) rotate(45deg); background-color: #3dbac1; }
.prost_cancer_page .graph_wrap .graph_box .bar_box .btm_label { position: absolute; left: 50%; bottom: -1em; width: 100%; transform: translate(-50%, 100%); font-weight: 500; font-size: var(--smTxt); text-align: center; }

.prost_cancer_page .graph_wrap.active .graph_box .bar_box:nth-of-type(1) .bar { height: 28%; }
.prost_cancer_page .graph_wrap.active .graph_box .bar_box:nth-of-type(2) .bar { height: 35%; }
.prost_cancer_page .graph_wrap.active .graph_box .bar_box:nth-of-type(3) .bar { height: 54%; }
.prost_cancer_page .graph_wrap.active .graph_box .bar_box:nth-of-type(4) .bar { height: 72%; }
.prost_cancer_page .graph_wrap.active .graph_box .bar_box:nth-of-type(5) .bar { height: 88%; }
/* 전립선 암 그래프 */

.sub_img_cont { overflow: hidden; }
.sub_img_cont .img_wrap { position: relative; margin-top: 10rem; }
.sub_img_cont .img_wrap .img { position: relative; width: 100%; padding-top: 40%; }
.sub_img_cont .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.sub_img_cont .img_wrap .symbol { position: absolute; right: 0; top: 0; width: auto; height: 70%; transform: translate(50%, -60%); opacity: 0.1; filter: brightness(0.1); }
.sub_img_cont .img_wrap .symbol img { height: 100%; object-fit: contain; }

.sub_img_cont .cir_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 80%; margin: 15rem auto 0; }
.sub_img_cont .cir_wrap .cir { position: relative; width: 100%; padding-top: 100%; border-radius: 100%; overflow: hidden; transition: transform 0.8s; }
.sub_img_cont .cir_wrap .cir:nth-of-type(1) { transform: translateX(100%); }
.sub_img_cont .cir_wrap .cir:nth-of-type(2) { position: relative; z-index: 5; }
.sub_img_cont .cir_wrap .cir:nth-of-type(3) { transform: translateX(-100%); }
.sub_img_cont .cir_wrap.active .cir { transform: translateX(0); }
.sub_img_cont .cir_wrap .cir .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.sub_img_cont .cir_wrap .cir .bg img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.sub_img_cont .cir_wrap .cir .txt_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; }
.sub_img_cont .cir_wrap .cir .txt_box .desc { margin-bottom: 0.5em; font-size: var(--smTxt); font-weight: 700; color: rgba(255,255,255,0.6); }
.sub_img_cont .cir_wrap .cir .txt_box .tit { font-size: var(--subH3); font-weight: 700; }

.num_cont_sect { padding-top: var(--subSectPd1); }
.num_cont_sect .cont_wrap { margin-top: 10rem; }
.aqua_page .num_cont_sect .cont_wrap + .cont_wrap { margin-top: 20rem; }
.num_cont_sect .num_tit { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 1rem 3rem; align-items: center; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.num_cont_sect .cont_wrap .num_tit.active { opacity: 1; transform: unset; }
.num_cont_sect .num_tit .num { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 100%; background-color: var(--blue2); color: #fff; font-size: var(--smTxt); font-weight: 700; }
.num_cont_sect .num_tit .tit { font-size: var(--subH3); font-weight: 700; }
.num_cont_sect .num_tit .txt { grid-column: 2 / 3; }

/* 아쿠아블레이션션 */
.aqua_page .num_cont_sect .cont_wrap .img_wrap { display: flex; width: 80%; margin: 6rem auto 0 0; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.aqua_page .num_cont_sect .cont_wrap .num_tit.active + .img_wrap { opacity: 1; transform: unset; }
.aqua_page .num_cont_sect .cont_wrap .img_wrap .img {  }
.aqua_page .num_cont_sect .cont_wrap .img_wrap .img + .img { margin-left: 4rem; }

.aqua_page .num_cont_sect .cont_wrap .graph_wrap { margin-top: 6rem; padding: 8rem 0; background-color: #F6F7F9; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.aqua_page .num_cont_sect .cont_wrap .num_tit.active + .graph_wrap { opacity: 1; transform: unset; }
.aqua_page .num_cont_sect .cont_wrap .graph_wrap .tit { text-align: center; font-size: var(--bigTxt); font-weight: 700; }
.aqua_page .num_cont_sect .cont_wrap .graph_wrap .img { width: 40%; margin: 5rem auto 0; }

/* .aqua_page .num_cont_sect .cont_wrap .cont { display: flex; align-items: flex-start; justify-content: space-between; } */
/* .aqua_page .num_cont_sect .cont_wrap .cont .num_tit { width: 40%; } */
.aqua_page .num_cont_sect .cont_wrap .cont .wrap { display: grid; grid-template-columns: 40rem minmax(0, 1fr) minmax(0, 1fr); gap: 5rem 2rem; margin-top: 10rem; align-items: flex-start; }

.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont p { padding: 0.8em 1em; text-align: center; }
.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont .th { grid-column: 1 / -1; background-color: #004EA2; color: #fff; font-weight: 700; border-radius: 1rem 1rem 0 0; }
.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont .td { font-size: var(--smTxt); font-weight: 500; border-bottom: 1px solid var(--borderColor1); border-right: 1px solid var(--borderColor1); }
.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont .td:nth-of-type(even) { border-left: 1px solid var(--borderColor1); }
.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont .td:nth-last-child(1) { border-radius: 0 0 1rem 0; }
.aqua_page .num_cont_sect .cont_wrap .cont .wrap .tbl_cont .td:nth-last-child(2) { border-radius: 0 0 0 1rem; }

/* 아쿠아블레이션 그래프 */
.aqua_page .chart_cont { padding: 0;}
.aqua_page .chart_cont .tit { font-size: var(--bigTxt); font-weight: 700; text-align: center; }

.aqua_page .chart_cont .label_wrap { display: flex; align-items: center; justify-content: center; margin-top: 3rem; }
.aqua_page .chart_cont .label_wrap .label { display: flex; align-items: center; justify-content: center; font-size: var(--tinyTxt); color: var(--txtGray1); font-weight: 500; }
.aqua_page .chart_cont .label_wrap .label + .label { margin-left: 2.5rem;; }
.aqua_page .chart_cont .label_wrap .label .color { width: 1em; height: 1em; margin-right: 0.5em; border-radius: 100%; background-color: #4DA4EA; }
.aqua_page .chart_cont .label_wrap .label .color.color2 { background-color: var(--blue); }
.aqua_page .chart_cont.type2 .label_wrap .label .color.color2 { background-color: var(--borderColor2); }

.aqua_page .chart_cont .chart_wrap { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; width: 70%; padding: 0 4rem; height: 23rem; margin: 4rem auto 0; }
.aqua_page .chart_cont .chart_wrap .bg_line_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.aqua_page .chart_cont .chart_wrap .bg_line_wrap .bg_line { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.aqua_page .chart_cont .chart_wrap .bg_line_wrap .bg_line .num { position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%); font-weight: 500; color: var(--txtGray1); font-size: var(--smTxt); padding-right: 1em; flex-shrink: 0; }
.aqua_page .chart_cont .chart_wrap .bg_line_wrap .bg_line .bg { width: 100%; border-top: 1px solid var(--borderColor2); }

.aqua_page .chart_cont .chart_wrap .line { position: absolute; left: 0; top: 0; width: 100%; border-bottom: 2px dashed #FF6C2E; z-index: 5; }
.aqua_page .chart_cont .chart_wrap .graph_box { position: relative; display: grid; grid-template-columns: repeat(2, 6rem); gap: 1.2rem; justify-content: center; }
.aqua_page .chart_cont .chart_wrap .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.aqua_page .chart_cont .chart_wrap .graph_box .bar_box .bar { position: relative; width: 100%; height: 0; background: #4DA4EA; border-radius: 1.2rem 1.2rem 0 0; transition: height 0.8s; }
.aqua_page .chart_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .bar { background: var(--blue); }
.aqua_page .chart_cont .chart_wrap .graph_box .bar_box .label { position: absolute; left: 50%; top: 0.5em; display: flex; align-items: center; justify-content: center; transform: translate(-50%, 0); font-weight: 700; text-align: center; white-space: nowrap; color: #fff; }
.aqua_page .chart_cont .chart_wrap .graph_box .bar_box .label.float { left: calc(50% + 0.5em); transform: translate(100%, -25%); color: #4DA4EA; }
.aqua_page .chart_cont .chart_wrap .graph_box .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, 140%); padding: 0.2em 1em; background-color: #3dbac1; border-radius: 2em; fill: #fff; font-size: var(--bigTxt); color: #fff; font-weight: 700; white-space: nowrap; }
.aqua_page .chart_cont .chart_wrap .graph_box .btm_label { position: absolute; left: 50%; bottom: -1em; width: 100%; transform: translate(-50%, 100%); font-weight: 500; font-size: var(--smTxt); text-align: center; white-space: nowrap; }

.aqua_page .chart_cont .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 90%; }
.aqua_page .chart_cont .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 96%; }

.aqua_page .chart_cont .chart_wrap.active .graph_box.sec .bar_box:nth-of-type(1) .bar { height: 28%; }
.aqua_page .chart_cont .chart_wrap.active .graph_box.sec .bar_box:nth-of-type(2) .bar { height: 27%; }

.aqua_page .chart_cont.type2 .chart_wrap .graph_box { grid-template-columns: repeat(1, 6rem); gap: 0rem; }
.aqua_page .chart_cont.type2 .chart_wrap .graph_box .bar_box:nth-of-type(2) { position: absolute; left: 50%; bottom: 0; height: 100%; transform: translateX(-50%); width: 6rem; }
.aqua_page .chart_cont.type2 .chart_wrap .graph_box .bar_box .label { top: 0.1em; }
.aqua_page .chart_cont.type2 .chart_wrap .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, 140%); padding: 0.2em 1em; background-color: #3dbac1; border-radius: 2em; fill: #fff; font-size: var(--bigTxt); color: #fff; font-weight: 700; white-space: nowrap; }

.aqua_page .chart_cont.type2 .chart_wrap .graph_box .bar_box .bar { background: #dbdfe9; }
.aqua_page .chart_cont.type2 .chart_wrap .graph_box .bar_box:nth-of-type(2) .bar { background-color: #4DA4EA; }
.aqua_page .chart_cont.type2 .chart_wrap .graph_box .bar_box:nth-of-type(1) .label { color: var(--txtGray1); }

.aqua_page .chart_cont.type2 .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 20%; }
.aqua_page .chart_cont.type2 .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 5%; }

.aqua_page .chart_cont.type2 .chart_wrap.active .graph_box.sec .bar_box:nth-of-type(1) .bar { height: 37%; }
.aqua_page .chart_cont.type2 .chart_wrap.active .graph_box.sec .bar_box:nth-of-type(2) .bar { height: 25%; }

/* 아쿠아블레이션 그래프 */

.aqua_page .bg_desc_box { grid-column: 1 / 4; }


.aqua_page .aqua_way_sect { margin-top: var(--subSectPd1); padding: var(--subSectPd1) 0; background-color: #EBF4F7; }
.aqua_page .aqua_way_sect .tit_box { font-size: var(--subH1); font-weight: 700; text-align: center; }
.aqua_page .aqua_way_sect .tit_box .gradient { background: linear-gradient(90deg, #232323, #0f2538, #65A9DF, #65A9DF); background-size: 300% 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


.aqua_page .aqua_way_sect .tit_box .zm_gradient { display:inline-block; background:linear-gradient(90deg,#232323 0%,#0f2538 20%,#65A9DF 50%,#0f2538 80%,#232323 100%); background-size:300% 100%; background-position:0% 50%; animation:zmGradientFlow 4s linear infinite; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; }
.aqua_page .aqua_way_sect .tit_box .zm_gradient .tit,
.aqua_page .aqua_way_sect .tit_box .zm_gradient .tit span { margin:0; color:inherit; -webkit-text-fill-color:inherit; }

@keyframes zmGradientFlow { 0%{background-position:0% 50%;} 100%{background-position:100% 50%;} }


.aqua_page .aqua_way_sect .sub_tit_wrap .desc { color: var(--txtGray1); }

.aqua_page .aqua_way_sect .video_cont { margin-top: 20rem; }
.aqua_page .aqua_way_sect .video_cont .video_wrap { display: flex; align-items: center; justify-content: center; margin-top: 10rem; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box { width: 100%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box:nth-of-type(1) { transition-delay: 0.2s; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box:nth-of-type(2) { transition-delay: 0.4s; }
.aqua_page .aqua_way_sect .video_cont .video_wrap.active .video_box { opacity: 1; transform: unset; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box + .video_box { margin-left: 3rem; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box .img { position: relative; width: 100%; padding-top: 56%; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box .img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.aqua_page .aqua_way_sect .video_cont .video_wrap .video_box .tit { background-color: #fff; padding: 0.8em; text-align: center; font-size: var(--txt); font-weight: 700; }

.aqua_page .aqua_way_sect .img_cont { display: flex; align-items: center; justify-content: space-between; margin-top: var(--subSectPd1); }
.aqua_page .aqua_way_sect .img_cont .img_wrap { width: 50%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; } 
.aqua_page .aqua_way_sect .img_cont.active .img_wrap { opacity: 1; transform: unset; }
.aqua_page .aqua_way_sect .img_cont .img_wrap .img { position: relative; width: 100%; padding-top: 50%; } 
.aqua_page .aqua_way_sect .img_cont .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 
.aqua_page .aqua_way_sect .img_cont .img_wrap .img video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 

.aqua_page .aqua_way_sect .img_cont .img_wrap .img02 { } 
.aqua_page .aqua_way_sect .img_cont .img_wrap .img02 img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 
.aqua_page .aqua_way_sect .img_cont .img_wrap .img02 video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 
.aqua_page .aqua_way_sect .img_cont .sub_tit_wrap { width: 40%; }

.aqua_page .aqua_way_sect .graph_cont { display: flex; align-items: center; justify-content: space-between; margin-top: var(--subSectPd1); }
.aqua_page .aqua_way_sect .graph_cont .sub_tit_wrap { width: 45%; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; width: 50%; padding: 4rem; background-color: #fff; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap.active { opacity: 1; transform: unset; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap .box { display: flex; flex-direction: column; justify-content: space-between; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap .box .tit { text-align: center; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap .box .tit span { display: inline-block; padding: 0.3em 1em; font-size: var(--txt); font-weight: 700; border-radius: 2em; background-color: var(--blue3); color: #fff; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap .box:nth-of-type(2) .tit span { background-color: var(--blue2); }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap .box .txt { margin-top: 1em; text-align: center; font-size: var(--smTxt); color: #767982; }
.aqua_page .aqua_way_sect .graph_cont .graph_wrap .box .img { margin-top: 4rem; }

.aqua_thesis_sect { padding-top: var(--subSectPd1); }
.aqua_thesis_sect .img_wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4.5rem; padding: 8rem 15%; margin-top: 10rem; background-color: #D2DEF6; }
.aqua_thesis_sect .img_wrap .img { position: relative; width: 100%; padding-top: 126%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.aqua_thesis_sect .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.aqua_thesis_sect .img_wrap .img:nth-of-type(1) { transition-delay: 0.2s; }
.aqua_thesis_sect .img_wrap .img:nth-of-type(2) { transition-delay: 0.4s; }
.aqua_thesis_sect .img_wrap .img:nth-of-type(3) { transition-delay: 0.6s; }

.aqua_thesis_sect .img_wrap.active .img { opacity: 1; transform: unset; }

.mri_page .aqua_thesis_sect .img_wrap { gap: 0; padding: 3rem; background-color: #F6F7F9; }
.mri_page .aqua_thesis_sect .img_wrap .img { padding-top: 0; }
.mri_page .aqua_thesis_sect .img_wrap .img img { position: relative; }

.aqua_page .num_cont_sect .cont_wrap .graph_wrap { margin-top: 6rem; padding: 8rem 0; background-color: #F6F7F9; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.aqua_page .num_cont_sect .cont_wrap .num_tit.active + .graph_wrap { opacity: 1; transform: unset; }
.aqua_page .num_cont_sect .cont_wrap .graph_wrap .tit { text-align: center; font-size: var(--bigTxt); font-weight: 700; }
.aqua_page .num_cont_sect .cont_wrap .graph_wrap .img { width: 40%; margin: 5rem auto 0; }

.aqua_page .aqua_way_sect .video_cont .graph_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; width: 100%; padding: 4rem; background-color: #fff; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; margin-top: 10rem;}
.aqua_page .aqua_way_sect .video_cont .graph_wrap.active { opacity: 1; transform: unset; }
.aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box { display: flex; flex-direction: column; justify-content: space-between; }
.aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .tit { text-align: center; }
.aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .tit span { display: inline-block; padding: 0.3em 1em; font-size: var(--txt); font-weight: 700; border-radius: 2em; background-color: var(--blue3); color: #fff; }
.aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box:nth-of-type(2) .tit span { background-color: var(--blue2); }
.aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .txt { margin-top: 1em; text-align: center; font-size: var(--smTxt); color: #767982; }
.aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .img { margin-top: 4rem; }

.img_cont .img_wrap .img.pt70{padding-top: 70% !important;}
.platform_thesis_sect { padding-top: var(--subSectPd1); background-color:#F6F7F9;  padding-bottom: var(--subSectPd1); margin-top :var(--subSectPd1);}
.platform_thesis_sect .img_cont .img_wrap .img02 img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 
.platform_thesis_sect .img_cont .sub_tit_wrap { width: 40%; }

.platform_thesis_sect .img_cont { display: flex; align-items: center; justify-content: space-between; margin-top: 10rem;  gap:50px;}
.platform_thesis_sect .img_cont .img_wrap { width: 40%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; } 
/* .platform_thesis_sect .sub_tit_wrap.active ~ .img_cont .img_wrap{opacity: 1;transform: translateY(0);transition-delay: 0.8s;   } */
.platform_thesis_sect .img_cont .img_wrap .img { position: relative; width: 100%; padding-top: 50%; } 
.platform_thesis_sect .img_cont .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } 
.platform_thesis_sect .img_cont .sub_tit_wrap .tit{font-size:30px;}

.platform_thesis_sect .img_cont .img_wrap,
.platform_thesis_sect .img_cont .sub_tit_wrap{
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity .5s ease, transform .5s ease;
  will-change: opacity, transform;
}

.platform_thesis_sect .img_cont:has(.sub_tit_wrap.active) .img_wrap,
.platform_thesis_sect .img_cont:has(.sub_tit_wrap.active) .sub_tit_wrap{
  opacity: 1;
  transform: translateY(0);
}

.platform_thesis_sect .img_cont:has(.sub_tit_wrap.active) .sub_tit_wrap{ transition-delay: .2s; }
.platform_thesis_sect .img_cont:has(.sub_tit_wrap.active) .img_wrap{ transition-delay: .5s; }

.platform_thesis_sect .img_cont:nth-of-type(1) .img_wrap{ transition-delay: .1s; }
.platform_thesis_sect .img_cont:nth-of-type(1) .sub_tit_wrap{ transition-delay: .3s; }

.platform_thesis_sect .img_cont:nth-of-type(2) .img_wrap{ transition-delay: .5s; }
.platform_thesis_sect .img_cont:nth-of-type(2) .sub_tit_wrap{ transition-delay: .7s; }

.platform_thesis_sect .img_cont:nth-of-type(3) .img_wrap{ transition-delay: .9s; }
.platform_thesis_sect .img_cont:nth-of-type(3) .sub_tit_wrap{ transition-delay: 1.1s; }


.surgical_sect {margin-top: var(--subSectPd1);}
.surgical_sect .sub_tit_wrap .txt{margin-top: 0px;}
.surgical_sect .video_cont{text-align: center; margin-top: 50px;}
.surgical_sect .zm_in{width: clamp(1240px, 70vw, 164rem); margin: 0 auto;}
.zm_in .video_cont{margin-top:10rem !important;}
@media (max-width: 768px) {
    .surgical_sect .zm_in{width: 100%;}
    .surgical_sect .zm_in .video_cont .video_wrap .video_box .img{margin: 0 auto; width: 90%;}
    .platform_thesis_sect .img_cont {
        flex-direction: column; gap:10px;
    }
    .platform_thesis_sect .img_cont .img_wrap,
    .platform_thesis_sect .img_cont .sub_tit_wrap {
      width: 100%;
    }
    .platform_thesis_sect .img_cont .img_wrap .img{margin-bottom: 20px;}
    .platform_thesis_sect .img_cont .img_wrap { order: 1; }
    .platform_thesis_sect .img_cont .sub_tit_wrap { order: 2; }
    .platform_thesis_sect .img_cont .sub_tit_wrap .tit{ font-size: var(--subH2);}
    .surgical_sect .video_cont video{width: 90%;}

    .zamenix_way .img_cont .img_wrap {
    order: 1;
    }

    .zamenix_way .img_cont .sub_tit_wrap {
      order: 2;
    }

    .aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .tit span{}
    .aqua_page .aqua_way_sect .video_cont .graph_wrap{ grid-template-columns: 1fr;}
    .aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .img{margin-top:0;}
    .aqua_page .aqua_way_sect .video_cont .graph_wrap .zn_box .txt{line-height:17px;}
    .aqua_page .num_cont_sect .cont_wrap .img_wrap{width:98%;}
   
    
}


.btm_banner_sect { position: relative; padding: var(--subSectPd1) 0; margin-top: var(--subSectPd1); background-color: var(--blue2); color: #fff; }
.btm_banner_sect:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.1; }
.btm_banner_sect .sub_tit_wrap.active .txt { color: rgba(255,255,255,0.7); }
.btm_banner_sect .chk_list_sect { padding-top: 0; } 
.btm_banner_sect .treat_step_sect { padding-top: 18rem; } 

.btm_banner_sect .side_cont_sect { padding-top: 15rem; }
.btm_banner_sect .side_cont_sect .cont > .tit { font-size: var(--subH2); font-weight: 700; }
.btm_banner_sect .side_cont_sect .feature_grid_cont.col4 { width: 65%; }

.btm_banner_sect .basic_sect { padding-top: 15rem; }
.btm_banner_sect .basic_sect .tit { font-size: var(--subH1); font-weight: 700; }

/* 전립선염 */
/* .prost_inflam_page .btm_banner_sect:before { background: url('/inc/img/sub/prost_inflam_bg.jpg') no-repeat center center / cover; } */

/* 전립선검진 */
/* .prost_checkup_page .btm_banner_sect:before,
.bla_page .btm_banner_sect:before { background: url('/inc/img/sub/prost_checkup_bg.jpg') no-repeat center center / cover; } */

/* 아쿠아블레이션 / 리줌 */
/* .aqua_page .btm_banner_sect:before,
.rezum_page .btm_banner_sect:before { background: url('/inc/img/sub/aqua_btm_bg.jpg') no-repeat center center / cover; } */

/* 전립선비대층 치료방법 */
/* .hyper_treat_page .btm_banner_sect:before { background: url('/inc/img/sub/hyper_treat_bg.jpg') no-repeat center center / cover; } */

/* 정관복원수술 */
/* .def_surg_page .btm_banner_sect:before { background: url('/inc/img/sub/inf_btm_bg.jpg') no-repeat center center / cover; } */

/* 음낭수종제거술 */
/* .scro_page .btm_banner_sect:before { background: url('/inc/img/sub/scro_btm_bg.jpg') no-repeat center center / cover; filter: brightness(0.1); } */

/* 무도정관수술 / 포경수술 */
/* .vas_page .btm_banner_sect:before,
.circ_page .btm_banner_sect:before { background: url('/inc/img/sub/vas_btm_bg.jpg') no-repeat center center / cover; } */

/* 웨딩검진 */
/* .wedding_page .btm_banner_sect:before { background: url('/inc/img/sub/wedding_btm_bg.jpg') no-repeat center center / cover; } */

/* 전립선 검진 */
/* .prost_checkup_page .btm_banner_sect:before { background: url('/inc/img/sub/prost_chk_btm_bg.jpg') no-repeat center center / cover; }
 */

.btm_banner_sect .map_cont { display: flex; align-items: center; justify-content: space-between; }
.btm_banner_sect .map_cont .img { width: 55%; opacity: 0; transform: translateX(-20%); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.btm_banner_sect .map_cont.active .img { opacity: 1; transform: translateX(-10%); }
.btm_banner_sect .map_cont .sub_tit_wrap { width: 40%; }

.hyper_treat_page .btm_banner_sect .map_cont { margin-top: var(--subSectPd1); }

.btm_banner_sect .system_cont { display: flex; align-items: flex-start; justify-content: space-between; margin-top: var(--subSectPd1); }
.btm_banner_sect .system_cont .sub_tit_wrap { width: 45%; }
.btm_banner_sect .system_cont .system_wrap { position: relative; width: 45%; }
.btm_banner_sect .system_cont .system_wrap .dash { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1px; height: 0; transition: height 2s; overflow: hidden; }
.btm_banner_sect .system_cont .system_wrap .dash svg { height: 100%; object-position: top; }
.btm_banner_sect .system_cont.active .system_wrap .dash { height: 100%; }
.btm_banner_sect .system_cont .system_wrap .step_box { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 100%; z-index: 5; opacity: 0; transform: translateY(20px); transition: opacity 0.5s, transform 0.5s; }
.btm_banner_sect .system_cont .system_wrap .step_box + .step_box { margin-top: 4.5rem; }
.btm_banner_sect .system_cont .system_wrap .step_box:nth-of-type(3) { transition-delay: 0.3s; }
.btm_banner_sect .system_cont .system_wrap .step_box:nth-of-type(4) { transition-delay: 0.6s; }
.btm_banner_sect .system_cont .system_wrap .step_box:nth-of-type(5) { transition-delay: 0.9s; }
.btm_banner_sect .system_cont .system_wrap .step_box:nth-of-type(6) { transition-delay: 1.2s; }
.btm_banner_sect .system_cont .system_wrap .step_box .step { display: flex; align-items: center; width: 100%; padding: 1.2em 2em; border-radius: 5em; font-size: var(--bigTxt); font-weight: 700; color: #fff; background-color: #4DA4EA; }
.btm_banner_sect .system_cont .system_wrap .step_box .step span { display: inline-block; margin-right: 1.5em; padding: 0.5em 1em; border-radius: 2em; background-color: #fff; font-size: var(--smTxt); color: var(--blue); flex-shrink: 0; }

.btm_banner_sect .system_cont.active .system_wrap .step_box { opacity: 1; transform: translateY(0); }

/* 리줌 */
.rezum_pie_sect { padding-top: var(--subSectPd1); }

.rezum_pie_sect .pie_wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6rem; margin-top: 10rem; }
.rezum_pie_sect .pie_wrap .pie_box {  }
.rezum_pie_sect .pie_wrap .pie_box .pie { position: relative; width: 100%; padding-top: 100%; border-radius: 100%; overflow: hidden; }
.rezum_pie_sect .pie_wrap .pie_box .pie .pie_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #EBF4F7; }
.rezum_pie_sect .pie_wrap .pie_box.type2 .pie .pie_bg { background-color: #f3f7f7; }
.rezum_pie_sect .pie_wrap .pie_box.type3 .pie .pie_bg { background-color: #e1e8ed; }
.rezum_pie_sect .pie_wrap .pie_box.type4 .pie .pie_bg { background-color: #EBF4F7; }
.rezum_pie_sect .pie_wrap .pie_box .pie .pie_center { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 70%; height: 70%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 100%; z-index: 10; text-align: center; }
.rezum_pie_sect .pie_wrap .pie_box .pie .pie_center .num { margin-top: 0.5em; font-size: var(--subH1); font-weight: 700; line-height: 1; color: #004EA2; }
.rezum_pie_sect .pie_wrap .pie_box.type2 .pie .pie_center .num { color: #3dbac1; }
.rezum_pie_sect .pie_wrap .pie_box.type3 .pie .pie_center .num { color: #0C3659; }
.rezum_pie_sect .pie_wrap .pie_box.type4 .pie .pie_center .num { color: #004EA2; }
.rezum_pie_sect .pie_wrap .pie_box .pie .pie_center .txt { margin-top: 0.5em; }
.rezum_pie_sect .pie_wrap .pie_box .pie .pie_point { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; overflow: hidden; }
.rezum_pie_sect .pie_wrap .pie_box .pie .pie_point svg { width: 100%; height: 100%; }

.rezum_pie_sect .pie_wrap .pie_box .tit { margin-top: 1em; font-size: var(--bigTxt); font-weight: 700; text-align: center; line-height: var(--titLine); }

.rezum_pie_sect .pie_wrap .pie_box.type1 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 456.73297119140625px; stroke-dasharray: 456.73297119140625px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect .pie_wrap.active .pie_box.type1 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect .pie_wrap .pie_box.type2 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 446.8357849121094px; stroke-dasharray: 446.8357849121094px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect .pie_wrap.active .pie_box.type2 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect .pie_wrap .pie_box.type3 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 449.44805908203125px; stroke-dasharray: 449.44805908203125px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect .pie_wrap.active .pie_box.type3 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect .pie_wrap .pie_box.type4 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 456.73297119140625px; stroke-dasharray: 456.73297119140625px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect .pie_wrap.active .pie_box.type4 .pie .pie_point svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect .pie_wrap + .sub_tit_wrap { margin-top: 10rem; }
.rezum_pie_sect .rezum_img { display: flex; align-items: center; justify-content: center; padding: 8rem 5rem; background-color: #f3f6fb; margin-top: 5rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.rezum_pie_sect .rezum_img img { width: 60%; object-fit: contain; }

.rezum_pie_sect .sub_tit_wrap.active + .rezum_img { opacity: 1; transform: translateY(0); }
  
.rezum_graph_sect { margin-top: 20rem; }
.rezum_graph_sect .cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4rem; padding: 6rem 8rem; background-color: #F6F7F9; }

.holep_tbl_sect { padding-top: var(--subSectPd1); }
.holep_tbl_sect .cont .tit.subh2{font-size: var(--subH2);}

.color_tbl_cont { margin-top: 10rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.cert_page .color_tbl_cont { opacity: 1; transform: unset; }
.color_tbl_cont.active { opacity: 1; transform: unset; }
.color_tbl_cont .thead,
.color_tbl_cont .tbody { display: grid; grid-template-columns: minmax(0, 1fr) 39% 39%; gap: 0 1.5rem; text-align: center; }
.color_tbl_cont .thead .th { padding: 0.8em 1em; border-radius: 2em; font-size: var(--bigTxt); font-weight: 700; }
.color_tbl_cont .thead .th.gy { background-color: #E9EAED; }
.color_tbl_cont .thead .th.d_gy { background-color: #B9BDC6; color: #fff; }
.color_tbl_cont .thead .th.d_gy2 { background-color: #9b9b9b; color: #fff; }
.color_tbl_cont .thead .th.d_bu { background-color: #1562B6; color: #fff; }
.color_tbl_cont .thead .th.d_bu2 { background-color: var(--blue2); color: #fff; }
.color_tbl_cont .thead .th.b_bu { background-color: #4DA4EA; color: #fff; }
.color_tbl_cont .thead .th.bu { background-color: var(--blue); color: #fff; }
.color_tbl_cont .thead .th.gr { background-color: #3dbac1; color: #fff; }

.color_tbl_cont .tbody { margin-top: 1.5rem; }

.color_tbl_cont .tbody .td { display: flex; align-items: center; justify-content: center; padding: 1.3em 1em; border-bottom: 1.5px solid #232323; font-weight: 500; }
.color_tbl_cont .tbody .td.left { text-align: left; justify-content: flex-start; }
.color_tbl_cont .tbody .td:nth-of-type(1),
.color_tbl_cont .tbody .td:nth-of-type(2),
.color_tbl_cont .tbody .td:nth-of-type(3) { border-radius: 1.5rem 1.5rem 0 0; }

.color_tbl_cont .tbody .td:nth-last-of-type(1),
.color_tbl_cont .tbody .td:nth-last-of-type(2),
.color_tbl_cont .tbody .td:nth-last-of-type(3) { border-radius: 0 0 1.5rem 1.5rem; border-bottom: 0; }

.color_tbl_cont.col3 .thead,
.color_tbl_cont.col3 .tbody { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.color_tbl_cont.col3 .tbody .td { border-radius: 1.5rem; }

.color_tbl_cont.col4 .thead,
.color_tbl_cont.col4 .tbody { grid-template-columns: minmax(0, 1fr) 29% 29% 29%; }

.color_tbl_cont.col4 .tbody .td.row_td { grid-column: 4 / 5; grid-row: 1 / span 100; height: 100%; border-radius: 1.5rem; border: 0; }

.color_tbl_cont .txt_box p { font-weight: 700; }
.color_tbl_cont .txt_box p.li { position: relative; padding-left: 0.7em; }
.color_tbl_cont .txt_box p.li:before { content: ''; position: absolute; left: 0; top: 0.7em; width: 0.2em; height: 0.2em; margin-right: 0.5em; border-radius: 100%; background-color: #232323; }
.color_tbl_cont .txt_box p + p { margin-top: 0.5em; }
.color_tbl_cont .txt_box p.desc { font-size: var(--smTxt); color: var(--txtGray1); font-weight: 400; }
.color_tbl_cont .txt_box p .txt { font-size: var(--smTxt); font-weight: 400; }

.color_tbl_cont .tbody .td.gy { background-color: #F6F7F9; border-color: rgba(0,0,0,0.1); }
.color_tbl_cont .tbody .td.d_gy { background-color: #e6e8eb; border-color: rgba(0,0,0,0.1); }
.color_tbl_cont .tbody .td.d_bu { background-color: #1562B6; border-color: rgba(255,255,255,0.15); color: #fff; }
.color_tbl_cont .tbody .td.bu { background-color: #e9f7fb; border-color: rgba(77,164,234,0.3); }
.color_tbl_cont .tbody .td.gr { background-color: #ecf9f8; border-color: rgba(59,180,127,0.3); }

/* 홀뮴 레이저 */
.holep_page .num_cont_sect .side_cont { display: flex; align-items: flex-start; justify-content: space-between; overflow: hidden; }
.holep_page .num_cont_sect .side_cont .num_tit { width: 40%; }
.holep_page .num_cont_sect .side_cont .img { position: relative; width: 50%; opacity: 0; transform: translateX(5rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; flex-shrink: 0; }
.holep_page .num_cont_sect .side_cont .img video { width: 100%; height: 100%; object-fit: cover; }
.holep_page .num_cont_sect .cont_wrap .num_tit.active + .img { opacity: 1; transform: unset; }

.erec_page .num_cont_sect .side_cont { display: flex; align-items: flex-start; justify-content: space-between; }
.erec_page .num_cont_sect .side_cont .num_tit { width: 40%; }
.erec_page .num_cont_sect .side_cont .img { width: 50%;  opacity: 0; transform: translateX(5rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
.erec_page .num_cont_sect .side_cont .img video { width: 100%; height: 100%; object-fit: cover; }
.erec_page .num_cont_sect .num_tit.active + .img { opacity: 1; transform: unset; }

/* 전립선 결찰술 */
.ligation_thesis_sect { padding-top: var(--subSectPd1); }
.ligation_thesis_sect .cont { margin-top: 10rem; padding: 6rem 1rem; background-color: #EBF4F7; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.ligation_thesis_sect .cont.active { opacity: 1; transform: unset; }
.ligation_thesis_sect .cont .img { width: 50%; margin: 0 auto; }
.ligation_thesis_sect .cont .img img {  }

/* 요도스텐트 */
.tps_page .grid_img_sect {  }
.tps_page .grid_img_sect .info { display: flex; align-items: flex-start; margin-top: 6rem; color: var(--txtGray1); font-size: var(--smTxt); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.tps_page .grid_img_sect .info:before { content: '※'; margin-right: 0.3em; line-height: 1.5; }
.tps_page .grid_img_sect .info + .img_wrap { margin-top: 2rem; }
.tps_page .grid_img_sect .img_wrap.active + .info { opacity: 1; transform: unset; }

/* MRI 퓨전 연동 표적 조직검사 */
.mri_page .side_cont_sect .cont { margin-top: 10rem; }
.mri_page .side_cont_sect .cont + .cont { margin-top: 12rem; }

.arr_graph_sect { padding-top: var(--subSectPd1); }
.arr_graph_sect .cont { display: flex; align-items: center; justify-content: center; }
.arr_graph_sect .cont .arrow_box { position: relative; width: 30%; margin-right: -2.2em; padding: 1em 3em 1em 2em; border-radius: 1rem 0 0 1rem; font-weight: 700;; font-size: var(--bigTxt); color: #fff; background: url('/inc/img/sub/arr_graph_bg.svg')right/cover no-repeat; text-align: center; overflow: hidden; opacity: 0; transform: translateX(-30px); transition: opacity 0.8s, transform 0.8s; }
.arr_graph_sect .cont.active .arrow_box { opacity: 1; transform: translateX(0); white-space: nowrap; }
.arr_graph_sect .cont .arrow_box.arrow_box1 { z-index: 10; transition-delay: 0.2s; }
.arr_graph_sect .cont .arrow_box.arrow_box2 { padding: 1em 3em 1em 3.5em; z-index: 5; transition-delay: 0.4s; }
.arr_graph_sect .cont .arrow_box span.required { position: relative; }
/* .arr_graph_sect .cont .arrow_box span.required:before { content: '*'; position: absolute; right: -0.6em; top: 0; color: #fff; line-height: 1; } */
.arr_graph_sect .cont .arrow_wrap { width: 30%; }
.arr_graph_sect .cont .arrow_wrap .arrow_box { width: 100%; margin-right: 0; }
.arr_graph_sect .cont .arrow_wrap .arrow_box:nth-of-type(1) { transition-delay: 0.6s; }
.arr_graph_sect .cont .arrow_wrap .arrow_box:nth-of-type(2) { transition-delay: 0.8s; }
.arr_graph_sect .cont .arrow_wrap .arrow_box + .arrow_box { margin-top: 1rem; }
.arr_graph_sect .cir { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 28rem; height: 28rem; margin-left: 6rem; font-weight: 700; font-size: var(--bigTxt); color: #fff; background: url('/inc/img/sub/grid_cir_bg.svg')right/cover no-repeat; text-align: center; opacity: 0; transform: scale(0.8); transition: opacity 0.8s, transform 0.8s; transition-delay: 1s; }
.arr_graph_sect .cont.active .cir { opacity: 1; transform: scale(1); }

.basic_sect { padding-top: var(--subSectPd1); }
.basic_sect.non_pd { padding-top: 0; }
.basic_sect .img_wrap.col5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; margin-top: 10rem; }
.basic_sect .img_wrap.col5 .img { margin-top: 0; }
.basic_sect .img_wrap.col5 .img:nth-of-type(1) { transition-delay: 0.2s; }
.basic_sect .img_wrap.col5 .img:nth-of-type(2) { transition-delay: 0.4s; }
.basic_sect .img_wrap.col5 .img:nth-of-type(3) { transition-delay: 0.6s; }
.basic_sect .img_wrap.col5 .img:nth-of-type(4) { transition-delay: 0.8s; }
.basic_sect .img_wrap.col5 .img:nth-of-type(5) { transition-delay: 1s; }
.basic_sect .sub_tit_wrap.active + .img_wrap.col5 .img { opacity: 1; transform: unset; }
.basic_sect .img { margin-top: 10rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.basic_sect .sub_tit_wrap.active + .img { opacity: 1; transform: unset; }

.basic_sect.basic_effect .img { position: relative; width: 100%; padding-top: 30%; }
.basic_sect.basic_effect .img img { position: absolute; left: 50%; top: 0; width: 50%; height: 100%; margin: 0 auto; object-fit: cover; object-position: center; transform: translateX(-50%); }

.vari_page .basic_sect.basic_effect .img { padding-top: 42%; }

.vari_page .vari_cont { margin-top: var(--subSectPd1); }

.urinary_center_page .basic_sect.basic_effect .img { padding-top: 42%; }

.basic_sect .img_grid { display: flex; align-items: flex-start; justify-content: center; }
.basic_sect .img_grid .img { width: 30%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; }  
.basic_sect .img_grid .img:nth-of-type(1) { transition-delay: 0.2s; }
.basic_sect .img_grid .img:nth-of-type(2) { transition-delay: 0.6s; }
.basic_sect .img_grid.active .img { opacity: 1; transform: unset; }
.basic_sect .img_grid .img + .img { margin-left: 10rem; }

.side_cont_sect { padding-top: var(--subSectPd1); }
.side_cont_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.side_cont_sect .sub_tit_wrap { position: sticky; top: calc(var(--hdH) + 5rem); width: 50%; }
.side_cont_sect .sub_tit_wrap.non_sticky { position: static; width: 100%; }
.side_cont_sect .img_wrap { width: 50%; flex-shrink: 0; opacity: 0; transform: translateX(5rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
.side_cont_sect .cont.active .img_wrap { opacity: 1; transform: unset; }
.side_cont_sect .sub_tit_wrap.active + .img_wrap { opacity: 1; transform: unset; }
.side_cont_sect .img_wrap .img_box {  }
.side_cont_sect .img_wrap .img_box + .img_box { margin-top: 15rem; }
.side_cont_sect .img_wrap .img_box .tit { margin-bottom: 1.5rem; font-size: var(--bigTxt); font-weight: 700; }
.side_cont_sect .img_wrap .img_box .img + .img { margin-top: 6rem; }

.side_cont_sect .left { width: 45%; opacity: 0; transform: translateX(-5rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.side_cont_sect .cont.active .left { opacity: 1; transform: unset; }
.side_cont_sect .left .num_tit { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 0.5rem 2rem; margin-top: 2rem; }
.side_cont_sect .left .num_tit .num { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 100%; color: #fff; font-size: var(--tinyTxt); font-weight: 700; background-color: var(--blue); }
.side_cont_sect .left .num_tit .tit { font-size: var(--subH3); margin-bottom: 0; font-weight: 700; line-height: var(--titLine); }
.side_cont_sect .left .num_tit .txt { grid-column: 2 / 3; }

.bg_desc_box { margin-top: 5rem; padding: 1.5em 2em; background-color: #EBF4F7; font-size: var(--smTxt); color: var(--blue2); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
.bg_desc_box.active { opacity: 1; transform: unset; }
.bg_desc_box.gy { background-color: #F6F7F9; }
.bg_desc_box.gy2 { background-color: #F6F7F9; color: var(--txtGray1); }
.bg_desc_box p { display: flex; align-items: flex-start; font-weight: 500; }
.bg_desc_box p:before { content: '※'; position: relative; margin-right: 0.5em; flex-shrink: 0; }
.min-ht-box{height: 257px;}

.hyper_slide_sect { position: relative; padding-top: var(--subSectPd1); }
.hyper_slide_sect .slide_wrap { position: relative; margin-top: 10rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.hyper_slide_sect.active .slide_wrap { opacity: 1; transform: unset; }
.hyper_slide_sect .item {  }
.hyper_slide_sect .item .img_cont { display: flex; align-items: flex-end; }
.hyper_slide_sect .item .img_cont .img { position: relative; width: 50%; padding-top: 30%; margin-right: 4.5rem; flex-shrink: 0; }
.hyper_slide_sect .item .img_cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.hyper_slide_sect .item .txt_box { width: 100%; }
.hyper_slide_sect .item .txt_box .tit { margin-bottom: 0.5em; font-size: var(--subH1); font-weight: 700; }
.hyper_slide_sect .item .txt_box .desc_box { margin-top: 4rem; padding: 1.5em 2em; font-size: var(--tinyTxt); color: #004EA2; background-color: #f6f7f9; }
.hyper_slide_sect .item .txt_box .desc_box p { display: flex; align-items: flex-start; }
.hyper_slide_sect .item .txt_box .desc_box p:before { content: ''; position: relative; top: 0.7em; margin-right: 0.5em; width: 0.3em; height: 0.3em; border-radius: 100%; background-color: var(--blue); flex-shrink: 0; }

.hyper_slide_sect .item .slide_btm { margin-top: 12rem; }
.hyper_slide_sect .item .slide_btm .tit { font-size: var(--bigTxt); font-weight: 700; flex-shrink: 0; }
.hyper_slide_sect .item .slide_btm .type_ico_cont { width: 100%; margin-top: 3rem; flex-shrink: 0; }

.hyper_slide_sect .item .type_wrap { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3rem; margin-top: 8rem; }
.hyper_slide_sect .item .type_wrap.col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0; }
.hyper_slide_sect .item .type_wrap .type_box { padding-top: 2.5rem; border-top: 1px solid var(--borderColor2); }
.hyper_slide_sect .item .type_wrap .type_box .desc { margin-bottom: 0.5em; }
.hyper_slide_sect .item .type_wrap .type_box .tit { font-size: var(--subH3); font-weight: 700; color: var(--blue2); line-height: var(--titLine); }
.hyper_slide_sect .paging { position: absolute; right: 0; top: 0; bottom: unset; width: auto; height: auto; z-index: 10; color: var(--txtGray1); text-align: right; }
.hyper_slide_sect .paging .swiper-pagination-current { font-size: var(--subH3); font-weight: 700; color: var(--blue2); }
.hyper_slide_sect .paging .dash { margin: 0 0.2rem; }

.hyper_slide_sect.type2 .item .img_cont .img { width: 40%; padding-top: 50%; }

.type_ico_cont { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 2rem; margin-top: 8rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.type_ico_cont.active { opacity: 1; transform: unset; }
.type_ico_cont.wh .ico_box { background-color: #fff; }
.type_ico_cont .ico_box { position: relative; width: 100%; padding-top: 120%; background-color: #EBF4F7; border-radius: 1rem; }
.type_ico_cont .ico_box .box { position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 90%; height: 100%; }
.type_ico_cont .ico_box .ico { display: flex; align-items: center; justify-content: center; width: 8.8rem; margin: 0 auto 1.5rem; }
.type_ico_cont .ico_box .ico img { width: 100%; height: 100%; object-fit: contain; }
.type_ico_cont .ico_box .desc { margin-bottom: 0.5em; font-size: var(--smTxt); color: #232323; }
.type_ico_cont .ico_box .tit { font-size: var(--bigTxt); font-weight: 700; color: var(--blue2); line-height: var(--titLine); text-align: center; }


.type_ico_cont.col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.type_ico_cont.col4 .ico_box { padding-top: 70%; }
.type_ico_cont.col4.type2 .ico_box { padding-top: 120%; }
.type_ico_cont.col5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.type_ico_cont.col5 .ico_box { padding-top: 90%; }



.hyper_slide_sect .swiper_btn_wrap {  }
.hyper_slide_sect .swiper_btn_wrap .swiper_btn { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; border-radius: 100%; border: 1px solid #D4D9E4; fill: #D4D9E4; z-index: 20; cursor: pointer; transition: border-color 0.5s, fill 0.5s; }
.hyper_slide_sect .swiper_btn_wrap .swiper_btn.prev { left: 0; transform: translate(-160%, -50%); }
.hyper_slide_sect .swiper_btn_wrap .swiper_btn.next { right: 0; transform: translate(160%, -50%); }
.hyper_slide_sect .swiper_btn_wrap .swiper_btn svg { width: 30%; }

.hyper_treat_page .hyper_treat_cont .cont_wrap { margin-top: 10rem; }
.hyper_treat_page .hyper_treat_cont .cont_wrap + .cont_wrap { margin-top: 20rem; }
.hyper_treat_page .hyper_treat_cont .tit_box { display: flex; align-items: center; justify-content: center; text-align: center; font-weight: 700; font-size: var(--subH3); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.hyper_treat_page .hyper_treat_cont .tit_box.active { opacity: 1; transform: unset; }
.hyper_treat_page .hyper_treat_cont .tit_box .desc { position: relative; padding-right: 0.8em; margin-right: 0.8em; }
.hyper_treat_page .hyper_treat_cont .tit_box .desc:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 60%; border-right: 2px solid #fff; }

.hyper_treat_page .hyper_treat_cont .color_tbl_cont { margin-top: 6rem; color: #232323; }

/* 요로결석의 치료 */
.uroli_treat_tab_sect { padding-top: var(--subSectPd1); overflow: hidden; }
.uroli_treat_tab_sect .tab_cont { margin-top: 15rem; }
.uroli_treat_tab_sect .tab_cont .img { width: 95%; margin: 0 auto; }

/* 체외충격파쇄석술 */
.shock_wave_page .basic_sect { padding-top: 12rem; }

/* 서브 탭 */
.sub_tab_wrap { display: flex; align-items: flex-end; justify-content: center; margin-top: 10rem; width: 100%; overflow: hidden; }
.sub_tab_wrap .tab { position: relative; padding: 0.8em 1.5em; min-width: 26rem; border-bottom: 1px solid var(--txtGray1); font-size: var(--bigTxt); font-weight: 700; color: var(--txtGray1); cursor: pointer; text-align: center; transition: color 0.5s; white-space: nowrap; }
.sub_tab_wrap .tab:before { content: ''; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 0; border-bottom: 2px solid var(--blue2); transition: width 0.5s; }
.sub_tab_wrap .tab.active { color: var(--blue2); }
.sub_tab_wrap .tab.active:before { width: 100%; }

.sub_tab_wrap.w100 { width: 100%; }
.sub_tab_wrap.w100 .tab { flex: 1; }

.banner_slide_sect { padding-top: var(--subSectPd1); }
.banner_slide_sect .slide_wrap { position: relative; width: 85%; margin: 0 auto; }
.banner_slide_sect .slide_wrap .item { position: relative; height: auto; }
.banner_slide_sect .slide_wrap .item .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner_slide_sect .slide_wrap .item .img img { width: 100%; height: 100%; object-fit: cover; object-position: right; }
.banner_slide_sect .slide_wrap .item .txt_box { position: relative; padding: 13rem 10% 16rem; color: #fff; z-index: 10; }
.banner_slide_sect.bk .slide_wrap .item .txt_box {color: #232323;}
/* .banner_slide_sect.bk .slide_wrap .item .txt_box { color: #232323; } */
.banner_slide_sect .slide_wrap .item .txt_box .tit { font-size: var(--subH1); font-weight: 700; line-height: var(--titLine); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.banner_slide_sect .slide_wrap .item .txt_box .txt { margin-top: 2em; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }


.banner_slide_sect.active .slide_wrap .item .txt_box .tit,
.banner_slide_sect.active .slide_wrap .item .txt_box .txt,
.banner_slide_sect.active .slide_wrap .paging { opacity: 1; transform: unset; }


.banner_slide_sect .slide_wrap .paging { position: absolute; left: 10%; bottom: 5rem; z-index: 10; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
.banner_slide_sect .slide_wrap .paging { display: flex; align-items: center; justify-content: center; width: auto; }
.banner_slide_sect .slide_wrap .paging .swiper-pagination-current { color: #fff; font-weight: 700; min-width: 1em;}
.banner_slide_sect .slide_wrap .paging .swiper-pagination-total { color: rgba(255,255,255,0.4); min-width: 1em; text-align: right;}
.banner_slide_sect .slide_wrap .paging .progressbar { position: relative; width: 10rem; height: 1px; background: rgba(255,255,255,0.4); margin: 0 1rem; }
.banner_slide_sect .slide_wrap .paging .progressbar:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: #fff; width: var(--progress, 0%); transition: width 0.3s; }

.banner_slide_sect.bk .slide_wrap .paging .swiper-pagination-current { color: #232323; }
.banner_slide_sect.bk .slide_wrap .paging .swiper-pagination-total { color: rgba(35, 35, 35, 0.4); }
.banner_slide_sect.bk .slide_wrap .paging .progressbar { background: rgba(35,35,35,0.4); }
.banner_slide_sect.bk .slide_wrap .paging .progressbar:after { background: #232323; }

.sub_tit_sect { padding-top: var(--subSectPd1); }

.feature_grid_cont { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6rem 5rem; width: 50%; margin-left: 5rem; }
.feature_grid_cont.col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.feature_grid_cont .box { padding-top: 2rem; border-top: 1px solid var(--borderColor2); }
.feature_grid_cont .box .desc {  }
.feature_grid_cont .box .tit { margin-top: 0.5em; font-size: var(--bigTxt); font-weight: 700; color: var(--blue2); }
.feature_grid_cont.type2 .box { border-color: #fff; }
.feature_grid_cont.type2 .box .desc { color: rgba(255,255,255,0.7); }
.feature_grid_cont.type2 .box .tit { color: #fff; }

.step_box_sect { margin-top: var(--subSectPd1); }
.step_box_sect.bg { padding: var(--subSectPd1) 0; background-color: #F6F7F9; }


.step_box_wrap { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3rem; margin-top: 10rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.step_box_wrap.active { opacity: 1; transform: unset; }
.step_box_wrap.col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.step_box_wrap .box { padding: 4rem; background-color: #fff; }
.step_box_wrap .box .step { margin-bottom: 0.5em; font-size: var(--smTxt); font-weight: 700; color: var(--blue2); }
.step_box_wrap .box .tit { font-size: var(--bigTxt); font-weight: 700; }
.step_box_wrap .box .txt { margin-top: 1em; color: #767982; }

.gray_bg_sect { margin-top: var(--subSectPd1); padding-bottom: var(--subSectPd1); background-color: #F6F7F9; }


.point_side_sect { margin-top: var(--subSectPd1); }
.point_side_sect.bg { padding: var(--subSectPd1) 0; background-color: #F6F7F9; }
.point_side_sect .cont { display: flex; align-items: center;  margin-top: 12rem; }
.point_side_sect .cont.cont_left { justify-content: flex-start; }
/* .point_side_sect .cont.cont_right { flex-direction: row-reverse; } */
.point_side_sect .cont + .cont { margin-top: 18rem; }

.point_side_sect .cont .img { position: relative; width: 50%; padding-top: 30%; flex-shrink: 0; opacity: 0; transform: translateY(8rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.2s; }
.point_side_sect .cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.point_side_sect.pt_50 .cont .img{padding-top: 50%;}

.point_side_sect.pt_50 .cont .txt_box{margin-left: 5rem;}
.point_side_sect .cont .txt_box { width: auto; margin-left: 10rem; opacity: 0; transform: translateY(8rem); transition: opacity 0.6s, transform 0.6s; transition-delay: 0.3s; }
/* .point_side_sect .cont.cont_left .txt_box { margin-left: 10rem; } */
/* .point_side_sect .cont.cont_right .txt_box { margin-right: 20rem; } */
.point_side_sect .cont .txt_box .point { margin-bottom: 1em; font-size: var(--bigTxt); font-weight: 700; color: var(--blue2); }
.point_side_sect .cont .txt_box .desc { margin-bottom: 0.5em; font-size: var(--bigTxt); font-weight: 600; color: var(--txtGray1); }
.point_side_sect .cont .txt_box .num_box { display: flex; align-items: center; justify-content: center; width: 30rem; margin-right: auto; margin-bottom: 2em; font-weight: 700; }
.point_side_sect .cont .txt_box .num_box .num_tit { flex-shrink: 0; font-size: var(--txt); }
.point_side_sect .cont .txt_box .num_box .line { width: 100%; height: 1px; background-color: #232323; margin: 0 1em; }
.point_side_sect .cont .txt_box .num_box .num { flex-shrink: 0; }
.point_side_sect .cont .txt_box .tit { font-size: var(--subH2); font-weight: 700; line-height: var(--titLine); }
.point_side_sect .cont .txt_box .txt { margin-top: 1em; }

.point_side_sect .cont .txt_box .txt .label_txt { display: flex; align-items: flex-start; justify-content: flex-start; }
.point_side_sect .cont .txt_box .txt .label_txt + .label_txt { margin-top: 0.5em; }
.point_side_sect .cont .txt_box .txt .label_txt .label { display: flex; align-items: center; justify-content: center; padding: 0.2em 1em; margin-right: 0.5em; border-radius: 2em; background-color: var(--blue2); color: #fff; font-size: var(--tinyTxt); font-weight: 700; flex-shrink: 0; }

.point_side_sect .cont.active .img { opacity: 1; transform: translateY(0); }
.point_side_sect .cont.active .txt_box { opacity: 1; transform: translateY(0); }

.banner_btm_sect { margin-top: var(--subSectPd1); }
.banner_btm_sect .cont { position: relative; width: 85%; margin: 0 auto; }
.banner_btm_sect .cont .img { position: relative; width: 100%; padding-top: 30%; flex-shrink: 0; }
.banner_btm_sect .cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.banner_btm_sect .cont .txt_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 90%; width: clamp(1240px, 70vw, 164rem); margin: 0 auto; color: #fff; }
.banner_btm_sect .cont .txt_box.bk { color: #232323; }
.banner_btm_sect .cont .txt_box .tit { font-size: var(--subH1); font-weight: 700; line-height: var(--titLine); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.banner_btm_sect .cont .txt_box .txt { margin-top: 2em; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.banner_btm_sect.active .cont .txt_box .tit,
.banner_btm_sect.active .cont .txt_box .txt { opacity: 1; transform: unset; }


/* 요실금 수술 하단 탭 영역 */
.incon_surg_tab_sect { margin-top: var(--subSectPd1); padding: var(--subSectPd1) 0; background-color: #F6F7F9; }
.incon_surg_tab_sect .sub_tab_wrap .tab { width: 50%; }

.incon_surg_tab_sect .tab_cont { margin-top: 20rem; }
.incon_surg_tab_sect .tab_cont .cont_wrap { margin-top: 15rem; }
.incon_surg_tab_sect .tab_cont .cont_wrap .tit_box {  }
.incon_surg_tab_sect .tab_cont .cont_wrap .tit_box .tit { font-size: var(--subH2); font-weight: 700; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.incon_surg_tab_sect .tab_cont .cont_wrap .tit_box .tit.active { opacity: 1; transform: unset; }
.incon_surg_tab_sect .tab_cont .cont_wrap.side { display: flex; align-items: flex-start; justify-content: space-between; }

.incon_surg_tab_sect .tab_cont .cont_wrap .step_box_wrap { margin-top: 5rem; }

.num_list_cont { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 20rem; }
.num_list_cont .tit { width: 30%; font-size: var(--subH3); font-weight: 700; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.num_list_cont .num_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem; width: 68%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.num_list_cont .num_wrap .num_box { display: flex; align-items: flex-start; }
.num_list_cont .num_wrap .num_box .num { position: relative; top: -0.1em; display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #3dbac1; color: #fff; font-weight: 700; flex-shrink: 0; }
.num_list_cont .num_wrap .num_box .txt { margin-left: 1em; }

.num_list_cont.active .tit,
.num_list_cont.active .num_wrap { opacity: 1; transform: unset; }

.per_surg_cont { margin-top: var(--subSectPd1); }
.per_surg_cont.bg { padding: var(--subSectPd1) 0; background-color: #F6F7F9; }

.per_surg_cont .cont { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 13rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
.per_surg_cont .cont .tit { width: 30%; font-size: var(--subH2); font-weight: 700; }
.per_surg_cont .cont .tit + div  { width: 60%; }

.per_surg_cont .cont.active { opacity: 1; transform: unset; }

.def_surg_graph_sect { padding-top: var(--subSectPd1); }

.def_surg_graph_sect .chart_cont { margin-top: 10rem; padding: 4rem 0; background-color: #EBF4F7; }
.def_surg_graph_sect .chart_cont .chart_wrap { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6rem; width: 50%; padding: 0 4rem 2px; height: 33rem; margin: 6rem auto 0; }
.def_surg_graph_sect .chart_cont .chart_wrap .bg_line_wrap { position: absolute; left: 0; top: -1px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.def_surg_graph_sect .chart_cont .chart_wrap .bg_line_wrap .bg_line { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.def_surg_graph_sect .chart_cont .chart_wrap .bg_line_wrap .bg_line .num { position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%); font-weight: 500; color: #BCBFC7; font-size: var(--smTxt); padding-right: 1em; flex-shrink: 0; }
.def_surg_graph_sect .chart_cont .chart_wrap .bg_line_wrap .bg_line .bg { width: 100%; border-top: 1px solid #E1E4EB; }

.def_surg_graph_sect .chart_cont .chart_wrap .graph_box { position: relative; display: grid; grid-template-columns: repeat(2, 4.5rem); gap: 2rem; justify-content: center; }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .bar_box .bar { position: relative; width: 100%; height: 0; background: linear-gradient(to bottom,  rgba(77,164,234,1) 0%,rgba(140,197,242,1) 100%);  border-radius: 1.2rem 1.2rem 0 0; transition: height 0.8s; }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .bar { background: linear-gradient(to bottom,  rgba(12,54,89,1) 0%,rgba(40,93,107,1) 100%); }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, -130%); padding: 0.1em 0.8em; background-color: #4DA4EA; border-radius: 2em; fill: #fff; font-size: var(--txt); color: #fff; font-weight: 700; white-space: nowrap; }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .total_label span { display: inline-block; font-size: 0.8em; }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .total_label:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 1.2rem; height: 1.2rem; transform: translate(-50%, 50%) rotate(45deg); background-color: #4DA4EA; }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label,
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label:before { background-color: var(--blue); }
.def_surg_graph_sect .chart_cont .chart_wrap .graph_box .btm_label { position: absolute; left: 50%; bottom: -1em; width: 100%; transform: translate(-50%, 100%); font-weight: 500; font-size: var(--smTxt); text-align: center; white-space: nowrap; }

.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 97%; }
.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 76%; }

.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.sec .bar_box:nth-of-type(1) .bar { height: 88%; }
.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.sec .bar_box:nth-of-type(2) .bar { height: 53%; }

.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.thd .bar_box:nth-of-type(1) .bar { height: 79%; }
.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.thd .bar_box:nth-of-type(2) .bar { height: 44%; }

.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.fth .bar_box:nth-of-type(1) .bar { height: 71%; }
.def_surg_graph_sect .chart_cont .chart_wrap.active .graph_box.fth .bar_box:nth-of-type(2) .bar { height: 30%; }

.def_surg_graph_sect .chart_cont .label_wrap { display: flex; align-items: center; justify-content: center; margin-top: 8rem; }
.def_surg_graph_sect .chart_cont .label_wrap .label { display: flex; align-items: center; justify-content: center; font-size: var(--tinyTxt); color: var(--txtGray1); font-weight: 500; }
.def_surg_graph_sect .chart_cont .label_wrap .label + .label { margin-left: 2.5rem;; }
.def_surg_graph_sect .chart_cont .label_wrap .label .color { width: 1em; height: 1em; margin-right: 0.5em; border-radius: 100%; background-color: #4DA4EA; }
.def_surg_graph_sect .chart_cont .label_wrap .label .color.color2 { background-color: var(--blue); }

.def_surg_page .btm_banner_sect .treat_step_sect { padding-top: 15rem; }
/* .def_surg_page .btm_banner_sect .num_list_cont { margin-top: 8rem; } */

.qna_sect { padding-top: var(--subSectPd1); }
.qna_sect .qna_wrap { opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.2s; }
.qna_sect .qna_wrap.active { opacity: 1; transform: unset; }
.qna_sect .qna_wrap .qna_box { margin-top: 10rem; background-color: #F2F6FA; }
.qna_sect .qna_wrap .qna_box + .qna_box { margin-top: 1.5rem; }
.qna_sect .qna_wrap .qna_box .box { position: relative; display: grid; grid-template-columns: 10rem minmax(0, 1fr); align-items: center; justify-content: flex-start; padding: 4rem 3rem; cursor: pointer; }
.qna_sect .qna_wrap .qna_box .box .ico { display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; border-radius: 100%; background-color: #fff; color: var(--blue2); font-weight: 600; }
.qna_sect .qna_wrap .qna_box .box .tit { display: inline-block; width: 92%; overflow: visible; white-space: unset; font-size: var(--bigTxt); font-weight: 700; }
.qna_sect .qna_wrap .qna_box .box:before { content: ''; position: absolute; right: 4rem; top: 50%; width: 3rem; height: 3rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z"/></svg>'); transform: translateY(-50%); transition: transform 0.5s; }
.qna_sect .qna_wrap .qna_box .box.open:before { transform: translateY(-50%) rotate(180deg); }

.qna_sect .qna_wrap .qna_box .answer { display: none; padding: 4rem 3rem 6rem; border-top: 1px solid #c1c5d7; }
.qna_sect .qna_wrap .qna_box .a_box { display: grid; grid-template-columns: 10rem minmax(0, 1fr); align-items: flex-start; justify-content: flex-start; }
.qna_sect .qna_wrap .qna_box .answer .a_box .ico { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 100%; background-color: var(--blue2); color: #fff; font-weight: 600; }

.def_surg_page .graph_wrap { width: 40%; padding: 0 0 4rem; }
.def_surg_page .graph_wrap > .tit { font-size: var(--subH3); font-weight: 700; text-align: center; }
.def_surg_page .graph_wrap .chart_wrap { position: relative; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 6rem; width: 70%; padding: 0 4rem 2px; height: 23rem; margin: 6rem auto 0; }
.def_surg_page .graph_wrap .chart_wrap .bg_line_wrap { position: absolute; left: 0; top: -1px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.def_surg_page .graph_wrap .chart_wrap .bg_line_wrap .bg_line { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.def_surg_page .graph_wrap .chart_wrap .bg_line_wrap .bg_line .num { position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%); font-weight: 500; color: #BCBFC7; font-size: var(--smTxt); padding-right: 1em; flex-shrink: 0; }
.def_surg_page .graph_wrap .chart_wrap .bg_line_wrap .bg_line .bg { width: 100%; border-top: 1px solid #E1E4EB; }

.def_surg_page .graph_wrap .chart_wrap .graph_box { position: relative; display: grid; grid-template-columns: repeat(3, 6.5rem); gap: 8rem; justify-content: center; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box .bar { position: relative; width: 100%; height: 0; background: linear-gradient(to bottom,  rgba(61,186,194,1) 0%,rgba(175,230,233,1) 100%);  border-radius: 1.2rem 1.2rem 0 0; transition: height 0.8s; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(2) .bar { background: linear-gradient(to bottom,  rgba(77,164,234,1) 0%,rgba(139,203,255,1) 100%); }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(3) .bar { background: linear-gradient(to bottom,  rgba(0,78,162,1) 0%,rgba(53,139,231,1) 100%); }

.def_surg_page .graph_wrap .chart_wrap .graph_box .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, -145%); padding: 0.1em 0.8em; background-color: #3dbac1; border-radius: 2em; fill: #fff; font-size: var(--txt); color: #fff; font-weight: 700; white-space: nowrap; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(1) .total_label { font-size: 1.4em; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label { font-size: 1.1em; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(3) .total_label { font-size: 0.9em; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .total_label b { position: relative; z-index: 1; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .total_label span { font-size: 0.8em; }
.def_surg_page .graph_wrap .chart_wrap .graph_box .total_label:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 1.2rem; height: 1.2rem; transform: translate(-50%, 30%) rotate(45deg); background-color: #3dbac1; }

.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label,
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label:before { background-color: #4DA4EA }

.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(3) .total_label,
.def_surg_page .graph_wrap .chart_wrap .graph_box .bar_box:nth-of-type(3) .total_label:before { background-color: var(--blue2); }

.def_surg_page .graph_wrap .chart_wrap .graph_box .btm_label { position: absolute; left: 50%; bottom: -1em; width: 100%; transform: translate(-50%, 100%); font-weight: 500; font-size: var(--smTxt); text-align: center; white-space: nowrap; }

.def_surg_page .graph_wrap .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 90%; }
.def_surg_page .graph_wrap .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 80%; }
.def_surg_page .graph_wrap .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(3) .bar { height: 71%; }

/* 정계정맥류 */
.vari_page .hyper_slide_sect .item .img_cont { align-items: flex-start; }
.vari_page .hyper_slide_sect .item .txt_box { margin-top: 7%; }

/* 정계정맥류 파이차트 1 */
.rezum_pie_sect.vari_pie .pie_wrap { position: relative; grid-template-columns: 21.2% minmax(0, 1fr); gap: 10rem; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont { position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_label { margin-bottom: 2.5rem; text-align: center; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_label span { display: inline-block; padding: 0.6em 1.5em; background-color: #3dbac1; border-radius: 2em; font-size: var(--txt); font-weight: 700; color: #fff; white-space: nowrap; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_label.bu span { background-color: #4DA4EA; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_txt { text-align: center; font-size: var(--tinyTxt); }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_col { position: relative; margin-top: 5rem; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_cont:nth-of-type(2):before { content: ''; position: absolute; left: -5rem; top: 0; height: 100%; border-right: 1.5px solid var(--borderColor1); }

.rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_col { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6rem; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_box .tit { margin-bottom: 1em; font-size: var(--txt); font-weight: 400; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_box .pie .pie_center .num { margin-top: 0; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_box .pie .pie_point,
.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box .pie .pie_point { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_box .pie .pie_bg,
.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box .pie .pie_bg { background-color: #F6F7F9; }
.rezum_pie_sect.vari_pie .pie_wrap .pie_box .pie svg { fill: none; }

.rezum_pie_sect.vari_pie .pie_wrap .pie_box .pie .pie_center .num { color: #232323; }

.rezum_pie_sect.vari_pie .pie_wrap .pie_box.type1 .pie svg .svg-elem-1 { stroke-dashoffset: 913.3701782226562px; stroke-dasharray: 913.3701782226562px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect.vari_pie .pie_wrap.active .pie_box.type1 .pie svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect.vari_pie .pie_wrap .pie_box.type2 .pie svg .svg-elem-2 { stroke-dashoffset: 909.635986328125px; stroke-dasharray: 909.635986328125px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s; }
.rezum_pie_sect.vari_pie .pie_wrap.active .pie_box.type2 .pie svg .svg-elem-2 { stroke-dashoffset: 0; }

.rezum_pie_sect.vari_pie .pie_wrap .pie_box.type3 .pie svg .svg-elem-2 { stroke-dashoffset: 870.833251953125px; stroke-dasharray: 870.833251953125px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s; }
.rezum_pie_sect.vari_pie .pie_wrap.active .pie_box.type3 .pie svg .svg-elem-2 { stroke-dashoffset: 0; }

.rezum_pie_sect.vari_pie .pie_wrap .pie_box.type4 .pie svg .svg-elem-1 { stroke-dashoffset: 465.9705505371094px; stroke-dasharray: 465.9705505371094px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect.vari_pie .pie_wrap.active .pie_box.type4 .pie svg .svg-elem-1 { stroke-dashoffset: 0; }

/* 정계정맥류 파이차트 2 */
.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box .pie .pie_center .num { margin-top: 0; color: #232323; }

.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box.type1 .pie svg .svg-elem-1 { stroke-dashoffset: 10.702757835388184px; stroke-dasharray: 10.702757835388184px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect.vari_pie2 .pie_wrap.active .pie_box.type1 .pie svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box.type2 .pie svg .svg-elem-1 { stroke-dashoffset: 30.874534606933594px; stroke-dasharray: 30.874534606933594px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect.vari_pie2 .pie_wrap.active .pie_box.type2 .pie svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box.type3 .pie svg .svg-elem-1 { stroke-dashoffset: 131.48959350585938px; stroke-dasharray: 131.48959350585938px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect.vari_pie2 .pie_wrap.active .pie_box.type3 .pie svg .svg-elem-1 { stroke-dashoffset: 0; }

.rezum_pie_sect.vari_pie2 .pie_wrap .pie_box.type4 .pie svg .svg-elem-1 { stroke-dashoffset: 21.24267578125px; stroke-dasharray: 21.24267578125px; -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.rezum_pie_sect.vari_pie2 .pie_wrap.active .pie_box.type4 .pie svg .svg-elem-1 { stroke-dashoffset: 0; }
  

.zm_bg_sect{background:#EBF4F7; margin-top: var(--subSectPd1); padding: var(--subSectPd1) 0;}
.zm_slide_grid .grid_wrap .box_wrap .box .txt_box .tit{font-size:3rem;}
.zm_desc{font-size:22px; margin-bottom:0.4em; display:block;}
.top_mt12{margin-top:1.2rem}

/*자메닉스 그래프*/
.zm_item .tit_wrap,
.zm_item .zamenix_chart_wrap {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 0.5s, transform 0.5s;
}

.zm_item.active .tit_wrap,
.zm_item.active .zamenix_chart_wrap,
.zm_item .zamenix_chart_wrap.active {
  opacity: 1;
  transform: translateY(0);
}

.zm_item .zamenix_chart_wrap.active ~ * {}

/* 딜레이 */
.zm_item .tit_wrap { transition-delay: 0.1s; }
.zm_item .zamenix_chart_wrap { transition-delay: 0.35s; }

.zm_grid_wrap { background: #fff; margin-top: 10rem; padding-bottom: 5rem;     transition: opacity 0.6s, transform 0.6s; transition-delay: 0.5s;}
.zm_grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7rem; padding-bottom: 100px; }
.zm_item { display: flex; flex-direction: column; gap: 2.5rem; }
.zm_item .tit { font-size: var(--bigTxt); font-weight: 700; text-align: center; }
.aqua_page .video_cont .zamenix_chart_wrap { width: 100%; max-width: 560px; margin: 0 auto; padding: 0 4rem; height: 30rem; position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; }
.zm_item .tit_wrap {margin-top:5rem; }
.zm_item .tit_wrap  .tit{font-size: var(--bigTxt); font-weight: 700;}
.zm_item .tit_wrap  .tit span{font-size: 18px; font-weight: 400; line-height: 20px; display: block; line-height: 20px; color:var(--txtGray1); margin-top:6px;}
.aqua_page .chart_cont .label_wrap { display: flex; align-items: center; justify-content: center; margin-top: 3rem; }
.aqua_page .chart_cont .label_wrap .label { display: flex; align-items: center; justify-content: center; font-size: var(--tinyTxt); color: var(--txtGray1); font-weight: 500; }
.aqua_page .chart_cont .label_wrap .label + .label { margin-left: 2.5rem;; }
.aqua_page .chart_cont .label_wrap .label .color { width: 1em; height: 1em; margin-right: 0.5em; border-radius: 100%; background-color: #4DA4EA; }
.aqua_page .chart_cont .label_wrap .label .color.color2 { background-color: var(--blue); }
.aqua_page .chart_cont.type2 .label_wrap .label .color.color2 { background-color: var(--borderColor2); }

.aqua_page .video_cont .zamenix_chart_wrap { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem; width: 70%; padding: 0 4rem; height: 30rem; margin: 4rem auto 0; }
.aqua_page .video_cont .zamenix_chart_wrap .bg_line_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.aqua_page .video_cont .zamenix_chart_wrap .bg_line_wrap .bg_line { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.aqua_page .video_cont .zamenix_chart_wrap .bg_line_wrap .bg_line .num { position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%); font-weight: 500; color: var(--txtGray1); font-size: var(--smTxt); padding-right: 1em; flex-shrink: 0; }
.aqua_page .video_cont .zamenix_chart_wrap .bg_line_wrap .bg_line .bg { width: 100%; border-top: 1px solid var(--borderColor2); }

.aqua_page .video_cont .zamenix_chart_wrap .line { position: absolute; left: 0; top: 0; width: 100%; border-bottom: 2px dashed #FF6C2E; z-index: 5; }
.aqua_page .video_cont .zamenix_chart_wrap .graph_box { position: relative; display: grid; grid-template-columns: repeat(1, 8rem); gap: 1.2rem; justify-content: center; }
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .bar_box { position: relative; display: flex;}
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .bar_box .bar { position: relative; width: 100%; height: 10%; background: #0c3659; border-radius: 0.6rem; transition: height 0.8s; top:56%;}
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .bar_box:nth-of-type(2) .bar { background: var(--blue); }
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .bar_box .label { position: absolute; left: 50%; top: 0.5em; display: flex; align-items: center; justify-content: center; transform: translate(-50%, 0); font-weight: 700; text-align: center; white-space: nowrap; color: #fff; }
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .bar_box .label.float { left: calc(50% + 0.5em); transform: translate(100%, -25%); color: #4DA4EA; }
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, 140%); padding: 0.2em 1em; background-color: #3dbac1; border-radius: 2em; fill: #fff; font-size: var(--bigTxt); color: #fff; font-weight: 700; white-space: nowrap; }
.aqua_page .video_cont .zamenix_chart_wrap .graph_box .btm_label { position: absolute; left: 50%; bottom: -1em; width: 100%; transform: translate(-50%, 100%); font-weight: 500; font-size: var(--smTxt); text-align: center; white-space: nowrap;  line-height: 20px;}

.aqua_page .video_cont .zamenix_chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 26%; top:29%;  background:#4DA4EA;}

.aqua_page .video_cont .zamenix_chart_wrap.sec .graph_box { grid-template-columns: repeat(1, 8rem); gap: 0rem; }
.aqua_page .video_cont .zamenix_chart_wrap.sec .graph_box .bar_box:nth-of-type(2) { position: absolute; left: 50%; bottom: 0; height: 100%; transform: translateX(-50%); width: 6rem; }
.aqua_page .video_cont .zamenix_chart_wrap.sec .graph_box .bar_box .label { top: 0.1em; }
.aqua_page .video_cont .zamenix_chart_wrap.sec .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, 140%); padding: 0.2em 1em; background-color: #3dbac1; border-radius: 2em; fill: #fff; font-size: var(--bigTxt); color: #fff; font-weight: 700; white-space: nowrap; }

.aqua_page .video_cont .zamenix_chart_wrap.sec .graph_box .bar_box .bar { background: #dbdfe9; }
.aqua_page .video_cont .zamenix_chart_wrap.sec .graph_box .bar_box:nth-of-type(2) .bar { background-color: #4DA4EA; }
.aqua_page .video_cont .zamenix_chart_wrap.sec .graph_box .bar_box:nth-of-type(1) .label { color: var(--txtGray1); }

.aqua_page .video_cont .zamenix_chart_wrap.sec.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 20%; top:70%;}
.aqua_page .video_cont .zamenix_chart_wrap.sec.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 5%; }

.aqua_page .video_cont .zamenix_chart_wrap.sec.active .graph_box.sec .bar_box:nth-of-type(1) .bar { background: var(--blue);  top:90%;}
.aqua_page .video_cont .zamenix_chart_wrap.sec.active .graph_box.sec .bar_box:nth-of-type(2) .bar { height: 25%; }


@media (max-width: 768px) {
  .zm_grid {
    grid-template-columns: 1fr;
    gap: 5rem;
    padding-bottom: 60px;
  }

  .aqua_page .video_cont .zamenix_chart_wrap {
    padding: 0 2rem;
    height: 26rem;   
    gap: 3rem;
  }
  .zm_grid > .zm_item:nth-child(2) {
    margin-top: 10rem;
  }
  .zm_item .tit_wrap .tit span{font-size:14px;}
  
}


/*자메닉스 파이그래프*/
.br_view{display: block !important;}
.rezum_pie_sect.zamenix_pie .pie_box_wrap{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; width: 60%;}

.rezum_pie_sect.zamenix_pie .pie_wrap { position: relative; display: flex; gap: 6rem; align-items: center; justify-content: center; }
.rezum_pie_sect.zamenix_pie .pie_cont { position: relative; display: flex; flex-direction: column; align-items: center; }
.rezum_pie_sect.zamenix_pie .pie_col { position: relative; margin-top: 5rem; display: grid; grid-template-columns: repeat(2, 1fr) !important; gap: 16rem !important; align-items:baseline;}
.rezum_pie_sect.zamenix_pie .pie_box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2rem; width: 55%; margin: 0 auto;  margin-bottom: 20px;}
.rezum_pie_sect.zamenix_pie .pie { 
  position: relative; 
  width: 140px; 
  height: 140px; 
  aspect-ratio: 1 / 1; 
  flex: 0 0 140px;
  margin: 0 auto; 
}

.rezum_pie_sect.zamenix_pie .pie_bg { position: absolute; inset: 0; background-color: #F6F7F9; border-radius: 50%; }
.rezum_pie_sect.zamenix_pie .pie svg {
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-90deg);
}
.rezum_pie_sect.zamenix_pie .pie_center { 
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 
  width: 70%; height: 70%; background-color: #fff; border-radius: 50%; 
  display: flex; align-items: center; justify-content: center; z-index: 10; 
}

.rezum_pie_sect.zamenix_pie .pie_label { display: flex; align-items: center; justify-content: center; padding: 0px 20px; white-space: nowrap; font-weight: 500; margin-bottom: 0 !important; }
.rezum_pie_sect.zamenix_pie .pie_wrap .pie_cont .pie_label span{background:none; color:#000; font-size: var(--bigTxt); }
.rezum_pie_sect.zamenix_pie .pie_wrap .pie_box_w .tit{text-align: left; margin-top: 0 !important;}
.rezum_pie_sect.zamenix_pie .pie_wrap .pie_box_w .tit span{color:#737373; display: block; margin-top: 10px; text-align: left;}
.rezum_pie_sect.zamenix_pie .pie_wrap .pie_box_w .tit .re_tit{color:#333;}

/* 자메닉스 파이 - 숫자에 맞게(35 / 93.5 / 66 / 6.5) */


.rezum_pie_sect.zamenix_pie .pie svg path { transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715); }

/* 35% */
.rezum_pie_sect.zamenix_pie .pie_box.type1 .pie svg .svg-elem-1 { stroke-dasharray: 913.3701782226562px; stroke-dashoffset: 913.3701782226562px; }
.rezum_pie_sect.zamenix_pie .pie_wrap.active .pie_box.type1 .pie svg .svg-elem-1 { stroke-dashoffset: 593.6906158447266px; }

/* 93.5% */
.rezum_pie_sect.zamenix_pie .pie_box.type2 .pie svg .svg-elem-2 { stroke-dasharray: 909.635986328125px; stroke-dashoffset: 909.635986328125px; }
.rezum_pie_sect.zamenix_pie .pie_wrap.active .pie_box.type2 .pie svg .svg-elem-2 { stroke-dashoffset: 59.126339111328125px; }

/* 66% */
.rezum_pie_sect.zamenix_pie .pie_box.type3 .pie svg .svg-elem-2 { stroke-dasharray: 870.833251953125px; stroke-dashoffset: 870.833251953125px; }
.rezum_pie_sect.zamenix_pie .pie_wrap.active .pie_box.type3 .pie svg .svg-elem-2 { stroke-dashoffset: 296.0833056640625px; }

/* 6.5% */

.rezum_pie_sect.vari_pie.zamenix_pie .pie_wrap .pie_box.type4 .pie svg .svg-elem-1 { stroke-dasharray: 913.3701782226562px !important; stroke-dashoffset: 913.3701782226562px !important; }
.rezum_pie_sect.vari_pie.zamenix_pie .pie_wrap.active .pie_box.type4 .pie svg .svg-elem-1 { stroke-dashoffset: 885px !important; }

@media (max-width: 768px) {
  
  .rezum_pie_sect.vari_pie .pie_wrap .pie_cont .pie_col{ grid-template-columns: repeat(1, 1fr) !important;}
  .rezum_pie_sect.zamenix_pie .pie_wrap .pie_box{width:60% !important; margin-bottom: 20px !important;}
  .rezum_pie_sect.vari_pie.zamenix_pie .pie_box.type1 .pie svg .svg-elem-1{ stroke-dashoffset: 593.6906158447266px !important; }
  .rezum_pie_sect.vari_pie.zamenix_pie .pie_box.type2 .pie svg .svg-elem-2{ stroke-dashoffset: 59.126339111328125px !important; }
  .rezum_pie_sect.vari_pie.zamenix_pie .pie_box.type3 .pie svg .svg-elem-2{ stroke-dashoffset: 296.0833056640625px !important; }
  .rezum_pie_sect.vari_pie.zamenix_pie .pie_wrap .pie_box.type4 .pie svg .svg-elem-1 { stroke-dasharray: 913.3701782226562px !important; stroke-dashoffset: 885px !important; }
  .pie_box_w{margin-bottom: 40px;}
  .min-ht-box{height: auto;}
  .rezum_pie_sect.zamenix_pie .pie_col{gap:3rem !important}
  .rezum_pie_sect.zamenix_pie .pie_wrap .pie_box_w .tit{text-align: left; width: 90%; margin:0 auto;}
  .rezum_pie_sect .bg_desc_box{width: 90%; margin:10px auto;}
  .sub_tit_wrap .desc br.block{display: block !important;}

}





/* 정계정맥류 그래프 */
.vari_graph_cont { padding: 8rem 20%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12rem; margin-top: 10rem; background-color: #F6F7F9; color: #232323; }
.vari_graph_cont .graph_cont .tit { font-size: var(--bigTxt); font-weight: 700; text-align: center; }
.vari_graph_cont .graph_cont .chart_wrap { position: relative; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 6rem; width: 100%; padding: 0 4rem 2px; height: 23rem; margin: 6rem auto 0; }
.vari_graph_cont .graph_cont .chart_wrap .bg_line_wrap { position: absolute; left: 0; top: -2px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.vari_graph_cont .graph_cont .chart_wrap .bg_line_wrap .bg_line { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.vari_graph_cont .graph_cont .chart_wrap .bg_line_wrap .bg_line .bg { width: 100%; border-top: 1px solid #D5D9E3; }

.vari_graph_cont .graph_cont .chart_wrap .graph_box { position: relative; display: grid; grid-template-columns: repeat(2, 6.5rem); gap: 7rem; justify-content: center; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .bar_box { position: relative; display: flex; align-items: flex-end; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .bar_box .bar { position: relative; width: 100%; height: 0; background: #C6CAD0;  border-radius: 1.2rem 1.2rem 0 0; transition: height 0.8s; }
.vari_graph_cont .graph_cont.graph_cont2 .chart_wrap .graph_box .bar_box .bar { background: #4DA4EA; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .bar { background: linear-gradient(to bottom,  rgba(61,186,194,1) 0%,rgba(175,230,233,1) 100%); }

.vari_graph_cont .graph_cont .chart_wrap .graph_box .total_label { position: absolute; left: 50%; top: 0; transform: translate(-50%, -115%); padding: 0.1em 0.8em; border-radius: 2em; font-size: var(--txt); color: var(--txtGray1); font-weight: 700; white-space: nowrap; }
.vari_graph_cont .graph_cont.graph_cont2 .chart_wrap .graph_box .total_label { color: #4DA4EA; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .total_label.current { padding: 0.2em 1em; background-color: #3dbac1; color: #fff; transform: translate(-50%, -145%); font-size: 1.2em; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .total_label b { position: relative; z-index: 1; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .total_label span { font-size: 0.8em; }
.vari_graph_cont .graph_cont .chart_wrap .graph_box .total_label.current:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 1.2rem; height: 1.2rem; transform: translate(-50%, 30%) rotate(45deg); background-color: #F3842E; }

.vari_graph_cont .graph_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label,
.vari_graph_cont .graph_cont .chart_wrap .graph_box .bar_box:nth-of-type(2) .total_label:before { background-color: #3dbac1 }

.vari_graph_cont .graph_cont .chart_wrap .graph_box .btm_label { position: absolute; left: 50%; bottom: -1em; width: 100%; transform: translate(-50%, 100%); font-weight: 500; font-size: var(--smTxt); text-align: center; white-space: nowrap; }

.vari_graph_cont .graph_cont .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 15%; }
.vari_graph_cont .graph_cont .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 75%; }

.vari_graph_cont .graph_cont.graph_cont2 .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(1) .bar { height: 56%; }
.vari_graph_cont .graph_cont.graph_cont2 .chart_wrap.active .graph_box.fst .bar_box:nth-of-type(2) .bar { height: 84%; }

  /* 음낭수종절제술 */
  .scro_side_cont { padding-top: var(--subSectPd1); }
  .scro_side_cont .cont { display: flex; align-items: flex-start; justify-content: space-between; }
  .scro_side_cont .cont .sub_tit_wrap { width: 40%; }
  .scro_side_cont .cont .box_cont { width: 50%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
  .scro_side_cont .cont .sub_tit_wrap.active + .box_cont { opacity: 1; transform: unset; }

  .scro_side_cont .cont .box_cont .box_wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
  .scro_side_cont .cont .box_cont .box { padding: 3rem; background-color: #F1F4FF; }
  .scro_side_cont .cont .box_cont .box:nth-of-type(2) { background-color: #EBF4F7; }
  .scro_side_cont .cont .box_cont .box .ico { display: flex; align-items: center; justify-content: flex-end; }
  .scro_side_cont .cont .box_cont .box .ico img { width: 100%; max-width: 10rem; object-fit: contain; }
  .scro_side_cont .cont .box_cont .box .tit { margin-top: 1rem; font-size: var(--bigTxt); font-weight: 700; }
  .scro_side_cont .cont .box_cont .box .txt { margin-top: 0.5em; }
  .scro_side_cont .cont .box_cont .info { margin-top: 1.5rem; }
  .scro_side_cont .cont .box_cont .info p { text-indent: -0.8em; padding-left: 0.8em; font-size: vaR(--smTxt); color: var(--txtGray1); }
  .scro_side_cont .cont .box_cont .info p + p { margin-top: 0.3em; }
  
  .side_list_sect { padding-top: var(--subSectPd1); }
  .side_list_sect .cont { display: flex; align-items: flex-start; justify-content: space-between; }
  .side_list_sect .cont .sub_tit_wrap { width: 40%; }
  .side_list_sect .cont .list_cont { width: 50%; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
  .side_list_sect .cont .sub_tit_wrap.active + .list_cont { opacity: 1; transform: unset; }

  .side_list_sect .cont .list_cont .box { display: grid; align-items: center; grid-template-columns: max-content minmax(0, 1fr); gap: 0.5rem 1.6rem; padding: 2.5rem 3.5rem; border-top: 1px solid var(--borderColor2); }
  .side_list_sect .cont .list_cont .box:last-of-type { border-bottom: 1px solid var(--borderColor2); }
  .side_list_sect .cont .list_cont .box .num { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: 100%; font-size: var(--smTxt); font-weight: 700; background-color: #4DA4EA; color: #fff; }
  .side_list_sect .cont .list_cont .box .tit { font-size: var(--bigTxt); font-weight: 700; }
  .side_list_sect .cont .list_cont .box .txt { grid-column: 2 / 3; }
  
  
  .wedding_page .btm_banner_sect .treat_step_sect { padding-top: 5rem; }
  .wedding_page .btm_banner_sect .guide_box { margin-top: 8rem; padding: 1.5em 2em; background-color: rgba(255,255,255,0.2); font-size: var(--smTxt); opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.4s; }
  .wedding_page .btm_banner_sect .sub_tit_wrap.active .guide_box { opacity: 1; transform: unset; }
  .wedding_page .btm_banner_sect .guide_box .guide { position: relative; padding-left: 0.7em; }
  .wedding_page .btm_banner_sect .guide_box .guide + .guide { margin-top: 0.3em; }
  .wedding_page .btm_banner_sect .guide_box .guide span { color: #9eecff; font-weight: 600; }
  .wedding_page .btm_banner_sect .guide_box .guide:before { content: ''; position: absolute; left: 0; top: 0.6em; width: 0.35em; height: 0.35em; margin-right: 0.5em; border-radius: 100%; background-color: #fff; }
  .wedding_page .btm_banner_sect .guide_box .guide.point { margin-top: 1em; }
  .wedding_page .btm_banner_sect .guide_box .guide.point:before { content: '※'; top: 0; background-color: transparent; }
  .wedding_page .btm_banner_sect .btn_wrap { margin-top: 5rem; }


  /* ========================== 비뇨의학검진  ========================== */
  .uti_page .std_sect { padding-top: var(--subSectPd1); }
  .uti_page .std_sect .slide { margin-top: 10rem; opacity: 0; transform: translateY(3rem); transition: opacity 0.5s, transform 0.5s; transition-delay: 0.6s; }
  .uti_page .std_sect .sub_tit_wrap.active + .slide { opacity: 1; transform: unset; }
  /* .uti_page .std_sect .slide .cont_box {display: grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap: 7rem 8em;} */
  /* .uti_page .std_sect .slide .swiper-slide { width: calc(50% - 2.5rem); } */
  /* .uti_page .std_sect .slide .swiper-slide + .swiper-slide { margin-left: 5rem; } */
  .uti_page .std_sect .slide .cont_box .cont {display: flex; align-items: flex-start;}
  .uti_page .std_sect .slide .cont_box .cont + .cont { margin-top: 7rem; }
  .uti_page .std_sect .slide .cont_box .cont .img {overflow: hidden; position: relative; width: 14rem; height: 14rem; border-radius: 50%; flex-shrink: 0;}
  .uti_page .std_sect .slide .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
  .uti_page .std_sect .slide .cont_box .cont .txt_box {padding-top: 1rem; margin-left: 2.5rem;}
  .uti_page .std_sect .slide .cont_box .cont .txt_box .tit {font-size: var(--subH3); font-weight: 700;}
  .uti_page .std_sect .slide .cont_box .cont .txt_box .en_txt {font-size: var(--tinyTxt); color: var(--txtGray1);}
  .uti_page .std_sect .slide .cont_box .cont .txt_box .txt {margin-top: 1.5rem;}

  .uti_page .std_sect .slide .paging {position: relative; margin-top: 12rem;}
  .uti_page .std_sect .slide .paging { position: relative; width: 100%; margin: 10rem auto 0; height: 2px; background: #E1E4EB }
  .uti_page .std_sect .slide .paging .swiper-pagination-progressbar-fill { background: var(--blue2) }

  .uti_page .grid_img_sect .bg_desc_box { margin-top: 10rem; }
  .uti_page .grid_img_sect .bg_desc_box + .img_wrap { margin-top: 3rem; }
  .uti_page .sub_cont_visual.reverse .cont { align-items: center; }
  .uti_page .sub_tit_wrap .notice { margin-top: 0.2em; }
  .uti_page .sub_tit_wrap .notice + .txt { margin-top: 1.5em; }

  .notice_page .sub_cont_visual,
  .review_page .sub_cont_visual { padding-bottom: var(--subSectPd1); }

  .prost_center_page { position: relative; }

  .btm_info { margin-top: 30rem; margin-bottom: -10rem; fill: var(--txtGray1); color: var(--txtGray1); }
  .btm_info .cont { display: flex; align-items: center; justify-content: center; padding: 1.2em 1.5em; background-color: #f6f7f9; }
  .btm_info .cont .ico { position: relative; top: -1px; display: flex; align-items: center; justify-content: center; opacity: 0.5; }
  .btm_info .cont .txt { margin-left: 0.5em; font-size: var(--smTxt); }

  .btm_info.bu_bg { color: #fff; fill: rgba(255,255,255,0.5); color: rgba(255,255,255,0.7); }
  .btm_info.bu_bg .cont { background-color: rgba(255,255,255,0.1); }
  .btm_info.bu_bg .cont .ico { opacity: 1; }

  .btm_info.gy_bg .cont { background-color: #eaecf1; }
  

/*자메닉스*/

.bg_navy { background: #114e8f; width: 100%; padding: 50px 0; }
#final_container { width: 100%; background: #114e8f; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard', sans-serif; position: relative; color: #fff; background-image: url('../../inc/img/sub/ai_zm_bg.png'); background-repeat: no-repeat; background-position: calc(48% + 251px) 9%; background-size: 54%; padding-bottom: 100px; }
.flex_top_txt { position: relative; left: 50%; transform: translateX(-50%) scaleX(1.5) scaleY(0.92); display: inline-block; white-space: nowrap; color: #fff; font-size: 110px; font-weight: 700; opacity: 0; filter: blur(10px); letter-spacing: 0.2em; transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), letter-spacing 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s ease, filter 1.2s ease; }
.flex_top_txt.active { opacity: 1; filter: blur(0); transform: translateX(-50%) scaleX(1) scaleY(1); letter-spacing: 0; }
#final_inner { width: 100%; max-width: 1400px; display: flex; align-items: center; justify-content: space-between; }
.final_content { flex: 1; color: #fff; z-index: 10; min-width: 400px; }
.final_badge { display: inline-block; padding: 5px 15px; border: 1px solid #007bff; border-radius: 20px; color: #65A9DF; margin-bottom: 20px; font-size: 15px; }
.final_title { font-size: 56px; font-weight: 800; line-height: 1.2; margin-bottom: 25px; background: linear-gradient(to bottom, #fff, #65A9DF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.final_desc { font-size: 19px; color: #b0b8c4; line-height: 1.6; word-break: keep-all; }
#s9wrap_fixed { position: relative; flex: 1.3; height: 700px; display: flex; align-items: center; justify-content: center; }
#s9cv_fixed { position: absolute; inset: 0; width: 100%; height: 100%; }
#s9label_fixed { display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; }
#AI-base-fixed { opacity: 0; animation: fadeInOutTextFixed 5s ease-in-out infinite; }
#AI-line-fixed { stroke-dasharray: 280, 720; stroke-dashoffset: 1000; stroke-opacity: 0; animation: chaseLineLoopFixed 5s ease-in-out infinite; }
.ai-svg-final { overflow: visible; }

/* 키프레임 (구조상 유지) */
@keyframes fadeInOutTextFixed { 0%, 15% { opacity: 0; } 35%, 75% { opacity: 1; } 90%, 100% { opacity: 0; } }
@keyframes chaseLineLoopFixed { 0% { stroke-dashoffset: 1000; stroke-opacity: 0; } 15% { stroke-opacity: 1; } 65% { stroke-dashoffset: 0; stroke-opacity: 1; } 80% { stroke-dashoffset: -300; stroke-opacity: 0; } 100% { stroke-dashoffset: -300; stroke-opacity: 0; } }


.bg_navy02{height:400px; background:#114e8f; padding:100px 0;}
.osh-stage{position:relative; min-height:3em; display:flex; align-items:center; justify-content:center;}
.osh-row{position:absolute; top:0; left:0; width:100%; display:flex; justify-content:center; align-items:center;}
.osh-char{display:inline-block; opacity:0; font-size:clamp(60px, 7vw, 120px); font-weight:800; white-space:pre; color:#fff; font-family:'Pretendard', sans-serif; letter-spacing:-0.02em;}



.s7_title, .s7_desc { opacity: 0 !important; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease !important; visibility: hidden; will-change: opacity, transform; }
.s7_title.active, .s7_desc.active { opacity: 1 !important; transform: translateY(0); visibility: visible; }
.s7_title { display: inline-block; font-size: 60px; line-height: 83px; font-weight: 700; background: linear-gradient(90deg, #0f2538, #0e3e71, #65A9DF, #65A9DF); background-size: 300% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: brightness(1.2); animation: gradientFlow 4s ease-in-out infinite; }
.s7_desc { font-size: 23px; line-height: 1.6; color: #c0c9d3; font-weight: 400; word-break: keep-all; margin-top: 20px; }
.s7_content { position: relative; left: -60px; top: -17px; }

#s7wrap { position: relative; flex: 1.2; height: 650px; display: flex; align-items: center; justify-content: center; }
#s7cv { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#s7label { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; }

/* SVG 및 AI 텍스트 애니메이션 */
.ai-svg { overflow: visible; }
.s7_char { display: inline; color: rgba(160, 174, 192, 0.25); transition: color 0.35s ease, text-shadow 0.35s ease, opacity 0.35s ease; opacity: 0.4; }
.s7_char.lit { color: #ffffff; opacity: 1; }
#AI-base { opacity: 0; animation: fadeInOutText 5s ease-in-out infinite; }
#AI-shine-line { stroke-dasharray: 300, 700; stroke-dashoffset: 1000; stroke-opacity: 0; animation: chaseLineLoop 5s ease-in-out infinite; }

@keyframes gradientFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes fadeInOutText { 0%, 10% { opacity: 0; } 25%, 70% { opacity: 1; } 85%, 100% { opacity: 0; } }
@keyframes chaseLineLoop { 0% { stroke-dashoffset: 1000; stroke-opacity: 0; } 10% { stroke-opacity: 1; } 65% { stroke-dashoffset: 0; stroke-opacity: 1; } 80% { stroke-dashoffset: -300; stroke-opacity: 0; } 100% { stroke-dashoffset: -300; stroke-opacity: 0; } }



@media (max-width: 1600px) {
    .s7_content{left:20px;}
}    
/* 모바일 대응 */
@media (max-width: 1100px) {
  #final_container { background-position: center calc(100% - 10%); padding-bottom: 50px; background-size: 70%; margin-top:-1px; }
  #final_inner { flex-direction: column !important; align-items: center; justify-content: flex-start; overflow: visible; }
  .s7_content { width: 100%; text-align: center; padding-top: 50px; margin-bottom: 30px; }
  .s7_title { font-size: 32px !important; margin-bottom: 15px; line-height: 1.2; }
  .s7_desc { font-size: 18px !important; }
  .s7_desc br { display: block; }
  #s9wrap_fixed { height: 330px !important; }
  .ai-svg-final { transform: scale(1.3); transition: transform 0.3s ease; }
  #AI-base-fixed, #AI-line-fixed { transform: translate(44px, 53px) scale(0.4) !important; transform-origin: center; }
  .bg_navy{padding:20px;}
}

@media (max-width: 768px) {
    #final_container {background-size: 100%;}
   .s7_content{left:0;}
   .bg_navy{display:none;}
   .bg_navy02{height:auto; padding:50px 20px 30px 20px;}
   .osh-stage{min-height:auto;}
   .osh-row{position:relative; flex-wrap:wrap; text-align:center; line-height:1.35;}
   .osh-char{font-size:clamp(28px, 8.5vw, 44px); letter-spacing:-0.04em;}
   .mo-col1{grid-template-columns:repeat(1, minmax(0,1fr)) !important; }
}





/* I_thid 커스텀 */
  .i-tind_page .color_tbl_cont .thead,
  .i-tind_page .color_tbl_cont .tbody{
    grid-template-columns: minmax(0, 1fr) 20% 40%;
}
.basic_sect.itind_pd_0 {padding-top: 0;}
.basic_sect.basic_effect.itind_pd_0 .img{
  padding-top: 39.5%;
}
.i-tind_page .sub_cont_visual .cont .img.youtube{
  padding-top: 0;
}
.i-tind_page .type_ico_cont .ico_box{
  background-color: #fff;
}
.i-tind_page .type_ico_cont .ico_box .ico img{
  max-width: 60px;
}


@media screen and (min-width: 1024px) {
 
  .sub_more_btn:hover { background-color: var(--blue); border-color: var(--blue); color: #fff; fill: #fff; }
  .sub_more_btn.wh:hover { background-color: #fff; border-color: #fff; color: var(--blue2); fill: var(--blue2); } 

  .grid_img_sect .img_wrap .box .img .hover_box:hover { opacity: 1; }
  
  .btm_center_sect .box_wrap .box:hover .img img { transform: scale(1.1); }
  .btm_center_sect .box_wrap .box:hover .txt_box .btn_wrap .more_btn .ico { animation: arrowHover 0.8s }
  
  .equip_slide_sect .slide_wrap .item:hover .hover_box { opacity: 1; }

  .com_slide_sect .paging_wrap .btn_wrap .swiper_btn:hover { background-color: var(--blue2); fill: #fff; border-color: var(--blue2); }

  .hyper_slide_sect .swiper_btn_wrap .swiper_btn:hover { border-color: #232323; fill: #232323; }

  .sub_tab_wrap .tab:hover { color: var(--blue2); }
  .sub_tab_wrap .tab:hover:before { width: 100%; }
}



/**하단 faq**/
.gray_bg{padding:var(--subSectPd1) 0; background:#F6F7F9;}
.faq_btm_sect { width:100%; margin-top:26rem;}
.faq-title { font-size:var(--subH1); font-weight:700; color:#232323; letter-spacing:-0.5px; align-items:center; text-align:center; gap:10px; opacity:0; transform:translateY(30px); transition:opacity 0.6s ease-out, transform 0.6s ease-out; }
.faq-title.is-visible { opacity:1; transform:translateY(0); }
.faq-txt {margin-bottom:30px; text-align:center; color:var(--txtGray1); text-align:center; display: block; font-size:var(--bigTxt);}
.faq-txt2{text-align:left; font-size:var(--subH1); margin-top:2em; margin-bottom:80px; font-weight:700; } 
.faq-item { background:#f8f8f6; border-radius:100px; margin-bottom:16px; overflow:hidden; opacity:0; transform:translateY(30px) scale(0.98); transition:background 0.42s cubic-bezier(0.4,0,0.2,1), border-radius 0.42s cubic-bezier(0.4,0,0.2,1), box-shadow 0.42s cubic-bezier(0.4,0,0.2,1), transform 0.42s cubic-bezier(0.4,0,0.2,1), opacity 0.42s ease; }
.faq-item.is-visible { opacity:1; transform:translateY(0) scale(1); }
.faq-item:hover { box-shadow:0 6px 24px rgba(101,169,223,0.15); }
.faq-item.open {  border-radius:24px; box-shadow:0 6px 24px rgb(221 221 221 / 25%); }
.faq-question { display:flex; align-items:center; justify-content:space-between; padding:22px 28px; cursor:pointer; user-select:none; gap:16px; background:transparent; transition:all 0.42s ease; }
.faq-question-left { display:flex; align-items:center; gap:14px; flex:1; }
.faq-q-badge { flex-shrink:0; width:34px; height:24px; color:#3291dd; display:flex; align-items:center; justify-content:center; font-weight:500; font-size:23px; transition:all 0.42s ease; }
.faq-item.open .faq-q-badge { color:#ffffff; }
.faq-question-text { font-size:20px; font-weight:600; color:#1a1a2e; letter-spacing:-0.3px; line-height:1.5; transition:color 0.42s ease; }
.faq-item.open .faq-question-text { color:#ffffff; }
.faq-item.open .faq-question { background:#3291dd; border-radius:24px 24px 0 0; }
.faq-icon { flex-shrink:0; width:32px; height:32px; display:flex; align-items:center; justify-content:center; transition:transform 0.42s ease; background:transparent; border:none; }
.faq-item.open .faq-icon { transform:rotate(180deg); }
.faq-icon svg { transition:stroke 0.42s ease; stroke:#aaaaaa; }
.faq-item.open .faq-icon svg { stroke:#ffffff; }
.faq-body { display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.42s ease, padding 0.42s ease; background:#f2f2f2; padding:0 20px; }
.faq-item.open .faq-body { grid-template-rows:1fr; padding:30px; }
.faq-body-inner { overflow:hidden; }

.faq-item.open .faq-answer { opacity:1; transform:translateY(0); font-size:var(--subTxt); }
.faq-pd-btm{padding-bottom:var(--subSectPd1);}
.faq-answer-wrap { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; line-height: 1.6; color: #4a5568; }
.faq-intro { margin: 0 0 20px 0; color: #2d3748; font-weight: 500; }
.faq-details-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; margin-top:20px; }
.faq-details-list li { position: relative; padding-left: 12px; }
.faq-details-list li::before { content: "-"; position: absolute; left: 0; top: 0; color: #000; font-weight: bold; }
.detail-title { display: inline-block; font-weight: 700; color: #1a202c; margin-right: 6px; }
.detail-desc { display: inline; color: #292929; word-break: keep-all; }
.faq-body .highlight{font-weight:700; text-decoration:underline; }
.faq-note{display:block;margin-top:12px;font-size:16px;line-height:1.6;color:#6b7280;}


@media (max-width: 768px) {
    .faq-answer-wrap { font-size: 14px; }
    .faq-intro { margin-bottom: 15px; }
    .faq-details-list { gap: 12px; }
    .detail-title { display: block; margin-bottom: 2px; }
}



@media (max-width:600px) {
  .faq-question { padding:18px 18px; } 
  .faq-question-text { font-size:17px; } 
  .faq-txt2{margin:1.2em 0; font-size:var(--subH2);}
  .faq_btm_sect{margin-top:100px;}
}



/***26.06.19 전립선비대증 추가 ****/

.sub_cont_visual .cont{align-items:center !important;}
    .sub_pro_bg{position:relative;width:100%;padding:20rem 0;background:url('../../inc/img/main/leader_bg.jpg') no-repeat center center;background-size:cover;overflow:hidden;margin-top:var(--subSectPd1);color:#fff;}
    .sub_pro_bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#041323d6;z-index:1;}
    .sub_pro_bg .in{position:relative;z-index:2; width: clamp(1240px, 70vw, 164rem);margin:0 auto;}
    .sub_pro_bg .tit{font-size:var(--subH1);font-weight:700;line-height:1.45;margin-bottom:7rem;}
    .sub_pro_bg .tit span{display:inline-block;font-size:var(--bigTxt); font-weight:700;margin-bottom:1rem;}
    .sub_pro_bg .solution_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;}
    .sub_pro_bg .solution_card{background:#fff;border-radius:0;overflow:hidden;color:#111;box-shadow:0 20px 40px rgba(0,0,0,0.25);}
    .sub_pro_bg .solution_img{width:100%;height:28rem;overflow:hidden;border-radius:0;background-size:cover;background-position:center center;background-repeat:no-repeat;}
    .sub_pro_bg .solution_card:nth-child(1) .solution_img{background-image:url('../../inc/img/sub/pro_new01.jpg');}
    .sub_pro_bg .solution_card:nth-child(2) .solution_img{background-image:url('../../inc/img/sub/rezum_img.png');}
    .sub_pro_bg .solution_card:nth-child(3) .solution_img{background-image:url('../../inc/img/sub/solution_img_pro.png');}
    
    .sub_pro_bg .solution_img{transition:transform .5s ease;}
    .sub_pro_bg .solution_img h3{text-align:center; color:#fff;}
    .sub_pro_bg .solution_card:hover .solution_img{transform:scale(1.08);}
    .sub_pro_bg .solution_txt{padding:2.8rem;}
    .sub_pro_bg .solution_txt h3{font-size:2.4rem;font-weight:700;line-height:1.45;margin-bottom:2.5rem;}
    .sub_pro_bg .solution_txt p{font-size:1.6rem;font-weight:500;line-height:1.8;}
    .sub_pro_bg .solution_txt .solution_point{color:#0892ff; padding:20px 0; font-size:1.6rem;font-weight:700;border-top:1px solid #cbddeb; margin-top:20px; }
    .sub_pro_bg .solution_card:nth-child(1) .aqua_img{background-image:url('../../inc/img/sub/pro_new01.jpg');}
    .sub_pro_bg .solution_card:nth-child(2) .aqua_img{background-image:url('../../inc/img/sub/aqua_t_img.png');}
    .sub_pro_bg .solution_card:nth-child(3) .aqua_img{background-image:url('../../inc/img/sub/new_b_img.png');}

    .sub_pro_bg .solution_card{background:#fff;border-radius:0px;overflow:hidden;color:#111;box-shadow:0 20px 40px rgba(0,0,0,0.25);opacity:0;transform:translateY(80px);transition:opacity .9s ease, transform .9s ease;}
    .sub_pro_bg.active .solution_card{opacity:1;transform:translateY(0);}
    .sub_pro_bg.active .card01{transition-delay:.15s;}
    .sub_pro_bg.active .card02{transition-delay:.35s;}
    .sub_pro_bg.active .card03{transition-delay:.55s;}

    @media(max-width:768px){
    .sub_cont_visual .cont{align-items:center!important;}
    .sub_pro_bg{padding:8rem 2.4rem;margin-top:var(--subSectPd1);background-position:center center;}
    .sub_pro_bg::before{background:#041323e6;}
    .sub_pro_bg .in{width:100%;margin:0 auto;}
    .sub_pro_bg .tit{font-size:3rem;line-height:1.45;margin-bottom:4rem;word-break:keep-all;}
    .sub_pro_bg .tit span{font-size:1.8rem;line-height:1.5;margin-bottom:1.2rem;}
    .sub_pro_bg .solution_grid{display:grid;grid-template-columns:1fr;gap:7rem;}
    .sub_pro_bg .solution_card{border-radius:14px;box-shadow:0 14px 28px rgba(0,0,0,.22);}
    .sub_pro_bg .solution_img{height:36rem;border-radius:0;background-position:center center;}
    .sub_pro_bg .solution_card:hover .solution_img{transform:none;}
    .sub_pro_bg .solution_txt{padding:3rem 2.2rem;}
    .sub_pro_bg .solution_txt h3{font-size:18px;line-height:1.45;margin-bottom:1.8rem;word-break:keep-all; text-align:center;}
    .sub_pro_bg .solution_txt p{font-size:14px;line-height:1.75;word-break:keep-all; text-align:left;}
    .sub_pro_bg .solution_txt .red{color:#ff0000;font-weight:700;}
    .sub_pro_bg .solution_card{opacity:1;transform:none;transition:none;}
    .sub_pro_bg.active .solution_card{opacity:1;transform:none;}
    .sub_pro_bg.active .card01,.sub_pro_bg.active .card02,.sub_pro_bg.active .card03{transition-delay:0s;}
    .sub_pro_bg .solution_txt .solution_point{font-size:12px; text-align:center;}
    }

    .pro_onestop_wrap{position:relative;padding:var(--subSectPd1) 0;background:#3479c9;text-align:center;overflow:hidden; margin-top:20rem;}
    .pro_onestop_tit{  opacity:0; transform:translateY(60px);  transition:all 1.2s ease;}
    .pro_onestop_wrap.active .pro_onestop_tit{ opacity:1; transform:translateY(0);}
    .pro_onestop_tit span{display:block;font-size:30px;font-weight:700;color:#fff;margin-bottom:15px;}
    .pro_onestop_tit h2{font-size:52px;font-weight:700;color:#fff;margin-bottom:20px;}
    .pro_onestop_tit p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.9);}
    .pro_onestop_sect{position:relative;display:flex;justify-content:space-between;max-width:1400px;margin:100px auto 0;padding:0 40px;}
    .pro_onestop_line_base{position:absolute;left:-100vw;top:219px;width:300vw;height:2px;background:rgb(255 255 255 / 8%);z-index:0;}
    .pro_onestop_line_draw{position:absolute;left:-100vw;top:219px;width:0;height:2px;background:#ffffff8f;z-index:1;}
    .pro_onestop_wrap.active .pro_onestop_line_draw{animation:lineDraw 3.2s linear forwards;}
    .pro_onestop_item{position:relative;width:25%;z-index:2;opacity:.22;transition:opacity 2.2s ease;}
    .pro_onestop_item.active{opacity:1;}
    .pro_onestop_icon{width:180px;height:180px;border-radius:50%;background:#2b67b1;display:flex;align-items:center;justify-content:center;margin:0 auto 50px;overflow:hidden;}
    .pro_onestop_icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:1;filter:none;transition:opacity 2.2s ease,filter 2.2s ease;}
    .pro_onestop_item.active .pro_onestop_icon img{opacity:1;filter:grayscale(0);}
    .pro_onestop_dot{position:absolute;left:50%;top:214px;width:12px;height:12px;border-radius:50%;background:#fff;transform:translateX(-50%);}
    .pro_onestop_item h3{margin-top:60px;font-size:22px;font-weight:500;color:#fff;opacity:.3;transition:opacity 2.2s ease;}
    .pro_onestop_item.active h3{opacity:1;}
    .pro_onestop_item .txt{display:block;margin-top:18px;font-size:16px;line-height:1.65;color:#fff;opacity:.35;transition:opacity 2.2s ease;}
    .pro_onestop_item.active .txt{opacity:1;}
    .pro_onestop_bottom{display:block;margin-top:100px;margin-bottom:100px;font-size:36px;font-weight:700;line-height:1.45;background:linear-gradient(90deg,#0f2538,#0e3e71,#65A9DF,#65A9DF);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:brightness(1.2);animation:gradientFlow 4s ease-in-out infinite;}
    .cancer_btn{display:inline-block;padding:18px 45px;border-radius:100px;background:#d8edff;color:#000;font-size:19px;font-weight:600;cursor:pointer;transition:all .3s ease;}
    .cancer_btn:hover{background:#a5d5ff;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.1);}
    .chk_list_sect .cont .wd60{width:60%;}
    @keyframes lineDraw{from{width:0;}to{width:300vw;}}

    @media(max-width:768px){
    .pro_onestop_wrap{padding:70px 24px;margin-top:12rem;text-align:left;}
    .pro_onestop_tit{text-align:center;}
    .pro_onestop_tit span{font-size:22px;}
    .pro_onestop_tit h2{font-size:32px;}
    .pro_onestop_tit p{font-size:15px;}
    .pro_onestop_sect{display:block;max-width:360px;margin:55px auto 0;padding:0 0 0 0;}
    .pro_onestop_line_base{display:block;left:98px;top:0;width:2px;height:100%;background:rgba(255,255,255,.75);z-index:1;}
    .pro_onestop_line_draw{display:none;}
    .pro_onestop_item{position:relative;width:100%;min-height:92px;margin-bottom:12px;padding-left:125px;opacity:1;text-align:left;}
    .pro_onestop_icon{position:absolute;left:0;top:0;width:80px;height:80px;margin:0;border-radius:50%;background:#2b67b1;}
    .pro_onestop_icon img{width:100%;height:100%;opacity:1;filter:none;object-fit:contain;}
    .pro_onestop_dot{display:block;left:99px;top:31px;width:10px;height:10px;background:#fff;z-index:2;}
    .pro_onestop_item h3{margin:0 0 8px 0;font-size:21px;font-weight:700;line-height:1.35;color:#fff;opacity:1; padding-top:20px;}
    .pro_onestop_item .txt{display:block;margin-top:0;font-size:13px;line-height:1.7;color:#fff;opacity:1;}
    .pro_onestop_item .txt br{display:none;}
    .pro_onestop_bottom{margin-top:45px;font-size:22px;line-height:1.5;text-align:center;color:#fff;}
    .cancer_btn{display:block;width:max-content;margin:0 auto;padding:11px 32px;font-size:16px;}
    .chk_list_sect .cont .wd60{width:100%;}
    }





  @media(max-width:768px){
    .farm_section{height:760px;min-height:auto;margin-top:10rem;}
    .farm_in{height:100%;}
    .slide_group{height:100%;opacity:0;}
    .farm_bg{height:100%;background-position:center;background-size:cover;}
    .farm_bg::after{background:rgba(0,0,0,.62);}
    .media_box{top:72px;width:90%;height:230px;margin-left:0;z-index:5;position: relative; margin: 0 auto; left:0}
    .farm_content{width:100%;padding:0 24px 70px;box-sizing:border-box;align-items:flex-end;}
    .farm_left{width:100%;}
    .farm_count{position:static;margin-bottom:20px;font-size:15px;}
    .farm_label{font-size:14px;margin-bottom:8px;}
    .farm_title{font-size:34px;line-height:1.25;margin:0 0 18px;}
    .farm_desc{font-size:15px;line-height:1.75;}
    .view_more{margin-top:32px;font-size:15px;}
  }


.ai_special_wrap{position:relative;height:470vh;background:#fff;}
.ai_special_sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:#fff;will-change:transform;}
.ai_special_img{
    position:absolute;
    top:50%;
    left:50%;
    width:58vw;
    height:56vh;
    transform:translate(-50%,-50%) scale(.88);
    overflow:hidden;
    z-index:1;
    will-change:width,height,transform,border-radius;
}
.ai_special_img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, #000b16 0%, rgba(0, 0, 0, .45) 45%, #000c18 100%);opacity:0;transition:opacity .3s ease;}
.ai_special_img.full:after{opacity:1;}
.ai_special_img img{width:100%;height:100%;object-fit:cover;object-position:left center;display:block;}
.ai_special_overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:grid;grid-template-columns:29% 62%;gap:4vw;align-items:center;padding:0 8vw;box-sizing:border-box;z-index:2;}
.ai_special_left{opacity:0;transform:translateY(90px);will-change:transform,opacity;color:#fff;align-self:start;padding-top:18vh;}
.ai_special_left strong{display:block;font-size:var(--subH1);font-weight:700;line-height:1.5;margin-bottom:14px;color:#65A9DF;background:linear-gradient(90deg,#0f2538,#0e3e71,#65A9DF,#65A9DF);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aiSpecialWave 6s ease-in-out infinite;}
@keyframes aiSpecialWave{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.ai_special_left p{font-size:37px;font-weight:700;line-height:1.65;color:#fff;margin:0;}
.ai_special_right{
    position:relative;
    height:750px;
    overflow:hidden;
    align-self:center;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 88%,rgba(0,0,0,0) 100%);
    mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 88%,rgba(0,0,0,0) 100%);
}
.ai_special_list{position:absolute;left:0;right:0;top:0;list-style:none;margin:0;padding:0;will-change:transform;}
.ai_special_list li{--ai-num-color:#68717a;--ai-title-color:#68717a;--ai-desc-color:#68717a;display:grid;grid-template-columns:170px 1fr;align-items:center;gap:35px;width:100%;height:179px;min-height:179px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.35);box-sizing:border-box;opacity:1;}
.ai_special_num{font-size:81px;font-weight:700;line-height:1;letter-spacing:-4px;color:var(--ai-num-color)!important;-webkit-text-fill-color:var(--ai-num-color)!important;transition:color .18s linear,-webkit-text-fill-color .18s linear;}
.ai_special_list li > div{font-size:28px;font-weight:700;line-height:1.55;word-break:keep-all;color:var(--ai-title-color)!important;-webkit-text-fill-color:var(--ai-title-color)!important;transition:color .18s linear,-webkit-text-fill-color .18s linear;}
.ai_special_list li > div > span{display:block;margin-top:20px;font-size:20px;font-weight:400;line-height:1.55;color:var(--ai-desc-color)!important;-webkit-text-fill-color:var(--ai-desc-color)!important;transition:color .18s linear,-webkit-text-fill-color .18s linear;}
.ai_special_list li.active .ai_special_num{color:#1b96ff!important;-webkit-text-fill-color:#1b96ff!important;font-weight:700;}
.ai_special_list li.active > div{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.ai_special_list li.active > div > span{color:#fff!important;-webkit-text-fill-color:#fff!important;}
.ai_special_list li.prev .ai_special_num{color:#8fcbff!important;-webkit-text-fill-color:#8fcbff!important;font-weight:700;}
.ai_special_list li.prev > div{color:#e9edf2!important;-webkit-text-fill-color:#e9edf2!important;}
.ai_special_list li.prev > div > span{color:#e9edf2!important;-webkit-text-fill-color:#e9edf2!important;}


.ai_special_list li.active .ai_special_num{font-weight:700;}
.ai_special_list li.prev .ai_special_num{font-weight:700;}
.mg-top-0{margin-top:0 !important}
@media(max-width:1500px){
  .ai_special_list li > div{font-size:25px;}
  .ai_special_list li{height:220px;}
}

@media(max-width:850px){
    .ai_special_wrap { position:relative; height:auto; margin-top:100px; padding:0 0 var(--subSectPd1); background:#000204; }
    .ai_special_sticky { position:relative; top:auto; height:auto; overflow:visible; background:#000204; will-change:auto; }

    /* 상단 이미지 영역 */
    .ai_special_img { position:relative; top:auto; left:auto; width:100%; height:clamp(303px,22vh,520px); transform:none!important; border-radius:0; overflow:hidden; z-index:1; will-change:auto; }
    .ai_special_img:after { content:""; position:absolute; inset:0; opacity:1!important; background:linear-gradient(180deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.18) 35%, rgba(0,2,4,.75) 75%, #000204 100%); }
    .ai_special_img img { width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }

    /* 오버레이 영역 */
    .ai_special_overlay { position:relative; left:auto; top:auto; width:100%; height:auto; display:block; margin-top:-190px; padding:0 24px; box-sizing:border-box; z-index:3; pointer-events:auto; }
    .ai_special_left { position:relative; left:auto; right:auto; top:auto; margin:0; padding:0 0 100px; opacity:1!important; transform:none!important; color:#fff; align-self:auto; will-change:auto; }
    .ai_special_left strong { display:block; margin-bottom:10px; font-size:18px; font-weight:600; line-height:1.45; color:#58cfff!important; -webkit-text-fill-color:#58cfff!important; background:none; filter:none; animation:none; }
    .ai_special_left p { margin:0; font-size:var(--subH1); font-weight:600; line-height:1.55; color:#fff!important; -webkit-text-fill-color:#fff!important; }

    /* 하단 리스트 영역 */
    .ai_special_right { position:relative; left:auto; right:auto; bottom:auto; width:100%; height:auto; margin:0; overflow:visible; opacity:1!important; visibility:visible!important; pointer-events:auto!important; -webkit-mask-image:none; mask-image:none; }
    .ai_special_list { position:relative; left:auto; right:auto; top:auto; width:100%; margin:0; padding:0; list-style:none; transform:none!important; will-change:auto; }
    .ai_special_list li { display:grid; grid-template-columns:52px minmax(0,1fr); align-items:flex-start; gap:16px; width:100%; height:auto!important; min-height:0!important; padding:22px 0; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.18); opacity:1!important; transform:none!important; }
    .ai_special_list li:first-child { border-top:1px solid rgba(255,255,255,.18); }
    .ai_special_num, .ai_special_list li.active .ai_special_num, .ai_special_list li.prev .ai_special_num { padding-top:3px; font-size:34px; font-weight:700; line-height:1; letter-spacing:-2px; color:#58cfff!important; -webkit-text-fill-color:#58cfff!important; }
    .ai_special_list li > div, .ai_special_list li.active > div, .ai_special_list li.prev > div { font-size:16px; font-weight:600; line-height:1.65; word-break:keep-all; color:#fff!important; -webkit-text-fill-color:#fff!important; }
    .ai_special_list li > div > span, .ai_special_list li.active > div > span, .ai_special_list li.prev > div > span { display:block; margin-top:8px; font-size:14px; font-weight:300; line-height:1.6; color:#b9c4cf!important; -webkit-text-fill-color:#b9c4cf!important; }
    .ai_special_list li br { display:none; }
}
    .new_staff .doctor_wrap .doctor_cont{display:flex;align-items:flex-start;position:relative;min-height:120rem;}

    .new_staff .doctor_wrap .doctor_cont+.doctor_cont{margin-top:25rem;}

    .new_staff .doctor_wrap .doctor_cont .img_box{width:40%; top:120px;align-self:flex-start;}
    .new_staff .doctor_wrap .doctor_cont.short .img_box{position:relative;top:auto;}
    .new_staff .doctor_wrap .doctor_cont .info_box_wrap{width:60%;margin-left:60px;position:sticky;top:120px;height:calc(100vh - 160px);overflow:hidden;}
    .new_staff .doctor_wrap .doctor_cont .info_box{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;}
    .new_staff .doctor_wrap .doctor_cont .info_box .sticky_name_area{position:relative;top:auto;flex-shrink:0;background:#fff;z-index:30;padding:0 0 4rem 0;}
    .new_staff .doctor_wrap .doctor_cont .info_box .scroll_area{flex:1;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;padding-top:4rem;padding-right:0;-ms-overflow-style:none;scrollbar-width:none;}
    .new_staff .doctor_wrap .doctor_cont .info_box .scroll_area::-webkit-scrollbar{display:none;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile_list{height:auto!important;max-height:none!important;overflow:visible!important;background:none!important;border-radius:1.5rem;padding-bottom:2rem;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile_list{height:auto!important;max-height:none!important;overflow:visible!important;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile{height:auto!important;max-height:none!important;overflow:visible!important;}

    .new_staff .doctor_wrap .doctor_cont.short .info_box_wrap{position:relative;top:auto;height:auto;overflow:visible;}
    .new_staff .doctor_wrap .doctor_cont.short .info_box{display:block;height:auto;}
    /* 전체 스크롤은 여기 하나만 */
    .new_staff .doctor_wrap .doctor_cont .info_box .scroll_area{
      height:calc(100% - 120px); /* 이름 영역 제외 */
      overflow-y:auto !important;
      overflow-x:hidden;
    }

    /* 약력 / 학술 개별 스크롤 제거 */
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile_list{
      max-height:none !important;
      overflow:visible !important;
    }

    /* 더보기 눌러도 내부 스크롤 안 생기게 */
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile_list{
      max-height:none !important;
      overflow:visible !important;
    }

    .new_staff .doctor_wrap .doctor_cont .info_box .name_box{position:relative;}
    .new_staff .doctor_wrap .doctor_cont .info_box .name_box .badge{display:inline-block;height:2.5em;padding:0 1.5em;font-size:var(--smTxt);font-weight:700;border-radius:3em;line-height:2.6em;background:#004EA2;color:#fff;}
    .new_staff .doctor_wrap .doctor_cont .info_box .name_box .name{display:flex;align-items:flex-end;margin-top:3rem;font-size:var(--subH3);font-weight:700;line-height:1;}
    .new_staff .doctor_wrap .doctor_cont .info_box .name_box .name strong{font-size:var(--subH2);margin-right:10px;}
    .new_staff .doctor_wrap .doctor_cont .info_box .name_box .btn{position:absolute;right:120px;bottom:.5em;width:7rem;height:7rem;background:#D5D9E3;border-radius:50%;transition:.3s;}
    .new_staff .doctor_wrap .doctor_cont .info_box .name_box .btn svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50%;height:50%;fill:#fff;}
    .new_staff .doctor_wrap .doctor_cont .info_box .name_box .btn.active{background:#FFBE2B;}
    .new_staff .doctor_wrap .doctor_cont.short{display:flex;align-items:flex-start;min-height:auto;padding-bottom:12rem;}
    .new_staff .doctor_wrap .doctor_cont.short .img_box{position:relative;top:auto;}
    .new_staff .doctor_wrap .doctor_cont.short .info_box_wrap{position:relative;top:auto;height:auto;overflow:visible;}
    .new_staff .doctor_wrap .doctor_cont.short .info_box{display:block;height:auto;}
    .new_staff .doctor_wrap .doctor_cont.short .info_box .sticky_name_area{position:relative;top:auto;padding-top:0;}
    .new_staff .doctor_wrap .doctor_cont.short .info_box .scroll_area{height:auto;max-height:1200px;overflow:visible;padding-top:4rem;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box{margin-top:0;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box+.profile_box{margin-top:4rem;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .tit{font-size:var(--bigTxt);font-weight:700;margin-bottom:.6em;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile_list{height:auto;max-height:none;overflow:visible;background:none!important;border-radius:1.5rem;padding-bottom:2rem;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile{display:grid;grid-template-columns:1fr;width:100%;padding:1em 2.5em 0;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box:not(.academic_box) .profile{grid-template-columns:1fr;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li{display:flex;align-items:center;padding:.2em 0;border-bottom:none;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li .txt_box{display:flex;align-items:flex-start;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li .txt_box:before{content:"-";display:inline-block;margin-right:.8rem;font-weight:500;color:#111;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li .num{display:none;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li .txt{margin-left:0;font-size:calc(var(--subTxt)*.9);font-weight:500;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li.is_hide{display:none;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile li.is_hide{display:flex;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile_list{max-height:42rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile_list::-webkit-scrollbar{display:none;}

    .new_staff .doctor_wrap .doctor_cont .info_box .profile_more_btn{display:flex;align-items:center;justify-content:center;gap:6px;width:110px;height:42px;margin:1.5rem auto 2rem;border-radius:50px;background:#fff;font-weight:700;cursor:pointer;position:relative;z-index:5;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_more_btn span{width:8px;height:8px;border-right:2px solid #111;border-bottom:2px solid #111;transform:rotate(45deg);margin-top:-4px;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile_more_btn span{transform:rotate(225deg);margin-top:4px;}
    /* 숨김 */
    .new_staff .profile li.is_hide { display: none; }
    .new_staff .profile_box.active li.is_hide { display: flex; }
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile_list {height: auto; background:none !important; display: block;}
    .new_staff .doctor_wrap .doctor_cont .info_box .profile_box:not(.academic_box) .profile{grid-template-columns:1fr;}

    @media (max-width:768px){
      .new_staff .doctor_wrap .doctor_cont{display:block;min-height:auto;}
      .new_staff .doctor_wrap .doctor_cont>.img_box{display:none;}
      .new_staff .doctor_wrap .doctor_cont .info_box_wrap{width:100%;margin-left:0;position:relative;top:auto;height:auto;overflow:visible;}
      .new_staff .doctor_wrap .doctor_cont .info_box{display:block;height:auto;}
      .new_staff .doctor_wrap .doctor_cont .info_box .sticky_name_area{align-items:center;gap:1.6rem;position:relative;top:auto;padding:0 0 3rem 0;background:#fff;}
      .new_staff .doctor_wrap .doctor_cont .info_box .sticky_name_area>.img{display:block!important;width:100%!important;height:50rem!important;min-height:0!important;max-height:50rem!important;aspect-ratio:1/1;overflow:hidden;margin:0 auto;padding:0!important; margin-bottom:20px;}
      .new_staff .doctor_wrap .doctor_cont .info_box .sticky_name_area>.img img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center top!important;}
      .new_staff .doctor_wrap .doctor_cont .info_box .name_box{position:relative;margin:0!important;padding-right:5rem;}
      .new_staff .doctor_wrap .doctor_cont .info_box .name_box .badge{height:2.6em;padding:0 1.3em;font-size:15px;line-height:2.7em;}
      .new_staff .doctor_wrap .doctor_cont .info_box .name_box .name{margin-top:1.2rem;font-size:18px;line-height:1.2;}
      .new_staff .doctor_wrap .doctor_cont .info_box .name_box .name strong{font-size:22px;margin-right:.5rem;}
      .new_staff .doctor_wrap .doctor_cont .info_box .name_box .btn{position:absolute;right:0;top:50%;bottom:auto;transform:translateY(-50%);width:6.2rem;height:6.2rem;}
      .new_staff .doctor_wrap .doctor_cont .info_box .scroll_area{height:auto;max-height:none;overflow:visible;padding-top:2rem;}

      .new_staff .doctor_wrap .doctor_cont .info_box_wrap{
        height:auto !important;
      }

      .new_staff .doctor_wrap .doctor_cont .info_box{
        height:auto !important;
      }
      .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile_list{height:auto!important;max-height:none!important;overflow:visible!important;}
      .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active .profile{height:auto!important;max-height:none!important;overflow:visible!important;}
      .new_staff .doctor_wrap .doctor_cont .info_box .profile_box.active li.is_hide{display:flex!important;}
      .new_staff .doctor_wrap .doctor_cont+.doctor_cont{margin-top:2rem;}
      .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .tit{padding-left:20px;}
      .new_staff .doctor_wrap .doctor_cont .info_box .name_box .name{padding-left:20px;}
      .new_staff .doctor_wrap .doctor_cont .info_box .profile_box .profile li{padding:.1em 0;}
    }



    /***그래프추가****/
    .prostate_cancer_rate {position:relative;background:#fff; margin-top:var(--subSectPd1);}
.prostate_cancer_rate .in {width:min(1400px,calc(100% - 8rem));margin:0 auto;}
.prostate_cancer_rate .sub_tit_wrap {margin-bottom:10rem;text-align:center;}
.prostate_cancer_rate .sub_tit_wrap .tit {margin:0;font-size:var(--subH1);font-weight:700;line-height:1.35;letter-spacing:-.06em;color:#222;}
.prostate_cancer_rate .sub_tit_wrap .desc {margin:1.5rem 0 0; font-weight:400;line-height:1.6;color:#777;  font-size:var(--subTxt)}

.prostate_chart_box {position:relative;padding:4.5rem 5rem 3.5rem;border:1px solid #e9eef2;border-radius:2.8rem;background:#fff;}
.prostate_chart_top {display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5rem;}
.prostate_chart_top strong {font-size:2.2rem;font-weight:700; color:#252525;}
.prostate_chart_top span {font-size:1.35rem;font-weight:400;color:#aaa;}

.prostate_chart {position:relative;display:flex;height:34rem;padding-left:7rem;}
.prostate_y_axis {position:absolute;left:0;top:0;bottom:4.5rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;width:5.5rem;}
.prostate_y_axis span {font-size:1.25rem;font-weight:500;line-height:1;color:#929aa1;}

.prostate_chart_cont {position:relative;width:100%;height:100%;}
.prostate_grid {position:absolute;left:0;right:0;top:0;bottom:4.5rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;}
.prostate_grid span {display:block;width:100%;height:1px;background:#e7ebee;}

.prostate_bar_list {position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;}
.prostate_bar_item {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:11%;height:100%;}
.prostate_bar_area {position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:calc(100% - 4.5rem);}

.prostate_bar_item p {display:flex;align-items:flex-end;justify-content:center;height:4.5rem;margin:0;padding-top:1.5rem;font-size:14px; color:#323232;}
.prostate_bar_item.active p {font-weight:700;color:#3E94D3;}

.prostate_tooltip {position:absolute;left:50%;bottom:1rem;z-index:5;min-width:13rem;padding:1rem 1.7rem;border-radius:99rem;background:#0a2e4d;text-align:center;transform:translate(-50%,1rem);opacity:0;transition:bottom 1.2s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .35s ease;}
.prostate_tooltip:after {content:"";position:absolute;left:50%;bottom:-.7rem;width:0;height:0;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-top:.8rem solid #0a2e4d;transform:translateX(-50%);}
.prostate_tooltip span {display:block;margin-bottom:.1rem;font-size:1.1rem;font-weight:500;color:#bdbdbd;}
.prostate_tooltip strong {display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.03em;color:#fff;}
.prostate_chart_box.is_show .prostate_tooltip {opacity:1;transform:translate(-50%,0);}

.prostate_chart_bottom {display:flex;align-items:center;justify-content:space-between;margin-top:3rem;}
.prostate_chart_bottom p {margin:0;font-size:1.5rem;font-weight:500;color:#666;}
.prostate_chart_bottom p strong {font-weight:700;color:#3E94D3;}
.prostate_chart_bottom span {font-weight:400;}
.prostate_bar {position:relative;width:58%;height:0;border-radius:1rem 1rem 0 0;background:linear-gradient(to bottom, #1d93f1 0%, #67bffd 52%, #a2d8ff 100%); transition:height 1.2s cubic-bezier(.22,1,.36,1);}
.prostate_bar_value {position:absolute;left:50%;top:-2.8rem;font-size:15px;font-weight:600;line-height:1;color:#a8b0b6;white-space:nowrap;transform:translateX(-50%);opacity:0;transition:opacity .4s ease;}
.prostate_chart_box.is_show .prostate_bar_value {opacity:1;}

@media(max-width:768px){
.prostate_bar_value {top:-2.2rem;font-size:1.6rem;}
}
@media(max-width:768px){

.prostate_cancer_rate .in {width:calc(100% - 4rem);}
.prostate_cancer_rate .sub_tit_wrap {margin-bottom:3.5rem;}
.prostate_chart_box {padding:3rem 1.5rem 2.5rem;border-radius:2rem;}
.prostate_chart_top {display:block;margin-bottom:2.5rem;}
.prostate_chart_top span {display:block;margin-top:.8rem;font-size:1.15rem;}
.prostate_chart {height:27rem;padding-left:4.3rem;}
.prostate_y_axis {bottom:4rem;width:3.5rem;}
.prostate_y_axis span {font-size:.95rem;}
.prostate_grid {bottom:4rem;}
.prostate_bar_item {width:13%;}
.prostate_bar_area {height:calc(100% - 4rem);}
.prostate_bar {width:62%;border-radius:.7rem .7rem 0 0;}
.prostate_bar_item p {height:4rem;padding-top:1.2rem;font-size:1.4rem;}
.prostate_tooltip {min-width:9rem;padding:.7rem 1rem;}
.prostate_tooltip span {font-size:.9rem;}
.prostate_tooltip strong {font-size:1.8rem;}
.prostate_chart_bottom {display:block;margin-top:2.5rem;}
.prostate_chart_bottom p {font-size:1.25rem;}
.prostate_chart_bottom span {display:block;margin-top:.8rem; }
}


    .prostate_cancer_causes {position:relative;width:100%;overflow:hidden; margin-top:var(--subSectPd1);}
    .prostate_cancer_cause_list {display:flex;flex-wrap:wrap;justify-content:center;gap:10rem 2.4%;width:100%; margin-top:3em;}
    .prostate_cancer_cause_item {width:31%;text-align:center;opacity:0;transform:translateY(60px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);}
    .prostate_cancer_cause_item.is-show {opacity:1;transform:translateY(0);}
    .prostate_cancer_cause_item:nth-child(2) {transition-delay:.12s;}
    .prostate_cancer_cause_item:nth-child(3) {transition-delay:.24s;}
    .prostate_cancer_cause_item:nth-child(4) {transition-delay:.08s;}
    .prostate_cancer_cause_item:nth-child(5) {transition-delay:.20s;}
    .prostate_cancer_cause_img {width:100%;height:28rem;overflow:hidden;border-radius:1.5rem;}
    .prostate_cancer_cause_img img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
    .prostate_cancer_cause_item:hover .prostate_cancer_cause_img img {transform:scale(1.04);}
    .prostate_cancer_cause_txt {padding:2.6rem 1rem 0;}
    .prostate_cancer_cause_txt h4 {margin:0 0 1.3rem; font-weight:700;color:#171717; font-size:20px;}
    .prostate_cancer_cause_txt p {margin:0;font-weight:400;color:#555; }
    @media (max-width:1024px){
    .prostate_cancer_cause_list {gap:7rem 3%;margin-top:3em;}
    .prostate_cancer_cause_item {width:48.5%;}
    .prostate_cancer_cause_img {height:25rem;}
    .prostate_cancer_cause_txt {padding:2.2rem .8rem 0;}

    .prostate_cancer_cause_txt p br {display:none;}
    }

    @media (max-width:768px){
    .prostate_cancer_causes {margin-top:var(--subSectPd1);}
    .prostate_cancer_cause_list {display:flex;flex-direction:column;gap:5rem;margin-top:2.5em;}
    .prostate_cancer_cause_item {width:100%;}
    .prostate_cancer_cause_img {height:auto;aspect-ratio:16/9;border-radius:1.2rem;}
    .prostate_cancer_cause_txt {padding:2rem .5rem 0;}
    }

    @media (max-width:480px){
    .prostate_cancer_cause_list {gap:4rem;margin-top:2em;}
    .prostate_cancer_cause_img {border-radius:1rem;}
    .prostate_cancer_cause_txt {padding:1.7rem .3rem 0;}


    }




      .urinary_graph_wrap {position:relative;width:100%;margin-top:var(--subSectPd1);overflow:hidden;background:#fff;}
        .urinary_graph_inner {position:relative;width:100%;max-width:150rem;margin:0 auto;padding:8rem 4rem 5rem;}
        .urinary_graph_head {position:relative;margin-bottom:10rem;}
        .urinary_graph_label {margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1d93f1;}
        .urinary_graph_head h2 {margin:0;font-size:var(--subH1);font-weight:700;line-height:1.35;color:#202624; margin-bottom:2rem;}
        .urinary_graph_contents {display:grid;grid-template-columns:minmax(0,1.65fr) minmax(35rem,1fr);gap:4rem;align-items:center;}
        .urinary_chart_box {position:relative;width:100%;opacity:0;transform:translateY(3rem);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);}
        .urinary_chart_box.is-show {opacity:1;transform:translateY(0);}
        .urinary_chart_title {margin:0 0 3.5rem;text-align:right;font-size:1.7rem;font-weight:500;color:#333;}
        .urinary_chart {position:relative;width:100%;}
        .urinary_chart_svg {display:block;width:100%;height:auto;overflow:visible;}
        .urinary_grid line {stroke:#e3edf5;stroke-width:1;}
        .urinary_axis {stroke:#8c989f;stroke-width:1;}
        .urinary_axis_text {font-size:13px;fill:#647078;font-family:inherit;}
        .urinary_line {fill:none;stroke:url(#urinaryLineGradient);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
        .urinary_dot {fill:#1d93f1;stroke:#fff;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1);}
        .urinary_dot.is-show {opacity:1;transform:scale(1);}
        .urinary_stat_grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}
        .urinary_stat {position:relative;min-height:13rem;padding:2.6rem 1.5rem 2.2rem;text-align:center;border:1px solid #d8e3eb;border-radius:1rem;background:linear-gradient(to bottom,#fff 0%,#fff 65%,#f8fcff 100%); opacity:0;transform:translateY(2.5rem);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);}
        .urinary_stat.is-show {opacity:1;transform:translateY(0);}
        .urinary_stat:nth-child(2) {transition-delay:.08s;}
        .urinary_stat:nth-child(3) {transition-delay:.16s;}
        .urinary_stat:nth-child(4) {transition-delay:.24s;}
        .urinary_stat strong {display:block;margin-bottom:1.4rem;font-size:3.3rem;font-weight:700;line-height:1;color:#1684dc;}
        .urinary_stat h4 {margin:0 0 .7rem;font-size:1.6rem;font-weight:700;color:#222;}
        .urinary_stat p {margin:0;font-size:1.5rem;font-weight:400;color:#94a1a8;}
        .urinary_so_what { align-items:center;margin-top:9rem;padding:1.6rem 2rem;border:1px solid #bdddf5;border-radius:.7rem;background:linear-gradient(90deg,#eaf6ff 0%,#f1f9ff 48%,#e4f3ff 100%);opacity:0;transform:translateY(2rem);transition:opacity .7s ease .25s,transform .7s cubic-bezier(.22,1,.36,1) .25s; text-align:center; }
        .urinary_so_what.is-show {opacity:1;transform:translateY(0);}
        .urinary_so_what p {margin:0; font-weight:400;line-height:1.55;color:#27333a;}
        .urinary_graph_footer {display:flex;justify-content:space-between;align-items:center;margin-top:3.5rem; }
        .urinary_graph_footer span{font-size:16px;} 
        @media (max-width:1024px){
        .urinary_graph_inner {padding:7rem 3rem 4rem;}
        .urinary_graph_head {margin-bottom:5rem; text-align:center;}
        .urinary_graph_head br{display:none;}
        .urinary_graph_contents {grid-template-columns:1fr;gap:4rem;}
        .urinary_stat_grid {max-width:70rem;width:100%;margin:0 auto;}
        .urinary_so_what{margin-top:3rem;}
        .urinary_graph_footer span{font-size:16px;}
        .urinary_axis_text{font-size:11px;}
        }

        @media (max-width:768px){
        .urinary_graph_inner {padding:5rem 2rem 3rem;}
        .urinary_graph_head {margin-bottom:4rem;}
        .urinary_graph_contents {gap:3rem;}
        .urinary_stat_grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
        .urinary_stat {min-height:11rem;padding:2.2rem 1rem 1.8rem;}
        .urinary_graph_footer {flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2.5rem;}
        .urinary_chart_title {font-size:1.9rem;}
        }

        @media (max-width:480px){
        .urinary_graph_inner {padding:4rem 1.5rem 3rem;}
        .urinary_chart {width:100%;margin:0 auto;}
        .urinary_stat_grid {gap:.8rem;}
        .urinary_stat {min-height:10rem;padding:1.8rem .7rem 1.5rem;}
        .urinary_stat strong {margin-bottom:1rem;}
        .urinary_stat p {line-height:1.45;}
        .urinary_so_what p br{display:none;}
        }

             .holep_graph_wrap {position:relative;width:100%;margin-top:var(--subSectPd1);}
        .holep_graph_wrap .in {position:relative;}
        .holep_graph_card {position:relative;width:100%;padding:4.5rem 4.5rem 3.8rem; margin-top:10rem; border:1px solid #dfe8ef;border-radius:2.5rem;background:#fff;overflow:hidden;opacity:0;transform:translateY(3rem);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);}
        .holep_graph_card.is-show {opacity:1;transform:translateY(0);}
        .holep_graph_top {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
        .holep_graph_top h3 {margin:0;font-size:2rem;font-weight:700;color:#171717;}
        .holep_graph_top span {font-size:1.3rem;font-weight:400;color:#98a4aa;}
        .holep_graph_scroll {position:relative;width:100%; }
        .holep_graph_chart {position:relative;width:100%;min-width:90rem;}
        .holep_graph_svg {display:block;width:100%;height:auto;overflow:visible;}
        .holep_grid_line {stroke:#e2e9ee;stroke-width:1;}
        .holep_axis_text {font-family:inherit;font-size:13px;font-weight:400;fill:#7f8c93;}
        .holep_year_text {font-family:inherit;font-size:15px;font-weight:400;fill:#202529;}
        .holep_year_last {font-weight:700;fill:#308fe3;}
        .holep_bar {fill:url(#holepBarGradient);transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0);transition:transform 1s cubic-bezier(.22,1,.36,1);}
        .holep_bar.is-show {transform:scaleY(1);}
        .holep_value {font-family:inherit;font-size:16px;font-weight:600;fill:#a2adb5;opacity:0;transform:translateY(1rem);transition:opacity .45s ease,transform .45s ease;}
        .holep_value.is-show {opacity:1;transform:translateY(0);}
        .holep_point_box {fill:#073758;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.8);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1);}
        .holep_point_box.is-show {opacity:1;transform:scale(1);}
        .holep_point_triangle {fill:#073758;opacity:0;transition:opacity .4s ease;}
        .holep_point_triangle.is-show {opacity:1;}
        .holep_point_year {font-family:inherit;font-size:11px;font-weight:500;fill:#fff;opacity:0;transition:opacity .4s ease;}
        .holep_point_year.is-show {opacity:1;}
        .holep_point_value {font-family:inherit;font-size:18px;font-weight:700;fill:#fff;opacity:0;transition:opacity .4s ease;}
        .holep_point_value.is-show {opacity:1;}
        .holep_graph_source {margin-top:1.5rem;font-weight:400;color:#333;}
      @media (max-width:768px){
        .holep_graph_card {padding:2.5rem 1.5rem 2.5rem;margin-top:6rem;border-radius:2rem;}
        .holep_graph_top {margin-bottom:1rem;}
        .holep_graph_scroll {width:100%; padding-bottom:0;}
        .holep_graph_chart {width:100%;min-width:0;}
        .holep_graph_svg {width:100%;height:auto;}
        .holep_axis_text {font-size:25px;font-weight:500;}
        .holep_year_text {font-size:27px;font-weight:500;}
        .holep_year_last {font-size:32px;font-weight:700;fill:#308fe3;}
        .holep_value {font-size:28px;font-weight:600;}
        .holep_graph_point {transform-box:fill-box;transform-origin:right center;transform:translate(23px,-19px) scale(1.3);}
        .holep_point_box {rx:45px;ry:45px;}
        .holep_point_box.is-show {transform:scaleY(1.18);}
        .holep_point_year {font-size:16px;font-weight:600;}
        .holep_point_value {font-size:28px;font-weight:800;}
        .holep_point_triangle {transform:none;}
        }

           .bph_graph_wrap {position:relative;background:#fff;margin-top:var(--subSectPd1);}
        .bph_graph_wrap .in {width:min(1400px,calc(100% - 8rem));margin:0 auto;}
        .bph_graph_wrap .sub_tit_wrap {margin-bottom:10rem;text-align:center;}
        .bph_graph_wrap .sub_tit_wrap .tit {margin:0;font-size:4.2rem;font-weight:700;line-height:1.35;letter-spacing:-.06em;color:#222;}
        .bph_graph_wrap .sub_tit_wrap .desc {margin:1.5rem 0 0;font-weight:400;line-height:1.6; color:#777; font-size:var(--subTxt);}

        .bph_graph_card {position:relative;padding:4.5rem 5rem 3.5rem;border:1px solid #e9eef2;border-radius:2.8rem;background:#fff;}
        .bph_graph_top {display:flex;align-items:center;justify-content:space-between;margin-bottom:3.5rem;}
        .bph_graph_top strong {font-size:2.2rem;font-weight:700;letter-spacing:-.04em;color:#252525;}
        .bph_graph_top span {font-size:1.35rem;font-weight:400;color:#aaa;}

        .bph_graph {position:relative;display:flex;height:34rem;padding-left:7rem;}
        .bph_graph_yaxis {position:absolute;left:0;top:0;bottom:4.5rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;width:5.5rem;}
        .bph_graph_yaxis span {font-size:1.25rem;font-weight:500;line-height:1;color:#929aa1;}

        .bph_graph_cont {position:relative;width:100%;height:100%;}
        .bph_graph_grid {position:absolute;left:0;right:0;top:0;bottom:4.5rem;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;}
        .bph_graph_grid span {display:block;width:100%;height:1px;background:#e7ebee;}

        .bph_graph_bars {position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;}
        .bph_graph_item {display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:17%;height:100%;}
        .bph_graph_bar_area {position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:calc(100% - 4.5rem);}
        .bph_graph_item p {display:flex;align-items:flex-end;justify-content:center;height:4.5rem;margin:0;padding-top:1.5rem;font-size:14px;color:#323232;}
        .bph_graph_item.active p {font-weight:700;color:#3E94D3;}

        .bph_graph_bar {position:relative;width:50%;height:0;border-radius:1rem 1rem 0 0;background:linear-gradient(to bottom,#1d93f1 0%,#67bffd 52%,#a2d8ff 100%);transition:height 1.2s cubic-bezier(.22,1,.36,1);}
        .bph_graph_value {position:absolute;left:50%;top:-2.8rem;font-size:15px;font-weight:600;line-height:1;color:#a8b0b6;white-space:nowrap;transform:translateX(-50%);opacity:0;transition:opacity .4s ease;}
        .bph_graph_card.is_show .bph_graph_value {opacity:1;}

        .bph_graph_tooltip {position:absolute;left:50%;bottom:1rem;z-index:5;min-width:13rem;padding:1rem 1.7rem;border-radius:99rem;background:#0a2e4d;text-align:center;transform:translate(-50%,1rem);opacity:0;transition:bottom 1.2s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .35s ease;}
        .bph_graph_tooltip:after {content:"";position:absolute;left:50%;bottom:-.7rem;width:0;height:0;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-top:.8rem solid #0a2e4d;transform:translateX(-50%);}
        .bph_graph_tooltip span {display:block;margin-bottom:.1rem;font-size:1.1rem;font-weight:500;color:#bdbdbd;}
        .bph_graph_tooltip strong {display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.03em;color:#fff;}
        .bph_graph_card.is_show .bph_graph_tooltip {opacity:1;transform:translate(-50%,0);}

        .bph_graph_bottom {margin-top:3rem;}
        .bph_graph_bottom span {font-weight:400;line-height:1.5;color:#929aa1;}

        @media(max-width:1200px){
            .bph_graph_wrap .in {width:calc(100% - 6rem);}
            .bph_graph_wrap .sub_tit_wrap {max-width:90rem;margin-left:auto;margin-right:auto;margin-bottom:4rem;}
            .bph_graph_wrap .sub_tit_wrap .tit {font-size:2.8rem;line-height:1.35;}
            .bph_graph_wrap .sub_tit_wrap .desc {font-size:1.6rem;line-height:1.8;}

            .bph_graph_card {max-width:90rem;margin:0 auto;padding:3.5rem 3rem 3rem;}

            .bph_graph {height:34rem;padding-left:6rem;}
            .bph_graph_yaxis {width:5rem;}
            .bph_graph_yaxis span {font-size:1rem;}

            .bph_graph_item {width:18%;}
            .bph_graph_bar {width:52%;}

            .bph_graph_value {font-size:1.1rem;}
            .bph_graph_item p {font-size:1.3rem;}

            .bph_graph_tooltip {min-width:9rem;padding:.7rem .9rem;}
            .bph_graph_tooltip strong {font-size:1.3rem;}
        }
        @media(max-width:768px){
          .bph_graph_wrap .in {width:calc(100% - 4rem);}
          .bph_graph_wrap .sub_tit_wrap {margin-bottom:3.5rem;}

          .bph_graph_wrap .sub_tit_wrap .tit {
              font-size:2.6rem;
              line-height:1.4;
          }

          .bph_graph_wrap .sub_tit_wrap .desc {
              font-size:1.45rem;
              line-height:1.75;
          }

          .bph_graph_card {
              padding:3rem 1.5rem 2.5rem;
              border-radius:2rem;
          }

          .bph_graph_top {
              display:block;
              margin-bottom:2.5rem;
          }

          .bph_graph_top strong {font-size:1.8rem;}
          .bph_graph_top span {
              display:block;
              margin-top:.8rem;
              font-size:1.15rem;
          }

          .bph_graph {
              height:31rem;
              padding-left:5rem;
          }

          .bph_graph_yaxis {
              bottom:4rem;
              width:4rem;
          }

          .bph_graph_yaxis span {font-size:.9rem;}
          .bph_graph_grid {bottom:4rem;}

          .bph_graph_item {width:21%;}

          .bph_graph_bar_area {
              height:calc(100% - 4rem);
          }

          .bph_graph_bar {
              width:52%;
              border-radius:.7rem .7rem 0 0;
          }

          .bph_graph_item p {
              height:4rem;
              padding-top:1.2rem;
              font-size:1.3rem;
          }

          .bph_graph_value {
              top:-2.2rem;
              font-size:1.05rem;
          }

          .bph_graph_tooltip {
              min-width:8rem;
              padding:.6rem .8rem;
          }

          .bph_graph_tooltip span {font-size:.85rem;}
          .bph_graph_tooltip strong {font-size:1.3rem;}

          .bph_graph_bottom {margin-top:2.5rem;}
          .bph_graph_bottom span {font-size:1.1rem;}
      }