@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'GounBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GounBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
body::-webkit-scrollbar{background:#edf4e0;width:10px;}
body::-webkit-scrollbar-thumb{background:#8fb83d;border-radius:999px;}
*{margin:0;padding:0;}
ul,li{list-style:none;}
a{text-decoration:none;}
a,ul,li,span,div,em,b,p,h1,h2,h3,h4,h5,h6,strong,button,input,select,textarea{font-family: 'Pretendard';color:#545252}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:100%;}
.basic-body{padding:0;}
.basic-body-main.left-main, .basic-body-main.right-main{width:100%;padding:0;}
.basic-body .container.main-con{padding:0;}
.eng{font-family: 'GounBatang';font-weight: 600;}
.header-wrap{display:none;}
.main-wrap{margin-left:0;margin-right:0;}

#modal_hd_pop .modal-header{display:none;}
#modal_hd_pop .modal-body{padding:0;}
#modal_hd_pop .modal-content{background-color:transparent;margin:0;border:0;}
#modal_hd_pop .modal-dialog .hd-pops-content{margin:0;}
#modal_hd_pop .hd-pops-content{width:100%;}
#hd_pop .slick-next{right:-35px !important;}
#hd_pop .slick-prev{left:-35px !important;}
#hd_pop .slick-next,#hd_pop .slick-prev{background:none !important;}
#hd_pop .slick-next:before, #hd_pop .slick-prev:before{color:#fff !important;font-size:24px !important;}
#modal_hd_pop .slick-dots li{display: none;}
#modal_hd_pop .modal-dialog .hd-pops-list > p{display: flex; justify-content:center;}
#modal_hd_pop .modal-footer{padding:0;/* background:#487f4f; */width: 500px;}
#modal_hd_pop .modal-footer button{font-size:16px;background-color:#8fb83d;border-color:#8fb83d;}
#modal_hd_pop #hd_pops_list br{display:none;}
@media(max-width:991px){
#modal_hd_pop .modal-dialog{width:90%; margin: 0 auto !important; top:10px;}
#hd_pop .slick-prev{left: -20px !important;}
#hd_pop .slick-next{right: -21px !important;}
#modal_hd_pop .modal-footer{width:auto;}
#modal_hd_pop .modal-footer button{font-size:13px;}
}

/* 헤더 기본 */
#header {width: 100%;height: 80px;position: fixed;left: 0;top: -100px;z-index: 999;transition: 0.5s ease;padding-top: 30px;font-size: 20px;font-weight: 200;}
#header.load, #header.nav-up {top: 0;}
#header.nav-down {top: -100px;} /* 화면 위로 숨김 */
#header .container{display:flex;justify-content:space-between;align-items:center;position:relative;border-top:1px solid #fff;padding-left:80px;padding-right:80px;}
#header .container.active{border-color:#000;}
#header.down_drop .container{border-top:1px solid #000;}
#header.down_drop .maingnb{border-bottom:1px solid #e9e9e9}
/* 로고 컨테이너 */
#header .logo {z-index: 1;width:200px;padding-top:20px;}
#header .logo .logoImg {position: relative;display: inline-block;width:200px;height:50px;}

/* 두 로고를 완전히 겹치기 */
#header .logo .logoImg img {position: absolute;left: 0;top: 0;/* 너비/높이는 상황에 맞게 */height: 50px;width: auto;transition: opacity 0.5s ease;}

/* 기본으로는 기본 로고만 보이게 */
#header .logo .logoImg .logo-default {
  opacity: 1;
}
#header .logo .logoImg .logo-down {
  opacity: 0;
}
/* down_drop 상태에서 로고 스위칭 */
#header.mainHeader.down_drop .logo .logoImg .logo-default {
  opacity: 0;
}
#header.mainHeader.down_drop .logo .logoImg .logo-down {
  opacity: 1;
}


/* GNB 영역 */
#header.mainHeader .maingnb {
  position: absolute;
  top: -31px;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 20px;
  transition: all 0.8s;
}

#header.mainHeader .maingnb::after {
  content:'';
  position:absolute;
  right:250px;
  top:30px;
  width:1px;
  height:70px;
  background:#fff;
  display:none;
}
#header.mainHeader .maingnb.active::after{background: #000;}
#header.mainHeader .container.active .maingnb::after{background: #000;}
/* 드롭다운 펼쳐졌을 때 */
#header.mainHeader.down_drop .maingnb {
  height: 433px;
  background: #fff url(/images/common/maingnbBg.png) no-repeat top / cover;
}
#header.mainHeader.down_drop .maingnb::before {
  content:'';
  position:absolute;
  left:0;
  top:30px;
  width:100%;
  height:1px;
  background:#000;
}
#header.mainHeader.down_drop .maingnb::after {
  content:'';
  position:absolute;
  right:250px;
  top:30px;
  width:1px;
  height:80px;
  background:#000;
}
#header.mainHeader .maingnb ul {
  display: flex;
  justify-content:space-evenly;
  font-size: 20px;
  font-weight: 500;
  padding-top: 40px;
  width:70%;
  margin-left:auto;
  margin-right:11%;
}

#header.mainHeader .maingnb ul li {
  font-weight: 300;
  line-height: 1;
}

#header.mainHeader .maingnb ul li.active {
  font-weight: 400;
}

/* 기본 링크 색상 (화이트 헤더일 때) */
#header.mainHeader.wh .maingnb > ul > li a {
  color: #fff;
  font-weight:500;
}
#header.mainHeader.wh .maingnb > ul > li a.active{color:#545252;}

#header.mainHeader.wh .maingnb > ul > li:hover a {
  color: #545252;
}

#header.mainHeader.wh.dw .maingnb > ul > li > a{color: #545252; font-weight:600;}
#header.mainHeader.wh.dw .maingnb > ul > li:hover > a{color:#8fb83d;font-weight:600;}

/* 서브 링크 박스 */
#header.mainHeader .maingnb .sublink {
  position: absolute;
  top: 115px;
  display: none;
}

#header.mainHeader .maingnb .sublink.on {
  display: block;
}



#header.mainHeader .maingnb .sublink.on a{
color:#545252;
}


#header.mainHeader .maingnb .sublink a {
  display: block;
  padding-bottom: 24px;
  color:#545252;
}

#header.mainHeader .maingnb .sublink a:hover {
  font-weight: 700;
  text-decoration-line: underline;
}

/* GNB 밑에 동그라미 이미지 */
#header.mainHeader .maingnb .oneimg {
  position: absolute;
  left: 168px;
  bottom: 84px;
  width: 176px;
  display: none;
}

#header.mainHeader.down_drop .maingnb .oneimg {
  display: block;
}

#header .subMenu{z-index:999;}
#header .subMenu .btn_all_menu{position: relative;width:60px;height:50px;border-color:transparent;}
#header .subMenu .btn_all_menu .btnbox{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 60px;height: 30px; 
background: url("../image/main/slide-open.png") no-repeat center center/contain;}
#header .subMenu .btn_all_menu.active .btnbox{background: url("../image/main/slide-open2.png") no-repeat center center/contain;}
#header .container.active .subMenu .btn_all_menu .btnbox{background: url("../image/main/slide-open2.png") no-repeat center center/contain;}
#header.down_drop .subMenu .btn_all_menu .btnbox{background: url("../image/main/slide-open2.png") no-repeat center center/contain;}
/*#header .subMenu .btn_all_menu .btnbox span{width: 100%;height: 1px;background-color: #fff;position: absolute;transition: all 300ms ease;}*/
/*#header .subMenu .btn_all_menu .btnbox span.active{background-color:#545252;}*/
/* hover 때는 모양 그대로 두고, 색만 바꾸고 싶으면 이렇게(선택): */
/*#header .subMenu .btn_all_menu:hover .btnbox span{opacity: 0.4;}*/
/*#header .subMenu .btn_all_menu:hover .btnbox{background: url("../image/main/slide-open2.png") no-repeat center center/contain;}*/
#header .subMenu .btn_all_menu .btnbox span:nth-child(1){top: 20px;left:0; transform: none;}
#header .subMenu .btn_all_menu .btnbox span:nth-child(2){bottom: 20px;top: auto;left:0; transform: none;}

/* 🔴 메뉴가 열린 상태 (active)에서만 X로 변신 */
#header .subMenu .btn_all_menu.active .btnbox span:nth-child(1){transform: rotate(14deg) translateY(-50%);top: 50%;}
#header .subMenu .btn_all_menu.active .btnbox span:nth-child(2){transform: rotate(-14deg) translateY(-50%);top: 50%;bottom: auto;}
#header.mainHeader .subMenu .btn_all_menu.active .btnbox span{background-color: #545252;}


#header .allMenuWrap{
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  overflow: hidden;
}

#header .allMenuWrap > .inner{ display: flex;}
#header .allMenuWrap > .inner > div{
  width: 50%;
  height: 100%;
  position: relative;
}

#header .allMenuWrap .allMenuVisual{ background: #F0F0F0;}
#header .allMenuWrap .allMenuVisual::before,
#header .allMenuWrap .allMenuVisual::after{
  content: '';
  background: #fff;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
}
#header .allMenuWrap .allMenuVisual::after{
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
}
#header .allMenuWrap .allMenuVisual .imgWrap{
  width: 754px;
  height: 754px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#header .allMenuWrap .allMenuVisual .imgWrap::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  position: absolute;
  left: 0;
  bottom: calc(-50% - 2px);
  right: 0;
  border-radius: 50%;
  z-index: 1;
}
#header .allMenuWrap .allMenuVisual .imgWrap img{
  opacity: 0;
  transition: .3s ease;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}
#header .allMenuWrap .allMenuVisual .imgWrap img.on{ opacity: 1;}
#header .allMenuWrap .allMenuVisual .txt{
  font-size: 20px;
  text-align: right;
  position: absolute;
  right: 60px;
  bottom: 50px;
}


#header .allMenuWrap .allMenuList{ padding:120px 0 80px 37px;}
#header .allMenuWrap .allMenuList .inner{}
#header .allMenuWrap .allMenuList .allMenu{
  font-weight: 350;
  padding-top: 90px;
}
#header .allMenuWrap .allMenuList .allMenu > li + li{ margin-top: 35px;}
#header .allMenuWrap .allMenuList .allMenu > li:hover > span{color: #0B1EA8;}

#header .allMenuWrap .allMenuList .allMenu > li > span{
  display: inline-block;
  font-size: 35px;
  line-height: 1;
  transition-duration: 0s;
}
#header .allMenuWrap .allMenuList .allMenu ul{
  font-size: 20px;
  color: #8d8d8d;
  margin-top: 0;
  line-height: 2;
  max-height: 0;
  overflow: hidden;
  transition: .3s ease;
}
#header .allMenuWrap .allMenuList .allMenu ul li{ display: inline-block;}
#header .allMenuWrap .allMenuList .allMenu ul li:not(:last-child){
  padding-right: 21px;
  margin-right: 20px;
  position: relative;
}
#header .allMenuWrap .allMenuList .allMenu ul li:not(:last-child)::after{
  content: '';
  width: 1px;
  height: 10px;
  background: #8d8d8d;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#header .allMenuWrap .allMenuList .allMenu > li:hover > .dep2{
  max-height: 100px;
  margin-top: 22px;
}
#header .allMenuWrap .allMenuList .allMenu .dep2 a:hover{text-decoration: underline;}

#header .allMenuWrap .allMenuList .allMenu .ul{ display: none;}

#header .allMenuWrap .allMenuList .sns{
  display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
}
#header .allMenuWrap .allMenuList .sns li{
  margin-right: 25px;
  opacity: .5;
  transition: .3s ease;
}
#header .allMenuWrap .allMenuList .sns li:hover{ opacity: 1;}

#header .allMenuWrap .allMenuList .contactBtn{
  position: absolute;
  right: 70px;
  bottom: 27px;
}
#header .allMenuWrap .allMenuList .contactBtn .arrow{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 45%;
  height: 45%;
  background: #0B1EA8;
  border-radius: 50%;
  transition: .5s ease;
}
#header .allMenuWrap .allMenuList .contactBtn .arrow img{
  filter: invert(1);
  width: 27px;
}
#header .allMenuWrap .allMenuList .contactBtn:hover .arrow{
  width: 55%;
  height: 55%;
}


#header.mainHeader .allMenuWrap > .inner > div{
  width: 100%;
  overflow: auto;
  overflow-y: scroll;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu > li + li{ margin-top: 0; }

#header.mainHeader .allMenuWrap .allMenuList{ position: relative; }
/* header.mainHeader .allMenuWrap .allMenuList::after{position: absolute; content: ''; width: 100%; height: 1px; background: #0B1EA8; left: 0; bottom: 20px;} */
#header.mainHeader .allMenuWrap .oneimg{
  position: absolute;
  width: 145px;
  left: 168px;
  bottom: 92px;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2{
  display: flex;
  padding-top: 50px;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li{
  width: calc(100% / 7);
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li > div{text-align: center;}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .tits{
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 34px;
}
@media (hover: hover) and (pointer: fine){

#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .tits:hover a{
  color: #8fb83d;
  text-decoration-line: none;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li a:hover{
  text-decoration-line: underline; color:#545252; font-weight: 600;
}

}

#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li a{
  font-weight: 500;
  color:#545252
}

#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .sbtits{
  font-size: 23px;
  margin-bottom: 34px;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .sbtits:hover{
  text-decoration-line: underline;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .sbtxtBox{
  margin-bottom: 34px;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .sbtxtBox .txtTit{
  font-size: 23px;
  margin-bottom: 8px;
  font-weight: 400;
}
#header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .sbtxtBox a:not(.txtTit){
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 8px;
}


/* ------------------------- mindrest01 / 안내렌즈 삽입술 ----------------- */
.mindrest01 .txt1{font-size: 35rem; font-weight: 500;}
.mindrest01 .txt2{font-size: 18rem; font-weight: 200;}
.mindrest01 .txt3{font-size: 30rem; margin-bottom: 42rem; line-height: 1.47;}
.mindrest01 .txt3 + .txt2{line-height: 1.6;}
.mindrest01 .txt4{font-size: 20rem; font-weight: 600;}
.mindrest01 .txt5{font-size: 22rem; font-weight: 700;}
.mindrest01 .txt6{font-size: 28rem; font-weight: 700;}
.mindrest01 .txt2.title{font-weight: 300;}
.mindrest01 .sub-title{font-weight: 300;}

.mindrest01 .txt{opacity: 0.7;}

.mindrest01>*:not(.nav-quickmenu){position: relative; padding: 150rem 0;}
.mindrest01 .imgwrap img{width: 100%; height: 100%; object-fit: cover;}
/* .mindrest01 .sub-nav{padding-top: 153rem; margin-bottom: 20rem;} */

.clippath-area .textbox {position: absolute; z-index: 5; left: 3%; top: 67%; /*transform: translate(-50%,-50%);*/  transition: all 200ms ease;}
.clippath-area .textbox .txt1{margin-bottom:30px; font-size:57px; line-height: 1.6;color:#fff;font-weight:700;}
.clippath-area .textbox .txt2{font-weight:500;font-size:25px;width:55%;/*margin:0 auto;*/line-height: 1.6;color:#fff;}
.clippath-area .textbox1{ opacity: 1;}
.clippath-area .textbox2{ opacity: 0; z-index: 100;}
.clippath-area .textbox2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.clippath-area .textbox2 p{font-size:48px; font-weight:700; margin-bottom: 30px;line-height: 1.6;color:#fff;}
.clippath-area .textbox2 span{font-size:22px;display:block;width:70%;margin:0 auto; font-weight: 500;line-height: 1.6;color:#fff;}


.clippath-area{overflow: hidden;}
.evo-clip{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(6); z-index: 99; width: 100%; height: 100%; transition: all 400ms ease;}
.evo-clip2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 99; width: 100%; height: 100%; opacity: 0; transition: all 400ms ease; background-color: #404040;}
.evo-clip img,
.evo-clip2 img{width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.mindrest01 .mindrest01-top{position: relative; width: 100%; height: 100vh; color: #fff; background-size: cover; background-position: center; background-repeat: no-repeat;}
.mindrest01 .mindrest01-top .bottom-text{width: 100%; position: absolute; bottom: 61rem; left: 0; z-index: 2; font-weight: 200; font-size: 20rem;}
.mindrest01 .mindrest01-top .bottom-text ul{display:flex; justify-content: center;}
.mindrest01 .mindrest01-top .bottom-text ul li a{opacity: 0.5; transition: all 300ms ease;}
.mindrest01 .mindrest01-top .bottom-text ul li:not(:last-child){margin-right: 40rem; position: relative;}
.mindrest01 .mindrest01-top .bottom-text ul li:not(:last-child)::after{content: ''; position: absolute; top: 9rem; right: -20rem; width:1px; height: 14rem; background-color: #fff;}
.mindrest01 .mindrest01-top .bottom-text ul li.on a,
.mindrest01 .mindrest01-top .bottom-text ul li:hover a{opacity: 1;}
.mindrest01 .mindrest01-top .backimg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.mindrest01 .mindrest01-top::before{content:""; position: absolute; top:0; left:0; width:100%; height:100%; background: #000; opacity:.3; z-index:1;}
.mindrest01 .mindrest01-top .backimg img{width: 100%; height: 100%; object-fit: cover; }

.mindrest01 .con2{background-color: #1A1A1A; color: #fff; text-align: center; padding: 100rem 0 0; height: 478rem; background-image: url('/images/contents/mindrest-mini01-con2-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center;}
.mindrest01 .con2 .txt3{margin-bottom: 70rem;}
.mindrest01 .con2 ul{display: grid; margin: 0 auto;}
.mindrest01 .con2 ul li img{width: 92rem; margin: 0 auto 22rem;}

.mindrest01 .con3{height: 1080rem; background-color: #F0F0F0; padding: 0 !important;}
.mindrest01 .con3 > .textbox{padding-left: 170rem; position: absolute; margin-top: 190rem; z-index:10;}
.mindrest01 .con3 > .textbox .txt3{font-weight: 500;}
.mindrest01 .con3 .l-box{width: 100%; height: 100%;}
.mindrest01 .con3 .l-box .imgwrap{width: 50%; height: 100%; margin: 0 0 0 auto; position: relative;}
.mindrest01 .con3 .l-box .textbox{position: absolute; color: #fff; left: 70rem; bottom: 0; line-height: 1.65;}
.mindrest01 .con3 .l-box .textbox .txt4{margin-bottom: 12rem; font-weight: 400;}
.mindrest01 .con3 .l-box .textbox .txt4 ~ p,
.mindrest01 .con3 .l-box .textbox .txt4 ~ span{font-weight: 200;}
.mindrest01 .con3 .s-box{width: 430rem; height: 205rem; position: absolute; bottom: 76rem; transform: translateX(-50%); left: calc(50% - 240rem); }
.mindrest01 .con3 .s-box img{position: absolute; bottom: 0; right: 70rem; object-fit: contain;}
.mindrest01 .con3 .s-box .swiper-slide:nth-child(1) img{width: 227rem;}
.mindrest01 .con3 .s-box .swiper-slide:nth-child(2) img{right: 0; width: 427.5rem;}
.mindrest01 .con3 .s-box .swiper-slide:nth-child(3) img{width: 205.3rem;}
.mindrest01 .con3 .pagination{position: static; margin-top:120rem; }
.mindrest01 .con3 .pagination span{width: 6rem; height: 6rem; background: #1a1a1a; opacity: 0.1; border-radius: 50%; margin: 0 16rem 0 0; transition: all 200ms ease;}
.mindrest01 .con3 .pagination span.swiper-pagination-bullet-active{opacity: 1; position: relative; margin-right: 30rem; }
.mindrest01 .con3 .pagination span.swiper-pagination-bullet-active::after{content: ''; position: absolute; width: 30rem; height: 30rem; border-radius: 50%; border:1px solid #1a1a1a; top: -13rem; left: -13rem; opacity: 0.5;}
.mindrest01 .con3 .pagination span:not(:nth-child(1)).swiper-pagination-bullet-active{margin: 0 30rem 0 14rem;}

/* ---------- 모바일에서만 con1 보임 ----------------- */
/* ---------- 모바일에서만 con1 보임 ----------------- */

.mindrest01 .con1{background-color: #404040; color: #fff; height: 100vh;}
.mindrest01 .con1 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 40rem);}
.mindrest01 .con1 .textbox{z-index: 100; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);text-align: center;  width: calc(100% - 40rem);}
.mindrest01 .con1 .textbox p{font-size: 15rem; margin-bottom: 14rem;}
.mindrest01 .con1 .textbox span{font-size: 14rem; display: block;}


  /* .mindrest01 .mindrest01-top{max-height: 640rem;} */
.mindrest01 .mindrest01-top .bottom-text{bottom: 94rem; font-size: 15rem;}
.mindrest01 .mindrest01-top .bottom-text ul{width: 100%;}
.mindrest01 .mindrest01-top .bottom-text ul li a{white-space: nowrap;}
.mindrest01 .mindrest01-top .bottom-text ul li:not(:last-child)::after{top: 4rem;}

.mindrest01 .txt2{font-size: 16rem;}
.mindrest01 .txt3{font-size: 18rem; letter-spacing: -0.15rem;}
.mindrest01 .txt4{font-size: 18rem;}
.mindrest01 .txt3 + .txt2{font-size: 14rem;}
.mindrest01 .txt3 + .txt2 br{display: none;}


/* .mindrest01 .con1 .clipmask{width: calc(100% - 40rem);} */

.mindrest01 .con2{padding: 90rem 0 90rem 0; height: auto; background-image: url('/images/contents/mindrest-mini01-con2-bg-m.png');}
.mindrest01.mindrest-mini01 .con2 ul{grid-template-columns: repeat(2,1fr); row-gap: 47rem;}
.mindrest01 .con2 .txt2{letter-spacing: -0.35rem;}
/* .mindrest01 .con2 .txt2 br{display: none;} */
.mindrest01 .con2 .txt3{margin-bottom: 60rem; font-size: 25rem;}
.mindrest01 .con2 ul li img{margin: 0 auto 18rem;}

.mindrest01 .con3{padding: 0; height: auto;}
.mindrest01 .con3 > .textbox{margin: auto; padding: 0 20rem; top: 52rem; height:438rem;}
.mindrest01 .con3 .l-box{}
.mindrest01 .con3 .l-box .swiper-wrapper{padding-top: 490rem;}
.mindrest01 .con3 .l-box .swiper-wrapper .swiper-slide{height: 490rem;}
.mindrest01 .con3 .l-box .imgwrap{width: 100%;}
.mindrest01 .con3 .pagination{position:absolute; top: auto; bottom:50rem; left: 20rem; height: 30rem; margin-top:0;}
.mindrest01 .con3 .pagination span.swiper-pagination-bullet-active::after{width: 20rem; height: 20rem; top: -7rem; left: -8rem;}
.mindrest01 .con3 .pagination span.swiper-pagination-bullet-active{margin-right: 15rem;}
.mindrest01 .con3 .pagination span:not(:nth-child(1)).swiper-pagination-bullet-active{margin: 0 15rem 0 0;}
.mindrest01 .con3 .s-box{width: 230rem; height: 80rem; top: 355rem; bottom: auto; left: auto; right: 20rem; transform: none;}
.mindrest01 .con3 .s-box img{right: 0;}
.mindrest01 .con3 .s-box .swiper-slide:nth-child(1) img{width: 126rem;}
.mindrest01 .con3 .s-box .swiper-slide:nth-child(2) img{right: -45rem; width: 232rem;}
.mindrest01 .con3 .s-box .swiper-slide:nth-child(3) img{width: 107.3rem;}
.mindrest01.mindrest-mini01 .con3 .l-box .textbox{height: auto; bottom: 45rem;}
.mindrest01 .con3 .l-box .textbox .txt4 ~ p{font-size: 14rem; line-height: 1.45; margin-bottom: 0;}
.mindrest01 .con3 .l-box .textbox .txt4 ~ p br{display: none;}
.mindrest01 .con3 .l-box .textbox .txt4 ~ span{font-size: 13rem; margin-top: 16rem;}
.mindrest01 .con3 .l-box .textbox{width: 100%; padding: 0 20rem; left: 0;}


/* 섹션 전체 높이 */
.mindrest02 .biz-img-area .mindrest02-bg{width:100%; height:100%; object-fit:cover; position: absolute; top:0; left:0; opacity:.6; display: none;}
.mindrest02 .biz-img-area.fix-left .mindrest02-bg{display: none;}
.mindrest02 {
  position: relative;
  /*height: 850lvh;*/ /* 필요하면 850vh로 바꿔도 됨 */
  height:100vh;
   z-index: 10;
}

/* 이미지 영역 래퍼 */
.mindrest02 .biz-img-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100lvh;
}
/* 이미지들을 감싸는 래퍼 */
.mindrest02 .biz-img-area .img-wrap {
  position: relative;
  top: 0;              /* 그냥 0으로 고정 */
  opacity: 0;
  width: 100%;
  height: 100%;
  transition:
  opacity 0.8s cubic-bezier(.215,.61,.355,1),
  transform 0.8s cubic-bezier(.215,.61,.355,1);
}

/* show-up 상태일 때 img-wrap */
.mindrest02 .biz-img-area.show-up .img-wrap {
  top: 0;
  opacity: 1;
}

/* 공통 img-list 스타일 */
.mindrest02 .biz-img-area .img-wrap .img-list {
  position: absolute;
  left: 40%;
  top:-61px;
  width: 40%;
  height: auto;
  margin-left: -10%;
  transform: translateY(0) scale(.5);
  -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
  clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
  transition:
    opacity 1s cubic-bezier(.215,.61,.355,1),
    margin-left 1s cubic-bezier(.215,.61,.355,1),
    width 1s cubic-bezier(.215,.61,.355,1),
    height 1s cubic-bezier(.215,.61,.355,1),
    transform 1s cubic-bezier(.215,.61,.355,1),
    top 1s cubic-bezier(.215,.61,.355,1),
    left 1s cubic-bezier(.215,.61,.355,1),
    clip-path .7s cubic-bezier(.215,.61,.355,1),
    -webkit-clip-path .7s cubic-bezier(.215,.61,.355,1);
  overflow: visible;
}

/* show-up 상태일 때 clip-path 열기 */
.mindrest02:has(.biz-img-area.show-up) .img-wrap .img-list {
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
  clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}

/* 각 리스트 안 이미지 박스 공통 */
.mindrest02 .biz-img-area .img-wrap .img-list .inner-list {
  position: relative;
  top: 80rem;
  height: auto;
  transition: top .5s cubic-bezier(.215,.61,.355,1);
}


/* show-up 상태일 때 inner-list 위로 */
.mindrest02:has(.biz-img-area.show-up) .img-wrap .img-list .inner-list {
  top: 0;
}

/* 이미지 태그 */
.mindrest02 .biz-img-area .img-wrap .img-list .inner-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mindrest02 .biz-img-area.scatter-more .img-wrap .img-list .inner-list .text{opacity:1;}
.mindrest02 .biz-img-area .img-wrap .img-list .inner-list .text {
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  width: 100%;*/
/*  padding: 20px 24px;*/
/*  box-sizing: border-box;*/
/*  opacity:0;*/
  transition:.7s;
/*  color: #fff;*/
/*  z-index: 10;*/
/*  background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);*/
padding: 30px 18px;
/*  background: rgba(0,0,0,0.6);*/
  color: #000;
  opacity:0;
}

.mindrest02 .biz-img-area .img-wrap .img-list .inner-list .text h2 {
  margin: 0;
  font-size: 75px;
  font-weight: 700;
  text-align: center;
}

.mindrest02 .biz-img-area .img-wrap .img-list .inner-list .text h2 span {
  font-size: 50px;
  font-weight: 500;
  opacity: .9;
}
/* logistics 메인 스택 이미지 */
.mindrest02 .biz-img-area .img-wrap .img-list.logistics {
  z-index: 2;
  top: -61px;
  width: 40%;
/*  height: 100lvh;*/
  margin-left: -10%;
  transform: translateY(0) scale(.5);
  transform-origin: center;
  overflow: hidden;
}
.mindrest02 .biz-img-area.fix-left .img-wrap .img-list.logistics{top:0;}

/* logistics 안에서 각 썸네일 기본 상태 */
.mindrest02 .biz-img-area .img-wrap .img-list.logistics .inner-list {
  opacity: 0;
  transform: scale(1.2);
  transition:
    transform 1s cubic-bezier(.215,.61,.355,1),
    opacity 1s cubic-bezier(.215,.61,.355,1);
}

/* logistics 두 번째 이후 슬라이드는 겹쳐놓기 */
.mindrest02 .biz-img-area .img-wrap .img-list.logistics .inner-list:nth-child(n+2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* 첫 번째 슬라이드 z-index */
.mindrest02 .biz-img-area .img-wrap .img-list.logistics .inner-list:first-child {
  z-index: 5;
}

/* 현재 활성화된 이미지 */
.mindrest02 .biz-img-area .img-wrap .img-list.logistics .inner-list.img-active {
  transform: scale(1);
  opacity: 1;
  z-index: 5;
}

/* shipping, innovation 기본 z-index */
.mindrest02 .biz-img-area .img-wrap .img-list.innovation,
.mindrest02 .biz-img-area .img-wrap .img-list.shipping {
  z-index: 1;
}

/* 이미지들 흩어지는 상태 (scatter) */
.mindrest02 .biz-img-area.scatter .img-wrap .img-list.distribution {
  left: 0;
}

.mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.shipping {
  left: 20%;
}

.mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.innovation {
  left: 60%;
}

.mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.futrue-business {
  left: 80%;
}

/* 더 멀리 흩어지는 상태 (scatter-more) */
.mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.distribution {
  left: -3rem;
}

.mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.shipping {
  left: calc(39% - 24rem);
}

.mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.innovation {
  left: calc(41% + 24rem);
}

.mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.futrue-business {
  left: calc(40.5% + 48rem);
}

/* ---------- 텍스트 영역 ---------- */
.mindrest02 .biz-txt-area {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100vh;
  padding: 150px 170px 80px 0;
  box-sizing: border-box;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transform: translateY(40px);
  transition:
    opacity .6s cubic-bezier(.215,.61,.355,1),
    transform .6s cubic-bezier(.215,.61,.355,1);
}

/* 이미지가 fix-left 되고 나서 JS에서 biz-txt-pin-start를 붙여줌 */
.mindrest02 .biz-txt-area.biz-txt-pin-start {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* 섹션 타이틀 대충만 */
.mindrest02 .biz-txt-area .section-tit {
  font-size: 30px;
  font-weight: 700;
}

/* 아코디언 리스트 기본 */
.mindrest02 .biz-txt-area .accordion-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-top: 40px;
  list-style: none;
  padding: 0;
}

.mindrest02 .biz-txt-area .accordion-wrap .btn-arrow{
  font-size: 16px;
  margin-top: 20px;
  display: inline-block;
  font-weight: 400;
  color: #000;
/*  background-image: linear-gradient(to right, #7aa52f, #8fb83d, #a8d44e, #c6e672);*/
  /*box-shadow: 0 4px 14px 0 rgba(143, 184, 61, 0.75);*/transition: 0.7s;
  padding: 0 16px;height:42px; line-height: 42px ;border-radius:8px;background-size: 300% 100%; text-align: center; border: 1px solid #000;
}
.mindrest02 .biz-txt-area .accordion-wrap .btn-arrow:hover{background-image: linear-gradient(to left, #7aa52f, #c6e672, #a8d44e, #8fb83d); background-position: 100% 0;
border: 1px solid transparent; color:#fff;}

/* 각 항목은 처음엔 오른쪽에서 살짝 들어오게 */
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list {
  position: relative;
  left: 100px;
  opacity: 0;
  margin-bottom: 30px;
  transition:
    opacity .7s cubic-bezier(.215,.61,.355,1),
    left .7s cubic-bezier(.215,.61,.355,1);
}

/* 아코디언 헤더 버튼 */
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .click-area {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* 기본 글자색 */
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .biz-name {
  font-size: 76px;
  font-weight: 700;
  color: #d7d7d7;
  margin: 0;
  transition: color .7s cubic-bezier(.215,.61,.355,1);
}
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .biz-name span{font-size: 36px;}
/* active 된 항목의 타이틀 색상 */
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list.active .biz-name {
  color: #000000;
}
.mindrest02 .biz-txt-area .list.active h4{color:#545252;}
.mindrest02 .biz-txt-area .list.active h5{color:#565656;display: block;}
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list.active .biz-name span{}

/* 내용 영역 접기/펼치기 */
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .expand-area {
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s ease;
}

.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .expand-area .content {
  padding-top: 15px;
/*  padding-bottom: 30px;*/
}

/* active 이면 내용 펼쳐짐 */
.mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list.active .expand-area {
  max-height: 300px;
}

/* 설명 텍스트 */
.mindrest02 .biz-txt-area .biz-info-txt {
  font-size: 16px;
  line-height: 1.6;
  color: #2f2f36;
}
.mindrest02 .biz-txt-area .list h4{font-size: 28px; color:#d7d7d7;transition: color .7s cubic-bezier(.215,.61,.355,1); font-weight: 600;}
.mindrest02 .biz-txt-area .list h5{font-size: 28px; color:#d7d7d7;transition:.7s; display: none;}
.mindrest02 .biz-txt-area .biz-info-txt p{font-size: 18px; margin-top: 15px;}
.mindrest02 .biz-txt-area .biz-info-txt ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.mindrest02 .biz-txt-area .biz-info-txt ul li{margin-bottom: 5px;position: relative; padding-left:12px;font-size: 18px; width: 48%;}
.mindrest02 .biz-txt-area .biz-info-txt ul li::before{content: ""; position: absolute; left:0; top:50%;
transform: translateY(-50%); width:4px; height:4px; border-radius: 100%; background: #2f2f36;}

/* biz-txt-pin-start 가 붙으면 전체 텍스트 영역/리스트 등장 */
.mindrest02:has(.biz-txt-area.biz-txt-pin-start) .biz-txt-area {
  opacity: 1;
}

.mindrest02:has(.biz-txt-area.biz-txt-pin-start) .biz-txt-area .accordion-wrap.mindrest02 .list {
  left: 0;
  opacity: 1;
}
.mindrest02:has(.biz-txt-area.biz-txt-pin-start) .biz-txt-area .accordion-wrap.mindrest02 .list:last-child{margin-bottom: 0;}

/* 이미지 + 텍스트 2단 레이아웃이 되는 구간 */
.mindrest02 .biz-img-area.fix-left {
  justify-content: flex-start;   /* 가운데 → 왼쪽 정렬 */
}

/* fix-left 상태에서 이미지 박스 크기/위치 조정 */
.mindrest02 .biz-img-area.fix-left .img-wrap .img-list {
  left: 0;
  margin-left: 0;
  width: 40vw;
  height: 100vh;
  transform: scale(1);
}

.mindrest02:has(.biz-img-area.fix-left) .biz-img-area .img-wrap .img-list.shipping,
.mindrest02:has(.biz-img-area.fix-left) .biz-img-area .img-wrap .img-list.distribution,
.mindrest02:has(.biz-img-area.fix-left) .biz-img-area .img-wrap .img-list.futrue-business,
.mindrest02:has(.biz-img-area.fix-left) .biz-img-area .img-wrap .img-list.innovation {
  opacity: 0;
  pointer-events: none;
}


/* link */
.link-section {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: 0.3s all linear;
}
/* 스크롤 시 위에 붙어있도록 */
/* .link-section .link-pinned {
  position: sticky;
  top: 0;
  padding-bottom:200px;
} */
.link-section .link-pinned{
position:fixed;top:0;right:0;left:0;
}
/* 모바일에서는 그냥 일반 스크롤 되게 */
@media (max-width: 1023px) {
  .link-section .link-pinned {
    position: static;
  }
}
.link-section ul {
  display: flex;
  height: 100vh;
}
.link-section ul li {
  position: relative;
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.link-section ul li .default {
  display: flex;
  height: 100%;
  padding: 20px;
  background-position: center;
  background-size: cover;
}
.link-section ul li .default {
  position: relative;
}
.link-section ul li .default::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-size: cover;
}
.link-section ul li .default {
  position: relative;
}
.link-section ul li .default::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
}
.link-section ul li .default span {
  font-size: 35px;
  color: #ffffff;
  z-index: 2;
  opacity: 0;
}
.link-section ul li .default:before {
  transition: 0.5s all linear;
}
.link-section ul li .default:after {
  transition: 0.5s 0.3s all ease-in-out;
}
.link-section ul li .default span {
  transition: 0.3s 0.5s opacity;
}
.link-section ul li .hover {
  position: absolute;
  left: 0;
  transition: 0.4s transform ease-in-out;
  width: 100%;
  height: 100%;
  padding: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  transform: translateY(0);
  z-index: 3;
}
.link-section ul li .hover > span {
  position: absolute;
  font-size: 50px;
  color: #ffffff;
  white-space: nowrap;
  top: 55px;
  right: 0;
  transform-origin: top right;
  transform: rotate(90deg) translateX(calc(100% + 80px));
}
.link-section ul li .hover-text {
  display: flex;
  flex-direction: column; position: relative; z-index:4;
}
.link-section ul li .hover-text > strong {
  font-size: 27px; letter-spacing:-0.9px;
  color: #ffffff;
}
.link-section ul li .hover-text p {margin-top: 16px;color: #ffffff; font-size: 17px;letter-spacing: -0.3px;}
.link-section ul li .hover-text p:nth-of-type(2){margin-top: 0;}
.link-section ul li .hover-text a {margin-top: 32px;align-self: flex-start;}
.link-section ul li .hover-text a::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2040_1417)'%3E%3Cpath d='M10.1094 13.2217H8.55371L3.10938 7L8.55371 0.777344H10.1094L4.27637 7L10.1094 13.2217Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2040_1417'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.link-section ul li .hover-text a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2040_1417)'%3E%3Cpath d='M10.1094 13.2217H8.55371L3.10938 7L8.55371 0.777344H10.1094L4.27637 7L10.1094 13.2217Z' fill='%23101010'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2040_1417'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.link-section ul li .hover-text a:after {
  margin-left: 0;
  transform: rotate(180deg);
}
.link-section ul li.history .default {
  justify-content: center;
  align-items: flex-end;
}
.link-section ul li.history .default:before {
  background: linear-gradient(180deg, #4f8b8b 0%, #244545 100%);
}
.link-section ul li.history .default:after {
  background-image: url("../image/main/link-img01.jpg");
  filter: grayscale(100%) brightness(0.55);
}
.link-section ul li.history .link-img05:after {
  background-image: url("../image/main/link-img05.jpg");
  filter: grayscale(100%) brightness(0.55);
}
.link-section ul li.history .hover {
  background: linear-gradient(180deg, #4f8b8b 0%, #244545 100%);
}
.link-section ul li.history .hover span {
  color: #4f8b8b;
}    
.link-section ul li.brand .default:before {
  background: linear-gradient(180deg, #808285 0%, #1E1E1F 100%);
}
.link-section ul li.brand .default{justify-content: center;
    align-items: end;}
.link-section ul li.brand .default:after {
  background-image: url("../image/main/link-img02.jpg");
}
.link-section ul li.brand .hover {
  background: linear-gradient(180deg, #808285 0%, #1E1E1F 100%);
}
.link-section ul li.brand .hover span {
  color: #888888;
}
.link-section ul li.tech .default {
  justify-content: center;
  align-items: end;
}
.link-section ul li.tech .default:before {
  background: linear-gradient(180deg, #a3b482 0%, #6e7a54 100%);
}
.link-section ul li.tech .default:after {
  background-image: url("../image/main/link-img03.jpg");
  filter: grayscale(100%) brightness(0.55);
}
.link-section ul li.brand .link-img04:after {
  background-image: url("../image/main/link-img04.jpg");
  filter: grayscale(100%) brightness(0.55);
}
.link-section ul li.tech .default span {
/*  transform: rotate(90deg) translateY(calc(-100% - 80px));*/
}
.link-section ul li.tech .hover {
   background: linear-gradient(180deg, #a3b482 0%, #6e7a54 100%);
}
.link-section ul li.tech .hover span {
  color: #a3b482;
}
.link-section ul li:nth-child(2n+1) .default:after, .link-section ul li:nth-child(2n+1) .default:before {
  transform: translateY(-100%);
}
.link-section ul li:nth-child(2n+1) .hover {
  top: 100%;
}
.link-section ul li:nth-child(2n) .default:after, .link-section ul li:nth-child(2n) .default:before {
  transform: translateY(100%);
}
.link-section ul li:nth-child(2n) .hover {
  bottom: 100%;
}
.link-section.hoverable ul li:nth-child(2n+1):hover .hover {
  transform: translateY(-100%);
}
.link-section.hoverable ul li:nth-child(2n):hover .hover {
  transform: translateY(100%);
}
.link-section.on {
  opacity: 1;
}
.link-section.on ul li .default:before {
  transform: translateY(0);
  transition: 0.5s all linear;
}
.link-section.on ul li .default:after {
  transform: translateY(0);
  transition: 0.5s 0.3s all ease-in-out;
}
.link-section.on ul li .default span {
  opacity: 1;
  transition: 0.3s 0.5s opacity; white-space: nowrap;
}
.btn-color-sW {
    border: 1px solid #d2d2d2;
    color: #ffffff;
}
.btn-size-l {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all;
    height: 48px;
    gap: 8px;
    padding: 0 16px;
    font-size: 16px;
    border-radius: 8px;
}
.btn-color-sW:hover {
  background-color: #ffffff;
  color: #101010;
}

.back-to-top {background-color: #8fb83d;text-decoration: none;cursor: pointer;width:40px;height:40px;z-index: 999;position: fixed;right:25px;bottom:20px;display:none;
align-items: center;justify-content: center;border: 0;border-radius: 100%;box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.4);}
.back-to-top:hover {background-color:#6b8b2a;}
.back-to-top.active {display: flex;}
.back-to-top svg.icon__arrow-up {fill: white;width:25px;height:25px;}
.eb-backtotop svg path{fill:#fff !important;}
@media screen and (max-width: 500px){
    br.none{ display: none; }
}
.eb-backtotop:after{display:none;}

.fab {
	 position: fixed;
	 display: flex !important;
	 align-items: center;
	 justify-content: center;
	 transform-origin: center;
	 transition: 0.25s;
	 z-index:10;
	 width:auto !important;
	 z-index:999;
}
.fab.active .fabTrigger {
	 transform: scale(1);
}
 .fab.active .fabTrigger .icon {
	 background: transparent;
	 transition: background 0.3s ease;
}
 .fab.active .fabTrigger .icon, .fab.active .fabTrigger .icon:before, .fab.active .fabTrigger .icon:after {
	 height: 3px;
}
 .fab.active .fabTrigger .icon:before, .fab.active .fabTrigger .icon:after {
	 width: 20px;
	 transform-origin: 50% 50%;
	 transition: all 100ms ease, width 100ms 100ms ease, transform 300ms 200ms cubic-bezier(0.28, 0.55, 0.385, 1.65);
}
 .fab.active .fabTrigger .icon:before {
	 left: 50%;
	 transform: translateX(-50%) rotate(45deg);
}
 .fab.active .fabTrigger .icon:after {
	 right: 50%;
	 transform: translateX(50%) rotate(-45deg);
}
 .fab.active .fabNav a {
	 opacity: 1;
	 visibility: visible;
	 transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}
 .fab .fabTrigger {
	 position: relative;
	 z-index: 1;
	 width: 60px;
	 height: 60px;
	 color: #fff;
	 cursor: pointer;
	 outline: none;
	 border: 0;
	 border-radius: 100px;
	 background: #fff;
	 transform: scale(0.8);
	 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(108, 46, 185, 0.2);
	 transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}
 .fab .fabTrigger .icon {
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 transition: background 0.3s ease;
}
 .fab .fabTrigger .icon, .fab .fabTrigger .icon:before, .fab .fabTrigger .icon:after {
	 position: absolute;
	 display: block;
	 background: #000;
	 width: 6px;
	 height: 6px;
	 border-radius: 10px;
}
 .fab .fabTrigger .icon:before, .fab .fabTrigger .icon:after {
	 content: '';
	 transition: all 100ms ease, right 100ms 100ms ease, left 100ms 100ms ease;
}
 .fab .fabTrigger .icon:before {
	 left: -11px;
	 transform: translateX(-50%);
}
 .fab .fabTrigger .icon:after {
	 right: -11px;
	 transform: translateX(50%);
}
 .fab .fabNav {
	 display: flex;
	 align-items: center;
}
 .fab .fabNav a {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin: 0 12px;
	 width: 40px;
	 height: 40px;
	 font-family: 'Noto Sans', sans-serif;
	 outline: none;
	 border: 0;
	 text-decoration: none;
	 border-radius: 100px;
	 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 0 rgba(108, 46, 185, 0.2);
	 opacity: 0.0001;
	 visibility: hidden;
	 will-change: transform;
	 transition: 0.35s cubic-bezier(0.4, 2.08, 0.55, 1);
}
 .fab .fabNav a:before {
	 content: "";
	 position: absolute;
	 z-index: -1;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border-radius: 100%;
	 background-color: #fff;
	 transition: 0.25s;
}
 .fab .fabNav a i {
	 color: #000;
	 transition: 0.25s;
}
 .fab .fabNav a:hover:before {
	 background-color: #000;
}
 .fab .fabNav a:hover i {
	 color: #fff;
}
 .fab .fabNav a:hover .fabTooltip {
	 opacity: 1;
	 visibility: visible;
}
 .fab .fabTooltip {
	 position: absolute;
	 z-index: -2;
	 padding: 5px;
	 color: #fff;
	 font-size: 12px;
	 border-radius: 5px;
	 background: rgba(0, 0, 0, 0.8);
	 opacity: 0;
	 visibility: hidden;
	 cursor: default;
	 pointer-events: none;
	 transition: 0.5s;
}

 .fabVertical {
	 flex-direction: column;
	 bottom: 2cm;
	 right: 15px;
}
 .fabVertical.active .fabNav.fabNav--left a {
	 left: 0;
	 transform: scale(1) translateX(0);
}
 .fabVertical.active .fabNav.fabNav--right a {
	 right: 0;
	 transform: scale(1) translateX(0);
}
 .fabVertical .fabTrigger {
	 margin: 12px 0;
}
.fabVertical .fabTrigger .icon{background: url("../image/main/fabNav-icon.png")no-repeat; width:30px; height:30px;}
.fab .fabTrigger .icon:after,.fab .fabTrigger .icon:before{display: none;}
.fab.active .fabTrigger .icon:after,.fab.active .fabTrigger .icon:before{display: block;}
 .fabVertical .fabNav {
	 flex-direction: column;
}
 .fabVertical .fabNav a {
	 margin: 12px 0;
}
 .fabVertical .fabNav a:hover .fabTooltip {
	 right: calc(100% + 10px);
	 transform: translate(0, -50%) scale(1);
}
 .fabVertical .fabNav.fabNav--left a {
	 left: 0;
	 transform: scale(0.8) translateY(10px);
}
 .fabVertical .fabNav.fabNav--left a:nth-child(1) {
	 transition-delay: 0.3s;
}
 .fabVertical .fabNav.fabNav--left a:nth-child(2) {
	 transition-delay: 0.2s;
}
 .fabVertical .fabNav.fabNav--left a:nth-child(3) {
	 transition-delay: 0.1s;
}
 .fabVertical .fabNav.fabNav--right a {
	 left: 0%;
	 transform: scale(0.8) translateY(-10px);
}
 .fabVertical .fabNav.fabNav--right a:nth-child(1) {
	 transition-delay: 0.1s;
}
 .fabVertical .fabNav.fabNav--right a:nth-child(2) {
	 transition-delay: 0.2s;
}
 .fabVertical .fabNav.fabNav--right a:nth-child(3) {
	 transition-delay: 0.3s;
}
 .fabVertical .fabTooltip {
	 top: 50%;
	 right: 0;
	 transform-origin: center right;
	 transform: translate(0, -50%) scale(0);	
}


.sub-top{background-position:center;/*background-size:contain;*/background-size:cover;background-repeat:no-repeat;height:500px;width:100%;position: relative;}
/*.sub-top.sub-top01{background-image:url(../image/sub/sub-top01.jpg);}*/

.sub-top .bg-video{height:100%; width:100%; object-fit:cover;filter: brightness(0.8); position: absolute;}


.location{width:65%;margin:0 auto;height:50px;padding-top:180px; position: relative;}
.location ul{display:flex;align-items:center;}
.location ul li{height:50px;line-height:50px}
.location ul li a{font-size:17px;}
.location ul li.home{width:70px;height:50px;line-height:30px;border-right:1px solid #ccc;}
.location ul li.home a{display:block;width:100%;height:100%;text-align:center}
.location ul li.home a i{color:#fff;line-height:50px;}
.location ul li.first{width:200px;border-right:1px solid #ccc;}
.location ul li.last{width:200px;}
.location ul li.first > a, .location ul li.last > a{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20px;color:#fff;}
.location ul li .m_sM{position:relative;z-index:1000;display:none;width:100%;border:1px solid #c5c5c5;border-radius:8px;overflow:hidden;margin-top:10px;}
.location ul li .m_sM li{width:100%;background:#fff;}
.location ul li .m_sM li a{display:block;height:100%;padding-left:15px;color:#545252;}
.location ul li .m_sM li a.active{background:#f1f1f1;color:#8fb83d;font-weight:700;}
.location ul li .m_sM li a:hover{background:#f1f1f1;}

.top-txt{margin-top:80px;text-align:center; position: relative;}
.top-txt h2{font-size:50px;color:#fff;margin-bottom:20px;font-weight:700;}
.top-txt p{font-size:20px;color:#fff;line-height:1.8;font-weight:500;}

.sub-doc{text-align:center;}
.sub-doc h2{font-size:45px;font-weight:700;}
.sub-doc p{font-size:20px;margin-top:30px;}
.sub-doc .doc-icon{width:100px;margin:3% auto 2%;}

.sub-doc-info{width:65%;margin:0 auto;}
.sub-doc-info .both{display:flex;justify-content:space-between;margin:10% 0;}
.sub-doc-info .both .left img{border-radius:20px;}
.sub-doc-info .both .right{width:55%;}
.sub-doc-info .both .right .top{margin-bottom:5%;padding-bottom:5%;border-bottom:1px solid #ddd;}
.sub-doc-info .both .right .top strong{display:block;font-size:24px;color:#8fb83d;}
.sub-doc-info .both .right .top h2{font-size:32px;margin:2% 0 5%;}
.sub-doc-info .both .right .top h2 span{font-weight:700;}
.sub-doc-info .both .right .bottom > p{font-size:17px;}
.sub-doc-info .both .right .bottom > p:first-of-type{margin:20px 0 5px;}
/* .sub-doc-info .both .right .table-out{border:1px solid #545252;border-radius:10px;overflow:hidden;} */
.sub-doc-info .both .right table{width:100%;text-align:center;border-top:3px solid #8fb83d;border-bottom:3px solid #b8b8b8;}
.sub-doc-info .both .right table th,.sub-doc-info .both .right table td{font-size:17px;padding:15px;font-weight:700;}
.sub-doc-info .both .right table th{background:#edf4e0;}
.sub-doc-info .both .right table td.bg-white{color:#8f8f8f;}
.sub-doc-info .both .right table td.df-color{color:#b83d3d;border-radius:50px;}
.sub-doc-info .both .right h3{font-size:22px;font-weight:700;margin-bottom:20px;}
.sub-doc-info .both .right ul li{display:inline-block;width:45%;font-size:17px;}

.sub-time{width:65%;margin:0 auto;}
.sub-time .both{display:flex;justify-content:space-between;margin:5% 0;background:#edf4e0;padding:3%;border-radius:24px;}
.sub-time .both h2{font-size:40px;margin:0 0 35px;font-weight:700;}
.sub-time .both p{font-size:17px;}
.sub-time .both p:first-of-type{margin:0 0 7px;}
.sub-time .both p.big-strong1,.sub-time .both p.big-strong2{background:#fff;padding:12px 20px;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,0.03);width:fit-content;}
.sub-time .both p.big-strong1 a,.sub-time .both p.big-strong2 a{font-size:26px;font-weight:700;}
.sub-time .both p.big-strong1 a:hover,.sub-time .both p.big-strong2 a:hover{color:#8fb83d;}
.sub-time .both .right2{width:40%;}
.sub-time .both .right ul li{font-size:32px;padding:12px 20px;background:#fff;margin:20px 0;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,0.03);}
.sub-time .both .right ul li span{font-size:26px;font-weight:600;width:300px;display:inline-block;}
.sub-time .both .right ul li strong{color:#8fb83d;}
.sub-time .both .right table{width:100%;text-align:center;border-top:3px solid #8fb83d;border-bottom:3px solid #b8b8b8;background:#fff}
.sub-time .both .right table th,.sub-time .both .right table td{font-size:17px;padding:15px;font-weight:700;}
.sub-time .both .right table th{background:#edf4e0;}
.sub-time .both .right table td.bg-white{color:#8f8f8f;}
.sub-time .both .right table td.df-color{color:#b83d3d;border-radius:50px;}
.sub-time .both-out{margin:5% 0;background:#fff;padding:3%;box-shadow:0 18px 40px rgba(0,0,0,0.04);border:1px solid rgba(143,184,61,0.15);border-radius:24px;}
.sub-time .both-out h2{font-size:40px;margin:0 0 35px;font-weight:700;}
.sub-time .both-out p{font-size:17px;margin:0 0 30px;}
.sub-time .both-out .both2{}
.sub-time .both-out .both2 table{width:100%;text-align:center;border-top:3px solid #8fb83d;border-bottom:3px solid #b8b8b8;background:#fff}
.sub-time .both-out .both2 table tr{border-bottom:1px solid #e5e5e5;}
/*.sub-time table tr:nth-child(even) td{background:#fafcf6;}*/
.sub-time table tr:nth-child(2) td,.sub-time table tr:nth-child(5) td, .sub-time table tr:nth-child(8) td, .sub-time table tr:nth-child(11) td{background:#fafcf6;}
.sub-time .both-out .both2 table td.name{background: #fafcf6;}
.sub-time .both-out .both2 table th,.sub-time .both-out .both2 table td{font-size:17px;padding:15px;font-weight:700;}
.sub-time .both-out .both2 table th{background:#efefef;}
.sub-time .both-out .both2 table td.bg-white{color:#8f8f8f;}
.sub-time .both-out .both2 table td.df-color{color:#b83d3d;}
.sub-time .both-out .both2 table td.name{border-right:1px solid #e5e5e5;}
.sub-time table .name span{display:block;font-size:12px;color:#888;margin-top:2px;}
.sub-time i{color:#8fb83d}

.sub-location .both-out p{font-size:28px;font-weight:700;}
.sub-location .location-icon{display:flex;justify-content:space-between;}
.sub-location .location-icon div a{border:1px solid #545252;display:inline-block;padding:8px 20px;border-radius:999px;margin:0 7px;}
.sub-location .location-icon div a img{width:27px;}
.sub-location .location-icon div a span{font-size:17px;font-weight:600;}
.sub-location .location-icon div a:hover{background:#545252;}
.sub-location .location-icon div a:hover span{color:#fff;}
.sub-location .both{background:#fff;box-shadow:0 18px 40px rgba(0,0,0,0.04);border:1px solid rgba(143,184,61,0.15);}
.sub-location .both .left > strong{font-size:20px;padding: 6px 14px;border-radius: 999px;letter-spacing: 0.04em;color:#8fb83d;border:1px solid #8fb83d96;background-color: #ffffff;}
.sub-location .both .left ul{padding:12px 20px;background:#f1f1f1;margin:20px 0;border-radius:24px;box-shadow:0 4px 10px rgba(0,0,0,0.03);}
.sub-location .both .left ul li{display:flex;justify-content:space-between;}
.sub-location .both .left ul li p{font-weight:500;margin-bottom:10px;margin-right:30px;}
.sub-location .both .left ul li span{font-size:17px;}
.sub-location .both .right2{width:35%;}
.sub-location .both p.big-strong2{background:#edf4e0;}

.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont{display:none;}
.root_daum_roughmap_landing{width:100% !important;}
.sub-location .both2 .left{border-radius:25px;overflow:hidden;}

.sub-table{width: 65%;margin: 5% auto;}
.sub-table h3{font-size: 40px;margin: 0 0 35px;font-weight: 700;}
.sub-table .table{}
.sub-table .table > div{/*border-radius: 12px;*/overflow: hidden;/*border: 1px solid #0003;*/border-collapse: inherit;}
.sub-table .table table{width: 100%;border-top: 3px solid #8fb83d;border-bottom: 3px solid #b8b8b8;}
.sub-table .table table td, .sub-table .table table th{}
.sub-table .table table th{padding: 12px;background: #edf4e0;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;font-size: 17px;font-weight: 700;word-break: keep-all;text-align: center;}
.sub-table .table table td{padding: 13px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;font-size: 17px;word-break: keep-all;text-align: center; font-weight: 500;}
.sub-table .table table tr td:last-child, .sub-table .table table tr th:last-child{border-right: none;}
.sub-table .table table tr:last-child td{border-bottom: none;}
.sub-table .table table tbody tr:first-child td:first-child{border-bottom: none;}
.sub-table .table table tbody{border:none;}



.sub-patient .ms-patient-section {background-color:#f9f9f9;padding:5% 0;}
.sub-patient .ms-patient-inner {width:65%;margin: 0 auto;}
.sub-patient .ms-patient-header {text-align: center;margin-bottom: 48px;}
.sub-patient .ms-patient-mark {display: inline-flex;align-items: center;justify-content: center;width: 64px;height: 64px;border-radius: 50%;background: #ffffff;border: 1px solid rgba(143, 184, 61, 0.25);box-shadow: 0 8px 20px rgba(143, 184, 61, 0.15);overflow: hidden;}
.sub-patient .ms-mark-img {max-width: 70%;max-height: 70%;object-fit: contain;display: block;}
.sub-patient .ms-patient-eyebrow {font-size:13px;letter-spacing: 0.18em;text-transform: uppercase;color:#8fb83d;margin-bottom:10px;}
.sub-patient .ms-patient-title {font-size:45px;margin:30px 0;font-weight:700;}
.sub-patient .ms-patient-subtitle {font-size:20px;line-height: 1.7;color: #777;}
.sub-patient .ms-patient-subtitle strong{font-weight: 600;}
.sub-patient .ms-patient-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;}
.sub-patient .ms-patient-card {background: #ffffff;border-radius: 18px;padding: 24px 24px 20px;border: 1px solid rgba(0, 0, 0, 0.03);box-shadow: 0 10px 24px rgba(0, 0, 0, 0.03);}
.sub-patient .ms-card-header {display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 14px;}
.sub-patient .ms-card-label {display: inline-flex;align-items: center;justify-content: center;padding: 6px 14px;border-radius: 999px;font-size:17px;font-weight: 600;letter-spacing: 0.04em;color:#545252;border: 1px solid rgba(0, 0, 0, 0.06);background-color: #ffffff;}
.sub-patient .ms-card-label-rights {border-color: rgba(143, 184, 61, 0.4);color:#8fb83d;}
.sub-patient .ms-card-label-duty {border-color: rgba(84, 82, 82, 0.35);color:#545252;}
.sub-patient .ms-card-caption {font-size:13px;color: #aaa;text-transform: uppercase;letter-spacing: 0.14em;}
.sub-patient .ms-card-list {list-style: none;margin: 0;padding: 14px 0 0;border-top: 1px solid rgba(0, 0, 0, 0.04);}
.sub-patient .ms-card-list li {padding: 10px 0;font-size: 13px;line-height: 1.6;}
.sub-patient .ms-card-list li + li {border-top: 1px dashed rgba(0, 0, 0, 0.06);}
.sub-patient .ms-card-list strong {display: block;margin-bottom: 3px;font-weight:700;font-size:17px;}
.sub-patient .ms-card-list span {display: block;font-size:15px;word-break:auto-phrase;}
.sub-patient .ms-patient-note {margin-top: 20px;font-size: 11px;color: #888; text-align: right;}

.sub-two{padding:100px 0;position: relative; width:1500px; margin:0 auto;}
.sub-two-wrap{width:1500px; margin:0 auto;}
.sub-two1{width:100%;text-align: center;}
.sub-two1::before{content: '';display: block;width: 351px;height: 398px;position: absolute;top: 20px;left: 0; background: url("../image/sub/sub-two-logo.png")no-repeat;}
.sub-two .text{margin-bottom: 60px;text-align: center;}
.sub-two .text span{display: block;font-size: 22px; font-weight: 500; line-height: 1.6;margin-bottom: 24px; color:#8fb83d;}
.sub-two .text h2{font-size: 45px;font-weight: 700;line-height: 130%;display: block; margin-bottom: 100px;}
.sub-two .text .bottom{position: relative;}
.sub-two .text .bottom::before{content: ''; display: block;width: 1px;height: 50px; background: #ddd;position: absolute;bottom: calc(100% + 30px);left: 50%;}	
.sub-two .text b{display: block;font-weight: 600;margin-bottom: 24px; font-size: 20px;}
.sub-two .text p{font-size: 20px;line-height: 1.8;word-break: auto-phrase;}
.sub-two1 img{border-radius:20px;}

.sub-two2::before{content: '';display: block;width: 1500px;height: 1px;background: #ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sub-two2 ul{display: flex; gap:28px;}
.sub-two2 ul li{border-radius: 8px;overflow: hidden; flex:1;}
.sub-two2 ul li .txt-box{display: flex;gap: 20px;background: linear-gradient(0deg, #f5f6f7 0%, #f5f6f7 100%), #fff;padding: 30px 20px;}
.sub-two2 ul li .txt-box span{color:#8fb83d;font-size: 20px;font-weight: 600;}	
.sub-two2 ul li .txt-box h4{font-size: 22px;font-weight: 600;letter-spacing: 0.44px;margin-bottom: 14px;display: block;}
.sub-two2 ul li .txt-box p{font-size: 18px;font-weight: 400;letter-spacing: -0.5px;}
.sub-two2-1{width:100%;}
.sub-two2-1::before{display: none;}
.sub-two2-1 ul{width:1500px; margin:0 auto;}


.sub-two3{width:100%; background: #f9f9f9;}
.sub-two3 .sub-two-wrap{display: flex;justify-content: space-between;}
.sub-two3 .sub-two-wrap .text{width:40%; text-align: left;}
.sub-two3 .text .bottom::before{left:0;}
.sub-two3 .sub-two-wrap ul{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 30px;width: 57%; justify-content: end;}
.sub-two3 .sub-two-wrap ul li{width: 45%;border-radius: 8px;padding: 40px 30px;background: #fff;transition: 0.45s;position: relative;}
.sub-two3 .sub-two-wrap ul li .txt-box span{color:#8fb83d;font-size: 20px;font-weight: 600;transition: 0.45s;}	
.sub-two3 .sub-two-wrap ul li .txt-box p{font-size: 22px;font-weight: 500;letter-spacing: -0.5px; margin-top: 15px;transition: 0.45s;}
.sub-two3 .sub-two-wrap ul li.active{background: #8fb83d;}
.sub-two3 .sub-two-wrap ul li.active .txt-box span,.sub-two3 .sub-two-wrap ul li.active .txt-box p{color:#fff;}

.sub-two3-1 .sub-two-wrap ul li.last-li{width:92%;}
.sub-two3-1 .sub-two-wrap ul li .txt-box span{font-size:24px;font-weight:700;}
.sub-two3-1 .sub-two-wrap ul li .txt-box p{font-size:18px;}

.sub-two3-2 .sub-two-wrap ul li .txt-box span{font-size:24px;font-weight:700;letter-spacing:-1.2px;}
.sub-two3-2 .sub-two-wrap ul li .txt-box p{font-size:18px;}

.sub-two3-3 .sub-two-wrap ul li{width:90%;}
.sub-two3-3 .sub-two-wrap ul li .txt-box span{font-size:24px;font-weight:700;}
.sub-two3-3 .sub-two-wrap ul li .txt-box p{font-size:18px;}

.sub-two3-4{background: none;}
.sub-two3-4 .sub-two-wrap{display: block;}
.sub-two3-4 .sub-two-wrap .text{width:100%;}
.sub-two3-4 .sub-two-wrap ul{width:100%;justify-content:space-between;}
.sub-two3-4 .sub-two-wrap ul li{width:31%; background: linear-gradient(0deg, #f5f6f7 0%, #f5f6f7 100%), #fff;}
.sub-two3-4 .sub-two-wrap ul li .txt-box p{font-weight: 600;}
.sub-two3-4 .sub-two-wrap ul li .txt-box p:last-child{font-size: 19px; font-weight: 400;}

.sub-two3-5{background: #f9f9f9;}
.sub-two3-5 .sub-two-wrap{display: block;}
.sub-two3-5 .sub-two-wrap .text{width:100%;}
.sub-two3-5 .sub-two-wrap ul{width:100%;justify-content:space-between;}
.sub-two3-5 .sub-two-wrap ul li{width:31%;     background: #ededed;}
.sub-two3-5 .sub-two-wrap ul li .txt-box p{font-weight: 600;}
.sub-two3-5 .sub-two-wrap ul li .txt-box p:last-child{font-size: 19px; font-weight: 400;}

.sub-two4{}
.sub-two4 .flex{display: flex; align-items: center;margin-top: 110px;}
.sub-two4 ul{display: flex;flex-wrap: wrap;flex: 1; justify-content: end;}
.sub-two4 ul li{width: calc(48.5% - 10px);padding: 25px 10px;border-bottom: 1px solid #8fb83d;text-align: center;}
.sub-two4 ul li:nth-of-type(odd){margin-right: 20px;}
.sub-two4 ul li:nth-of-type(1),.sub-two4 ul li:nth-of-type(2){border-top: 1px solid #8fb83d;}
.sub-two4 .flex .img img{border-radius:20px;}
.sub-two4 ul li span{font-size: 20px; font-weight: 600;color:#8fb83d; margin-bottom: 10px; display: block;}
.sub-two4 ul li p{font-size: 17px; font-weight: 500;}

.sub-two5 ul{display: flex;gap: 28px;justify-content: center;}
.sub-two5 ul li{border-radius: 8px;overflow: hidden;flex: 1;}
.sub-two5 ul li h4{padding: 16px 40px;background: linear-gradient(90deg, #8fb83d 0%, #6f8f2f 100%), #5c5c5c;color: #fff;text-align: center;font-size: 22px;
font-weight: 600;line-height: 30px;}
.sub-two5 ul li:last-child h4{background:linear-gradient(90deg, #627e33 0%, #4a6c1a 100%), #5c5c5c;}
.sub-two5 ul li .txt-box div{padding:18px 40px;background: #f5f6f7;}
.sub-two5 ul li p{color: #444;text-align: center;font-size: 18px;font-weight: 400;line-height: 170%;word-break: auto-phrase;}

.sub-two6{background: #f9f9f9;width:100%;}
.sub-two6 ul{margin-top: 140px;}
.sub-two6 ul li{display: flex;position: relative; margin-bottom: 150px;}
.sub-two6 ul li:nth-child(2n){justify-content: flex-end;}
.sub-two6 ul li:last-child{margin-bottom: 60px;}
.sub-two6 ul li .txt-box{padding: 60px 38px;box-shadow:-26px 26px 56px 0 #8fb83d2e;width: 45%;position: relative;z-index: 1;color: #fff;font-size: 18px;
font-weight: 400;line-height: 170%; background: #8fb83d;border-radius: 40px;}
.sub-two6 ul li .txt-box::after{content: "";position: absolute;right: 80px;bottom: -12px;width: 102px;height: 102px; background: #8fb83d;transform: rotate(45deg); 
pointer-events: none;opacity: 0.95;z-index:2;}
.sub-two6 ul li:nth-child(odd) .txt-box::after{right: auto; left: 80px;  bottom: -12px;transform: rotate(-45deg);border-radius: 0}
.sub-two6 ul li:nth-child(even) .img{left:0;}
.sub-two6 ul li .txt-box .tit{padding-bottom: 60px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-bottom: 30px;}
.sub-two6 ul li .txt-box .tit span{color: #fff;font-size: 16px;font-weight: 500;display: block;}
.sub-two6 ul li .txt-box .tit h4{color: #fff;font-size: 30px;font-weight: 600;}
.sub-two6 ul li .txt-box p{position: relative; z-index:3; color:#fff;}
.sub-two6 ul li .img{width: 60%;position: absolute;top: 60px;right: 0;border-radius: 8px;overflow: hidden;}
/*.sub-two6 ul li:nth-child(2n) .img{right: auto;left: 0;top: auto;bottom: 60px;}*/
.sub-two6-1 ul li{margin-bottom: 50px; justify-content: end;}
.sub-two6-1 ul li:nth-child(2n){justify-content: flex-start; margin-bottom: 50px;}
.sub-two6-1 ul li .txt-box{position: absolute;top: 50%;transform: translateY(-50%); left:0;}
.sub-two6-1 ul li:nth-child(2n) .txt-box{right:0; left:auto;top: 50%;transform: translateY(-50%);}
.sub-two6-1 ul li .img{position: relative; right: auto; top:auto;}	


.sub-two7{width:100%;}
.sub-two7 .rbd-accordion{display:flex;gap:40px;align-items:flex-start;}
.sub-two7 .rbd-accordion__media{width:48%;text-align:center;}
.sub-two7 .rbd-accordion__media img{border-radius:10px;transition: opacity 220ms ease;}
.sub-two7 .rbd-accordion__media img.is-fading{opacity:0;}
.sub-two7 .rbd-accordion__list{width:65%;display:flex;flex-direction:column;gap:18px;}
.sub-two7 .acc-head{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:999px;font-size:22px;font-weight:600;border:none;
background:#f1f1f1;cursor:pointer;}
.sub-two7 li.is-open .acc-head{background:#8fb83d;color:#fff;}
.sub-two7 .acc-ico{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#a7a7a7;color:#fff;font-weight:900;}
.sub-two7 li.is-open .acc-ico{background:#fff;color:#8fb83d;}
.sub-two7 li.is-open .acc-title{color:#fff;}
.sub-two7 .acc-body{height:0;overflow:hidden;background:#f1f1f1;border-radius:18px;transition: height 320ms ease;will-change: height;margin:15px 15px 0 15px;}
.sub-two7 .acc-body-in{padding:20px 40px;line-height:1.7;}
.sub-two7 .acc-body-in > div{display: flex; flex-wrap:wrap; justify-content: space-between;}
.sub-two7 .acc-body-in > div p{width:50%; font-size: 18px; margin-bottom: 5px; position: relative; padding-left: 17px;}
.sub-two7 .acc-body-in > div p::before{position: absolute; content:""; width:6px; height:6px; border-radius:100%; background:#809d45; left:0; top:50%; transform:translateY(-50%);}
.sub-two7 .acc-body p{font-size: 20px;}

.sub-two7-1{background:#f9f9f9}
.sub-two7-1 .acc-body{background:#ededed;}
.sub-two7-1 .acc-head{background:#ededed;}

.sub-two7-2::before{content: '';display: block;width: 1500px;height: 1px;background: #ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.sub-two7-3{background: #f9f9f9;}
.sub-two7-3 .acc-body-in{padding:20px 15px 20px 30px;}

.sub-two8{background: #f9f9f9; width:100%;}
.sub-two8 .sub-two-wrap{display: flex; justify-content: space-between; gap:10px;}
.sub-two8 .text{text-align: right;}
.sub-two8 .text .bottom{width: 80%;margin: 0 0 0 auto;}
.sub-two8 .text .bottom::before{right:0; left:auto;}
.sub-two8 .text .bottom p{margin-bottom: 50px;}
.sub-two8 .text .bottom p:last-child{margin-bottom: 0px;}
.sub-two8 .text .bottom span.under{color:#8fb83d;box-shadow: inset 0 -10px 0 #8fb83d40; font-size: 20px; font-weight: 500; margin-bottom: 0; display: inline-block;}
.sub-two8-1{background: none;}
.sub-two8-1 .text .bottom{width: 92%;margin: 0 0 0 auto;}

.sub-two9{}
.sub-two9 .sub-two-wrap > div{display: flex; align-items: center; justify-content: center;}
.sub-two9 .sub-two-wrap > div img{ margin-right: 10px;}
.sub-two9 h4{color:#8fb83d; font-size: 38px;}
.sub-two9 p{font-size: 21px; margin-top: 38px; text-align: center;}
.sub-two9-1{background: #f9f9f9; width:100%;}
.sub-two9-1 p{width: 95%;margin: 38px auto 0;}


.sub-three{padding:100px 0;}
.sub-three .sub-three-in{width:1500px;margin:0 auto;}
.sub-three .text{margin-bottom: 60px;text-align: center;}
.sub-three .text span{display: block;font-size: 22px; font-weight: 500; line-height: 1.6;margin-bottom: 24px; color:#8fb83d;}
.sub-three .text h2{font-size: 45px;font-weight: 700;line-height: 130%;display: block; margin-bottom: 100px;}
.sub-three .text .bottom{position: relative;}
.sub-three .text .bottom::before{content: ''; display: block;width: 1px;height: 50px; background: #ddd;position: absolute;bottom: calc(100% + 30px);left: 50%;}	
.sub-three .text b{display: block;font-weight: 600;margin-bottom: 24px; font-size: 20px;}
.sub-three .text p{font-size: 20px;line-height: 1.8;}

.sub-three1{background:#f1f1f1;}
.sub-three1 .nav{border-bottom:1px solid transparent;justify-content:center;justify-content:space-between;margin-top:3%;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.one, .nav-tabs .nav-link.one.active{color:#8fb83d;background-color:#fff;border:1px solid transparent;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.one span, .nav-tabs .nav-link.one.active span{color:#8fb83d;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.two, .nav-tabs .nav-link.two.active{color:#48a85d;background-color:#fff;border:1px solid transparent;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.two span, .nav-tabs .nav-link.two.active span{color:#48a85d;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.three, .nav-tabs .nav-link.three.active{color:#009274;background-color:#fff;border:1px solid transparent;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.three span, .nav-tabs .nav-link.three.active span{color:#009274;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.four, .nav-tabs .nav-link.four.active{color:#007a7c;background-color:#fff;border:1px solid transparent;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.four span, .nav-tabs .nav-link.four.active span{color:#007a7c;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.five, .nav-tabs .nav-link.five.active{color:#086171;background-color:#fff;border:1px solid transparent;}
.sub-three1 .nav-tabs .nav-item.show .nav-link.five span, .nav-tabs .nav-link.five.active span{color:#086171;}
.sub-three1 .nav-link{color:#fff;border:1px solid transparent;margin-bottom:0;border-radius:10px 10px 0 0;width:270px;padding:0;height:100px;background:#8fb83d;font-size:24px;font-weight:700;padding:20px;text-align:left;}
.sub-three1 .nav-link.two{background:#48a85d}
.sub-three1 .nav-link.three{background:#009274}
.sub-three1 .nav-link.four{background:#007a7c}
.sub-three1 .nav-link.five{background:#086171}
.sub-three1 .nav-link span{display:block;font-size:14px;color:#fff;text-transform:uppercase;}
.sub-three1 .nav-item{border-radius:7px;width:270px;height:99px;}
.sub-three1 .nav-tabs .nav-link:focus{border-color:transparent;}
.sub-three1 .nav-tabs .nav-link:hover{border-color:transparent;}
.sub-three1 .tab-content1>.active{background:#fff;border-radius:0 0 24px 24px;padding:4%;box-shadow:8px 8px 5px #8fb83d33;display:flex;justify-content:space-between;align-items:center;}
.sub-three1 .tab-content1 .tab-pane div{width:55%;}
.sub-three1 .tab-content1 .tab-pane div h4{font-size:40px;font-weight:700;}
.sub-three1 .tab-content1 .tab-pane div p{margin:5% 0;font-size:18px;font-weight:500;}
.sub-three1 .tab-content1 .tab-pane div strong{font-size:22px;font-weight:700;color:#8fb83d;}
.sub-three1 .tab-content1 .tab-pane div ul.first-ul{margin:20px 0 40px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.sub-three1 .tab-content1 .tab-pane div ul.first-ul li{font-size:18px;width:45%;position:relative;margin:15px 0;padding-left:20px;font-weight:500;word-break:auto-phrase;}
.sub-three1 .tab-content1 .tab-pane div ul.first-ul li::before{content:'';display:inline-block;position:absolute;top:0;left:0;width:5px;height:100%;background:#8fb83d;}
.sub-three1 .tab-content1 .tab-pane div ul.second-ul{margin:20px 0 40px;display:flex;justify-content:space-between;}
.sub-three1 .tab-content1 .tab-pane div ul.second-ul li{width:calc(100% / 4.5);font-size:16px;border:1px solid #8fb83d;color:#8fb83d;text-align:center;display:flex;align-items:center;border-radius:15px;padding:15px;font-weight:500;word-break:auto-phrase;}
.sub-three1 .tab-content1 .tab-pane img{border-radius:24px;}

.sub-three1-1 .nav-link{font-size:23px;letter-spacing:-0.9px;}
.sub-three1-1 .nav-link span{font-size:13px;letter-spacing:-0.7px;}

.sub-three1-2 .nav-link span{font-size:12px;letter-spacing:-0.3px;}

.sub-three1-3 .nav-link{font-size:23px;letter-spacing:-1.4px;}

.sub-three1-4 .nav-link{font-size:23px;letter-spacing:-1.4px;}
.sub-three1-4 .nav-link span{font-size:13px;letter-spacing:-1.4px;}

.sub-three1-5 .nav-link{font-size:23px;letter-spacing:-1.5px;}

.sub-three1-6 .nav-link span{font-size:13px;letter-spacing:-0.1px;}

.sub-three1-7 .nav-link{font-size:23px;letter-spacing:-1.2px;}
.sub-three1-7 .nav-link span{font-size:12px;letter-spacing:-1.1px;}

.sub-three1-8 .nav-link{font-size:22px;letter-spacing:-1.6px;}
.sub-three1-8 .nav-link span{font-size:12px;letter-spacing:-0.5px;}

.sub-three2 .sub-three-in{margin:0;margin-left:auto;width:1700px;}
.sub-three2 .ms-han-top {width:1330px;display: flex;justify-content:flex-end;align-items: flex-end;gap: 24px;margin-bottom: 30px;}
.sub-three2 .ms-han-title {font-size: 30px;font-weight: 700;margin-bottom: 8px;}
.sub-three2 .ms-han-sub {font-size: 14px;color: #777777;line-height: 1.7;}
.sub-three2 .ms-han-controls {display: flex;align-items: center;gap: 12px;}
.sub-three2 .ms-han-arrow{width: 32px;height: 32px;border-radius: 999px;border:0;background-color: #ffffff;font-size: 18px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;}
.sub-three2 .ms-han-arrow:hover {background-color: #edf4e0;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);}
.sub-three2 .ms-han-arrow i{font-size:16px;}
.sub-three2 .ms-han-pagination{font-size:17px;font-weight: 500;min-width: 70px;text-align: center;}
.sub-three2 .swiper-pagination-current{font-weight:700;color:#545252}
.sub-three2 .swiper-pagination-total{color:#b2b2b2;}
.sub-three2 .ms-han-page-dot {display: inline-block;margin: 0 6px;color:#b2b2b2;}
.sub-three2 .ms-han-slide {display: flex;align-items: center;gap: 48px;padding: 32px 32px 40px;border-radius: 40px;background-color: #f9faf7;position: relative;overflow: hidden;}
.sub-three2 .ms-han-photo{flex: 0 0 46%;max-width: 520px;border-radius: 32px;overflow: hidden;}
.sub-three2 .ms-han-photo img {display: block;width: 100%;height: 100%;object-fit: cover;}
.sub-three2 .ms-han-text {flex: 1;}
.sub-three2 .ms-han-chip{display: inline-flex;align-items: center;justify-content: center;height: 30px;padding: 0 16px;font-size:16px;font-weight: 600;border-radius: 999px;background-color: #8fb83d;color: #ffffff;margin-bottom: 14px;}
.sub-three2 .ms-han-slide-title{font-size: 32px;font-weight: 700;margin-bottom: 12px;}
.sub-three2 .ms-han-slide-desc{font-size: 18px;font-weight:500;line-height: 1.8;margin-bottom: 18px;}
.sub-three2 .ms-han-tags {display: flex;flex-wrap: wrap;gap: 8px;}
.sub-three2 .ms-han-tags span {display: inline-flex;align-items: center;padding: 6px 12px;border-radius: 999px;border: 1px solid #d4dec1;font-size:16px;background-color: #ffffff;}

.sub-three3 .text{text-align:left;width:1700px;margin-left:auto;}
.sub-three3 .text .bottom::before{left:0;}
.sub-three3 .sub-three-in{display:flex;justify-content:space-between;align-items:center;}
.sub-three3 .sub-three-in .left{width:48%;}
.sub-three3 .sub-three-in p{padding:30px;margin:15px 0;border:1px solid #ddd;border-radius:24px 0;position:relative;}
.sub-three3 .sub-three-in p strong{font-size:24px;display:block;margin-bottom:30px;font-weight:700;color:#8fb83d}
.sub-three3 .sub-three-in p span{font-size:18px;}
.sub-three3 .sub-three-in p::after{display:inline-block;position:absolute;right:0;top:0;color:#edf4e0d4;font-size:100px;font-weight:900;line-height:1;}
.sub-three3 .sub-three-in p:nth-child(1)::after{content:'01';transform:translate(10px, -14px);}
.sub-three3 .sub-three-in p:nth-child(2)::after{content:'02';transform:translate(4px, -14px);}
.sub-three3 .sub-three-in p:nth-child(3)::after{content:'03';transform:translate(4px, -14px);}
.sub-three3 .sub-three-in p:nth-child(4)::after{content:'04';transform:translate(4px, -14px);}
.sub-three3 .sub-three-in p:nth-child(5)::after{content:'05';transform:translate(4px, -14px);}
.sub-three3 .sub-three-in img{border-radius:10px;}

.sub-three4 .ms-rehab-target-row {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px;}
.sub-three4 .ms-rehab-target-card {background-color: #f7f7f7;border-radius:8px;padding: 20px 22px;display: flex;flex-direction: column;justify-content: space-between;}
.sub-three4 .ms-rehab-target-top {display: flex;flex-direction: column;gap: 4px;}
.sub-three4 .ms-rehab-target-index {font-size:16px;font-weight: 600;color: #8fb83d;}
.sub-three4 .ms-rehab-target-name {font-size: 22px;font-weight: 700;color: #222222;}
.sub-three4 .ms-rehab-target-bottom{margin-top: 18px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.sub-three4 .ms-rehab-target-desc {flex: 1;font-size:18px;line-height: 1.7;color: #555555;}
.sub-three4 .ms-rehab-target-icon{flex: 0 0 auto;width: 85px;height: 85px;border-radius: 50%;background-color: #ffffff;display: flex;align-items: center;justify-content: center;overflow:hidden;}
.sub-three4 .ms-rehab-target-icon img {max-width: 70px;max-height: 70px;}
.sub-three4 .ms-rehab-target-note {margin-top:80px;text-align: center;font-size:18px;line-height: 1.8;color: #666666;}

.sub-three4-1{background:#f9f9f9;}
.sub-three4-1 .ms-rehab-target-card{background-color:#f1f1f1;}

.sub-three5 .sub-three-in img{width:80%;display:block;margin:0 auto;}

.footer{margin-top:500px;z-index:999;background-color: #FBFBFB;padding-top: 40px;}
.footer .container{padding:0;}
.footer-top{display:none}
.footer-nav a,.footer-right-nav a{color:#fff;}
.footer-wrap{padding:0 40px;}
.footer-wrap .top{display: flex;align-items: center;justify-content: space-between;}
.footer-wrap .mid{margin-top: 40px;padding-bottom: 40px;position: relative;}
.footer-wrap .mid p{font-size: 17px;font-weight: 700;letter-spacing: 0;line-height: 1.6;}
.footer-wrap .mid ul{margin-top: 10px;display: flex;gap: 20px;}
.footer-wrap .mid ul li{font-size: 17px;}
.footer-wrap .mid .link{margin-top: 28px;display: flex;gap: 34px;align-items: center;}
.footer-wrap .mid .link a{font-size: 16px;font-weight: 600;color: #808080;display: block;}
.footer-wrap .mid .link a:hover{color:#808080;}
.footer-wrap .bottom{padding: 20px 0;display: flex;justify-content: space-between;align-items: center;position: relative;}
.footer-wrap .bottom::before{content: "";width: calc(100% + 80px);height: 1px;position: absolute;top: 0;left: -40px;background-color: #EAEBEB;}
.footer-wrap .bottom ul{display: flex;gap: 24px;align-items: center;}
.footer-wrap .bottom ul li:nth-child(2) img{height:24px;}
.footer-wrap .bottom .copy{font-size: 13px;font-weight: 400;letter-spacing: 0;color: #808080;}
.footer-wrap .bottom .copy span{font-size: 13px;font-weight: 400;letter-spacing: 0;color: #808080;}

.m-textbox, .m-btn, .m-box, .m-br{display: none;}
.sub-doc img.doc-all2{display: none;}


@media (max-width:991px){

  .m-textbox, .m-btn,.m-box, .m-br{display: block;}
  .sidebar-user-btn.mo-btn{display: none;}
  .navbar-mobile-toggler{display: none;}
  #header{padding-top: 15px;}
  #header .container{height:60px; padding:0 20px;}
  #header .logo{width:fit-content; padding-top: 0;}
  #header .logo .logoImg{width:fit-content; height:30px; display: block;}
  #header .logo .logoImg img{height:40px;}
  #header.mainHeader .maingnb ul{display: none;}
  #header .logo .logoImg img{height:30px;}
  #header .subMenu .btn_all_menu{width:30px;}
  #header .subMenu .btn_all_menu .btnbox{width:30px;}
  #header .subMenu .btn_all_menu .btnbox span{height:2px;}
  #header .subMenu .btn_all_menu .btnbox span:nth-child(1){top:15px;}
  #header .subMenu .btn_all_menu .btnbox span:nth-child(2){bottom:22px;}
  #header .subMenu .btn_all_menu.active .btnbox span:nth-child(1){transform: rotate(40deg) translateY(-50%);}
  #header .subMenu .btn_all_menu.active .btnbox span:nth-child(2){transform: rotate(-40deg) translateY(-50%);}
  #header .allMenuWrap{}
  #header .allMenuWrap::before{content:"";background: url("../image/main/m-gnbbg.jpg")no-repeat center / cover; top:0; right:0; width:53%;height:100%; position: absolute;}
  #header .allMenuWrap .allMenuList{padding: 110px 20px 20px;}
  #header .allMenuWrap .allMenuList .inner{position: relative;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2{flex-direction:column; padding-top: 0;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li{width:auto;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li > div{display: block;text-align: left;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li a{font-weight: 600;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .tits{width:135px; margin-bottom: 30px;font-size: 17px;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .tits a{font-weight: 700;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li.active .tits a{color: #8fb83d;text-decoration-line: none;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .mbBox{position: absolute;top: 0;left: 55%;width: 50%; display: none;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li.active .mbBox{display: block;}
  #header.mainHeader .allMenuWrap .allMenuList .allMenu.type2 li .sbtits{font-size: 15px;}
  

  
  .mindrest01 > *:not(.nav-quickmenu) { padding: 0;}
  .mindrest01 .mindrest01-top{ height: 75vh;position: relative;overflow: hidden;}
  .mindrest01 .mindrest01-top .backimg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transform: translateZ(0);will-change: transform;}
  .clippath-area .textbox{width:100%;}
  .clippath-area .textbox .txt1{font-size: 28px; width:100%; margin:0 auto 30px;}
  .clippath-area .textbox2 p{font-size: 30px;width:85%; margin:0 auto 30px;}
  .clippath-area .textbox .txt2{font-size: 16px; width:95%;}
  .clippath-area .textbox2 span{font-size: 18px; width:90%;word-break: auto-phrase;}
  .evo-clip.pc.tcX{display: none;}
  .evo-clip2{position: relative; top:auto; left:auto; transform:none;opacity:1; display: none;}
  .evo-clip2 img{position: relative; top:auto; left:auto; transform:none; height: 75vh;object-fit: cover;}
  .clippath-area .textbox2.m-textbox{display: block; opacity:1;}
  
  
  .mindrest02 {height: auto;min-height: auto;}
  .mindrest02 .biz-img-area { height: 100vh;height: 100svh;height: 100dvh;display:flex;justify-content:center;align-items:center; }
  .mindrest02 .biz-img-area .img-wrap {width: 100%;height: 100%;top: 0;}
  .mindrest02 .biz-img-area .img-wrap .img-list.futrue-business{display: none !important;}
  .mindrest02 .biz-img-area .img-wrap .img-list{width: 70vw !important;left: 50% !important;top: 50% !important;margin-left: 0 !important; transform: translate(-50%, -50%) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.logistics{left: -10% !important;  top: 0% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.shipping{left: 40% !important;  top: 0% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.distribution{left: -10% !important;  top: 40% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter) .img-wrap .img-list.innovation{left: 40% !important;  top: 40% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.logistics{left: -10% !important;  top: 0% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.shipping{left: 40% !important;  top: 0% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.distribution{left: -10% !important;  top: 40% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02:has(.biz-img-area.scatter-more) .img-wrap .img-list.innovation{left: 40% !important;  top: 40% !important;transform: translate(0,0) scale(.5) !important;}
  .mindrest02 .biz-img-area .img-wrap .img-list .inner-list .text h2{font-size: 42px;}
  .mindrest02 .biz-img-area .img-wrap .img-list .inner-list .text h2 span{font-size: 30px;}
  .mindrest02 .biz-img-area.fix-left{justify-content: center !important;}
  .mindrest02 .biz-img-area.fix-left .img-wrap .img-list{left: 50% !important;top: 50% !important;transform: translate(-50%, -50%) scale(1) !important;}
  .mindrest02 .biz-img-area.fix-left .img-wrap .img-list.logistics {overflow: hidden;border-radius: 5px; }
  .mindrest02 .biz-img-area.show-up .img-wrap .img-list .inner-list .text{display: none; opacity:1;}
  .mindrest02 .biz-img-area.scatter .img-wrap .img-list .inner-list .text{display: block; opacity:0;}
  
  .mindrest02 .biz-img-area.scatter-more .img-wrap .img-list .inner-list .text{display: block;}
  .mindrest02 .biz-txt-area .list h5{font-size: 14px;}
  .mindrest02 .biz-txt-area .section-tit {font-size: 16px;}
  .mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .biz-name {font-size: 26px;}
  .mindrest02 .biz-txt-area .list h4 {font-size: 15px;}
  .mindrest02 .biz-txt-area .biz-info-txt p {font-size: 13px; margin-top: 10px;line-height: 1.4;}
  .mindrest02 .biz-txt-area .biz-info-txt p br{display: none;}
  .mindrest02 .biz-txt-area .accordion-wrap .btn-arrow{font-size: 13px; margin-top: 10px;padding: 0 12px;height: 30px;line-height: 30px;border-radius: 5px;}
  .mindrest02 .biz-txt-area .accordion-wrap .btn-arrow:hover{background-image: none;background-position: inherit;border: 1px solid #000;border: none;color: #000;}
  .mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list {left: 0 !important;opacity: 1 !important;margin-bottom: 18px;}
  .mindrest02:has(.biz-txt-area.biz-txt-pin-start){display: flex;flex-direction: column;}
  .mindrest02 .biz-txt-area.biz-txt-pin-start{position: relative !important;width: 100% !important;height: 55vh !important;padding: 0 15px !important;background: #fff;
  opacity: 1;transform: none !important;pointer-events: auto;z-index: 5;}
  .mindrest02 .biz-txt-area .accordion-wrap{margin-top: 20px;}
  .mindrest02 .biz-img-area.show-up.fix-left{position: relative;width: 100%;height: 45vh;margin-top: 10px;display: flex;gap: 10px;padding: 15px;box-sizing: border-box;}
  .mindrest02 .biz-img-area.show-up.fix-left .img-wrap{position: static;width: 100%;height: 100%; overflow:hidden;}
  .mindrest02 .biz-img-area.show-up.fix-left .img-list{position: relative !important;width: 100% !important;height: 100% !important;left: auto !important;top: auto !important;
  transform: none !important;margin: 0 !important;opacity: 1 !important;}
  .mindrest02 .biz-img-area.show-up.fix-left .img-list.futrue-business{display: none !important;}
  .mindrest02 .biz-img-area.show-up.fix-left .img-list img{width: 100%;height: 100%;object-fit: cover;border-radius: 5px;}

  .link-section {opacity: 1;height: auto; margin-top: 50px;}
  .link-section .link-pinned {position: static !important;}
  .link-section .up-wrapper {display: grid !important;grid-template-columns: repeat(2, 1fr);height: auto;overflow: visible;}
  .link-section .up-wrapper > li {height: auto;min-height: 220px;}
  .link-section ul li .default {position: relative;height: 40vh;align-items: center; padding:10px;}
  .link-section ul li.brand .default{align-items: center; flex-direction:column;}
  .link-section ul li.tech .default{align-items: center;flex-direction:column;}
  .link-section ul li.history .default{align-items: center;flex-direction:column;}
  .link-section ul li .default span {opacity: 1;z-index: 2; font-size: 20px;}
  .link-section ul li .default::before,
  .link-section ul li .default::after {transform: none !important;transition: none !important;}
  .link-section ul li .hover {position: relative;transform: none !important;top: auto !important;bottom: auto !important;height: auto;padding: 16px; display: none; }
  .link-section ul li .hover span {display: none; }
  .link-section ul li .hover-text strong {font-size: 16px; display: none;}
  .link-section ul li .hover-text p { font-size: 13px; display: none;}
  .link-section ul li .m-btn{z-index:2;font-size: 13px;margin-top: 10px;padding: 0 12px;height: 30px;line-height: 30px;border-radius: 5px;}
  .link-section.hoverable, .link-section.on {opacity: 1;}
  .link-section ul li.m-box{display: flex; align-items: center; justify-content: center;}
  .link-section ul li.m-box img{width:65%;}
  
  .footer{margin-top: 0;padding-top: 20px; z-index:99;}
  .footer-wrap{padding:0 20px;}
  .footer-wrap .top img{height:35px;}
  .footer-wrap .mid{margin-top: 20px;padding-bottom: 20px;}
  .footer-wrap .mid p{font-size: 14px;}
  .footer-wrap .mid ul{display: block;}
  .footer-wrap .mid ul li{font-size: 14px; margin-bottom: 5px;}
  .footer-wrap .mid ul li:last-child{margin-bottom: 0;}
  .footer-wrap .mid .link{margin-top: 25px;gap:15px;}
  .footer-wrap .mid .link a{font-size: 13px;}
  .footer-wrap .bottom{flex-direction:column; align-items: flex-start;gap:12px;}
  .footer-wrap .bottom ul li img{height:20px;}
  .footer-wrap .bottom ul li:nth-child(2) img{height:20px;}
  .footer-wrap .bottom ul li:nth-child(3) img{height:17px;}
  .footer-wrap .bottom .copy{font-size: 11px;}
  .footer-wrap .bottom .copy span{font-size: 11px;}
  
  .fabVertical{bottom:-40px;}    
  .fabVertical.active{bottom:2cm;}
  .fab .fabTrigger .icon:before{left:-9px;}
  .fab .fabTrigger .icon:after{right:-9px;}
  .fab .fabTrigger .icon, .fab .fabTrigger .icon:before, .fab .fabTrigger .icon:after{width:4px; height:4px;}
  .fab .fabTrigger{width:40px; height:40px;transform: scale(0.875);}
  .fab.active .fabTrigger{}
  .fab .fabNav a{width:30px; height:30px; margin:10px 0;}
  .fab .fabNav a i{font-size: 13px;}
  .back-to-top{right:15px;}
  
  .sub-top{height:235px;background-size:cover;}
  .location{width:100%; padding: 105px 20px 0;}
  .location ul li.home{width:30px; height:30px;}
  .location ul li.home a i{line-height: 30px;}
  .location ul li a{font-size: 15px;}
  .location ul li.first{}
  .location ul li.first > a, .location ul li.last > a{padding:0 10px;}
  .location ul li.first > a i, .location ul li.last > a i{font-size: 13px;}
  .location ul li.home a{text-align: left;}
  .location ul li.home a i{font-size: 13px;}
  .location > ul > li{height:30px; line-height: 30px;}
  
  .location ul li .m_sM li{height:45px; line-height: 45px;}
  .top-txt{width: 100%;margin: 60px auto 0;text-align: left; padding:0 20px;}
  .top-txt h2{font-size: 28px;}
  .top-txt p{font-size: 14px; display: none;}
  
  .sub-doc{width:100%;padding:0 20px;}
  .sub-doc .doc-icon{width:35px; margin:10%	auto 5%}
  
  .sub-doc h2{font-size: 25px;}
  .sub-doc p{font-size: 15px; margin-top: 20px;}
  .sub-doc img{width:100%; margin-top: 3%;}
  .sub-doc img.doc-all{display: none;}
  .sub-doc img.doc-all2{display: block;}
  .sub-doc-info{width:100%;padding:0 20px;}
  .sub-doc-info .both{flex-direction:column-reverse;}
  .sub-doc-info .both .left img{width:100%; border-radius:10px;}
  .sub-doc-info .both .right{margin-top: 20px;width:100%;}
  .sub-doc-info .both .right .top strong{font-size: 15px;}
  .sub-doc-info .both .right .top h2{font-size: 18px;margin: 5px 0 20px;}
  .sub-doc-info .both .right h3{font-size: 15px; margin-bottom: 10px;}
  .sub-doc-info .both .right ul li{font-size: 14px; width:100%; margin-bottom: 3px;}
  .sub-doc-info .both .right ul li:last-child{margin-bottom: 0;}
  .sub-doc-info .both .right table{border-top: 2px solid #8fb83d;border-bottom: 2px solid #b8b8b8;}
  .sub-doc-info .both .right table th, .sub-doc-info .both .right table td{font-size: 11px; padding:5px;}
  .sub-doc-info .both .right .bottom > p{font-size: 13px; padding-left: 25px; text-indent:-19px;}
  .sub-doc-info .both{margin-top: 70px;}
  
  .sub-time{width:100%; padding:50px 20px;}
  .sub-time .both{flex-direction:column; padding:5%; margin:0; border-radius:15px;}
  .sub-time .both h2{font-size: 25px;margin-bottom: 20px;}
  .sub-time .both p{font-size: 14px;}
  .sub-time .both .right ul li{display: flex; justify-content: space-between; border-radius:10px; padding:10px 15px; align-items: center;}
  .sub-time .both .right ul li span{font-size: 15px; width:auto;}
  .sub-time .both .right ul li strong{font-size: 18px;}
  .sub-time .both-out{margin: 30px 0; padding:5%;border-radius:15px;}
  .sub-time .both-out h2{font-size: 25px;margin-bottom: 20px;}
  .sub-time .both-out p{font-size: 14px; margin: 0 0 25px;}
  .sub-time .both-out .both2 table th, .sub-time .both-out .both2 table td{padding:6px; font-size: 10px;}
  .sub-time table .name span{font-size: 8px;}
  .sub-time .both p.big-strong1, .sub-time .both p.big-strong2{padding:10px; border-radius:10px;}
  .sub-time .both p.big-strong1 a, .sub-time .both p.big-strong2 a{font-size: 14px; padding:0;}
  .sub-time .both:last-child{margin: 0;}
  .sub-time .both:last-child h2{margin-bottom: 20px;}
  .sub-time .both .right2{width:100%; margin-top:30px;}
  
  .sub-time.sub-location .both-out{margin-top: 0;}
  .sub-location .location-icon{flex-direction:column;}
  .sub-location .location-icon > div{display: flex; align-items: center; justify-content: space-between;}
  .sub-location .location-icon div a span{font-size: 13px;}
  .sub-location .location-icon div a{margin:0; width:48%;padding: 5px 15px;display: flex;align-items: center;justify-content: center;gap: 10px;}
  .sub-location .location-icon div a img{width:18px}
  .sub-time .both-out .both2{margin-top: 30px;}
  .sub-location .both2 .left{border-radius:10px;}
  .root_daum_roughmap .wrap_map{height:200px !important;}
  .sub-location .both .left > strong{font-size: 13px;padding: 5px 10px;border-radius: 10px; width:100%; text-align: center;display: block;}
  .sub-location .both .left ul{padding:10px; border-radius:10px;}
  .sub-location .both .left ul li{display: block; margin-bottom: 15px;}
  .sub-location .both .left ul:last-child li{display: flex;}
  .sub-location .both .left ul:last-child li:last-child{margin-bottom: 0;}
  .sub-location.sub-time .both p{font-size: 14px;color: #8fb83d;}
  .sub-location.sub-time .both .left ul li p{margin-bottom: 0; margin-right: 0;}
  .sub-location .both .left ul li span{font-size: 13px;}
  .sub-location.sub-time .both .right2{margin-top: 10px;}
  .sub-location.sub-time .both:last-child{margin-top: 30px;}
  
  .sub-table{width:100%; padding:0 20px; margin:30px 0;}
  .sub-table h3{font-size: 24px; margin: 0 0 20px;}
  .sub-table .table table td{font-size: 14px;}
  .sub-table .table table th{font-size: 14px;}
  
  .sub-patient .ms-patient-section{padding:10% 0;}
  .sub-patient .ms-patient-mark{width:35px; height:35px;}
  .sub-patient .ms-patient-inner{width:100%; padding:0 20px;}
  .sub-patient .ms-patient-title{font-size: 25px; margin:20px 0 15px;}
  .sub-patient .ms-patient-subtitle{font-size: 15px;width: 90%;margin: 0 auto;}
  .sub-patient .ms-patient-header{margin-bottom: 30px;}
  .sub-patient .ms-patient-grid{grid-template-columns: repeat(1, minmax(0, 1fr)); gap:20px;}
  .sub-patient .ms-patient-card{padding:20px; border-radius:15px;}
  .sub-patient .ms-card-label{padding:5px 10px; font-size: 14px; border-radius:5px;}
  .sub-patient .ms-card-caption{font-size: 10px;}
  .sub-patient .ms-card-list strong{font-size: 15px;}
  .sub-patient .ms-card-list span{font-size: 13px; word-break:break-all;}
  
  .sub-two{padding:50px 20px; width:100%;}
  .sub-two-wrap{width:100%;}
  .sub-two ul li .cover img{width:100%;}
  .sub-two .text{text-align: left; margin-bottom: 40px;}
  .sub-two .text span{font-size: 14px;margin-bottom: 8px;}  
  #sub0501 .sub-two .text span{letter-spacing:-0.5px;}
  .sub-two .text h2{font-size: 25px;margin-bottom: 30px;}
  .sub-two .text .bottom::before{display: none;}
  .sub-two .text b{font-size: 15px; margin-bottom: 10px;}
  .sub-two .text p{font-size: 15px; display: inline; line-height: 1.6;}
  
  .sub-two1::before{width:100px; height:110px; top:30px; background-size:cover; right:0; left:auto;}
  .sub-two1 img{width:100%;border-radius:5px;}
  
  .sub-two2::before{width:90%;}
  .sub-two2 ul{flex-direction:column; gap:20px;}
  .sub-two2 ul li .txt-box{padding:20px; gap:10px;}
  .sub-two2 ul li .txt-box span{font-size: 16px;}
  .sub-two2 ul li .txt-box h4{font-size: 18px;margin-bottom: 5px;}
  .sub-two2 ul li .txt-box p{font-size: 15px;}
  .sub-two2-1 ul{width:100%;}
  #sub0603 .sub-two2 ul{flex-direction:row; flex-wrap:wrap; gap:10px;}
  #sub0603 .sub-two2 ul li{width:47%; flex:none;}
  #sub0603 .sub-two2-1 ul li .txt-box{flex-direction:column; gap:5px;}
  #sub0603 .sub-two2 ul li .txt-box p{font-size: 16px;word-break: auto-phrase;}
  
  
  
  .sub-two3 .sub-two-wrap{flex-direction:column;}
  .sub-two3 .sub-two-wrap .text{width:100%;}
  .sub-two3 .sub-two-wrap ul{width:100%;gap:10px;}
  .sub-two3 .sub-two-wrap ul li{padding:10px; border-radius:5px; width:48%;}
  .sub-two3 .sub-two-wrap ul li .txt-box p{font-size: 14px; margin-top: 10px;}
  .sub-two3 .sub-two-wrap ul li .txt-box span{font-size: 15px;}
  
  .sub-two4 .flex{flex-direction:column; margin-top: 0px;}
  .sub-two4 .flex .img img{width:100%; border-radius:10px;}
  .sub-two4 ul{margin-top: 30px;}
  .sub-two4 ul li{width:100%; padding:10px; text-align: left;}
  .sub-two4 ul li:nth-of-type(odd){margin-right: 0;}
  .sub-two4 ul li span{font-size: 16px;}
  .sub-two4 ul li p{font-size: 14px; display: inline;}
  .sub-two4 ul li:nth-of-type(1){border-bottom: none;}
  
  .sub-two5::before{content: '';display: block;width: 90%;height: 1px;background: #ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
  .sub-two5 ul{flex-direction:column; gap:20px;}
  .sub-two5 ul li{border-radius:5px;}
  .sub-two5 ul li h4{padding:5px 20px; font-size: 16px; line-height: 25px;}
  .sub-two5 ul li .txt-box div{padding:10px;}
  .sub-two5 ul li p{font-size: 14px;}
  
  .sub-two6 ul{margin-top: 0;}
  .sub-two6 ul li{flex-direction:column-reverse;margin-bottom: 30px;}
  .sub-two6 ul li .txt-box{width:100%; border-radius:0 0 10px 10px;padding:15px;}
  .sub-two6 ul li .txt-box::after{display: none;}
  .sub-two6 ul li .txt-box .tit{margin-bottom: 15px; padding-bottom: 15px;}
  .sub-two6 ul li .txt-box .tit span{font-size: 12px;}
  .sub-two6 ul li .txt-box .tit h4{font-size: 20px;}
  .sub-two6 ul li .txt-box p{font-size: 15px;line-height: 1.6;}
  .sub-two6 ul li .img{width:100%; position: relative; top:auto; right:auto;border-radius: 10px 10px 0 0;}
  .sub-two6 ul li .img img{width:100%;}
  .sub-two6 ul li:nth-child(even){flex-direction:column;}
  .sub-two6 ul li:nth-child(even) .img{left:auto;}
  .sub-two6 ul li:last-child{margin-bottom: 0;}
  
  .sub-two7 .rbd-accordion{flex-direction:column;gap:20px;}
  .sub-two7 .rbd-accordion__media{width:100%;}
  .sub-two7 .rbd-accordion__media img{width:100%; border-radius:5px;}
  .sub-two7 .rbd-accordion__list{width:100%;gap:10px;}
  .sub-two7 li .acc-title{font-size: 17px;}
  .sub-two7 .acc-ico{width:25px; height:25px; font-size: 18px;}
  .sub-two7 .acc-head{padding:13px 15px;}
  .sub-two7 .acc-body{border-radius:15px; margin:15px 0 0; display: none;}
  .sub-two7 .rbd-accordion__list li.is-open .acc-body{display: block;}
  .sub-two7 .acc-body-in{padding:15px; line-height: 1.6;}
  .sub-two7 .acc-body p{font-size: 14px;}
  
  .sub-three{padding:50px 20px;}
  .sub-three .sub-three-in{width:100%;}
  .sub-three .text{margin-bottom: 40px;}
  .sub-three .text span{font-size: 14px; width:80%; margin:0 auto 8px;word-break: auto-phrase; line-height: 1.4;}
  #sub0402 .sub-three .text span{width:100%;}
  #sub0506 .sub-three4 .text span{width:100%;}
  .sub-three .text h2{font-size: 25px; margin-bottom: 0;}
  .sub-three .text .bottom::before{display: none;}
  .sub-three1 .nav{align-items: end; gap:0px;}
  .sub-three1 .nav-item{width:auto; height:auto;}
  .sub-three1 .nav-link{width:43px;height:33px; font-size: 0px; padding:0px; position: relative;}
  .sub-three1 .nav-link::before{content:"▼"; position: absolute; top:50%; left:50%; transform: translate(-50%, -35%); font-size: 8px;}
  .sub-three1 .nav-link.active{font-size: 16px; padding:10px; width:100%; height:55px; min-width:120px; letter-spacing:-1px;}
  .sub-three1 .nav-link.active::before{display: none;}
  .sub-three1 .nav-link span{font-size: 8px; display: none; letter-spacing:-0.9px;}
  .sub-three1 .nav-link.active span{display: block;}
  .sub-three1 .tab-content1 .tab-pane img{width:100%; border-radius:10px;}
  .sub-three1 .tab-content1>.active{flex-direction:column;}
  .sub-three1 .tab-content1 .tab-pane div{width:100%; margin-top: 40px;}
  .sub-three1 .tab-content1 .tab-pane div h4{font-size: 24px;}
  #sub0402 .sub-three1 .tab-content1 .tab-pane div h4{font-size: 20px; letter-spacing:-1.3px;}
  #sub0504 .sub-three1 .tab-content1 .tab-pane div h4{font-size: 22px;}
  .sub-three1 .tab-content1 .tab-pane div p{font-size: 15px; margin:5% 0 30px;}
  .sub-three1 .tab-content1 .tab-pane div strong{font-size: 18px;}
  .sub-three1 .tab-content1 .tab-pane div ul.first-ul{margin:0 0 30px;}
  .sub-three1 .tab-content1 .tab-pane div ul.first-ul li{font-size: 14px; padding-left: 10px; display: flex; align-items: center; width:48%;word-break: keep-all;}
  .sub-three1 .tab-content1 .tab-pane div ul.first-ul li::before{width:3px;}
  .sub-three1 .tab-content1 .tab-pane div ul.second-ul{flex-wrap:wrap; gap:10px; margin:10px 0 30px;}
  .sub-three1 .tab-content1 .tab-pane div ul.second-ul li{width: calc(100% / 2 - 5px); font-size: 14px; border-radius:10px; padding:10px;word-break: keep-all;}
  #sub0506 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li:last-child{width:100%;}
  #sub0507 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li:last-child{width:100%;}
  
  .sub-three2 .sub-three-in{display: flex; flex-direction:column-reverse; gap:20px;}
  .sub-three2 .sub-three-in .swiper{width:100%;}
  .sub-three2 .ms-han-top{width:100%; justify-content: center;margin-bottom: 0;}
  .sub-three2 .ms-han-slide{flex-direction:column;padding:15px; gap:20px; border-radius:20px;}
  .sub-three2 .ms-han-photo{border-radius:10px;}
  .sub-three2 .ms-han-chip{font-size: 12px; height:27px; line-height: 27px; margin-bottom: 10px;}
  .sub-three2 .ms-han-slide-title{font-size: 22px;}
  .sub-three2 .ms-han-slide-desc{font-size: 14px;}
  .sub-three2 .ms-han-slide-desc br{display: none;}
  .sub-three2 .ms-han-tags span{font-size: 12px;}
  .sub-three2 .ms-han-pagination{font-size: 15px;}
  .sub-three2 .ms-han-arrow{width:20px; height:20px;}
  .sub-three2 .ms-han-arrow i{font-size: 13px;}
  
  
  .sub-three .text b{font-size: 15px; margin-bottom: 10px;}
  .sub-three .text p{font-size: 15px; line-height: 1.6;}
  
  .sub-three3 .text{width:100%; text-align: center;}
  .sub-three3 .sub-three-in{flex-direction:column-reverse;}
  .sub-three3 .sub-three-in img{width:100%; border-radius:5px;}
  .sub-three3 .sub-three-in .left{width:100%;}
  .sub-three3 .sub-three-in p{padding:15px; border-radius:5px 0;}
  .sub-three3 .sub-three-in p::after{font-size: 55px;right:5px; top:5px;}
  .sub-three3 .sub-three-in p strong{font-size: 20px; margin-bottom: 8px; position: relative; z-index:2;}
  .sub-three3 .sub-three-in p span{font-size: 14px;}
  
  
  .sub-two3-1 .sub-two-wrap ul li{width:100%;}
  .sub-two3-1 .sub-two-wrap ul li .txt-box span{font-size: 16px;}
  .sub-two3-1 .sub-two-wrap ul li.last-li{width:100%;}
  
  
  .sub-three4 .ms-rehab-target-row{grid-template-columns: repeat(1, minmax(0, 1fr)); gap:15px;}
  .sub-three4 .ms-rehab-target-bottom{margin-top: 10px;}
  .sub-three4 .ms-rehab-target-name{font-size: 18px;}
  .sub-three4 .ms-rehab-target-desc{font-size: 15px; line-height: 1.5;}
  .sub-three4 .ms-rehab-target-icon{width:65px; height:65px;}
  .sub-three4 .ms-rehab-target-icon img{width:45px; height:45px;}
  .sub-three4 .ms-rehab-target-note{margin-top: 40px; font-size: 15px; line-height: 1.6;}
  
  .sub-three5 .text h2{margin-bottom: 30px;}
  .sub-three5 .sub-three-in img{width:100%;}
  
  .sub-two7-2 .acc-head{gap:10px;}
  .sub-two7-2 .acc-ico{width: 20px;height: 20px;}
  .sub-two7-2 li .acc-title{font-size: 14px;letter-spacing: -1px;}
  #sub0403 .sub-two7-2 li .acc-title{font-size: 15px;}
  
  .sub-three1.sub-three1-8 .nav-link.active{font-size: 14px;}
  .sub-three1.sub-three1-3 .nav-link.active{font-size: 14px;}
  
  .sub-two3-2 .sub-two-wrap ul li{width:100%;}
  .sub-two3-3 .sub-two-wrap ul li{width:100%;}
  .sub-two3-5 .sub-two-wrap ul li{width:100%;}
  
  #sub0506 .sub-two .text span{letter-spacing:-0.2px; font-size: 13px;}
  #sub0506 .sub-three1 .nav-link.active{font-size: 14px;}
  #sub0506 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li{word-break:break-all;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-1 div ul.first-ul li{letter-spacing:-0.5px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-5 div ul.first-ul li{letter-spacing:-0.4px;}
  
  
  #sub0604 .sub-two3 .sub-two-wrap ul li{width:100%;}
  #sub0604 .sub-two3 .sub-two-wrap ul li .txt-box span{margin-right: 5px; font-size: 16px;}
  #sub0604 .sub-two3 .sub-two-wrap ul li .txt-box p{font-size: 16px; display: inline;}
  #sub0604 .sub-two3-4 .sub-two-wrap ul li .txt-box p:last-child{font-size: 14px; display: block;}
  
  .sub-two8 .sub-two-wrap{flex-direction:column; gap:20px;}
  .sub-two8 .sub-two-wrap img{width:100%;}
  .sub-two8 .text{margin-bottom: 0;}
  .sub-two8 .text .bottom{width:100%;}
  .sub-two8 .text .bottom span.under{font-size: 14px; letter-spacing:-1px;}
  
  .sub-two9 .sub-two-wrap > div img{width:24px;}
  .sub-two9 h4{font-size: 24px;}
  .sub-two9 p{font-size: 15px; margin-top: 30px;}
  
  #sub0605 .sub-two .text h2{font-size: 23px;}
  #sub0605 .sub-two3 .sub-two-wrap ul li .txt-box span{margin-right: 5px; font-size: 16px;}
  #sub0605 .sub-two3 .sub-two-wrap ul li .txt-box p{font-size: 16px; display: inline;}
  #sub0605 .sub-two3-5 .sub-two-wrap ul li .txt-box p:last-child{font-size: 14px; display: block;}
  #sub0605 .sub-two8 .text .bottom p:last-child{display: block;margin-top: 20px;}
/*  #sub0605 .sub-two8 .text .bottom p:last-child br.m-br{display: block;} */


  .sub-two7 .acc-body-in > div p::before{width:5px; height:5px;}
  .sub-two7 .acc-body-in > div p{font-size: 15px; width:100%;padding-left: 15px;}
  
  .sub-two6-1 ul li .txt-box{position: relative; top:auto; left:auto; transform:none;}
  .sub-two6-1 ul li:nth-child(2n) .txt-box{right:auto; top:auto; transform:none;}
  .sub-two6-1.sub-two6 ul li:nth-child(even){flex-direction:column-reverse;}
  .sub-two6-1.sub-two6 ul li:nth-child(2){flex-direction:column;}
  .sub-two6-1 ul li:nth-child(2n){margin-bottom: 20px;}  
  
  .fabVertical .fabTrigger .icon{width:22px; height:22px; background-size:cover;}
 
}

@media (max-width:393px){
  #sub0302 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li{font-size: 13px;}
  #sub0302 .sub-three1 .tab-content1 .tab-pane div ul.second-ul li{font-size: 13px; letter-spacing:-1px;}
  #sub0303 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li{letter-spacing:-0.9px;}
  #sub0303 .sub-three1 .tab-content1 #tab-case3-5 div ul.second-ul li{letter-spacing:-0.5px;}
  #sub0304 .sub-two .text b{letter-spacing:-0.2px;}
  #sub0304 .sub-three1 .tab-content1 #tab-case4-1 div ul.first-ul li{letter-spacing:-0.4px;}
  #sub0304 .sub-three1 .tab-content1 #tab-case4-5 div ul.first-ul li{letter-spacing:-0.6px;}
  #sub0304 .sub-three1 .tab-content1 #tab-case4-4 div ul.first-ul li{letter-spacing:-0.8px;}
  #sub0304 .sub-three1 .tab-content1 #tab-case4-2 div ul.second-ul li, #sub0304 .sub-three1 .tab-content1 #tab-case4-5 div ul.second-ul li{letter-spacing:-0.4px;}
  #sub0305 .sub-two .text span{letter-spacing:-0.6px;}
  #sub0401 .sub-three1 .tab-content1 #tab-case12-1 div ul.first-ul li{letter-spacing:-0.4px;}
  #sub0401 .sub-three1 .tab-content1 #tab-case12-4 div ul.second-ul li{letter-spacing:-1.2px;}
  #sub0403 .sub-two .text span{letter-spacing:-0.4px;}
  #sub0403 .sub-three .text span{width:100%;}
  #sub0501 .sub-two .text span {letter-spacing: -1.1px;}
  #sub0501 .sub-three .text span{width:100%;}
  #sub0502 .sub-three .text span{width:100%;}
  #sub0503 .sub-two2 ul li .txt-box h4{letter-spacing:-0.2px;}
  #sub0505 .sub-three .text h2{font-size: 24px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-1 div ul.first-ul li{letter-spacing:-1px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-3 div ul.first-ul li{letter-spacing:-0.2px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-5 div ul.first-ul li{letter-spacing:-0.9px;}
  #sub0506 .sub-two3 .sub-two-wrap ul li .txt-box p{letter-spacing:-0.6px;}
  #sub0601 .sub-two .text b{letter-spacing:-0.8px;}
  #sub0601 .sub-two5 .text span{letter-spacing:-0.2px;}
  #sub0603 .sub-two2 ul li .txt-box p{word-break: break-all;}


}

@media (max-width:375px){
  .mindrest02 .biz-txt-area .section-tit{font-size: 16px;}
  .mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list .biz-name{font-size: 26px;}
  .mindrest02 .biz-txt-area .accordion-wrap.mindrest02 .list{margin-bottom: 12px;}
  
  .sub-top{height:233px;}
  
  .sub-patient .ms-card-list span{letter-spacing:-0.2px;}
  .sub-two .text span{letter-spacing:-0.5px;}
  
  .sub-three .text span{width:83%;}
  .sub-three .text b{letter-spacing:-0.4px;}
  
  .sub-three1 .nav-link{width:40px; height:33px;}
  
  .sub-three3 .text h2{font-size: 24px;}
  .sub-two7-2 .acc-ico{width: 20px;height: 20px;}
  .sub-two7-2 li .acc-title{font-size: 13px;}
  .sub-three1.sub-three1-7 .nav-link.active{font-size: 15px;}
  
  #sub0302 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li{letter-spacing:-0.6px;}
  #sub0304 .sub-two .text b{letter-spacing:-0.6px;}
  #sub0305 .sub-two .text span{letter-spacing:-1px;}
  #sub0402 .sub-two7-2 li .acc-title{font-size: 14px;}
  #sub0402 .sub-three1 .tab-content1 .tab-pane div h4{letter-spacing:-1.8px;}
  #sub0403 .sub-two .text span{letter-spacing:-0.8px;}
  #sub0403 .sub-two7-2 li .acc-title{font-size: 14px;}
  #sub0403 .sub-three1 .tab-content1 .tab-pane div p {word-break: break-all;letter-spacing: -0.2px;}
  #sub0501 .sub-three .text span{width:100%;}
  #sub0501 .sub-two .text span {letter-spacing: -1.5px;}
  #sub0503 .sub-two2 ul li .txt-box h4{letter-spacing:-0.7px;}
  #sub0504 .sub-three1 .tab-content1 .tab-pane div ul.first-ul li{font-size: 13px;}
  #sub0505 .sub-three .text h2{font-size: 23px;}
  #sub0506 .sub-three1 .tab-content1 .tab-pane div h4{font-size: 23px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-1 div ul.first-ul li{font-size: 13px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-3 div ul.first-ul li {letter-spacing: -0.5px;}
  #sub0506 .sub-three1 .tab-content1 #tab-case10-5 div ul.first-ul li {letter-spacing: -1.3px;}
  #sub0601 .sub-two5 .text span{letter-spacing:-0.5px;}
  #sub0603 .sub-two2 ul li .txt-box p{font-size: 15px;word-break: break-all;}
  #sub0604 .sub-two .text h2{font-size: 24px;}
  
  #sub0602 .sub-two .text span{font-size: 13px;}
  
  .sub-two8 .text .bottom span.under {letter-spacing: -1.2px;}
  
  #sub0605 .sub-two .text h2{font-size: 22px;}
  .sub-time .both-out .both2 table th, .sub-time .both-out .both2 table td{font-size: 9px;}

}