@charset "utf-8";

img{max-width:100%}

.page-ready{ width:100%; height:813px; margin-bottom:100px; background:url("/theme/basic/img/sub/sub01/page-ready.png") no-repeat center 0; background-size:cover; font-size:0; display:block;}

@media (max-width:768px){
  .page-ready{ width:100%; height:112.92vw; margin-bottom:13.89vw; background:url("/theme/basic/img/sub/sub01/page-ready-m.png") no-repeat center 0; background-size:cover}
}


/*common*/
.header{width:100%; min-width:1500px; display:flex; justify-content: space-between; align-items: flex-start;  position:absolute; left:50%; top:40px; transform:translate(-50%,0);z-index:199;
  padding:0 214px 0 205px; transition: background 0.25s linear;}
.header.fixed{background:var(--white); height:152px; position:fixed; top:0 !important; box-shadow: 0 4px 4px rgba(0,0,0,0.05); align-items:center}

.header .hd-btn{ width:26px; height:26px; display:none; background:url("/theme/basic/img/mobile/ic-list-btn.svg") no-repeat center; background-size:cover; font-size:0; top:0; right:0; position:absolute}
.header .hd-close-btn{ width:26px; height:26px; display:none; background:url("/theme/basic/img/mobile/ic-close-btn.svg") no-repeat center; background-size:cover; font-size:0; top:0; right:0; position:absolute}

.header.hd-m{ top:65px }
.header.hd-m h1.intro_logo{ display:flex ; position:relative; z-index:10}
.header.hd-m h1.main_logo{ display:none}
.header.hd-m h1.sub_logo{ display:none}
.header.hd-s{ top:65px}
.header.hd-s h1.intro_logo{ display:none}
.header.hd-s h1.main_logo{ display:flex ; position:relative; z-index:10}
.header.hd-s h1.sub_logo{ display:flex; position:relative; z-index:10}


.header h1 a{ background:url("/theme/basic/img/main/logo.svg") no-repeat center; background-size:cover; font-size:0; }
.header.hd-m h1{ margin-top:7px}
.header.hd-m h1 a{width:249px; height:98px; }
.header.hd-s h1 a{width:190px; height:75px; }
.header.hd-s h1.sub_logo a{width:190px; height:75px; background:url("/theme/basic/img/common/logo.svg") no-repeat center; background-size:cover}

.header.fixed h1 a,
.header.hd-s.fixed h1.sub_logo a{ background:url("/theme/basic/img/main/logo.svg") no-repeat center center ; background-size:cover; font-size:0; }

@media (max-width:1280px){

  .header{width:100%; min-width:100%; left:50%; top:2.44vw; padding:0 6.10vw 0 6.10vw;}
  .header.fixed{ height:12.76vw;}
  
  .header .hd-btn{ width:26px; height:26px; display:none; background:url("/theme/basic/img/mobile/ic-list-btn.svg") no-repeat center; background-size:cover; font-size:0; top:0; right:0; position:absolute}
  .header .hd-close-btn{ width:26px; height:26px; display:none; background:url("/theme/basic/img/mobile/ic-close-btn.svg") no-repeat center; background-size:cover; font-size:0; top:0; right:0; position:absolute}
  
  .header.hd-m{ top:6.76vw }
  .header.hd-s{ top:6.76vw}
  
   
  .header.hd-m h1{ margin-top:0}
  .header.hd-m h1 a{width:15.92vw; height:6.08vw; }
  .header.hd-s h1 a{width:15.92vw; height:6.08vw; }
  .header.hd-s h1.sub_logo a{width:15.92vw; height:6.08vw; background:url("/theme/basic/img/common/logo.svg") no-repeat center; background-size:cover}
  
  .header.fixed h1 a,
  .header.hd-s.fixed h1.sub_logo a{ background:url("/theme/basic/img/main/logo.svg") no-repeat center center ; background-size:cover; font-size:0; }
  

}


@media (max-width:768px){

  .header{ min-width:100%; 
    display:flex; 
    justify-content: center; 
    align-items: center;  
    position:absolute; left:50%; top:0; 
    transform:translate(-50%,0); z-index:199;
    height: 21.11vw;
    padding:0 0; 
    background:var(--white);
    box-shadow: 0 4px 4px rgba(0,0,0,0.05);
  }

  .header.fixed{height: 21.11vw;}

  .header.hd-m,
  .header.hd-s{ top:0 }

  .header h1 a{ width:12.22vw; height:11.11vw; background:url("/theme/basic/img/main/logo.svg") no-repeat center; background-size:cover; font-size:0; }
  .header.hd-m h1{ margin-top:0}
  .header.hd-m h1 a{width:24.22vw; height:11.11vw; }
  .header.hd-s h1 a{width:24.22vw; height:11.11vw; }
  .header.hd-s h1.sub_logo a{width:24.22vw; height:11.11vw; background:url("/theme/basic/img/main/logo.svg") no-repeat center; background-size:cover; }

  
  .header .hd-btn,
  .header .hd-close-btn{ display:flex; top:50%; right:5.56vw; transform: translate(0,-50%); width:3.61vw; height:3.61vw}

}


.gnb-wrap{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-end; width:50vw}  
.gnb-wrap .top-copy{ margin-bottom:32px; font-size:var(--font-size-12); font-weight:var(--weight-semibold)}  
.header.fixed .gnb-wrap .top-copy{ margin-bottom:0}  
.gnb-wrap .top-copy.clr-white{ color:var(--white)}  
.header.fixed .gnb-wrap .top-copy.clr-white{ color:var(--black) !important}  
.gnb-wrap .gnb{ width:100%; text-align: right; font-size:var(--font-size-12); font-weight:var(--weight-semibold); justify-content: flex-end; align-items: center;}
.gnb-wrap .gnb li.gnb-li{ font-size:var(--font-size-16); margin:0 23px 0 24px; font-weight:var(--weight-semibold); position:relative; height:60px; }
.header.fixed .gnb-wrap .gnb li.gnb-li{ display:flex; align-items: center;}
.gnb-wrap .gnb li.gnb-li:last-child{ margin-right:0}
.gnb-wrap .gnb.clr-white li.gnb-li a.g{ color:var(--white)}
.header.fixed .gnb-wrap .gnb.clr-white li.gnb-li a.g{ color:var(--black) !important}
.gnb-wrap .gnb li.gnb-li a.g{ }
.gnb-wrap .gnb li.gnb-li a.g:after{ content:""; display:block; border-bottom:2px solid var(--white); transition:all 250ms ease-in-out; transform:scaleX(0); width:100%; padding-bottom:4px; }
.gnb-wrap .gnb li.gnb-li .snb-wrap{ display:none; position:absolute; top:40px; left:50%; transform: translate(-50%, 0); background:var(--white); padding:32px 60px 37px 60px; box-shadow: 0 4px 4px rgba(0,0,0,0.05);
  flex-direction:column; justify-content: center; align-items: flex-start; z-index:199; min-width: 272px; }

.gnb-wrap .gnb li.gnb-li:hover a.g{ color:var(--white); }
.header.fixed .gnb-wrap .gnb li.gnb-li:hover a.g{ color:var(--gray-8b8) !important; }
.gnb-wrap .gnb li.gnb-li:hover a.g:after{ transform: scaleX(1) }



.gnb-wrap .gnb li.gnb-li:hover .snb-wrap{display:flex}
.gnb-wrap .gnb li.gnb-li .snb-wrap .snb{ display:flex; justify-content: flex-start; align-items: center; width:100%; flex-direction: column; }
.gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb{  
  animation-name:           moveY;
  animation-duration:        0.3s;
  animation-iteration-count:    1;
  animation-direction:  alternate;
  animation-fill-mode:   forwards;}
.gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li.snb-tit{  font-size:var(--font-size-16); margin-bottom:19px; font-weight:var(--weight-bold); color:var(--black)}
.gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li{ width:100%; flex-shrink:0; margin-bottom:14px; display:flex; justify-content: flex-start; align-items: center; text-align: left;}
.gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li,
.gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li a{ font-size:var(--font-size-15); color:var(--gray-8b8)}
.gnb-wrap .gnb.main-gnb li.gnb-li:hover .snb-wrap .snb li.no-link a{ color:var(--gray-bfb) }
.gnb-wrap .gnb.main-gnb li.gnb-li:hover .snb-wrap .snb li.sub-link{padding-left:0}
.gnb-wrap .gnb.main-gnb li.gnb-li:hover .snb-wrap .snb li.sub-link:before,
.gnb-wrap .gnb.main-gnb li.gnb-li:hover .snb-wrap .snb li.sub-link a:before{ display:none}
/*.gnb-wrap .gnb.main-gnb li.gnb-li:hover .snb-wrap .snb li.sub-link a:before{ content:"•"; margin-right:3px}*/
.gnb-wrap .gnb.main-gnb li.gnb-li:hover .snb-wrap .snb li a{ font-size:var(--font-size-15) ; color:var(--gray-8b8)}
.gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li a:hover{color:var(--black)}

.gnb-wrap .gnb li.gnb-li.gnb-li > a.g:hover{ color:var(--white); }
.header.fixed  .gnb-wrap .gnb li.gnb-li.gnb-li > a.g:hover{ color:var(--gray-8b8) !important; }
.gnb-wrap .gnb li.gnb-li.gnb-li > a.g:hover .snb{ display:flex}

.header.hd-m .gnb-wrap .intro-gnb{ display:flex}
.header.hd-m .gnb-wrap .main-gnb{ display:none}
.header.hd-m .gnb-wrap.intro-sgnb .main-gnb{ display:none}

.header.hd-s .gnb-wrap .intro-gnb{ display:none}
.header.hd-s .gnb-wrap .main-gnb{ display:flex}
.header.hd-s .gnb-wrap.intro-sgnb .intro-gnb{ display:flex}
.header.hd-s .gnb-wrap.intro-sgnb .main-gnb{ display:none}

@keyframes         moveY{ 0% { transform:translateY(10px)} 100% { transform:translateY(0)} }
@-moz-keyframes    moveY{ 0% { transform:translateY(10px)} 100% { transform:translateY(0)} }
@-webkit-keyframes moveY{ 0% { transform:translateY(10px)} 100% { transform:translateY(0)} }
@-o-keyframes      moveY{ 0% { transform:translateY(10px)} 100% { transform:translateY(0)} }


.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(1) .snb-wrap{ top:40px; left:auto; right:0; transform: translate(33%, 0); padding:32px 0 37px 57px; min-width: 282px;  z-index:199}

.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap{ top:40px; left:calc(50% - 100px); transform: translate(-50%, 0); padding:32px 0 37px 57px; min-width: 860px; flex-direction:row; justify-content: flex-start; flex-wrap:wrap; }
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb{ margin-right:73px; margin-bottom:47px; width:auto}
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(5){ margin-right:0}
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(1){ min-width:  70px}
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(2){ min-width: 100px}
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(3){ min-width:  80px}
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(4){ min-width:  90px}
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(5){ min-width:  80px}


.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(3) .snb-wrap{ top:40px; left:50%; transform: translate(-50%, 0); padding:32px 0 37px 57px; min-width: 200px; }
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(4) .snb-wrap{ top:40px; left:50%; transform: translate(-50%, 0); padding:32px 0 37px 57px; min-width: 200px; }
.gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(5) .snb-wrap{ top:40px; left:50%; transform: translate(-50%, 0); padding:32px 0 37px 57px; min-width: 200px; }


.snb-m-wrap{display:none}

@media (max-width:1280px){

  .gnb-wrap{ width:50vw}  
  .gnb-wrap .top-copy{ margin-bottom:2rem; }  
  .gnb-wrap .gnb li.gnb-li{ margin:0 1.25rem 0 1.5rem; height:3.75rem; }
  .gnb-wrap .gnb li.gnb-li .snb-wrap{ padding:2rem 2.5rem; min-width: 12.5rem; }
  
  .gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li.snb-tit{  margin-bottom:1.25rem; }
  .gnb-wrap .gnb li.gnb-li:hover .snb-wrap .snb li{flex-shrink:0; margin-bottom:0.875rem;}

  
  
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(1) .snb-wrap{ top:2.5rem; left:auto; right:0; transform: translate(33%, 0); padding:2rem 2.5rem; min-width: 260px;  }
  
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap{ top:2.5rem; left:calc(50% - 20px); transform: translate(-50%, 0); padding:2rem 2.5rem; min-width: 670px; }
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb{ margin-right:2rem; margin-bottom:0; width:auto}
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(5){ margin-right:0}
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(1){ min-width:  70px}
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(2){ min-width: 125px}
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(3){ min-width:  80px}
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(4){ min-width:  90px}
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(2) .snb-wrap .snb:nth-child(5){ min-width:  80px}
  
  
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(3) .snb-wrap{ top:2.5rem; left:50%; transform: translate(-50%, 0); padding:2rem 2.5rem; min-width: 170px; }
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(4) .snb-wrap{ top:2.5rem; left:50%; transform: translate(-50%, 0); padding:2rem 2.5rem; min-width: 170px; }
  .gnb-wrap .gnb.main-gnb li.gnb-li:nth-child(5) .snb-wrap{ top:2.5rem; left:50%; transform: translate(-50%, 0); padding:2rem 2.5rem; min-width: 160px; }
 
}

@media (max-width:768px){

  .gnb-wrap{display:none}
  .gnb-m-wrap{ position:absolute;top:21.11vw;left:0px; display:none; width:100%; height:calc(100vh - 21.11vw); background:linear-gradient(to bottom, rgba(237, 237, 237, 0.9) , rgba(255, 255, 255, 1) ); overflow-y: auto; padding:0 0 2.78vw 0; z-index:300}
  .snb-m-wrap{ width:calc(100% - 9.72vw); display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin:0 auto}
  .snb-m-wrap > li.gnb-li{ width:100%; border-bottom:1px solid var(--gray-e0e); position:relative}
  .snb-m-wrap > li.gnb-li a{width:100%;height:11.94vw;color:var(--black);display:flex;justify-content: flex-start; align-items: center; font-weight:var(--weight-semibold); font-size:var(--font-size-25)}
  .snb-m-wrap > li.gnb-li.on a{color:var(--gray-8b8)}
  .snb-m-wrap > li.gnb-li a:before{content:"";position:absolute; top:5.28vw; right:2.78vw ; background:url("/theme/basic/img/mobile/ic-snb-arrow.svg") no-repeat center; width:3.61vw; height:1.81vw; background-size:cover; transition: rotate 0.3s linear;}
  .snb-m-wrap > li.gnb-li.on a:before{transform:rotate(180deg);transform-origin:center; background:url("/theme/basic/img/mobile/ic-snb-arrow-on.svg") no-repeat center; width:3.61vw; height:1.81vw; background-size:cover; transition: rotate 0.3s linear;}

  .snb-m-wrap > li.gnb-li .snb{ padding:0 0 3.89vw 0}
  .snb-m-wrap > li.gnb-li .snb li.snb-li{ width:100%; }
  .snb-m-wrap > li.gnb-li .snb li.snb-li a,
  .snb-m-wrap > li.gnb-li .snb li.snb-li.sub-link{ color:var(--black); height:7.64vw; padding-left:5.28vw; position:relative; display:flex; justify-content: flex-start; align-items: center;}
  .snb-m-wrap > li.gnb-li.on .snb li.no-link a{ color:var(--gray-bfb)}
  
  .snb-m-wrap > li.gnb-li .snb li.snb-li a:before{ content:"•"; background:0; position:absolute; top:0; left:0; width:5.28vw; height:7.64vw; display:flex; justify-content: center; align-items: center; }

}



/*main*/


/*sub*/


.ic-ul{ width:32px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ic-ul li{ width:32px; height:32px; margin-bottom:28px}
.ic-ul li .ic{ width:32px; height:32px; border-radius: 16px; background-color:var(--black); display:flex; justify-content: center; align-items: center; font-size:0; background-repeat: no-repeat; background-position: center;}
.ic-ul li .ic.rsv{ background-image:url("/theme/basic/img/common/ic-q-online.svg") }
.ic-ul li .ic.cs{ background-image:url("/theme/basic/img/common/ic-q-cs.svg")}
.ic-ul li .ic.kakao{ background-image:url("/theme/basic/img/common/ic-q-kakao.svg")}
.ic-ul li .ic.youtube{ background-image:url("/theme/basic/img/common/ic-q-youtube.svg")}
.ic-ul li .ic.facebook{ background-image:url("/theme/basic/img/common/ic-q-facebook.svg")}
.ic-ul li .ic.instagram{ background-image:url("/theme/basic/img/common/ic-q-instagram.svg")}
.ic-ul li .ic.blog{ background-image:url("/theme/basic/img/common/ic-q-blog.svg")}
/*.ic-ul li:first-child{ margin-bottom:16px; display:flex; justify-content: center; align-content: center;}
.ic-ul li:first-child{ margin-bottom:16px}*/
.ic-ul li:last-child{ margin-bottom:0}

.sub_board_tit{ margin:114px 0 34px 0; font-size:var(--font-size-18); color:var(--black); text-align: center;}


@media (max-width:1280px){

  .ic-ul{ width:3.13vw; }
  .ic-ul li{ width:3.13vw; height:3.13vw; margin-bottom:2.22vw}
  .ic-ul li .ic{ width:3.13vw; height:3.13vw; border-radius: 2.22vw; }
  .ic-ul li:first-child{ margin-bottom:2.22vw; }
  .ic-ul li:last-child{ margin-bottom:0}
  
  .sub_board_tit{ margin:0 0 4.72vw 0; }

  #page01_02.sub_board_tit{ font-size:var(--font-size-28)}

}

@media (max-width:768px){

  .ic-ul{ width:4.44vw; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .ic-ul li{ width:4.44vw; height:4.44vw; margin-bottom:3.89vw}
  .ic-ul li .ic{ width:4.44vw; height:4.44vw; border-radius: 2.22vw; display:flex; justify-content: center; align-items: center; font-size:0; background-repeat: no-repeat; background-position: center;}
  .ic-ul li:first-child{ margin-bottom:2.22vw; display:flex; justify-content: center; align-content: center;}
  .ic-ul li:first-child{ margin-bottom:2.22vw}
  .ic-ul li:last-child{ margin-bottom:0}
  
  .sub_board_tit{ margin:0 auto 4.72vw auto; font-size:var(--font-size-28); word-break: keep-all; width:80vw; text-align: center;}

}


#top_btn{position:fixed; bottom:56px; right:56px; width:40px; height:40px; border-radius: 20px; background-color:var(--white); display:flex; justify-content: center; align-items: center; font-size:0; background-repeat: no-repeat; background-position: center; border:0; z-index:100}
#top_btn i.arrow{width:100%;height:100%;background:url("/theme/basic/img/common/ic-up-arrow.svg") no-repeat center}

@media (max-width:1280px){

  #top_btn{position:fixed; bottom:1.39vw; right:1.39vw; }


}

@media (max-width:768px){

  #top_btn{position:fixed; bottom:1.39vw; right:1.39vw; }


}

.sub-center{width:var(--min-con-width); margin:0 auto}
.tit-c-inner{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
.tit-inner{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center; font-size:0}

.page-top{ height:50px; margin:0 auto; display:flex; justify-content: center; align-items: center; }
.page-top li{ margin:0 3px 0 2px; width:216px; height:50px; border-radius:var(--border-radius-25); color:var(--white); font-size:var(--font-size-18); font-weight:var(--weight-semibold); border:1px solid var(--brown-b2a); background:var(--white); color:var(--brown-b2a); display:flex; justify-content: center; align-items: center; cursor:pointer; transition: background 0.3s linear;}
.page-top li.current{ margin:0 3px 0 2px; width:216px; height:50px; border-radius:var(--border-radius-25); color:var(--white); background:var(--brown-b2a)}

.page-inner{ display:none; margin-top:95px }
.page-inner.current{ display:block }

@media (max-width:1280px){
  .sub-center{padding:0 2rem}
}
@media (max-width:768px){


  .sub-center{padding:0}
  .page-top{ width:calc(100% - 38.89vw); height:6.94vw; margin-top:11.11vw }
  .page-top li{ margin:0 3px 0 2px; width:calc(100% - 1.39vw); height:6.94vw; }
  .page-top li.current{ margin:0 3px 0 2px; width:216px; height:6.94vw; }

  .page-inner{ margin-top:0 }
  
}


/*더보기버튼*/
a.btn-more{ min-width:184px; height:38px; border-radius: 19px; background:var(--gray-474); color:var(--white); font-size:var(--font-size-16); font-weight:var(--weight-regular); display:flex; justify-content: center; align-items: center;; padding:0 13px 0 22px}
a.btn-more i{ width:14px; height:14px; background:url("/theme/basic/img/sub/sub03/ic-btn-plus.svg") no-repeat center; background-size:cover; margin-left:8px;font-size:0}


@media (max-width:768px){

  a.btn-more{ min-width:31.94vw; height:7.22vw; border-radius: 4vw; display:flex; justify-content: center; align-items: center;; padding:0 1.81vw 0 3.06vw}
  a.btn-more i{ width:1.94vw; height:1.94vw; background:url("/theme/basic/img/sub/sub03/ic-btn-plus.svg") no-repeat center; background-size:cover; margin-left:1.11vw;font-size:0}

}

[id^="page01_"] .sub-youtube-wrap h2,
[id^="page01_"] .sub-youtube-wrap .inner-top,
[id^="page02_"] .sub-youtube-wrap h2,
[id^="page02_"] .sub-youtube-wrap .inner-top,
[id^="page03_"] .sub-youtube-wrap h2,
[id^="page03_"] .sub-youtube-wrap .inner-top,
[id^="page04_"] .sub-youtube-wrap h2,
[id^="page04_"] .sub-youtube-wrap .inner-top,


#page05_03 .sub-youtube-wrap h2,
#page05_03 .sub-youtube-wrap .inner-top,


#page05_07 .sub-youtube-wrap h2,
#page05_07 .sub-youtube-wrap .inner-top,


[id^="page01_"] .sub-youtube-wrap .inner-btm,
[id^="page02_"] .sub-youtube-wrap .inner-btm,
[id^="page03_"] .sub-youtube-wrap .inner-btm,
[id^="page04_"] .sub-youtube-wrap .inner-btm,
[id^="page05_"] .sub-youtube-wrap .inner-btm,

#page05_07 .sub-youtube-wrap .inner-btm{margin-top:109px; word-break:break-all}



@media (max-width:768px){


  [id^="page01_"] .sub-youtube-wrap,
  [id^="page02_"] .sub-youtube-wrap,
  [id^="page03_"] .sub-youtube-wrap,
  [id^="page04_"] .sub-youtube-wrap,
  [id^="page05_"] .sub-youtube-wrap{ }


}



/**************************************************************************************************************************************************************/

/* 진료안내 - 맑고고운의원 */

/**************************************************************************************************************************************************************/


.mg_01_01{margin-bottom:0} .mg_01_02{margin-bottom:84px} .mg_01_03{margin-bottom:109px} .mg_01_04{margin-bottom:84px} .mg_01_05{margin-bottom:109px} .mg_01_06{margin-bottom:109px}

@media (max-width:1280px){
  .mg_01_02{margin-bottom:6.56vw} .mg_01_03{margin-bottom:8.52vw} .mg_01_04{margin-bottom:6.56vw} .mg_01_05{margin-bottom:8.52vw} .mg_01_06{margin-bottom:8.52vw}
}

@media (max-width:768px){
  .mg_01_02{margin-bottom:0} .mg_01_03{margin-bottom:0} .mg_01_04{margin-bottom:0} .mg_01_05{margin-bottom:0} .mg_01_06{margin-bottom:0}
}


/*진료안내*/


.sub-tit-cont{ margin:0 0 103px 0;}
.sub-tit-cont *{ text-align: center;}

.type-m15       { font-size:var(--font-size-15) !important; font-weight:var(--weight-medium); line-height:var(--font-size-24); color:var(--gray-474)}
.type-r15       { font-size:var(--font-size-15) !important; font-weight:var(--weight-regular)}

.type-m16       { font-size:var(--font-size-16) !important; font-weight:var(--weight-medium); line-height:var(--font-size-23)}

.type-r17       { font-size:var(--font-size-17) !important; font-weight:var(--weight-regular); line-height:var(--font-size-28)}
.type-sb17      { font-size:var(--font-size-17) !important; font-weight:var(--weight-semibold); line-height:var(--font-size-28)}

.type-r18       { font-size:var(--font-size-18) !important; margin-bottom:8px ; font-weight:var(--weight-regular); line-height:var(--font-size-28)}
.type-m18       { font-size:var(--font-size-18) !important; margin-bottom:8px ; font-weight:var(--weight-medium); line-height:var(--font-size-28)}
.type-l18       { font-size:var(--font-size-18) !important; font-weight:var(--weight-light); line-height:var(--font-size-28)}
.type-sb18      { font-size:var(--font-size-18) !important; font-weight:var(--weight-semibold); line-height:var(--font-size-28)}
.type-b18       { font-size:var(--font-size-18) !important; font-weight:var(--weight-bold); line-height:var(--font-size-28)}

.type-l20       { font-size:var(--font-size-20) !important; font-weight:var(--weight-light); line-height:var(--font-size-28); color:var(--gray-474)}
.type-m20      { font-size:var(--font-size-20) !important; font-weight:var(--weight-medium); line-height:var(--font-size-28); color:var(--gray-474)}
.type-r20       { font-size:var(--font-size-20) !important; font-weight:var(--weight-regular); line-height:var(--font-size-28); }
.type-b20       { font-size:var(--font-size-20) !important; font-weight:var(--weight-bold); line-height:var(--font-size-28); }
.type-sb20      { font-size:var(--font-size-20) !important; font-weight:var(--weight-semibold); color:var(--black)}

.type-sb22      { font-size:var(--font-size-22) !important; font-weight:var(--weight-semibold); line-height:var(--font-size-28); }
.type-l22      { font-size:var(--font-size-22) !important; font-weight:var(--weight-light); line-height:var(--font-size-28); }

.type-l24       { font-size:var(--font-size-24) !important; font-weight:var(--weight-light); line-height:var(--font-size-24); color:var(--gray-474)}
.type-b24       { font-size:var(--font-size-24) !important; font-weight:var(--weight-bold); line-height:var(--font-size-24); color:var(--gray-474)}
.type-sb24      { font-size:var(--font-size-24) !important; font-weight:var(--weight-semibold); line-height:var(--font-size-24); color:var(--gray-474)}
.type-sb25      { font-size:var(--font-size-25) !important; font-weight:var(--weight-semibold); line-height:var(--font-size-28); color:var(--gray-474)}
.type-l25       { font-size:var(--font-size-25) !important; font-weight:var(--weight-light); line-height:var(--font-size-28); }
.type-r25       { font-size:var(--font-size-25) !important; font-weight:var(--weight-regular); line-height:var(--font-size-28); }
.type-m25       { font-size:var(--font-size-25) !important; font-weight:var(--weight-medium); line-height:var(--font-size-28); }
.type-b25       { font-size:var(--font-size-25) !important; font-weight:var(--weight-bold); line-height:var(--font-size-28); color:var(--gray-474)}

.type-r30       { font-size:var(--font-size-30) !important; font-weight:var(--weight-regular); margin-bottom:13px }
.type-b30       { font-size:var(--font-size-30) !important; font-weight:var(--weight-bold); margin-bottom:13px }
.type-sb30      { font-size:var(--font-size-30) !important; font-weight:var(--weight-semibold); margin-bottom:13px }

.type-sb35      { font-size:var(--font-size-35) !important; font-weight:var(--weight-semibold); line-height:42px; margin-bottom:13px }
.type-b35       { font-size:var(--font-size-35) !important; font-weight:var(--weight-bold); line-height:42px; margin-bottom:13px }
.type-l35       { font-size:var(--font-size-35) !important; font-weight:var(--weight-light); line-height:42px; }
.type-r35       { font-size:var(--font-size-35) !important; font-weight:var(--weight-regular); line-height:42px; }
.type-r35 strong{ font-weight:var(--weight-semibold)}

@media (max-width:1280px){


  .sub-tit-cont{ margin:0 0 8.05vw 0;}
  
  
  
  .type-r18       { margin-bottom:0.63vw}
  .type-m18       { margin-bottom:0.63vw}
    
  
  .type-r30       { margin-bottom:1.02vw }
  .type-b30       { margin-bottom:1.02vw }
  .type-sb30      { margin-bottom:1.02vw }
  
  .type-sb35      { line-height:3.28vw; margin-bottom:1.02vw }
  .type-b35       { line-height:3.28vw; margin-bottom:1.02vw }
  .type-l35       { line-height:3.28vw; }
  .type-r35       { line-height:3.28vw; }


}

@media (max-width:768px){

  .type-r18       { margin-bottom:1.11vw}
  .type-m18       { margin-bottom:1.11vw}

  .type-r30       { margin-bottom:1.81vw }
  .type-b30       { margin-bottom:1.81vw }
  .type-sb30      { margin-bottom:1.81vw }
  
  .type-sb35      { line-height:5.83vw; margin-bottom:1.81vw }
  .type-b35       { line-height:5.83vw; margin-bottom:1.81vw }
  .type-l35       { line-height:5.83vw; }
  .type-r35       { line-height:5.83vw; }

}


.sub-stit-cont{ margin:0 0 103px 0;}
.sub-stit-cont01{ margin:0 0 75px 0;}

#page01_01{ }
#page01_01 .sub-center{ margin-top:100px }
#page01_01 .mem-inner{ display:flex; flex-direction:row; justify-content: space-between; align-items: center; padding-left:64px}
#page01_01 .mem-inner .img{ width:450px; }
#page01_01 .mem-inner .greeting-txt{ width:calc(100% - 634px);}
#page01_01 .mem-inner .greeting-txt .txt{ font-family:var(--font-family-maruburi); font-size:var(--font-size-16); line-height:27px;}
#page01_01 .mem-inner .sign-inner{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top:56px;}
#page01_01 .mem-inner .sign-inner .name{ font-size:var(--font-size-35); font-weight:var(--weight-semibold); margin-right:18px; margin-top:23px}
#page01_01 .mem-inner .sign-inner .tit{ font-size:var(--font-size-20); margin-right:48px;margin-top:41px; font-weight:var(--weight-semibold);}

#page01_01 .profile-ul{ display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding-left:64px; padding-bottom:147px}
#page01_01 .profile-ul.jc-fe{ justify-content:flex-end}
#page01_01 .profile-ul dl{ width:560px; max-width:595px; margin-bottom:66px; margin-top:80px}
#page01_01 .profile-ul.jc-fe dl *{text-align: right;}
#page01_01 .profile-ul dl *{color:var(--gray-474)}
#page01_01 .profile-ul dl:nth-child(odd){ }
#page01_01 .profile-ul dl:nth-child(even){ margin-left:90px}
#page01_01 .profile-ul dl dt{ font-size:var(--font-size-20);margin-bottom:9px; line-height:2 }
#page01_01 .profile-ul dl dd,
#page01_01 .profile-ul dl dd span{ position:relative; font-size:var(--font-size-16); line-height:2; padding-left:10px}
#page01_01 .profile-ul dl dd strong{ font-weight:var(--weight-bold)}
#page01_01 .profile-ul dl dd.nodics{ position:relative}
#page01_01 .profile-ul dl dd.nodics:before{display:none}
#page01_01 .profile-ul dl dd span:before,
#page01_01 .profile-ul dl dd:before{content:"•"; position:absolute; top:0; left:0;}
#page01_01 .profile-ul dl dd span:before{top:-0.313rem}
#page01_01 .profile-ul dl dd.subs{ position:relative; padding-left:20px}
#page01_01 .profile-ul dl dd.subs:before{content:"•"; position:absolute; top:0; left:10px; }

@media (max-width:1280px){

  #page01_01{ }
  #page01_01 .sub-center{ margin-top:7.81vw}
  #page01_01 .mem-inner{  padding:0 5.00vw}

  #page01_01 .mem-inner .img{ width:35.16vw; }
  #page01_01 .mem-inner .greeting-txt{ width:calc(100% - 49.53vw);}
  #page01_01 .mem-inner .greeting-txt .txt{ line-height:1.5}
  #page01_01 .mem-inner .sign-inner{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top:4.38vw;}
  #page01_01 .mem-inner .sign-inner .name{ margin-right:1.41vw; margin-top:1.80vw}
  #page01_01 .mem-inner .sign-inner .tit{ margin-right:3.75vw;margin-top:3.20vw;}
  
  #page01_01 .profile-ul{ padding-left:5.00vw; padding-right:5.00vw; padding-bottom:11.48vw}
  #page01_01 .profile-ul dl{ width:50%; max-width:50%; margin-bottom:5.16vw; margin-top:6.25vw}
  #page01_01 .profile-ul dl:nth-child(even){ margin-left:0; padding-left:7.03vw}
  #page01_01 .profile-ul dl dt{ margin-bottom:0.70vw; }
  #page01_01 .profile-ul dl dd,
  #page01_01 .profile-ul dl dd span{ padding-left:0.78vw}
  #page01_01 .profile-ul dl dd span:before{top:-0.313rem}
  #page01_01 .profile-ul dl dd.subs{ padding-left:1.56vw}
  #page01_01 .profile-ul dl dd.subs:before{left:7.03vw }

}

@media (max-width:768px){

  
  #page01_01 .sub-center{ margin-top:9.31vw; padding:0 6.94vw}
  #page01_01 .mem-inner{ margin-top:7.81vw; flex-direction: column; justify-content: flex-start; align-items: center; padding:0}
  #page01_01 .mem-inner .img{ width:62.50vw; }
  #page01_01 .mem-inner .greeting-txt{display:flex; flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start; width:100%; margin-bottom:13.61vw}
  #page01_01 .mem-inner .greeting-txt .txt{margin-top:6.39vw}
  #page01_01 .profile-ul + .mem-inner {flex-direction: column; }

  #page01_01 .mem-inner .sign-inner{ margin-top:10.14vw; display:flex; align-items: flex-end;}
  #page01_01 .mem-inner .sign-inner .name{ margin-right:2.50vw; margin-top:0; font-size:var(--font-size-35)}
  #page01_01 .mem-inner .sign-inner .tit{ margin-right:0;margin-top:0; font-size:var(--font-size-24)}

  #page01_01 .profile-ul{ padding-left:0; padding-right:0; padding-bottom:8.33vw; padding-top:0}
  #page01_01 .profile-ul.jc-fe{ justify-content: flex-start;}
  #page01_01 .profile-ul.jc-fe dl *{ text-align: left;}
  #page01_01 .profile-ul dl{ width:100%; max-width:100%; margin-bottom:5.16vw; margin-top:0}
  #page01_01 .profile-ul dl:nth-child(even){ margin-left:0; padding-left:0}
  #page01_01 .profile-ul dl dt{ margin-bottom:1.67vw; font-size:var(--font-size-24) }
  #page01_01 .profile-ul dl dd,
  #page01_01 .profile-ul dl dd span{ padding-left:1.39vw}
  #page01_01 .profile-ul dl dd span:before{top:-0.313rem}
  #page01_01 .profile-ul dl dd.subs{ padding-left:1.56vw}
  #page01_01 .profile-ul dl dd.subs:before{left:7.03vw }

}

#page01_03{  padding-bottom:99px}
#page01_03 .sub-center{ margin-top:100px; padding:0 1.563rem}
#page01_03 .time-wrap{ display:flex; justify-content: space-between; align-items: flex-start; margin-top:68px; padding-bottom:93px}
#page01_03 .time-wrap .inner{ width:calc((100% - 3.375rem ) /2); display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
#page01_03 .time-wrap .inner .tit{ width:100%; height:49px; border-bottom:1px solid var(--black); font-size:var(--font-size-25); font-weight:var(--weight-semibold); margin-bottom:45px}
#page01_03 .time-wrap .inner .tit span{ font-size:var(--font-size-25); color:var(--gray-7e7); margin-left:12px; font-weight:var(--weight-light)}
#page01_03 .time-wrap .time-ul{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
#page01_03 .time-wrap .time-ul li{ margin-bottom:30px; display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start;}
#page01_03 .time-wrap .time-ul li *{ font-weight:var(--weight-semibold)}
#page01_03 .time-wrap .time-ul li .label-time{ width:128px; }
#page01_03 .time-wrap .time-ul li .label-day{ width:178px; color:var(--gray-474)}
#page01_03 .time-wrap .time-ul li .tag-time{ width:calc(100% - 306px); color:var(--gray-474)}
#page01_03 .time-wrap .time-ul li .label-day.d-h,
#page01_03 .time-wrap .time-ul li .tag-time.d-h{ color:var(--red-b75)}
#page01_03 .time-wrap .tel-ul{ margin-top:0; width:100%;}
#page01_03 .time-wrap .tel-ul li{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
#page01_03 .time-wrap .tel-ul li .ic{ font-size:0; width:15px; height:21px; background:url("/theme/basic/img/sub/sub01/ic-location.svg") no-repeat center; margin-right:10px; background-size:cover }
#page01_03 .time-wrap .tel-ul li:last-child{ margin-top:44px}
#page01_03 .time-wrap .tel-ul li .label-tel{ font-size:var(--font-size-25); font-weight:var(--weight-regular); color:var(--black); margin-right:21px}
#page01_03 .time-wrap .tel-ul li .tag-tel{ color:var(--gray-474); font-size:var(--font-size-25); font-weight:var(--weight-semibold) }
#page01_03 .tit-c-inner h3.clr-7e7{color:var(--gray-7e7)}

#page01_03 .banner-wrap{ width:100%; height:419px; background:url("/theme/basic/img/sub/sub01/sub01_03_img.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center; margin-bottom:75px}
#page01_03 .banner-wrap *{ color:var(--white); text-align: center;}
#page01_03 .banner-wrap .sub-center{ margin-top:0; padding:0}
#page01_03 .banner-wrap h2.type-b{ font-size:var(--font-size-35); font-weight:var(--weight-semibold); margin-bottom:13px}
#page01_03 .banner-wrap h3.type-s{ font-size:var(--font-size-18); font-weight:var(--weight-regular)}
#page01_03 .banner-wrap p{ margin-top:59px; font-size:var(--font-size-25); font-weight:var(--weight-light); line-height:42px}


#page01_03 .subject-wrap{ border-left:1px solid var(--gray-e3e); border-right:1px solid var(--gray-e3e); display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top:68px; margin-bottom:121px}
#page01_03 .subject-wrap li{width:calc(100% / 4); border-right:1px solid var(--gray-e3e); display:flex; justify-content: center; align-items: flex-start;}
#page01_03 .subject-wrap li:nth-child(4n){border-right:0}
#page01_03 .subject-wrap li dl{ }
#page01_03 .subject-wrap li dl *{ text-align: center; }
#page01_03 .subject-wrap li dl dt{ font-size:var(--font-size-20); color:var(--black); font-weight:var(--weight-bold); margin-bottom:18px}
#page01_03 .subject-wrap li dl dd{ font-size:var(--font-size-18); color:var(--gray-8b8); font-weight:var(--weight-semibold); margin-bottom:16px;}
#page01_03 .subject-wrap li dl dd:last-child{ margin-bottom:0}
#page01_03 .subject-wrap li dl dd.dics{position:relative}
#page01_03 .subject-wrap li dl dd.dics:after{content:""; position:absolute}


@media (max-width:1280px){

  #page01_03{  padding-bottom:7.73vw}
  #page01_03 .sub-center{ margin-top:7.81vw; padding:0 1.563rem}
  #page01_03 .time-wrap{ margin-top:5.31vw; padding-bottom:7.27vw}
  #page01_03 .time-wrap .inner{ width:calc((100% - 4.22vw ) /2); }
  #page01_03 .time-wrap .inner .tit{ width:100%; height:3.83vw; margin-bottom:3.52vw}
  #page01_03 .time-wrap .inner .tit span{ margin-left:0.94vw; }
  #page01_03 .time-wrap .time-ul li{ margin-bottom:2.34vw; }
  #page01_03 .time-wrap .time-ul li .label-time{ width:10.00vw; }
  #page01_03 .time-wrap .time-ul li .label-day{ width:13.91vw; }
  #page01_03 .time-wrap .time-ul li .tag-time{ width:calc(100% - 23.91vw); }
  
  #page01_03 .time-wrap .tel-ul li .ic{ font-size:0; width:1.17vw; height:1.64vw; margin-right:0.78vw; }
  #page01_03 .time-wrap .tel-ul li:last-child{ margin-top:3.44vw}
  #page01_03 .time-wrap .tel-ul li .label-tel{ margin-right:1.64vw}
  
  #page01_03 .banner-wrap{ width:100%; height:32.73vw; margin-bottom:5.86vw }
  #page01_03 .banner-wrap h2.type-b{  margin-bottom:1.02vw}
  #page01_03 .banner-wrap p{ margin-top:4.61vw; line-height:3.28vw}
  
  
  #page01_03 .subject-wrap{ margin-top:5.31vw; margin-bottom:9.45vw}
  #page01_03 .subject-wrap li dl dt{ margin-bottom:1.41vw}
  #page01_03 .subject-wrap li dl dd{ margin-bottom:1.25vw;}

}


@media (max-width:768px){

  #page01_03 .tit-c-inner:nth-of-type(1){ margin-top: 13.06vw }
  #page01_03 .tit-c-inner:nth-of-type(1) h3{ font-size:var(--font-size-22); font-weight:var(--weight-regular)}

  #page01_03 .sub-center{ margin-top:7.81vw; padding:0 5.56vw}

  #page01_03 .time-wrap{ flex-direction:column; justify-content: center; align-items: center; margin-top:12.50vw; padding-bottom:12.50vw; }
  #page01_03 .time-wrap .inner{ width:100%; }
  #page01_03 .time-wrap .inner:nth-child(2){ margin-top:19.44vw}
  #page01_03 .time-wrap .inner .tit{ width:100%; height:7.22vw; font-size:var(--font-size-30); margin-bottom:6.25vw}
  #page01_03 .time-wrap .inner .tit span{ font-size:var(--font-size-30); color:var(--gray-7e7); margin-left:1.81vw;}
  #page01_03 .time-wrap .time-ul{ width:100%; }
  #page01_03 .time-wrap .time-ul li{ margin-bottom:3.75vw; font-size:var(--font-size-22)}
  #page01_03 .time-wrap .time-ul li .label-time{ width:18.47vw;}
  #page01_03 .time-wrap .time-ul li .label-day{ width:28.89vw;}
  #page01_03 .time-wrap .time-ul li .tag-time{ width:calc(100% - 47.36vw); }  
  #page01_03 .time-wrap .tel-ul li .ic{ width:2.08vw; height:2.92vw; margin-right:1.39vw;}
  #page01_03 .time-wrap .tel-ul li:nth-child(1){ font-size:var(--font-size-20)}
  #page01_03 .time-wrap .tel-ul li:last-child{ margin-top:6.11vw}
  #page01_03 .time-wrap .tel-ul li .label-tel{margin-right:2.92vw}

  #page01_03 .sub-center.bg{ background:var(--gray-f9f); margin-top:0; padding-top:11.81vw; padding-bottom:12.78vw}
  #page01_03 .banner-wrap{ width:100%; height:58.19vw; background:url("/theme/basic/img/sub/sub01/sub01_03_img-m.png") no-repeat center; margin-bottom:0}
  #page01_03 .banner-wrap h2.type-b{ font-size:var(--font-size-35); font-weight:var(--weight-semibold); margin-bottom:1.81vw}
  #page01_03 .banner-wrap h3.type-s{ font-size:var(--font-size-18); font-weight:var(--weight-regular)}
  #page01_03 .banner-wrap p{ margin-top:8.19vw; line-height:5.83vw}

  #page01_03 .banner-wrap + .tit-c-inner{ padding-top:10.42vw; background:var(--gray-f9f)}
  #page01_03 .banner-wrap + .tit-c-inner h3{ margin-bottom:0}
  
  
  #page01_03 .subject-wrap{ border-left:0; border-right:0; margin-top:0; margin-bottom:0}
  #page01_03 .subject-wrap li{width:calc(100% / 2); border-right:1px solid var(--gray-e3e); display:flex; justify-content: center; align-items: flex-start;}
  #page01_03 .subject-wrap li:nth-child(2n){border-right:0}
  #page01_03 .subject-wrap li dl dt{ margin-bottom:2.78vw; font-size:var(--font-size-24)}
  #page01_03 .subject-wrap li:nth-child(1) dl dt{ margin-top:4.86vw}
  #page01_03 .subject-wrap li:nth-child(2) dl dt{ margin-top:4.86vw}
  #page01_03 .subject-wrap li dl dd{ margin-bottom:1.94vw; font-size:var(--font-size-22)}

}

@media (max-width:320px){

  #page01_03 .time-wrap .time-ul li .label-day{ width:26.89vw;}
  #page01_03 .time-wrap .time-ul li .tag-time{ width:calc(100% - 45.36vw); }  

}


/* 원내 둘러보기 */
#page01_05 .tit-c-inner .type-sb35{margin-bottom:0;}

#page01_05 .hpSwiper2{ width:100%; max-width:var(--min-con-width); overflow: hidden; margin:65px 0; position:relative}
#page01_05 .swiper-button-next{ width:168px; height:168px; background:url("../img/sub/sub01/ic-hp-arrow.svg") no-repeat center; transform:rotate(180deg); position:absolute; right:-84px; top:calc(50% - 84px); margin-top:0}
#page01_05 .swiper-button-next:after{ display:none }
#page01_05 .swiper-button-prev{ width:168px; height:168px; background:url("../img/sub/sub01/ic-hp-arrow.svg") no-repeat center; position:absolute; left:-84px; top:calc(50% - 84px); margin-top:0}
#page01_05 .swiper-button-prev:after{ display:none }
#page01_05 .hpSwiper{ width:100%; max-width:var(--min-con-width); overflow:hidden; margin-bottom:96px; box-sizing: border-box;}
#page01_05 .swiper-slide{ display: block;  width: 100%;  height: 100%;  object-fit: cover;}

@media (max-width:1280px){

  #page01_05 .hpSwiper2{ margin:5.08vw 0;}
  #page01_05 .swiper-button-next{ width:13.13vw; height:13.13vw; right:-6.56vw; top:calc(50% - 6.56vw); }
  #page01_05 .swiper-button-next:after{ display:none }
  #page01_05 .swiper-button-prev{ width:13.13vw; height:13.13vw; left:-6.56vw; top:calc(50% - 6.56vw); }
  #page01_05 .hpSwiper{ margin-bottom:7.50vw; }


}

@media (max-width:768px){

  #page01_05 .sub-center{ padding:0 4.17vw}
  #page01_05 .hpSwiper2{ margin:5.08vw 0;}
  #page01_05 .swiper-button-next{ width:11.94vw; height:11.94vw; right:-5.94vw; top:calc(50% - 5.97vw); background-size:cover}
  #page01_05 .swiper-button-next:after{ display:none }
  #page01_05 .swiper-button-prev{ width:11.94vw; height:11.94vw; left:-5.97vw; top:calc(50% - 5.97vw); background-size:cover}
  #page01_05 .hpSwiper{ margin-bottom:0}
  #page01_05 .hpSwiper .swiper-wrapper{ display:grid; grid-template-columns: repeat(5, 1fr); gap: 3.47vw;}
  #page01_05 .hpSwiper .swiper-slide{ display:inline-flex; }


}


#page01_06{ padding:9.375rem 0 0 0}
#page01_06 .sub-center{ margin-top:60px}
#page01_06 .map{ width:100%; height:602px;}
#page01_06 .map .root_daum_roughmap{width:100%; height:100%}
#page01_06 .map .root_daum_roughmap .wrap_map{width:100%; height:100%}
#page01_06 .map-wrap{ margin-top:46px; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
#page01_06 .map-wrap h3{ font-size:var(--font-size-25); font-weight:var(--weight-regular); margin:45px 0; }
#page01_06 .map-wrap h2{ font-size:var(--font-size-30); font-weight:var(--weight-bold); margin-bottom:45px; color:var(--gray-474)}
#page01_06 .map-wrap .trans-ul{ width:1020px; display:flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap:nowrap; margin:0 auto 121px auto}
#page01_06 .map-wrap .trans-ul li{ width:calc(100% / 2); max-width:510px; padding-left:124px}
#page01_06 .map-wrap .trans-ul li:last-child{ border-left:1px solid var(--gray-474); padding-left:124px;}
#page01_06 .map-wrap .trans-ul li dl{width:100%; max-width:385px}
#page01_06 .map-wrap .trans-ul li dl *{ color:var(--gray-474)}
#page01_06 .map-wrap .trans-ul li dt{ font-size:var(--font-size-20); font-weight:var(--weight-bold); display:flex; flex-direction:row; justify-content: flex-start; align-items: center; margin-bottom:24px}
#page01_06 .map-wrap .trans-ul li dt .ic{width:27px; height:32px;margin-right:11px}
#page01_06 .map-wrap .trans-ul li dt .ic img{width:100%; height:auto;}
#page01_06 .map-wrap .trans-ul li dd{ font-size:var(--font-size-18); font-weight:var(--weight-medium); margin-bottom:33px;}
#page01_06 .map-wrap .trans-ul li dd:last-child{ margin-bottom:0 }

#page01_06 .map-dtl{ width:100%; height:63px; background:var(--black); display:flex; justify-content: center; align-items: center; color:var(--white); font-weight:var(--weight-medium); font-size:var(--font-size-18)}
#page01_06 .map-dtl span{ display:inline-flex; justify-content: flex-start; align-items: center;}
#page01_06 .map-dtl i{ width:17px; height:22px; background:url("../img/sub/sub01/ic-map.svg") no-repeat center; font-size:0; margin-right:0.625rem; display:inline-flex}
#page01_06 .map-dtl a{ border:1px solid var(--white); height:44px; display:inline-flex; border-radius: 22px; font-size:var(--font-size-18); font-weight:var(--weight-semibold); padding:0 46px; line-height:44px; margin-left:210px}

#page01_06 .tit-c-inner h3.clr-7e7{color:var(--gray-7e7)}


@media (max-width:1280px){

  #page01_06{ padding:0 0 0 0}
  #page01_06 .sub-center{ margin-top:4.69vw}
  #page01_06 .map{ width:100%; height:39.06vw;}
  #page01_06 .map-wrap{ margin-top:3.59vw; }
  #page01_06 .map-wrap h3{ margin:3.52vw 0; }
  #page01_06 .map-wrap h2{ margin-bottom:3.52vw; }
  #page01_06 .map-wrap .trans-ul{ width:79.69vw; margin:0 auto 9.45vw auto}
  #page01_06 .map-wrap .trans-ul li{ max-width:50%; padding-left:9.69vw}
  #page01_06 .map-wrap .trans-ul li:last-child{ padding-left:9.69vw;}
  #page01_06 .map-wrap .trans-ul li dl{width:100%; max-width:100%}
  #page01_06 .map-wrap .trans-ul li dt{ margin-bottom:1.88vw}
  #page01_06 .map-wrap .trans-ul li dt .ic{width:2.11vw; height:2.50vw;margin-right:0.86vw}
  #page01_06 .map-wrap .trans-ul li dd{ margin-bottom:2.58vw;}

  #page01_06 .map-dtl{ height:4.92vw}
  #page01_06 .map-dtl i{ width:1.33vw; height:1.72vw; margin-right:0.78vw}
  #page01_06 .map-dtl a{ height:3.44vw; border-radius: 1.72vw; padding:0 3.59vw; line-height:3.44vw; margin-left:16.41vw}

}

@media (max-width:768px){

  #page01_06 .tit-c-inner{ margin-top:13.19vw}
  #page01_06 .sub-center{ margin-top:8.33vw}
  #page01_06 .map{ width:100%; height:75.00vw;}
  #page01_06 .map-wrap{ margin-top:6.33vw; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
  #page01_06 .map-wrap h2{ margin-bottom:6.25vw}
  #page01_06 .map-wrap h2{ margin-bottom:6.25vw}
  #page01_06 .map-wrap .trans-ul{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap:nowrap; margin:0 auto 13.89vw auto}
  #page01_06 .map-wrap .trans-ul li{ width:100%; max-width:100%; padding-left:0}
  #page01_06 .map-wrap .trans-ul li:last-child{ border-left:0; padding-left:0; margin-top:10.00vw}
  #page01_06 .map-wrap .trans-ul li dl{width:100%; max-width:calc(100% - 11.11vw); margin:0 auto}
  #page01_06 .map-wrap .trans-ul li dt{ display:flex; flex-direction:row; justify-content: center; align-items: center; margin-bottom:3.33vw; text-align: center;}
  #page01_06 .map-wrap .trans-ul li dt .ic{width:3.75vw; height:4.44vw;margin-right:1.53vw}
  #page01_06 .map-wrap .trans-ul li dd{ text-align: center; margin-bottom:4.58vw;}

  #page01_06 .map-dtl{ height:auto; flex-direction: column; justify-content: center; align-items: center; padding:3.06vw 0}
  #page01_06 .map-dtl span{ display:flex;}
  #page01_06 .map-dtl i{ width:2.08vw; height:2.92vw; margin-right:1.39vw; background-size:cover}
  #page01_06 .map-dtl a{ height:5.56vw; border-radius: 2.78vw; padding:0 6.39vw; line-height:5.56vw; margin-left:0; margin-top:2.22vw}

  
}

/*여백체크*/
.mg_01_01{margin-bottom:125px} 
.mg_01_05{margin-bottom:97px} 
.mg_02_04{margin-bottom:176px} 
.mg_03_04{margin-bottom:159px} .mg_03_10{margin-bottom:0}
.mg_04_01, .mg_04_02{margin-bottom:159px}  .mg_04_08{margin-bottom:159px}  .mg_04_09{margin-bottom:159px}
.mg_05_03, .mg_05_07{margin-bottom:159px} 
.mg_08_01{margin-bottom:159px}  .mg_08_02{margin-bottom:133px} 
.mg_09_01{margin-bottom:130px}  .mg_09_03{margin-bottom:133px} .mg_09_04{margin-bottom:133px} .mg_09_07{margin-bottom:109px} 

@media (max-width:1280px){

  .mg_01_01{margin-bottom:9.77vw} 
  .mg_02_04{margin-bottom:13.67vw} 
  .mg_03_04{margin-bottom:12.50vw} .mg_03_10{margin-bottom:0}
  .mg_04_01, .mg_04_02{margin-bottom:12.50vw}  .mg_04_08{margin-bottom:12.50vw}  .mg_04_09{margin-bottom:12.50vw}
  .mg_05_03, .mg_05_07{margin-bottom:12.50vw} 
  .mg_08_01{margin-bottom:12.50vw}  .mg_08_02{margin-bottom:10.55vw} 
  .mg_09_01{margin-bottom:10.16vw}  .mg_09_03{margin-bottom:10.55vw} .mg_09_04{margin-bottom:10.55vw} .mg_09_07{margin-bottom:8.52vw} 

}



@media (max-width:768px){

  [id*="page0"]{padding-top:37.36vw }
  #page01_02{padding-top:0 }
  #page01_03{padding-top:0 }
  #page01_06{padding-top:0 }
  #page03_09{padding-top:21.11vw }
  #page03_10{padding-top:21.11vw }
  #page09_06{padding-top:0; margin-top:21.11vw }

}


/**************************************************************************************************************************************************************/

/* 서브구성 */

/**************************************************************************************************************************************************************/


.sub-b-guide{ display:flex; justify-content: space-between; align-items: center; margin-bottom:194px}
.sub-b-guide.hg560{ margin-bottom:0; height:560px}
.sub-b-guide.hg760{ margin-bottom:0; height:760px}
.sub-b-guide.hg720{ margin-bottom:0; height:720px}
.sub-b-guide.hg710{ margin-bottom:0; height:710px; margin-bottom:0}
.sub-b-guide .left{ width:calc(100% - 640px); height:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;  }
.sub-b-guide .left .stit,
.sub-b-guide .left p{ font-size:var(--font-size-18); margin-bottom:21px; font-weight:var(--weight-light)}
.sub-b-guide .left p.noMg{ margin-bottom:0; }
.sub-b-guide .left p.bMg10{ margin-bottom:0.625rem; }
.sub-b-guide .left p.mg36{ margin-bottom:36px; }
.sub-b-guide .left .stit{ margin-bottom:21px; }
.sub-b-guide .left h4{ font-size:var(--font-size-35); font-weight:var(--weight-light); margin-bottom:43px; padding-right:3.75rem; word-break: keep-all;}
.sub-b-guide .left h4.bMg23{ margin-bottom:23px}
.sub-b-guide .left h4 strong{ font-weight:var(--weight-bold)}

.sub-b-guide .left h2{ margin-bottom : 27px;}
.sub-b-guide .left h2 strong{ font-weight:var(--weight-bold)}

.sub-b-guide .img{ width:640px; height:360px; min-height:360px; border-radius: var(--border-radius-25); /*background-color:var(--gray-e3e);*/ font-size:0; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.sub-b-guide .img iframe,.sub-b-guide .img embed{ width:100%; height:100%; }
.sub-b-guide .img img{ max-width:100%; height:auto; max-height:100%; object-fit: contain; }

#page05_03 .sub-b-guide .img{ height:auto;}


/*쥬페룩 서브페이지 220917*/
#page04_08 .bgC09 > li:nth-child(1) {background: #167DBA !important}
#page04_08 .new-tit-c{text-align: center}
#page04_08 .new-pd{padding: 75px 0 469px 0 !important}
#page04_08 .new-tit-s{font-size: var(--font-size-18); margin-bottom: 21px; font-weight: var(--weight-light);}
#page04_08 .type-sb30 span{color: #167DBA}


@media (max-width:1280px){

  .sub-b-guide{ margin-bottom:14.84vw; max-width:100%}
  .sub-b-guide.hg560{ margin-bottom:0; height:43.75vw}
  .sub-b-guide.hg760{ margin-bottom:0; height:59.38vw}
  .sub-b-guide.hg720{ margin-bottom:0; height:56.25vw}
  .sub-b-guide.hg710{ margin-bottom:0; height:auto; padding:10rem 0}
  .sub-b-guide .left{ width:50%; padding-right:0; word-break: keep-all;}
  .sub-b-guide .left .stit,
  .sub-b-guide .left p{ margin-bottom:1.25rem; }
  .sub-b-guide .left p.mg36{ margin-bottom:2.81vw; }
  .sub-b-guide .left .stit{ margin-bottom:1.64vw; }
  .sub-b-guide .left h4{ margin-bottom:3.36vw; padding-right:4.69vw}
  .sub-b-guide .left h4.bMg23{ margin-bottom:1.80vw}
  
  .sub-b-guide .left h2{ margin-bottom : 2.11vw;}
  
  .sub-b-guide .img{ width:50%; height:auto; min-height:auto;}


}

@media (max-width:768px){

  .sub-b-guide{ flex-direction:column; justify-content: flex-start; align-items: center; margin-bottom:11.11vw}
  .sub-b-guide.hg560{ margin-bottom:0; height:77.78vw}
  .sub-b-guide.hg760{ margin-bottom:0; height:105.56vw}
  .sub-b-guide.hg720{ margin-bottom:0; height:129.86vw}
  .sub-b-guide.hg710{ margin-bottom:0; height:auto; padding:0 0 17.78vw 0}
  .sub-b-guide .left{ width:100%; height:auto; display:flex; flex-direction:column; justify-content: center; align-items: center; margin-top: 0; padding-left:0 }
  .sub-b-guide .left .stit,
  .sub-b-guide .left p{ margin-bottom:6.94vw; text-align: center; font-size:var(--font-size-25); line-height:1.5}

  .sub-b-guide .left p.noMg{ margin-bottom:0; }
  .sub-b-guide .left p.mg36{ margin-bottom:5vw; }
  .sub-b-guide .left .stit{ margin-bottom:2.92vw; }
  .sub-b-guide .left h4{ margin-bottom:3.19vw; text-align: center; font-size:var(--font-size-40); padding-right:0}

  #page02_09 .sub-b-guide .left{ padding-left:0}
  #page02_09 .sub-b-guide .left p{ font-size:var(--font-size-25); font-weight:var(--weight-regular); margin-bottom:0}
  #page02_09 .sub-b-guide .left h4{ font-size:var(--font-size-40)}

  #page04_09 .sub-b-guide .left{ padding:0 5.56vw}
  
  .sub-b-guide .left h2{ margin-bottom : 3.75vw;}

  .sub-b-guide .img{ width:calc(100% - 11.11vw);  height:0; min-height:0; margin-top:0; padding-bottom:56.25%; overflow:hidden; position:relative}
  .sub-b-guide .img iframe,
  .sub-b-guide .img embed,
  .sub-b-guide .img object,
  .sub-b-guide .img img{ position:absolute; top:0;left:0;width:100%; height:100%;}
  

  [id^=page05_0] .sub-b-guide { padding-bottom:11.11vw; margin-bottom:0}
  

}


.sub-b02-guide{ padding:66px 0 125px 0}
.sub-b02-guide .sub-center{ display:flex; justify-content: space-between; align-items: center; width:1160px}
.sub-b02-guide .left{ width:calc(100% - 500px); display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub-b02-guide .left h3{ margin-bottom:36px}
.sub-b02-guide .left h3 strong{ font-weight:var(--weight-semibold) }
.sub-b02-guide .left ul{}
.sub-b02-guide .left ul li{  line-height:44px; }
.sub-b02-guide .left ul li span{ position:relative ;padding-left:10px}
.sub-b02-guide .left ul li span:before{ content:"•"; position:absolute; left:0; top:-12px}
.sub-b02-guide .right{ width:426px; padding-right:73px; display:flex; flex-direction: column; justify-content: flex-start; align-content: center;}
.sub-b02-guide .img{ width:416px; }
.sub-b02-guide .txt{ margin-top:20px; text-align: center; }

@media (max-width:1280px){

  .sub-b02-guide{ padding:5.08vw 0 5.08vw 0}
  .sub-b02-guide .sub-center{ width:100%; padding:0 2.5rem}
  .sub-b02-guide .left{ width:50%; }
  .sub-b02-guide .left h3{ margin-bottom:2.81vw}
  .sub-b02-guide .left ul li { line-height:3.44vw; }
  .sub-b02-guide .left ul li span{padding-left:0.78vw}
  #page03_10 .sub-b02-guide .left ul li span{ padding-left:0}
  .sub-b02-guide .right{ width:50%; padding-right:0; }
  .sub-b02-guide .img{ width:100%; display:flex; justify-content: center; align-items: flex-start; }
  .sub-b02-guide .img img{ width:auto}
  .sub-b02-guide .txt{ margin-top:1.56vw; }

}

@media (max-width:768px){

  .sub-b02-guide{ padding:13.61vw 0}
  .sub-b02-guide .sub-center{ flex-direction:column; justify-content: center; align-items: center; width:calc(100% - 34.72vw); margin:0 auto; padding:0}
  .sub-b02-guide .left{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom:7.92vw}
  .sub-b02-guide .left h3{ margin-bottom:4.86vw; text-align: center; font-size:var(--font-size-40) !important}
  .sub-b02-guide .left ul{ text-align: center;}
  .sub-b02-guide .left ul li span{ line-height:6.11vw; padding-left:2.08vw; text-align: center; font-size:var(--font-size-24)}
  .sub-b02-guide .left ul li span:before{ top:-1.39vw}
  .sub-b02-guide .right{ width:100%; padding-right:0; }
  .sub-b02-guide .img{ width:100%; margin:0 auto }
  .sub-b02-guide .img img{ width:100% }
  .sub-b02-guide .txt{ margin-top:3.47vw; text-align: center; }

  #page03_10 .sub-b02-guide .left ul li span{ padding-left:2.08vw}


}


.sub-s-guide{ background:var(--gray-ebe); padding:82px 0}
.sub-s-guide .sub-center{ display:flex; justify-content: space-between; align-items: center; }
.sub-s-guide .left{ width:calc(100% - 640px); height:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;  }
.sub-s-guide .left .stit{ margin-bottom:16px }
.sub-s-guide .left h4{ margin-bottom:16px }
.sub-s-guide .left h4 strong{ color:var(--red-b75)}


@media (max-width:1280px){

  .sub-s-guide{ padding:6.25vw 0}
  .sub-s-guide .sub-center{ }
  .sub-s-guide .left{ width:50%; }
  .sub-s-guide .left .stit{ margin-bottom:1.25vw }
  .sub-s-guide .left h4{ margin-bottom:1.25vw }

}

@media (max-width:768px){

  .sub-s-guide{ padding:11.39vw 0}
  .sub-s-guide .sub-center{ flex-direction:column; justify-content: center; width:calc(100% - 11.11vw); margin:0 auto; padding:0}
  .sub-s-guide .left{ width:100%; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: center; margin-bottom:15.00vw }
  .sub-s-guide .left .stit{ margin-bottom:2.22vw; text-align: center;}
  .sub-s-guide .left h4{ margin-bottom:2.22vw ; text-align: center;}
  .sub-s-guide .img{ width:100% }
  .sub-s-guide .img img,
  .sub-s-guide .img iframe{ width:100% }

}


.sub-row-wrap{ padding:63px 0 180px 0}
.sub-row-wrap .tit-c-inner{ margin-bottom:50px}
.sub-row-wrap .img-row{ width:1120px; margin:0 auto; display:flex; justify-content: space-between; align-items: baseline;}
.sub-row-wrap .img{ margin:0 auto; border-radius: var(--border-radius-25); font-size:0; text-align: center; }
.sub-row-wrap .img img{ width:auto; max-width:100%; height:auto; margin:0 auto}
.sub-row-wrap .cau{ margin-top:78px; text-align: center;}



/*@*/media (max-width:768px){

  .sub-row-wrap{ padding:8.75vw 0 25.00vw 0}
  .sub-row-wrap .tit-c-inner{ margin-bottom:6.94vw}
  .sub-row-wrap .img-row{ width:100%; margin:0 auto; flex-direction:column; justify-content: center; align-items: center;}
  .sub-row-wrap .img{ width:calc(100% - 9.72vw)}
  .sub-row-wrap .cau{ margin-top:10.83vw;}

}


.sub-4area-wrap{ padding:130px 0}
.sub-4area-wrap .area-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-4area-wrap .area-ul li{ width:50%; display:flex; justify-content: flex-start; align-items: flex-start; padding:0}
.sub-4area-wrap .area-ul li:nth-child(1){ flex-direction: column; align-items: flex-start; justify-content: center; height:360px;}
.sub-4area-wrap .area-ul li:nth-child(1) h2{ margin-bottom:28px;}
.sub-4area-wrap .area-ul li:nth-child(1) h3 strong{ font-weight:var(--weight-semibold) }

.sub-4area-wrap .area-ul li:nth-child(2) img{ border-radius: var(--border-radius-25);}

.sub-4area-wrap .area-ul li:nth-child(n+3){ padding-top:90px; flex-direction: column; align-items: flex-start; justify-content: flex-start; height:auto}
.sub-4area-wrap .area-ul li:nth-child(n+3) *{ text-align: left; }
.sub-4area-wrap .area-ul li:nth-child(n+3) h2{ color:var(--black)}
.sub-4area-wrap .area-ul li:nth-child(n+3) h3{ margin:20px 0;  color:var(--red-b75)}
.sub-4area-wrap .area-ul li:nth-child(n+3) p{ color:var(--black)}

/*@*/media (max-width:768px){

  .sub-4area-wrap{ padding:12.36vw 0 16.67vw 0}
  .sub-4area-wrap .area-ul{ display:flex; flex-direction:column; align-items: center; flex-wrap: wrap; width:calc(100% - 11.11vw); margin:0 auto}
  .sub-4area-wrap .area-ul li{ width:100%; display:flex; justify-content: flex-start; align-items: flex-start; padding:0}
  .sub-4area-wrap .area-ul li img{ width:100%; }
  .sub-4area-wrap .area-ul li:nth-child(1){ flex-direction: column; align-items: center; justify-content: center; height:auto}
  .sub-4area-wrap .area-ul li:nth-child(1) h2{ margin-bottom:3.89vw; text-align: center;}

  .sub-4area-wrap .area-ul li:nth-child(n+3){ padding-top:7.78vw; flex-direction: column; align-items: center; justify-content: flex-start; height:auto;}
  .sub-4area-wrap .area-ul li:nth-child(n+3) *{ text-align: center}
  .sub-4area-wrap .area-ul li:nth-child(n+3) h3{ margin:2.78vw 0;}

  .sub-4area-wrap .area-ul li:nth-child(3) h3{ margin:0 0 3.89vw 0; color:var(--black); }
  .sub-4area-wrap .area-ul li:nth-child(3) h3 strong{ font-weight:var(--weight-semibold)}

}

.sub-lifting-wrap{ background:var(--gray-242); padding:95px 0 140px 0}
.sub-lifting-wrap *{ color:var(--white)}
.sub-lifting-wrap.rsv .sub-center{ flex-direction: row-reverse;}
.sub-lifting-wrap .sub-center{ display:flex; justify-content: space-between; align-items: center;}
.sub-lifting-wrap .left{ display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub-lifting-wrap .left h2{ margin-bottom:20px }
.sub-lifting-wrap .left h3 strong{ font-weight:var(--weight-semibold)}


.sub-lifting-wrap .lifting-ul{ width:641px; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.sub-lifting-wrap .lifting-ul li{ width:152px; margin-right:11px; margin-bottom:37px}
.sub-lifting-wrap .lifting-ul li:nth-child(4n){ margin-right:0}
.sub-lifting-wrap .lifting-ul li .img{ width:100%; text-align: center;}
.sub-lifting-wrap .lifting-ul li .img img{ width:auto; max-width:100%; height:auto}
.sub-lifting-wrap .lifting-ul li p{ margin-top:31px; text-align: center;}
.sub-lifting-wrap .lifting-ul li p strong{ font-weight:var(--weight-semibold) }
.sub-lifting-wrap .lifting-ul li:last-child{margin-right:0}

/*@*/media (max-width:768px){

  .sub-lifting-wrap{ padding:13.19vw 0 19.44vw 0}
  .sub-lifting-wrap.rsv .sub-center{ flex-direction: column-reverse; width:calc(100% - 25.00vw);}
  .sub-lifting-wrap .sub-center{ display:flex; flex-direction:column; justify-content: flex-start; }
  .sub-lifting-wrap .left{ display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
  .sub-lifting-wrap .left h2{ margin-bottom:2.78vw; text-align: center; }


  .sub-lifting-wrap .lifting-ul{ width:calc(100% - 35.83vw); margin:9.17vw auto 0 auto; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .sub-lifting-wrap .lifting-ul li{ width:50%; margin-right:0; margin-bottom:3.75vw; display:flex; flex-direction:column; justify-content: center; align-items: center;}
  .sub-lifting-wrap .lifting-ul li:nth-child(n+5){ width:calc((100% - 13.89vw) / 3); margin-right:6.94vw; margin-bottom:0; padding:0 }
  .sub-lifting-wrap .lifting-ul li:last-child{ margin-right:0 }
  .sub-lifting-wrap .lifting-ul li:nth-child(4n){ margin-right:0}
  .sub-lifting-wrap .lifting-ul li .img{ width:21.11vw; text-align: center; margin:0 auto}
  .sub-lifting-wrap .lifting-ul li:nth-child(n+5) .img{ width:10.42vw; text-align: center; margin:0 auto}
  .sub-lifting-wrap .lifting-ul li .img img{ width:auto; max-width:100%; height:auto}
  
  .sub-lifting-wrap .lifting-ul li p{ margin-top:4.31vw; text-align: center;}
  .sub-lifting-wrap .lifting-ul li:last-child{margin-right:0}

}

.sub-lifting-type-wrap{ padding:130px 0}
.sub-lifting-type-wrap .lifting-ul{ margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start;}
.sub-lifting-type-wrap .lifting-ul li{ display:flex; flex-direction:column; justify-content:center; align-items: center; width:calc(100% / 7); background:url(/theme/basic/img/sub/sub01/boarder05_07.svg) no-repeat right top; padding-bottom:60px; padding-right:2px}
.sub-lifting-type-wrap .lifting-ul li:first-child{ width:140px; }
.sub-lifting-type-wrap .lifting-ul li .col{ width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center; background:var(--white); padding:0 20px; text-align: center;}
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(2){ padding:0}
.sub-lifting-type-wrap .lifting-ul li .col .img{ width:100%; height:158px; background:var(--gray-ece); font-size:0; display:block}
.sub-lifting-type-wrap .lifting-ul li .col .img img{ width:auto; max-width:100%; max-height:158px}
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(1){ height:100px }
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(2){ height:158px }
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(3){ height:180px }
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(4){ height:340px }
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(5){ height:140px }
.sub-lifting-type-wrap .lifting-ul li .col:nth-child(6){ height:140px }


/*@*/media (max-width:768px){

  .sub-lifting-type-wrap{ padding:18.06vw 0}
  .sub-lifting-type-wrap .inner{ width: calc(100% - 8.33vw); margin:0 0 0 8.33vw; overflow-x:auto; padding:0 0 9.44vw 0}
  .sub-lifting-type-wrap .lifting-ul{ margin:0; display:flex; justify-content: flex-start; align-items: flex-start; width:100%; min-width:1256px;}
  .sub-lifting-type-wrap .lifting-ul li{ display:flex; flex-direction:column; justify-content:center; align-items: center; width:calc(100% / 7); background:url(/theme/basic/img/sub/sub01/boarder05_07.svg) no-repeat right top; padding-bottom:8.33vw; padding-right:0.28vw}
  .sub-lifting-type-wrap .lifting-ul li:first-child{ width:19.44vw; }
  .sub-lifting-type-wrap .lifting-ul li .col{ width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding:0 2.78vw; text-align: center;}
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(2){ padding:0}
  .sub-lifting-type-wrap .lifting-ul li .col .img{ width:100%; height:21.94vw;font-size:0; display:block}
  .sub-lifting-type-wrap .lifting-ul li .col .img img{ width:100%; height:auto; max-height:21.94vw}
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(1){ height:13.89vw }
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(2){ height:21.94vw }
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(3){ height:25.00vw }
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(4){ height:47.22vw }
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(5){ height:19.44vw }
  .sub-lifting-type-wrap .lifting-ul li .col:nth-child(6){ height:19.44vw }

}

.sub-img-wrap{}
.sub-img-wrap .img{width:100%}
.sub-img-wrap .img img{width:100%; height:auto}

.sub-clue-wrap{ background:var(--gray-ebe); padding:100px 0}
.sub-clue-wrap .sub-center{ display:flex; justify-content: space-between; align-items: center;}
.sub-clue-wrap .left{ width:408px; margin-left:43px;}
.sub-clue-wrap .left .img{ height:276px; border-radius: var(--border-radius-25);}
.sub-clue-wrap .left .img img{ width:auto; max-width:100%; height:auto}
.sub-clue-wrap .left .arrow{ width:100%; height:130px; display:flex; justify-content: center; align-items: center;}
.sub-clue-wrap .right{ width:547px;}
.sub-clue-wrap .right h2{ margin-bottom:20px;}
.sub-clue-wrap .right p{ margin-bottom:50px; color:var(--black)}
.sub-clue-wrap .right p strong{ font-weight:var(--weight-bold); color:var(--red-b55)}
.sub-clue-wrap .right p.num { line-height:56px; margin-bottom:0;}
.sub-clue-wrap .right p.num strong{ font-weight:var(--weight-bold); color:var(--black)}

/*@*/media (max-width:768px){

  .sub-clue-wrap{ padding:10.28vw 0 15.69vw 0}
  .sub-clue-wrap .sub-center{ flex-direction:column; justify-content: center; }
  .sub-clue-wrap .left{ width:100%; margin-left:0;}
  .sub-clue-wrap .left .img{ height:276px; }
  .sub-clue-wrap .left .arrow{ width:100%; height:130px; display:flex; justify-content: center; align-items: center;}
  .sub-clue-wrap .right{ width:calc(100% - 18.06vw);}
  .sub-clue-wrap .right h2{ margin-bottom:2.78vw; text-align: center;}
  .sub-clue-wrap .right p{ margin-bottom:6.94vw; text-align: center;}
  .sub-clue-wrap .right p.num { line-height:7.78vw; margin-bottom:0;}

  .sub-clue-wrap .right-img{ width:calc(100% - 25.00vw); margin:0 auto 9.17vw auto;}
  .sub-clue-wrap .right-img .img{ height:38.33vw; }
  .sub-clue-wrap .right-img .img img{ width:100%}
  .sub-clue-wrap .right-img .arrow{ width:100%; height:13.89vw; display:flex; justify-content: center; align-items: center;}
  .sub-clue-wrap .right-img .arrow img{ width:4.44vw }

}

.sub-flx-img-wrap{ height:564px; background:url("/theme/basic/img/sub/sub01/bg05_05.png") no-repeat center; background-size:cover}
.sub-flx-img-wrap .sub-center{ display:flex; justify-content: space-between; align-items: center;}
.sub-flx-img-wrap .img{ width:50%; height:564px; text-align: center; display:flex; justify-content: center; align-items: flex-end;}
.sub-flx-img-wrap .img img{ width:auto; max-width:100%; height:auto}
.sub-flx-img-wrap .script{ width:50%; padding-left:134px;}
.sub-flx-img-wrap .script h2{ color:var(--violet-462) }
.sub-flx-img-wrap .script p{ margin-top:16px; color:var(--black); line-height:36px }
.sub-flx-img-wrap .script p strong{ font-weight:var(--bold)}

/*@*/media (max-width:768px){

  .sub-flx-img-wrap{ height:94.44vw; background:url("/theme/basic/img/sub/sub01/bg05_05.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: flex-end;}
  .sub-flx-img-wrap .sub-center{ justify-content: flex-start; align-items: flex-start; width:calc(100% - 3.89vw);}
  .sub-flx-img-wrap .img{ width:100%; height:70.83vw; text-align: center; display:flex; justify-content: center; align-items: flex-end; margin-right:4.58vw}
  .sub-flx-img-wrap .img img{ width:auto; max-width:100%; height:auto}
  .sub-flx-img-wrap .script{ width:100%; padding-left:0; margin-top:14.44vw}
  .sub-flx-img-wrap .script p{ margin-top:2.22vw; line-height:5.00vw }

}

.sub-flx-wrap{ height:665px; background:url("/theme/basic/img/sub/sub01/bg05_05_flx.png") no-repeat center; background-size:cover}
.sub-flx-wrap .sub-center{ width:1041px; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
.sub-flx-wrap h2{  width:242px; height:138px; margin:70px 0 92px}
.sub-flx-wrap .flx-ul{ width:100%; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
.sub-flx-wrap .flx-ul li{ width:calc((100% - 138px) / 3); height:94px; margin-right:69px; margin-bottom:33px ; border:1px solid  var(--white); color:var(--white);border-radius: 47px; display:flex; justify-content: center; align-items: center;}
.sub-flx-wrap .flx-ul li:nth-child(3n){ margin-right:0 }

/*@*/media (max-width:768px){

  .sub-flx-wrap{ height:118.61vw; background:url("/theme/basic/img/sub/sub01/bg05_05_flx-m.png") no-repeat center; background-size:cover}
  .sub-flx-wrap .sub-center{ width:calc(100% - 13.06vw); }
  .sub-flx-wrap h2{  width:33.61vw; height:19.17vw; margin:14.58vw 0 16.39vw}
  .sub-flx-wrap h2 img{ width:100%}
  .sub-flx-wrap .flx-ul{ width:calc(100% - 13.33vw); margin:0 auto}
  .sub-flx-wrap .flx-ul li{ width:calc((100% - 3.06vw) / 2); height:13.06vw; margin-right:3.06vw; margin-bottom:6.94vw ; border-radius: 7vw; }
  .sub-flx-wrap .flx-ul li:nth-child(2n){ margin-right:0 }
  .sub-flx-wrap .flx-ul li:nth-child(3n){ margin-right:3.06vw }
  .sub-flx-wrap .flx-ul li:last-child{ margin-right:0 }

}


.sub-universe-wrap{height:820px; background:url("/theme/basic/img/sub/sub01/bg05_01.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center;}
.sub-universe-wrap .sub-center{display:flex; justify-content: space-between; align-items: center  ;}
.sub-universe-wrap .left{width:50%; }
.sub-universe-wrap .left h2{ width:372px; margin-bottom:36px;}
.sub-universe-wrap .left h2 img{ width:100%; height:auto;}
.sub-universe-wrap .left h3{ font-size:var(--font-size-50); font-weight:var(--weight-light); color:var(--white);  margin-bottom:36px;}
.sub-universe-wrap .left h3 strong{ color:var(--orange-ff8); font-weight:var(--weight-semibold);}
.sub-universe-wrap .left p{ line-height:36px; color:var(--white)}
.sub-universe-wrap .img{ width:50%;padding-left:172px; text-align: left;}

/*@*/media (max-width:768px){

  .sub-universe-wrap{height:95.00vw; }
  .sub-universe-wrap .sub-center{ flex-direction:column; justify-content: center; align-items: center  ;}
  .sub-universe-wrap .left{width:100%; text-align: center;}
  .sub-universe-wrap .left h2{ width:36.39vw; margin:0 auto 7.22vw auto}
  .sub-universe-wrap .left h2 img{ width:100%; height:auto;}
  .sub-universe-wrap .left h3{  margin-bottom:5.00vw;}
  .sub-universe-wrap .left p{ line-height:5.00vw; }
  .sub-universe-wrap .img{ display:none}

}

.sub-result-wrap{ background:var(--blue-f8f); padding:90px 0 67px}
.sub-result-wrap .rst-ul{ width:1056px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-result-wrap .rst-ul li{ width:calc((100% - 112px) / 3); height:375px; border-radius: var(--border-radius-25); background:var(--white)}
.sub-result-wrap .rst-ul li .img{ width:100%; height:270px; display:flex; justify-content: center; align-items: center;}
.sub-result-wrap .rst-ul li .txt{ font-weight:var(--weight-medium); color:var(--gray-343); text-align: center; line-height:22px}

.sub-result-wrap .rst-ul.grid4{ width:1280px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-result-wrap .rst-ul.grid4 li{ width:calc((100% - 81px) / 4); height:480px; border-radius: var(--border-radius-25); background:var(--white)}
.sub-result-wrap .rst-ul.grid4 li .img{ width:100%; height:267px; display:flex; justify-content: center; align-items: center;}
.sub-result-wrap .rst-ul.grid4 li .tit{line-height:24px; margin-bottom:33px;text-align: center;}
.sub-result-wrap .rst-ul.grid4 li .txt{ color:var(--gray-5e5); text-align: center; line-height:24px; font-weight:var(--weight-semibold)}

.sub-result-wrap .cau{ margin-top:78px; text-align: center;}
.sub-result-wrap .cau strong{  color:var(--violet-6d5) }



/*@*/media (max-width:768px){

  .sub-result-wrap{ padding:12.50vw 0 9.31vw}
  .sub-result-wrap .rst-ul{ width:calc( 100% - 5.00vw); margin:0 auto; display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start;}
  .sub-result-wrap .rst-ul li{ width:calc((100% - 3.33vw) / 3); height:52.08vw; padding:0 1.39vw}
  .sub-result-wrap .rst-ul li .img{ width:100%; height:34.72vw; display:flex; justify-content: center; align-items: center;}
  .sub-result-wrap .rst-ul li .img img{ width:50%}
  .sub-result-wrap .rst-ul li:nth-child(3) .img img{ width:11.11vw}
  .sub-result-wrap .rst-ul li .txt{ line-height:3.06vw}
  
  .sub-result-wrap .rst-ul.grid4{ width:calc(100% - 3.75vw); margin:0 auto; display:flex; flex-direction:row; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .sub-result-wrap .rst-ul.grid4 li{ width:calc((100% - 3.61vw) / 2); height:71.39vw; margin-right:3.61vw; margin-bottom:3.61vw}
  .sub-result-wrap .rst-ul.grid4 li:nth-child(2n){ margin-right:0}
  .sub-result-wrap .rst-ul.grid4 li:nth-child(n+3){ margin-bottom:0}
  .sub-result-wrap .rst-ul.grid4 li .img{ width:100%; height:35.69vw; display:flex; justify-content: center; align-items: center;}
  .sub-result-wrap .rst-ul.grid4 li .img img{ width:40%; }
  .sub-result-wrap .rst-ul.grid4 li .tit{line-height:3.33vw; margin-bottom:4.58vw;text-align: center;}
  .sub-result-wrap .rst-ul.grid4 li .txt{ color:var(--gray-5e5); text-align: center; line-height:3.33vw; }
  
  .sub-result-wrap .cau{ margin-top:10.83vw; text-align: center;}
  

}

/*결과의 차이 레이저리프팅*/
.sub-result01-wrap{ padding:65px 0}
.sub-result01-wrap .sub-center{ width:660px}
.sub-result01-wrap h2{ font-size:var(--font-size-40); color:var(--brown-b2a); font-weight:var(--weight-regular); margin-bottom:30px }
.sub-result01-wrap h2 span{font-weight:var(--weight-bold)}
.sub-result01-wrap .rst-ul{ width:100%; margin:0 auto; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.sub-result01-wrap .rst-ul li{ position:relative; padding-left:30px; font-size:var(--font-size-18); line-height:1.5; text-align: left; word-break: keep-all;}
.sub-result01-wrap .rst-ul li strong{ font-weight:var(--weight-semibold)}
.sub-result01-wrap .rst-ul li:not(:last-child){ margin-bottom:22px}
.sub-result01-wrap .rst-ul li:before{ content:""; width:25px; height:22px; background:url("../img/sub/sub01/ico-sub0503-chk.svg") no-repeat center; display:flex; position:absolute; top:0; left:0;}

@media (max-width:1280px){


  .sub-result01-wrap{ padding:5.08vw 0}
  .sub-result01-wrap .sub-center{ width:51.56vw}
  .sub-result01-wrap h2{ margin-bottom:2.34vw; }
  .sub-result01-wrap .rst-ul li{ padding-left:2.34vw;}
  .sub-result01-wrap .rst-ul li:not(:last-child){ margin-bottom:1.72vw}
  .sub-result01-wrap .rst-ul li:before{ width:1.95vw; height:1.72vw; }

}

@media (max-width:768px){


  .sub-result01-wrap{ padding:10.69vw 0}
  .sub-result01-wrap .sub-center{ width:calc(100% - 12.50vw)}
  .sub-result01-wrap h2{ margin-bottom:9.44vw; font-size:var(--font-size-35)}
  .sub-result01-wrap .rst-ul li{ padding-left:5.14vw; font-size:var(--font-size-20)}
  .sub-result01-wrap .rst-ul li:not(:last-child){ margin-bottom:4.17vw}
  .sub-result01-wrap .rst-ul li:before{ width:3.47vw; height:3.06vw; background-size:cover }

}



.sub-howto-in-wrap{ padding:110px 0 120px 0}
.sub-howto-in-wrap h2{ color:var(--violet-221); margin-bottom:60px}
.sub-howto-in-wrap .in-ul{ width:1260px; margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-howto-in-wrap .in-ul li{ width:calc((100% - 90px) / 3); margin-right:45px; height:555px }
.sub-howto-in-wrap .in-ul li *{  text-align: center;}
.sub-howto-in-wrap .in-ul li:nth-child(3n){ margin-right:0}
.sub-howto-in-wrap .in-ul li .num{ width:42px; height:42px; border:1px solid var(--violet-6d5); border-radius: 21px; text-align: center; line-height:42px; margin:0 auto 21px auto}
.sub-howto-in-wrap .in-ul li .img{ height:250px; border-radius: var(--border-radius-25); margin-bottom:29px;}
.sub-howto-in-wrap .in-ul li h3{ margin-bottom:17px; }
.sub-howto-in-wrap .in-ul li p{ margin-bottom:17px; }

.sub-howto-size-wrap{ padding:82px 0 78px 0; background:var(--gray-f9f)}
.sub-howto-size-wrap h2{ margin-bottom:54px; color:var(--violet-221) }
.sub-howto-size-wrap .size-ul{ width:840px; display:flex; flex-direction: column;}
.sub-howto-size-wrap .size-ul li{ height:92px; border-radius: var(--border-radius-25); background:var(--white); text-align: center; line-height:92px; color:var(--gray-5e5); margin-bottom:22px}

/*@*/media (max-width:768px){

  .sub-howto-in-wrap{ padding:11.25vw 0 3.89vw 0}
  .sub-howto-in-wrap h2{ margin-bottom:7.64vw}
  .sub-howto-in-wrap .in-ul{ width:calc(100% - 3.75vw); margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-howto-in-wrap .in-ul li{ width:calc((100% - 3.61vw) / 2); margin-right:3.61vw; height:72.22vw }

  .sub-howto-in-wrap .in-ul li:nth-child(2n){ margin-right:0}
  .sub-howto-in-wrap .in-ul li:nth-child(3n){ margin-right:0}
  .sub-howto-in-wrap .in-ul li:nth-child(3){ margin-right:3.61vw}

  .sub-howto-in-wrap .in-ul li .num{ width:5.83vw; height:5.83vw; border-radius: 2.92vw; text-align: center; line-height:5.83vw; margin:0 auto 2.92vw auto}
  .sub-howto-in-wrap .in-ul li .img{ height:auto; margin-bottom:4.03vw;}
  .sub-howto-in-wrap .in-ul li .img img{ width:100%;}
  .sub-howto-in-wrap .in-ul li h3{ margin-bottom:2.36vw; }
  .sub-howto-in-wrap .in-ul li p{ margin-bottom:0; }
  
  .sub-howto-size-wrap{ padding:11.39vw 0 10.83vw 0; }
  .sub-howto-size-wrap h2{ margin-bottom:7.50vw; }
  .sub-howto-size-wrap .size-ul{ width:calc(100% - 13.89vw); display:flex; flex-direction: column;}
  .sub-howto-size-wrap .size-ul li{ height:auto; text-align: center; line-height:4.17vw; color:var(--gray-5e5); margin-bottom:3.06vw; padding:3.47vw 9.03vw}

}


.sub-slogan-wrap{ padding:172px 0 152px 0; background:var(--gray-fbf)}
.sub-slogan-wrap .sub-center{ display:flex; justify-content: space-between; align-items:center;}

.sub-slogan-wrap .img{ width:640px; height:360px; display:flex; justify-content:center; align-items: flex-start; font-size:0; background:var(--gray-ece); border-radius: var(--border-radius-25);}
.sub-slogan-wrap .img img{ width:auto; max-width:100%;}

.sub-slogan-wrap .right{ width:calc(100% - 640px); padding:0 0 0 175px;}
.sub-slogan-wrap .right h2{ line-height:47px; }
.sub-slogan-wrap .right h2 strong{ color:var(--brown-b2a);}
.sub-slogan-wrap .right p{ line-height:47px; color:var(--gray-474); text-align: left;}
.sub-slogan-wrap .right p span{ position:relative; padding-left:10px; }
.sub-slogan-wrap .right p span:before{ content:"· "; position:absolute; top:-12px; left:0}

@media (max-width:1280px){

  .sub-slogan-wrap{ padding:13.28vw 0 11.72vw 0}

  .sub-slogan-wrap .img{ width:auto; max-width:100%; height:auto; max-height:28.13vw; }

  .sub-slogan-wrap .right{ width:50%; padding:0 0 0 11.33vw;}
  .sub-slogan-wrap .right h2{ line-height:3.67vw; }
  .sub-slogan-wrap .right p{ line-height:3.67vw; }
  .sub-slogan-wrap .right p span{ padding-left:0.78vw; }
  .sub-slogan-wrap .right p span:before{ top:-0.94vw }

}

@media (max-width:768px){

  .sub-slogan-wrap{ padding:15.97vw 0 15.97vw 0; }
  .sub-slogan-wrap .sub-center{ flex-direction:column-reverse; justify-content: center;}
  
  .sub-slogan-wrap .img{ width:calc(100% - 11.11vw); height:auto; min-height:50.00vw; display:flex; justify-content:center; align-items: flex-start; }
  .sub-slogan-wrap .img img{ width:auto; max-width:100%;}
  
  .sub-slogan-wrap .right{ width:calc(100% - 11.11vw); padding:0; margin:0 auto 11.39vw auto}
  .sub-slogan-wrap .right h2{ line-height:6.53vw; text-align: center;}
  .sub-slogan-wrap .right p{ line-height:6.53vw; text-align: center; font-size:var(--font-size-24) !important}
  .sub-slogan-wrap .right p span{ padding-left:1.39vw }
  .sub-slogan-wrap .right p span:before{ content:"· "; position:absolute; top:-1.67vw; left:0}

}



.sub-rimg-wrap{ padding:110px 0 80px 0;}
#page02_09 .sub-rimg-wrap{ padding:160px 0 130px 0;}
#page02_09 .sub-rimg-wrap + .sub-rimg-wrap{ padding:110px 0 0 0}
#page02_09 .sub-rimg-wrap.bPd170{ padding-bottom:170px}
.sub-rimg-wrap .sub-center{ display:flex; justify-content: space-between; align-items:center;}
.sub-rimg-wrap.rsv .sub-center{ display:flex; flex-direction:row-reverse; justify-content: space-between; align-items:center;}
.sub-rimg-wrap .left{ width:calc(100% - 640px); padding:0 80px;}
#page02_09 .sub-rimg-wrap .left{ width:calc(100% - 640px); padding:0 0;}
#page02_09 .sub-rimg-wrap .left p{word-break: keep-all;}
#page02_09 .sub-rimg-wrap .left.lPd80{ padding-left:80px}
.sub-rimg-wrap .left h2{ line-height:42px; margin-bottom:28px}
#page02_09 .sub-rimg-wrap .left h2{ margin-bottom:38px}
.sub-rimg-wrap .left h2 strong{ color:var(--blue-006); font-weight:var(--weight-semibold)}
.sub-rimg-wrap .left h2 strong.clr-red{ color:var(--red-a83) !important; }
.sub-rimg-wrap .left h2 strong.clr-yellow{ color:var(--yellow-fcc) !important; }
.sub-rimg-wrap .left h2 strong.clr-blue{ color:var(--blue-295) !important; }
.sub-rimg-wrap .left h2 strong.clr-purple{ color:var(--violet-9c6) !important; }
.sub-rimg-wrap .left h2 strong.clr-purple7{ color:var(--violet-784) !important; }
.sub-rimg-wrap .left h2 strong.clr-green{ color:var(--green-3fa) !important; }
.sub-rimg-wrap .left p strong{ font-weight:var(--weight-semibold) }
.sub-rimg-wrap .img{ width:640px; display:flex; justify-content:center; align-items: flex-start;}
.sub-rimg-wrap .img img{ width:auto; max-width:100%;}

#page04_01 .sub-rimg-wrap .left h2 strong.clr-red{ color:var(--red-e11); }
#page04_01 .sub-rimg-wrap + .sub-rimg-wrap{  padding:0 0 160px 0}

#page04_08 .sub-rimg-wrap .left h2 strong{ color:var(--blue-006); }
#page04_08 .sub-rimg-wrap .left h2 strong.clr-red{ color:var( --red-f10) !important; }


@media (max-width:1280px){

  .sub-rimg-wrap{ padding:6.875rem 0 5rem 0;}
  #page02_09 .sub-rimg-wrap{ padding:12.50vw 0 10.16vw 0;}
  #page02_09 .sub-rimg-wrap + .sub-rimg-wrap{ padding:6.875rem 0 0 0}
  #page02_09 .sub-rimg-wrap.bPd170{ padding-bottom:10.625rem}
  .sub-rimg-wrap .left{ width:calc(100% / 2); padding:0 2.5rem 0 0;}
  #page02_09 .sub-rimg-wrap .left{ width:calc(100% / 2); padding:0}
  #page02_09 .sub-rimg-wrap .left.lPd80{ padding-left:2.5rem}
  .sub-rimg-wrap .left h2{ line-height:2.625rem; margin-bottom:1.75rem}
  #page02_09 .sub-rimg-wrap .left h2{ margin-bottom:2.375rem}
  .sub-rimg-wrap .img{ width:50%; }
  .sub-rimg-wrap .img img{ width:auto; max-width:100%;}

  #page04_01 .sub-rimg-wrap + .sub-rimg-wrap{  padding:0 0 10rem 0}
  


}

@media (max-width:768px){

  .sub-rimg-wrap{ margin:0; padding:0 0 6.39vw}
  .sub-rimg-wrap .sub-center{ flex-direction:column; justify-content: center; }
  .sub-rimg-wrap.rsv .sub-center{  flex-direction:column; justify-content: center;}
  .sub-rimg-wrap .left{ width:calc(100%); padding:0 8.11vw; text-align: center;}
  .sub-rimg-wrap .left h2{ line-height:5.83vw; margin-bottom:3.89vw; margin-top:13.61vw}
  .sub-rimg-wrap .left p{ font-size:var(--font-size-24) !important; line-height:1.5}
  .sub-rimg-wrap .img{ width:74.17vw; display:flex; justify-content:center; align-items: flex-start;}
  
  #page02_09 .sub-rimg-wrap{ padding:0 0 17.36vw 0;}
  #page02_09 .sub-rimg-wrap + .sub-rimg-wrap{ padding:0 0 0 0}
  #page02_09 .sub-rimg-wrap.bPd170{ padding-bottom:11.81vw}
  #page02_09 .sub-rimg-wrap .left{ width:calc(100%); padding:0 0 0 0}
  #page02_09 .sub-rimg-wrap .left.lPd80{ padding-left:0}
  #page02_09 .sub-rimg-wrap .left h2{ line-height:5.83vw; margin-bottom:3.89vw}
  #page02_09 .sub-rimg-wrap .img{ width:calc(100%); margin:13.89vw 0 0 0}
  #page02_09 .sub-rimg-wrap .img.tMg50{ width:calc(100%); margin:6.94vw 0 0 0}


  #page04_01 .sub-rimg-wrap + .sub-rimg-wrap{  padding:0 0 9.72vw 0}


}


.sub-color-wrap{ height:312px; background:var(--red-b55); display:flex; justify-content: center; align-items: center;}
.sub-color-wrap *{ color:var(--white)}

.sub-color-wrap .sub-center{ display:flex; justify-content: space-between; align-items: center; }
.sub-color-wrap .script{ width:50%; text-align:left}
.sub-color-wrap .script h2 { margin-bottom:16px }
.sub-color-wrap .script h2 strong{ font-weight:var(--weight-bold)}
.sub-color-wrap .img{ width:50%; text-align: left; padding-left:75px}
.sub-color-wrap .img img{ width:auto; max-width:100%; height:auto}

.sub-color-wrap.rsv{ background:var(--yellow-ffd)}
.sub-color-wrap.rsv *{ color:var(--black)}
.sub-color-wrap.rsv .sub-center{ display:flex; flex-direction:row-reverse; justify-content: space-between; align-items:center;}
.sub-color-wrap.rsv .script{ width:50%; text-align:left; padding-left:75px}

/*@*/media (max-width:768px){

  .sub-color-wrap{ height:72.92vw; display:flex; justify-content: center; align-items: center;}
  
  .sub-color-wrap .sub-center{ flex-direction:column; justify-content: center; }
  .sub-color-wrap .script{ width:calc(100% - 27.78vw); text-align:center}
  .sub-color-wrap .script h2 { margin-bottom:5.56vw; text-align: center; }
  .sub-color-wrap .img{ width:calc(100% - 27.78vw); text-align: center; padding-left:0; margin:0 auto 5.56vw auto}
  
  .sub-color-wrap.rsv .sub-center{ display:flex; flex-direction:column-reverse; justify-content: center; align-items:center;}
  .sub-color-wrap.rsv .script{ width:calc(100% - 27.78vw); text-align:left; padding-left:0}
  .sub-color-wrap.rsv .script p{ text-align: center;}


}


.sub-point-wrap{ background:var(--gray-f9f); padding:75px 0 95px 0}
.sub-point-wrap h2{ color:var(--black); margin-bottom:60px}
.sub-point-wrap .point-ul{ width:1100px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-point-wrap .point-ul li{ width:calc((100% - 190px) / 2); }
.sub-point-wrap .point-ul li .img{ width:100%; height:292px; text-align: left; }
.sub-point-wrap .point-ul li .img img{ width:auto; max-width: 100%; height:auto;}
.sub-point-wrap .point-ul li h3{ text-align: center; margin-bottom:20px; color:var(--brown-625)}
.sub-point-wrap .point-ul li p{ text-align: center;  color:var(--gray-474)}
.sub-point-wrap .point-ul li p strong{ font-weight:var(--bold)}

#page04_08 .sub-point-wrap .point-ul li{ width:calc((100% - 100px) / 2); }
#page04_08 .point-ul li .new-img-r{text-align: right !important}

/*@*/media (max-width:768px){

  .sub-point-wrap{ padding:10.42vw 0 13.19vw 0}
  .sub-point-wrap h2{ margin-bottom:8.33vw}
  .sub-point-wrap .point-ul{ width:100%; flex-direction:column; justify-content: center; align-items: flex-start; margin:0 auto}
  .sub-point-wrap .point-ul li{ width:calc((100%)) !important }
  .sub-point-wrap .point-ul li:nth-child(1){ margin-bottom:11.11vw }
  .sub-point-wrap .point-ul li .img{ width:100%; height:40.56vw; text-align: center; margin-bottom:5.56vw }
  .sub-point-wrap .point-ul li .img img{ height:100%; }
 
  /*쥬베룩*/
  #page04_08 .sub-point-wrap{ padding:10.42vw 0 13.19vw 0 !important}
  #page04_08 .sub-point-wrap .point-ul li{ text-align: center !important;}
  #page04_08 .sub-point-wrap .point-ul li .img{ width:100%; height:74.56vw; text-align: center !important; margin-bottom:5.56vw }
  #page04_08 .sub-point-wrap .point-ul li .img img{ height:100%; }

  .sub-point-wrap .point-ul li h3{ margin-bottom:2.78vw}

}

.sub-point01-wrap{ padding:105px 0 130px 0}
.sub-point01-wrap .point-ul{ width:1053px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-point01-wrap .point-ul li{ width:413px;}
.sub-point01-wrap .point-ul li h2{ text-align: center; }
.sub-point01-wrap .point-ul li h3{ margin-bottom:26px; text-align: center; }
.sub-point01-wrap .point-ul li .img{ width:100%; height:221px; margin-bottom:29px }
.sub-point01-wrap .point-ul li .img img{ width:auto; max-width: 100%; height:auto;}
.sub-point01-wrap .point-ul li p{ text-align: center;  color:var(--black); line-height:28px}
.sub-point01-wrap .point-ul li p.cau{ color:var(--green-5cb); margin-top:18px}


/*@*/media (max-width:768px){

  .sub-point01-wrap{ padding:14.58vw 0 18.06vw 0}
  .sub-point01-wrap .point-ul{ width:calc(100% - 42.78vw); flex-direction:column; justify-content: center; align-items: flex-start; margin:0 auto}
  .sub-point01-wrap .point-ul li{ width:100%;}
  .sub-point01-wrap .point-ul li:nth-child(1){ margin-bottom:13.61vw}
  .sub-point01-wrap .point-ul li h3{ margin-bottom:3.61vw; text-align: center; }
  .sub-point01-wrap .point-ul li .img{ width:100%; height:30.69vw; margin-bottom:4.03vw }
  .sub-point01-wrap .point-ul li .img img{ width:auto; max-width: 100%; height:auto;}
  .sub-point01-wrap .point-ul li p{ text-align: center; line-height:3.89vw}
  .sub-point01-wrap .point-ul li p.cau{ margin-top:2.50vw}
  
}

.sub-one-img-wrap{ background:var(--gray-faf); padding:100px 0 85px 0}
.sub-one-img-wrap.noBg{ background:var(--white)}
.sub-one-img-wrap h2{ margin-bottom:65px }
.sub-one-img-wrap .img{ margin:0 auto; width:1053px}
.sub-one-img-wrap .img img{ width:100%}
.sub-one-img-wrap .cau{ margin-top:52px; text-align: center; color:var(--black); line-height:36px}

/*@*/media (max-width:768px){

  .sub-one-img-wrap{ padding:13.89vw 0 11.81vw 0}
  .sub-one-img-wrap h2{ margin-bottom:9.03vw }
  .sub-one-img-wrap .img{ margin:0 auto; width:100%}
  .sub-one-img-wrap .cau{ margin-top:7.22vw; line-height:5.00vw}


}

.sub-mv-img{ height:682px; display:flex; justify-content: center; align-content: center;}
.sub-mv-img *{ color:var(--white); line-height:33px}
.sub-mv-img .sub-center{ display:flex; justify-content: space-between; align-items: center;}
.sub-mv-img .left{  width:calc(100% - 600px); display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub-mv-img .left h2{ margin-bottom:35px; }
.sub-mv-img .left h2 strong{ font-weight:var(--weight-semibold) }
.sub-mv-img .right{ width:570px;margin-right:19px; display:flex; flex-direction: row; justify-content: flex-end; align-items: center}
.sub-mv-img .right li{ width:154px; height:154px; border:1px solid var(--white); margin-right:36px; border-radius: 77px;; display:flex; flex-direction:column; justify-content: center; align-items: center;}
.sub-mv-img .right li h3{ margin-bottom:2px}

@media (max-width:1280px){

  .sub-mv-img{ height:53.28vw; }
  .sub-mv-img *{ line-height:2.58vw}
  .sub-mv-img .left{  width:calc(100% - 46.88vw);}
  .sub-mv-img .left h2{ margin-bottom:2.73vw; }
  .sub-mv-img .right{ width:44.53vw;margin-right:0}
  .sub-mv-img .right li{ width:12.03vw; height:12.03vw; margin-right:2.81vw; border-radius: 6.02vw;}
  .sub-mv-img .right li h3{ margin-bottom:0.16vw}

}


@media (max-width:768px){

  .sub-mv-img{ height:auto; display:flex; justify-content: flex-start; align-content: center;}
  .sub-mv-img *{ line-height:4.44vw}
  .sub-mv-img .sub-center{ display:flex; justify-content:flex-start; align-items: center;}
  .sub-mv-img .left{  width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; padding-left:0}
  .sub-mv-img .left h2{ margin-bottom:4.58vw; text-align: center; line-height:1.5}
  .sub-mv-img .left p{ margin-bottom:31.25vw; text-align: center; }

  .sub-mv-img .right{ width:calc(100% - 25.83vw);margin-right:0; display:flex; flex-direction: row; justify-content: space-between; align-items: center}
  .sub-mv-img .right li{ width:21.39vw; height:21.39vw; margin-right:0; border-radius: 11vw; }
  .sub-mv-img .right li h3{ margin-bottom:0.28vw}
  

}  

#page03_09 .sub-mv-img{ background:url("/theme/basic/img/sub/sub01/sub03_09_tImg.png") no-repeat center; background-size:cover}

#page03_10 .sub-mv-img{ background:url("/theme/basic/img/sub/sub01/sub03_10_tImg.png") no-repeat center; background-size:cover; height:768px}
#page03_10 .sub-mv-img h2{ color:var(--gray-525); margin-bottom:74px}
#page03_10 .sub-mv-img .left p{ color:var(--red-b55); line-height:42px}
#page03_10 .sub-mv-img .left p strong{ font-weight:var(--weight-bold); color:var(--red-b55) }


@media (max-width:1280px){


  #page03_10 .sub-mv-img{ height:60.00vw}
  #page03_10 .sub-mv-img h2{ margin-bottom:5.78vw}
  #page03_10 .sub-mv-img .left p{ line-height:3.28vw}


}

@media (max-width:768px){

  #page03_09 .sub-mv-img{ height:115.69vw;  background:url("/theme/basic/img/sub/sub01/sub03_09_tImg-m.png") no-repeat center; background-size:cover; flex-direction:column; justify-content: center; align-items: center;}
  #page03_09 .sub-mv-img .sub-center{ flex-direction:column;}

  #page03_10 .sub-mv-img{ background:url("/theme/basic/img/sub/sub01/sub03_10_tImg-m.png") no-repeat center; background-size:cover; height:115.69vw; display:flex; flex-direction:column; justify-content: flex-end; align-items: flex-start;}
  #page03_10 .sub-mv-img .left{  align-items: flex-start; padding:0 0 0 9.58vw}
  #page03_10 .sub-mv-img h2{ margin-bottom:8.75vw; text-align: left;}
  #page03_10 .sub-mv-img .left p{ line-height:5.83vw; text-align: left; margin-bottom:21.25vw}


}


.sub-m-guide{ display:flex; justify-content: space-between; align-items: center; height:565px;}
.sub-m-guide li{ width:50%; height:100%; display:flex; align-items: center;}
.sub-m-guide li *{ color:var(--white)}
.sub-m-guide li:nth-child(1) { justify-content: flex-end; background:var(--brown-b2a) }
.sub-m-guide li:nth-child(1) .inner{ width:640px; }
.sub-m-guide li:nth-child(1) .inner h4{ font-size:var(--font-size-40); font-weight:var(--weight-bold)}
.sub-m-guide li:nth-child(1) .inner h4 span{ font-weight:var(--weight-light)}
.sub-m-guide li:nth-child(1) .inner .stit{ font-size:var(--font-size-18); font-weight:var(--weight-semibold); line-height:1.5; margin:18px 0 28px 0}
.sub-m-guide li:nth-child(1) .inner .img{ width:350px; height:155px; border-radius: var(--border-radius-25); /*background:var(--gray-c4c);*/ font-size:0}
.sub-m-guide li:nth-child(1) .inner .img img{ width:auto; max-width:100%; height:auto}
.sub-m-guide li:nth-child(1) .inner .script{ margin-top:85px; line-height:46px}

#page02_09 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:2.375rem; line-height:1.5; font-weight:var(--weight-light)}
#page04_08 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:2.375rem; line-height:1.5; font-weight:var(--weight-light)}
.sub-m-guide li:nth-child(1) .inner .script strong{ font-weight:var(--weight-bold)}

.sub-m-guide li:nth-child(2) { justify-content: flex-start; align-items: center; background:var(--gray-313)}
.sub-m-guide li:nth-child(2) .inner{ width:640px; padding-left:164px; line-height:1.5; font-size:var(--font-size-25); font-weight:var(--weight-regular); }
.sub-m-guide li:nth-child(2) .inner .tit{ margin-bottom:25px; font-size:var(--font-size-30); font-weight:var(--weight-semibold); line-height:40px; display:block }
.sub-m-guide li:nth-child(2) .inner.pd112{ padding-left:112px }
.sub-m-guide li:nth-child(2) .inner .guide-ul{ display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub-m-guide li:nth-child(2) .inner .guide-ul li{ display:flex; justify-content: flex-start; align-items: flex-start; background:transparent; width:100%; margin-bottom:64px}
.sub-m-guide li:nth-child(2) .inner .guide-ul li:last-child{ margin-bottom:0 }
.sub-m-guide li:nth-child(2) .inner p{ font-size:var(--font-size-18);}

#page02_09 .sub-m-guide li:nth-child(2) .inner{ width:640px; padding-left:124px; }
#page02_09 .sub-m-guide li:nth-child(2) .inner .guide-ul{ display:flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#page02_09 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ width:50%; margin-bottom:2.25rem;}
#page02_09 .sub-m-guide li:nth-child(2) .inner .guide-ul li:nth-last-of-type(2){ margin-bottom:0 }
#page02_09 .sub-m-guide li:nth-child(2) .inner .guide-ul li:last-child{ margin-bottom:0 }

#page04_08 .sub-m-guide li:nth-child(2) .inner .guide-ul li:not(:last-child){ margin-bottom:2.25rem;}

#page04_09 .sub-m-guide { height:480px}
#page04_09 .sub-m-guide li:nth-child(1){ align-items:flex-start; padding-top:100px}
#page04_09 .sub-m-guide li:nth-child(1) h4{ margin-top:6px}
#page04_09 .sub-m-guide li:nth-child(1) .script{ margin-top:50px; line-height:1.6; padding-right:60px; word-break: keep-all; font-size:var(--font-size-18); font-weight:var(--weight-regular)}
#page04_09 .sub-m-guide li:nth-child(2) .inner{ padding-left:134px; font-size:var(--font-size-18); }

.sub-m-guide li:nth-child(2) .inner .guide-ul li i.num{ width:42px; height:42px; border-radius:22px; border:2px solid var(--brown-b2a); display:flex; justify-content: center; align-items: center; flex-shrink:0; font-size:var(--font-size-20); font-weight:var(--weight-light); margin-right:20px}
.sub-m-guide li:nth-child(2) .inner .guide-ul li p{ font-size:var(--font-size-25); line-height:1.5}
.sub-m-guide li:nth-child(2) .inner .guide-txt{ margin-top:100px; width:425px;}
.sub-m-guide li:nth-child(2) .inner .guide-txt h4{ font-size:var(--font-size-25); font-weight:var(--weight-light); padding-bottom:18px; border-bottom:1px solid var(--white); margin-bottom:23px}
.sub-m-guide li:nth-child(2) .inner .guide-txt h4 strong{ font-weight:var(--weight-semibold)}
.sub-m-guide li:nth-child(2) .inner .guide-txt p{}

/*쥬베룩*/
#page04_08 .sub-m-guide li:nth-child(1) .inner .img{ width:100%; height:298px; border-radius: var(--border-radius-25); /*background:var(--gray-c4c);*/ font-size:0}
#page04_08 .sub-m-guide li:nth-child(1) .inner .img img{ width:auto; max-width:100%; height:auto}


@media (max-width:1280px){

  .sub-m-guide{ height:39.06vw;}
  .sub-m-guide li:nth-child(1) .inner{ width:100%; padding-left:2rem; }
  .sub-m-guide li:nth-child(1) .inner .stit{ margin:1.125rem 0 1.75rem 0}
  .sub-m-guide li:nth-child(1) .inner .img{ width:21.875rem; height:9.688rem; }
  
  .sub-m-guide li:nth-child(1) .inner .script{ margin-top:5.313rem; line-height:2.875rem}
  .sub-m-guide li:nth-child(2) .inner{ width:100%; padding-left:2.5rem; }
  .sub-m-guide li:nth-child(2) .inner .tit{ margin-bottom:1.563rem; line-height:2.5rem}
  .sub-m-guide li:nth-child(2) .inner.pd112{ padding-left:2.5rem }
  .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:5.00vw}
  .sub-m-guide li:nth-child(2) .inner p{ padding-right:2.5rem}
  
  #page02_09 .sub-m-guide li:nth-child(2) .inner{ width:100%; padding-left:2.5rem; }

  .sub-m-guide li:nth-child(2) .inner .guide-ul li i.num{ width:2.625rem; height:2.625rem; border-radius:50%; border:2px solid var(--brown-b2a); margin-right:1.25rem}
  .sub-m-guide li:nth-child(2) .inner .guide-txt{ margin-top:6.25rem; width:80%;}
  .sub-m-guide li:nth-child(2) .inner .guide-txt h4{ padding-bottom:1.125rem; margin-bottom:1.438rem}

  #page04_08 .sub-m-guide li:nth-child(2) .inner .guide-ul li:not(:last-child){ margin-bottom:2.81vw;}

  #page04_09 .sub-m-guide { height:37.50vw}
  #page04_09 .sub-m-guide li:nth-child(1){ align-items:flex-start; padding-top:7.81vw}
  #page04_09 .sub-m-guide li:nth-child(1) h4{ margin-top:0.47vw }
  #page04_09 .sub-m-guide li:nth-child(2) .inner{ padding:0 5.47vw; }



  .sub-m-guide li:nth-child(2) .inner .guide-ul li i.num{ width:3.28vw; height:3.28vw; border-radius:1.72vw; margin-right:1.56vw}
  .sub-m-guide li:nth-child(2) .inner .guide-txt{ margin-top:7.81vw; width:33.20vw;}
  .sub-m-guide li:nth-child(2) .inner .guide-txt h4{ margin-bottom:1.80vw}

  /*쥬베룩*/
  #page04_08 .sub-m-guide li:nth-child(1) .inner .img{ height:23.28vw; }


  
}

@media (max-width:768px){ 

  .sub-m-guide{ flex-direction:column; justify-content: center; align-items: center; height:auto;}
  .sub-m-guide li{ width:100%; height:100%; min-height:78.47vw; padding:18.06vw 0; flex-direction:column; display:flex; align-items: center;}
  .sub-m-guide li:nth-child(1) { justify-content: center; }
  .sub-m-guide li:nth-child(1) .inner{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; padding-left:0 }
  .sub-m-guide li:nth-child(1) .inner .stit{ text-align: center; margin:2.50vw 0 3.89vw 0; font-size:var(--font-size-25) !important}
  .sub-m-guide li:nth-child(1) .inner .img{ width:48.61vw; height:21.39vw; }
  .sub-m-guide li:nth-child(1) .inner .img + .stit{ text-align: center; margin:9.72vw 0 0 0; font-size:var(--font-size-25) !important; padding:0 5.56vw}
  .sub-m-guide li:nth-child(1) .inner .script{ margin-top:11.81vw; line-height:6.39vw; text-align: center;}
  
  .sub-m-guide li:nth-child(2) { justify-content: center; align-items: center;}
  .sub-m-guide li:nth-child(2) .inner{ width:calc(100% - 27.78vw); padding-left:0; text-align: center; }
  .sub-m-guide li:nth-child(2) .inner .tit{ margin-bottom:3.47vw; line-height:5.56vw; }
  .sub-m-guide li:nth-child(2) .inner.pd112{ padding-left:0 }

  .sub-m-guide li:nth-child(2) .inner p{ padding-right:0}

  #page03_04 .sub-m-guide:nth-of-type(2) li:nth-child(2){display:none}
  
  
  
  #page02_09 .sub-m-guide li:nth-child(1) .inner{ padding-left:0}
  #page02_09 .sub-m-guide li:nth-child(1) .inner h4{ margin-top:0.625rem }
  #page02_09 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:2.063rem; font-size:var(--font-size-25) }
  #page02_09 .sub-m-guide li:nth-child(2) .inner{ padding-left:0; }
  
  #page04_09 .sub-m-guide{ height:auto}
  #page04_09 .sub-m-guide li:nth-child(1) span.mobile{margin-top:7.22vw; text-align: center; padding:0 6.94vw; font-size:var(--font-size-24); line-height:1.3}
  #page04_09 .sub-m-guide li:nth-child(1) .script{display:none}
  #page04_09 .sub-m-guide li:nth-child(1) span.mobile{margin-top:7.22vw; text-align: center; padding:0 6.94vw; font-size:var(--font-size-24); line-height:1.3}
  #page04_09 .sub-m-guide li:nth-child(2){display:none}

  .sub-m-guide li:nth-child(2) .inner .guide-ul{ width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; margin:0 auto}
  .sub-m-guide li:nth-child(2) .inner .guide-ul li{ display:flex; flex-direction:row; justify-content: flex-start; align-items: center; background:transparent; width:100%; margin-bottom:8.89vw; text-align: left; min-height:8.89vw; padding:0}

  #page02_09 .sub-m-guide li:nth-child(2) .inner .guide-ul{ width:calc(100% - 26.39vw)}
  #page02_09 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:2.25rem; min-height:5.83vw}

  .sub-m-guide li:nth-child(2) .inner .guide-ul li i.num{ width:5.83vw; height:5.83vw; border-radius:22px; margin-right:2.78vw}
  .sub-m-guide li:nth-child(2) .inner .guide-txt{ margin-top:13.89vw; width:100%;}
  .sub-m-guide li:nth-child(2) .inner .guide-txt h4{ padding-bottom:2.50vw; margin-bottom:3.19vw}

  
}

.sub-m-guide.rsv{ display:flex; flex-direction:row-reverse; justify-content: space-between; align-items: center; height:565px;}
.sub-m-guide.rsv li:nth-child(2) { justify-content: flex-end; background:var(--gray-313) }
.sub-m-guide.rsv li:nth-child(2) .inner{padding-left:0; padding-right:164px; }
.sub-m-guide.rsv li:nth-child(1) { justify-content: flex-start; background:var(--gray-313); padding-left:164px }

/*@*/media (max-width:768px){ 

  .sub-m-guide.rsv{ display:flex; flex-direction:column; flex-direction:center; align-items: center; height:78.47vw;}
  .sub-m-guide.rsv li:nth-child(2) { justify-content: flex-end; }
  .sub-m-guide.rsv li:nth-child(2) .inner{padding-left:0; padding-right:0; }
  .sub-m-guide.rsv li:nth-child(1) { justify-content: flex-start; padding-left:0 }

}



#page04_01 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:57px; line-height:28px}
#page04_01 .sub-m-guide li:nth-child(2) .inner{ padding-left:83px; }
#page04_01 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:37px}

#page04_02 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:57px; line-height:28px}
#page04_02 .sub-m-guide li:nth-child(2) .inner{ padding-left:83px; }
#page04_02 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:37px}

@media (max-width:1280px){ 

  #page04_01 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:4.30vw; line-height:1.5}
  #page04_01 .sub-m-guide li:nth-child(2) .inner{ padding-left:6.48vw; }
  #page04_01 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:2.73vw}
  
  #page04_02 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:4.30vw; line-height:1.5}
  #page04_02 .sub-m-guide li:nth-child(2) .inner{ padding-left:0}
  #page04_02 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:2.73vw}
  


}

/*@*/media (max-width:768px){ 


  #page04_01 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:2.50vw; line-height:3.89vw}
  #page04_01 .sub-m-guide li:nth-child(2) .inner{ padding-left:0; }
  #page04_01 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:5.14vw}  
  #page04_01 .sub-m-guide li:nth-child(3) .inner .guide-ul li{ margin-bottom:0}  

  #page04_02 .sub-m-guide li:nth-child(1) .inner .script{ margin-top:2.50vw; line-height:3.89vw}
  #page04_02 .sub-m-guide li:nth-child(2) .inner{ padding-left:0; }
  #page04_02 .sub-m-guide li:nth-child(2) .inner .guide-ul li{ margin-bottom:0}


}

[id^=page05_0] .sub-m-guide{ height:480px;}

#page05_03 .sub-m-guide{width:100%}

[id^=page05_0] .sub-m-guide li{ width:50%; height:100%; display:flex; align-items: flex-end;}
[id^=page05_0] .sub-m-guide li:nth-child(1) .inner{ width:640px; display:flex; justify-content: space-between; align-items: flex-start; }
[id^=page05_0] .sub-m-guide li:nth-child(1) .inner .sinner{ width:200px; margin-top:30px}
[id^=page05_0] .sub-m-guide li:nth-child(1) .inner .img{ width:calc(100% - 200px); height:auto; text-align: center;}
[id^=page05_0] .sub-m-guide li:nth-child(2) .inner{ padding-left:134px; font-size:var(--font-size-18); }

#page05_03 .sub-m-guide li:nth-child(2){ align-items: center}

#page05_03 .sub-m-guide > li:nth-child(1) { background:var(--brown-b2a)}

#page05_07 .sub-m-guide li:nth-child(1) .inner{ width:640px; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;  }
#page05_07 .sub-m-guide li{ width:50%; height:100%; display:flex; align-items: center;}
#page05_07 .sub-m-guide li:nth-child(1) .inner .img{ width:100%; height:189px; border-radius: var(--border-radius-25); /*background:var(--gray-c4c);*/ font-size:0; text-align: left; margin-top:28px}



#page05_03 .sub-m-guide{}
#page05_03 .sub-m-guide li:nth-child(1) .inner .sinner{ width:250px; text-align: left; margin-top:145px}
#page05_03 .sub-m-guide li:nth-child(1) .inner .sinner h4{ margin-top:10px}
#page05_03 .sub-m-guide li:nth-child(1) .inner .img{ height:480px; display:flex; justify-content: center; align-items: flex-end;}

#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner{ padding-left:103px}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms{ display:flex;  justify-content: flex-start; align-items: flex-start; width:414px; margin-bottom:15px}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; width:calc(100% / 2); position:relative; background:transparent}

#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(2){ padding-left:53px}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child):after{ content:""; width:1px; height:60px; background:var(--white); display:block; position:absolute; top:48px; right:0;}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:154px; height:154px; border-radius: 77px; background:var(--white); position:relative;}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li .img:after{ content:""; font-size:var(--font-size-18);letter-spacing:-0.03em; color:var(--black); text-align: center; position:absolute; top:13px; left:0; width:100%; text-align:center;}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(1) .img:after{ content:"MINI FX"}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(2) .img:after{ content:"FORMA"}
#page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner p:not( ul.itms li > p ){ padding-left:30px}

#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner{ padding-left:56px}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms{ display:flex;  justify-content: flex-start; align-items: flex-start; width:529px; margin-bottom:34px}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; width:calc((100% - 57px) / 4); position:relative; background:transparent}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner p{ padding-left:110px}

#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child){ margin-right:19px}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:118px; height:131px; border-radius: 10px; background:var(--white); position:relative;}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li .img:after{ content:""; font-size:var(--font-size-14);letter-spacing:-0.03em; color:var(--yellow-ff9); text-align: center; position:absolute; bottom:0; left:0; width:100%; text-align:center; line-height:2}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(1) .img:after{ content:"Basic"}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(2) .img:after{ content:"Essntial"}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(3) .img:after{ content:"Core"}
#page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(4) .img:after{ content:"Contour"}

#page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner{ padding-left:56px}
#page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms{ display:flex;  justify-content: flex-start; align-items: flex-start; width:529px; margin-bottom:30px}
#page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li{ display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start; width:calc((100% - 57px) / 4); position:relative; background:transparent}
#page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner p{ padding-left:140px; margin-top:0}

#page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child){ margin-right:19px}
#page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:118px; height:131px; border-radius: 10px; background:var(--white); position:relative;}

#page05_03 .sub-m-guide li:nth-child(2) .inner em{ display:block; padding:0 0 30px 0; font-style: normal; width:529px; letter-spacing:-0.05em}
#page05_03 .sub-m-guide li:nth-child(2) .inner ul.itms li > p{ margin-top:15px; padding-left:0}
#page05_03 .sub-m-guide li:nth-child(2) .inner p{ text-align: left;}
#page05_03 .sub-m-guide li:nth-child(2) .inner p:not(:last-child){ margin-bottom:10px}
#page05_03 .sub-m-guide li:nth-child(2) .inner p span{ position:relative; padding-left:10px;}
#page05_03 .sub-m-guide li:nth-child(2) .inner p span:before{content:"•"; position:absolute; top:-2px; left:0px}

/*swiper*/
#page05_03 .itm-swiper{position:relative; padding:102px 0 0 0}
#page05_03 .itm-swiper-m{display:none}
#page05_03 .itm-pagination{bottom:unset; top:25px; left:calc(50% - 190px);  border-bottom:3px solid var(--gray-d9d); width:380px; display:flex; justify-content: center; align-items: center;}
#page05_03 .itm-pagination *{border-radius:0; border:0;}
#page05_03 .itm-pagination .swiper-pagination-bullet-active{background:transparent}
#page05_03 .itm-pagination .swiper-pagination-bullet{ width:auto; height:auto; display:inline-flex; color:var(--brown-b2a); font-size:var(--font-size-25); font-weight:var(--weight-medium); margin:0 0.625rem; background:transparent; padding-bottom:10px}


@media (max-width:1280px){ 

  [id^=page05_0] .sub-m-guide{ height:37.50vw;}
  
  [id^=page05_0] .sub-m-guide li:nth-child(1) .inner{ width:100%; }
  [id^=page05_0] .sub-m-guide li:nth-child(1) .inner .sinner{ width:15.63vw; margin-top:2.34vw}
  [id^=page05_0] .sub-m-guide li:nth-child(1) .inner .img{ width:calc(100% - 15.63vw); }
  [id^=page05_0] .sub-m-guide li:nth-child(2) .inner{ padding:0 5.47vw; }
  
  #page05_07 .sub-m-guide li:nth-child(1) .inner{ width:100%; }
  #page05_07 .sub-m-guide li:nth-child(1) .inner .img{ width:100%; height:14.77vw; margin-top:2.34vw}
  #page05_07 .sub-m-guide li:nth-child(1) .inner .img img{ height:100%;}
  
    
  #page05_03 .sub-m-guide{}
  #page05_03 .sub-m-guide li:nth-child(1) .inner .sinner{ width:19.53vw; margin-top:11.33vw}
  #page05_03 .sub-m-guide li:nth-child(1) .inner .sinner h4{ margin-top:0.78vw}
  #page05_03 .sub-m-guide li:nth-child(1) .inner .img{ height:37.50vw; }

  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner{ padding-left:7.81vw}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms{ width:32.34vw; margin-bottom:1.17vw}

  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(2){ padding-left:4.14vw}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child):after{ height:4.69vw; top:3.75vw;}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:12.03vw; height:12.03vw; border-radius: 6.02vw; }
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li .img:after{ top:1.02vw; }
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner p:not( ul.itms li > p ){ padding-left:2.34vw}

  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner{ padding-left:4.38vw}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms{ width:41.33vw; margin-bottom:2.66vw}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li{ width:calc((100% - 4.45vw) / 4); }
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner p{ padding-left:8.59vw}

  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child){ margin-right:1.48vw}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:9.22vw; height:10.23vw; border-radius: 0.78vw; }
  
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner{ padding-left:4.38vw}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms{ width:41.33vw; margin-bottom:2.34vw}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li{ width:calc((100% - 4.45vw) / 4); }
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner p{ padding-left:10.94vw; }

  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child){ margin-right:1.48vw}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:9.22vw; height:10.23vw; border-radius: 0.78vw; }

  #page05_03 .sub-m-guide li:nth-child(2) .inner em{ padding:0 0 2.34vw 0; width:41.33vw; }
  #page05_03 .sub-m-guide li:nth-child(2) .inner ul.itms li > p{ margin-top:1.17vw; }
  #page05_03 .sub-m-guide li:nth-child(2) .inner p:not(:last-child){ margin-bottom:0.78vw}
  #page05_03 .sub-m-guide li:nth-child(2) .inner p span{ position:relative; padding-left:0.78vw;}
  
  /*swiper*/

  #page05_03 .itm-pagination{bottom:unset; top:1.95vw; left:calc(50% - 14.84vw);  width:29.69vw; }
  #page05_03 .itm-pagination .swiper-pagination-bullet{ margin:0 0.78vw; padding-bottom:0.78vw; border:0;}

}


@media (max-width:768px){ 

  [id^=page05_0] .sub-m-guide{ height:133.33vw; margin:11.11vw 0 0 0}
  [id^=page05_0] .sub-m-guide li{ width:100%; height:100%; display:flex; align-items: center;}
  [id^=page05_0] .sub-m-guide li:nth-child(1) .inner{ width:calc(100% - 30.56vw); display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start; padding-right:3.33vw;}
  [id^=page05_0] .sub-m-guide li:nth-child(1) .inner .sinner{ width:35.56vw; margin-top:0}
  [id^=page05_0] .sub-m-guide li:nth-child(1) .inner .img{ width:calc(100% - 35.56vw); height:auto; text-align: center;}
  [id^=page05_0] .sub-m-guide li:nth-child(2) .inner{ padding-left:0;  }

  [id^=page05_0] .sub-m-guide li:nth-child(1){ align-items: center; justify-content: flex-end; height:50%; min-height:66.67vw; padding:0}


  #page05_03 .sub-m-guide li{ align-items: center}
  #page05_03 .sub-m-guide li:nth-child(1) .inner .sinner{ width:27.78vw; }
  #page05_03 .sub-m-guide li:nth-child(1) .inner .img{ width:calc(100% - 27.78vw); height:auto; text-align: center;}
  #page05_03 .sub-m-guide li:nth-child(1) .inner{ width:calc(100% - 31.39vw); display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start; padding-left:0; padding-right:1.39vw}

  #page05_03 .itm-pagination{bottom:unset; top:0; left:calc(50% - 26.39vw);  width:52.78vw; border-bottom-width:0.42vw}
  #page05_03 .itm-pagination .swiper-pagination-bullet{ margin:0 1.39vw; padding-bottom:1.81vw}
  
  #page05_07 .sub-m-guide{ height:auto; margin:0}
  #page05_07 .sub-m-guide li{ min-height:unset;}
  #page05_07 .sub-m-guide li:nth-child(1) .inner{  width:100%; height:auto; display:flex; flex-direction:column; justify-content: center; align-items: center;  padding:13.33vw 0 18.06vw 0}
  #page05_07 .sub-m-guide li{ width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
  #page05_07 .sub-m-guide li:nth-child(1) .inner .img{ width:calc(100% - 51.39vw); height:21.53vw; margin-top:4.72vw}
  #page05_07 .sub-m-guide li:nth-child(2){display:none}
  #page05_07 .sub-m-guide li .stit{font-weight:var(--weight-regular);}
  #page05_07 .sub-m-guide li .img + .stit{margin-top:4.72vw}
  
  
  #page05_03 .itm-swiper-m{display:none}
  #page05_03 .itm-swiper{padding-top:11.11vw}
  #page05_03 .itm-swiper-m .swiper-wrapper{ height:auto; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
  #page05_03 .itm-swiper-m .swiper-slide{ display:flex; font-size:0}
  
  #page05_03 .itm-swiper .swiper-slide .sub-m-guide{ height:auto; margin:0}
  #page05_03 .itm-swiper .swiper-slide .sub-m-guide li{ height:auto; overflow:hidden; min-height:unset; padding:0}
  #page05_03 .itm-swiper .swiper-slide .sub-m-guide li:nth-child(1){ height:49.03vw !important; overflow:hidden; font-size:0}
  #page05_03 .itm-swiper .swiper-slide .sub-m-guide .inner{ width:calc(100% - 22.92vw); padding-right:0; height:auto; overflow:hidden}
  #page05_03 .itm-swiper .swiper-slide .sub-m-guide .inner .sinner{ width:30.56vw; }
  #page05_03 .itm-swiper .swiper-slide.case01 .sub-m-guide li:nth-child(1) .inner .img{ width:37.22vw; margin-bottom:0; margin-top:auto}
  #page05_03 .itm-swiper .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner .img{ width:37.22vw; margin-bottom:0;}
  #page05_03 .itm-swiper .swiper-slide.case02 .sub-m-guide .inner .img{ width:32.36vw; margin-bottom:0}
  #page05_03 .itm-swiper .swiper-slide.case03 .sub-m-guide .inner .img{ width:37.78vw; margin-bottom:0}


  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner{ padding-left:0; padding:14.31vw 0}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms{ width:72.22vw; height:27.78vw; margin-bottom:6.11vw; justify-content: space-between; margin-left:auto; margin-right:auto}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li{ align-items: center; min-height:unset; padding:0;  height:100%}

  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:nth-child(2){ padding-left:0}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child):after{ height:8.33vw; top:6.94vw;}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:21.39vw; height:21.39vw; border-radius: 11vw; margin-bottom:0}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li .img:after{ top:0.83vw; font-size:var(--font-size-14)}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner ul.itms li p{ display:block}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner p span{ padding-left:2.50vw; font-size:var(--font-size-25) !important}
  #page05_03 .swiper-slide.case01 .sub-m-guide li:nth-child(2) .inner p:not( ul.itms li > p ){ padding-left:2.50vw; }

  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner{ padding-left:0; padding:13.75vw 0; width:calc(100% - 8.33vw)}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms{ width:73.47vw; height:16.39vw; margin:0 auto 4.58vw auto}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li{ width:calc((100% - 7.92vw) / 4); }
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner p{ padding-left:14.44vw; text-align: left; font-size:var(--font-size-25) !important}
  
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li{ height:18.19vw}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child){ margin-right:2.64vw}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:16.39vw; height:18.19vw; border-radius: 1.39vw; }
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner ul.itms li .img img{ height:100%}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner em{  width:100%; text-align: center; padding-left:0; font-size:var(--font-size-25) !important; margin-bottom:6.11vw}
  #page05_03 .swiper-slide.case02 .sub-m-guide li:nth-child(2) .inner p span{ padding-left:2.50vw; font-size:var(--font-size-25) !important}
  
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner{ padding-left:0; padding:13.75vw 0; width:calc(100% - 8.33vw)}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms{ width:73.47vw; height:16.39vw; margin:0 auto 4.58vw auto}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li{ width:calc((100% - 7.92vw) / 4); }
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner em{ width:100%; text-align: center; padding-left:0; font-size:var(--font-size-25) !important; margin-bottom:6.11vw}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner p{ padding-left:21.67vw; text-align: left; font-size:var(--font-size-25) !important}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner p span{ padding-left:2.50vw; font-size:var(--font-size-25) !important}
  
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li{ height:18.19vw}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li:not(:last-child){ margin-right:2.64vw}
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li .img{ width:16.39vw; height:18.19vw; border-radius: 1.39vw; }
  #page05_03 .swiper-slide.case03 .sub-m-guide li:nth-child(2) .inner ul.itms li .img img{ height:100%}

  
}

#page04_02 .itm-swiper{position:relative; padding:148px 0 0 0; }
#page04_02 .itm-pagination{bottom:unset; top:70px; left:calc(50% - 250px);  border-bottom:3px solid var(--gray-d9d); width:500px; display:flex; justify-content: center; align-items: center;}
#page04_02 .itm-pagination *{border-radius:0; border:0;}
#page04_02 .itm-pagination .swiper-pagination-bullet-active{background:transparent}
#page04_02 .itm-pagination .swiper-pagination-bullet{ width:auto; height:auto; display:inline-flex; color:var(--black-121); font-size:var(--font-size-25); font-weight:var(--weight-medium); margin:0 0.625rem; background:transparent; padding-bottom:10px}

#page04_02 .swiper-wrapper{ width:100%; height:100%;}
#page04_02 .swiper-slide{ width:100%; height:100%; overflow:hidden}
#page04_02 .swiper-slide .sub-m-guide{ width:100%; height:480px}
#page04_02 .swiper-slide .sub-m-guide li .inner { width:640px; height:100%; position:relative; display:flex; justify-content: flex-start; align-items: center;}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner{ text-align: left; position:absolute; top:98px; left:75px; z-index:4}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner span{ letter-spacing:-0.05rem}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner h4{ margin-top:10px}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner { padding-left:110px; flex-direction:column; justify-content: center; align-items: flex-start;}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p{ text-align: left; font-weight:var(--weight-light); line-height:1.5}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p strong{ font-size:inherit; font-weight:var(--weight-semibold)}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p span{ font-size:inherit; font-weight:inherit; display:inline-flex}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p + p{ margin-top:30px}
#page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .img{ display:flex; justify-content: center; align-items: flex-end; position:absolute; z-index:3}
#page04_02 .swiper-slide.case01 .sub-m-guide li:nth-child(1) .inner .img{ height:296px; bottom:0; right:43px; }
#page04_02 .swiper-slide.case02 .sub-m-guide li:nth-child(1) .inner .img{ height:310px; bottom:0; right:29px; }
#page04_02 .swiper-slide.case03 .sub-m-guide li:nth-child(1) .inner .img{ height:238px; bottom:20px; right:50px; }
#page04_02 .swiper-slide.case04 .sub-m-guide li:nth-child(1) .inner .img{ height:270px; bottom:40px; right:60px; }


@media (max-width:1280px){

  #page04_02 .itm-swiper{ padding:11.56vw 0 0 0; }
  #page04_02 .itm-pagination{ top:5.47vw; left:calc(50% - 19.53vw);  border-bottom:0.23vw solid var(--gray-d9d); width:39.06vw; }
  #page04_02 .itm-pagination .swiper-pagination-bullet{ margin:0 0.78vw; padding-bottom:0.78vw}
  
  #page04_02 .swiper-wrapper{ }
  #page04_02 .swiper-slide{}
  #page04_02 .swiper-slide .sub-m-guide{ height:37.50vw}
  #page04_02 .swiper-slide .sub-m-guide li .inner { width:50.00vw; }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner{ top:7.66vw; left:5.86vw; }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner span{ }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner h4{ margin-top:0.78vw}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner { padding-left:8.59vw; }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p{ }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p strong{ }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p + p{ margin-top:2.34vw}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .img{ }
  #page04_02 .swiper-slide.case01 .sub-m-guide li:nth-child(1) .inner .img{ height:23.13vw; bottom:0; right:3.36vw; }
  #page04_02 .swiper-slide.case02 .sub-m-guide li:nth-child(1) .inner .img{ height:24.22vw; bottom:0; right:2.27vw; }
  #page04_02 .swiper-slide.case03 .sub-m-guide li:nth-child(1) .inner .img{ height:18.59vw; bottom:1.56vw; right:3.91vw; }
  #page04_02 .swiper-slide.case04 .sub-m-guide li:nth-child(1) .inner .img{ height:21.09vw; bottom:3.13vw; right:4.69vw; }

}

@media (max-width:768px){

  #page04_02 .itm-swiper{ padding:20.56vw 0 0 0; }
  #page04_02 .itm-pagination{bottom:unset; top:9.72vw; left:calc(50% - 34.72vw);  border-bottom:0.42vw solid var(--gray-d9d); width:69.44vw;  }
  #page04_02 .itm-pagination *{}
  #page04_02 .itm-pagination .swiper-pagination-bullet-active{background:transparent}
  #page04_02 .itm-pagination .swiper-pagination-bullet{ width:auto; height:auto;  font-size:3.47vw ;margin:0 1.39vw; padding-bottom:1.39vw}
  
  #page04_02 .swiper-wrapper{ }
  #page04_02 .swiper-slide{ overflow:hidden}
  #page04_02 .swiper-slide .sub-m-guide{ width:100%; height:100%}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) { min-height:49.03vw ; padding:0}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) { min-height:78.47vw ; padding:0}
  #page04_02 .swiper-slide .sub-m-guide li .inner { width:100%; height:49.03vw; }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner{ top:10.00vw; left:11.53vw}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner span{ font-size:2.78vw }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .sinner h4{ margin-top:1.39vw; font-size:4.86vw}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner { height:78.47vw; padding-left:0; align-items: center;}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p{ text-align: center; font-size:3.47vw}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p strong{ }
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(2) .inner p + p{ margin-top:4.17vw}
  #page04_02 .swiper-slide .sub-m-guide li:nth-child(1) .inner .img{ }
  #page04_02 .swiper-slide.case01 .sub-m-guide li:nth-child(1) .inner .img{ height:43.06vw; bottom:0; right:6.94vw; }
  #page04_02 .swiper-slide.case02 .sub-m-guide li:nth-child(1) .inner .img{ height:43.06vw; bottom:0; right:6.94vw; }
  #page04_02 .swiper-slide.case03 .sub-m-guide li:nth-child(1) .inner .img{ height:43.06vw; bottom:0; right:4.58vw; }
  #page04_02 .swiper-slide.case04 .sub-m-guide li:nth-child(1) .inner .img{ height:43.06vw; bottom:0; right:6.94vw; }


}

/*
.sub-mm-guide{display:flex; justify-content: space-between; align-items: center; height:565px;}
.sub-mm-guide li{ width:50%; height:100%; display:flex; align-items: center;}
.sub-mm-guide li *{ color:var(--white)}
.sub-mm-guide li:nth-child(1) { justify-content: flex-end; background:var(--brown-b2a) }
.sub-mm-guide li:nth-child(1) .inner{ width:640px; }
.sub-mm-guide li:nth-child(1) .inner h4{ font-size:var(--font-size-40); font-weight:var(--weight-bold)}
.sub-mm-guide li:nth-child(1) .inner .stit{ font-size:var(--font-size-18); font-weight:var(--weight-semibold); line-height:1.5; margin:18px 0 28px 0}
.sub-mm-guide li:nth-child(1) .inner .img{ width:350px; height:155px; border-radius: var(--border-radius-25); background:var(--gray-c4c); font-size:0}
.sub-mm-guide li:nth-child(1) .inner .img img{ width:auto; max-width:100%; height:auto}
.sub-mm-guide li:nth-child(1) .inner .script{}

.sub-mm-guide li:nth-child(2) { justify-content: flex-start; align-items: center; background:var(--gray-313)}
.sub-mm-guide li:nth-child(2) .inner{ width:640px; padding-left:164px; line-height:1.5; font-size:var(--font-size-25); ; }

@media (max-width:768px){

  .sub-mm-guide{ flex-direction:column; justify-content: center; align-items: center; height:100%;}
  .sub-mm-guide li{ width:100%; height:100%; display:flex; align-items: center;}
  .sub-mm-guide li:nth-child(1) { justify-content: flex-start;}
  .sub-mm-guide li:nth-child(1) .inner{ width:100%; }
  .sub-mm-guide li:nth-child(1) .inner .stit{ margin:2.50vw 0 3.89vw 0}
  .sub-mm-guide li:nth-child(1) .inner .img{ width:48.61vw; height:21.53vw; }
  
  .sub-mm-guide li:nth-child(2) { justify-content: flex-start; align-items: center;}
  .sub-mm-guide li:nth-child(2) .inner{ width:100%; padding-left:0; }

}*/

.sub-protect-wrap{ background:var(--gray-5a5); padding:80px 0 109px 0}
#page02_09 .sub-protect-wrap { padding:5.438rem 0 7.5rem 0}
.sub-protect-wrap.gray505{ background:var(--gray-505); padding:63px 0 72px 0}
.sub-protect-wrap .sub-center{ text-align: center;}
.sub-protect-wrap *{ color:var(--white)}
.sub-protect-wrap.bg-y{background:var(--brown-b2a)}
.sub-protect-wrap h2{ margin-bottom:8px}
.sub-protect-wrap h3{ line-height:28px; padding-bottom:34px}
#page04_08 .sub-protect-wrap h3{ line-height:28px; border-bottom:0; padding-bottom:34px;}
#page02_09 .sub-protect-wrap h2{color:#FFF6A9; margin-bottom:0}
#page02_09 .sub-protect-wrap h3{color:#FFF6A9; padding-bottom:0; margin-bottom:0.625rem; line-height:2.188rem}
#page02_09 .sub-protect-wrap h3,
#page04_01 .sub-protect-wrap h3{ border-bottom:0}
.sub-protect-wrap p{ padding-top:48px; line-height:28px;}
.sub-protect-wrap .protect-ul{ width:995px; margin:58px auto 0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-protect-wrap .protect-ul li{ max-width:395px;}
.sub-protect-wrap .protect-ul li h4.btit{ border:1px solid var(--white); height:48px; padding:0 45px; font-size:var(--font-size-23); font-weight:var(--weight-semibold); border-radius: 24px; display:flex; justify-content: center; align-items:center;}
.sub-protect-wrap .protect-ul li .inner{ width:100%; min-height:310px; display:flex; flex-direction: column; justify-content: center; align-items: center; margin-top:32px}
.sub-protect-wrap .protect-ul li p{ margin-bottom:38px; padding-top:0; word-break:break-all;}
.sub-protect-wrap .protect-ul li .inner p:last-child{ margin-bottom:0}
.sub-protect-wrap p.cau{  margin-bottom:22px ; padding-top:0;}
.sub-protect-wrap p.cau:last-child{  margin-bottom:0 }
.sub-protect-wrap p.cau span{ position:relative; padding-left:10px; }
.sub-protect-wrap p.cau span:before{content:"•"; font-size:var(--font-size-18); font-weight:var(--weight-bold); position:absolute; left:0; top:-5px; }
.sub-protect-wrap p.cau-b span{ position:relative; padding-left:20px; margin-top:30px}
.sub-protect-wrap p.cau-b span:before{content:"※"; font-size:var(--font-size-18); font-weight:var(--weight-bold); position:absolute; left:0; top:-5px; }

#page02_09 .sub-protect-wrap p.cau{  margin-bottom:1.25rem}


@media (max-width:1280px){

  .sub-protect-wrap{ padding:6.25vw 0 8.59vw 0}
  #page02_09 .sub-protect-wrap { padding:6.64vw 0 9.38vw 0}
  .sub-protect-wrap.gray505{ padding:4.69vw 0 5.47vw 0}
  .sub-protect-wrap h2{ margin-bottom:3.13vw}
  .sub-protect-wrap h3{ line-height:2.34vw; padding-bottom:2.66vw}
  #page04_08 .sub-protect-wrap h3{ line-height:2.34vw; border-bottom:0; padding-bottom:2.66vw;}
  #page02_09 .sub-protect-wrap h3{ margin-bottom:0.78vw; line-height:2.73vw}
  
  .sub-protect-wrap p{ padding-top:3.75vw; line-height:2.34vw;}

  .sub-protect-wrap .protect-ul{ width:77.73vw; margin:4.53vw auto 0 auto; }
  .sub-protect-wrap .protect-ul li{ max-width:30.86vw;}
  .sub-protect-wrap .protect-ul li h4.btit{ height:3.75vw; padding:0 3.52vw; border-radius: 1.88vw; }
  .sub-protect-wrap .protect-ul li .inner{ width:100%; min-height:24.22vw; margin-top:2.50vw}
  .sub-protect-wrap .protect-ul li p{ margin-bottom:2.97vw; }
  .sub-protect-wrap p.cau{  margin-bottom:1.72vw;}
  .sub-protect-wrap p.cau span{ padding-left:0.78vw; }
  .sub-protect-wrap p.cau-b span{ padding-left:1.56vw; margin-top:2.34vw}
  
  #page02_09 .sub-protect-wrap p.cau{  margin-bottom:1.56vw}

}

@media (max-width:768px){

 
  .sub-protect-wrap{ padding:9.72vw 0 11.81vw 0}
  #page02_09 .sub-protect-wrap { padding:6.64vw 0 9.38vw 0}
  .sub-protect-wrap.gray505{ padding:13.75vw 0 18.89vw 0}
  .sub-protect-wrap h2{ margin-bottom:3.13vw}
  .sub-protect-wrap h3{ line-height:1; padding-bottom:5.56vw; font-size:var(--font-size-40) !important}
  #page04_08 .sub-protect-wrap h3{ line-height:1; border-bottom:0; padding-bottom:5.56vw}
  #page02_09 .sub-protect-wrap h3{ margin-bottom:1.39vw; line-height:1}
  
  .sub-protect-wrap p{ padding-top:3.75vw; line-height:2.34vw;}
  
  .sub-protect-wrap .protect-ul{ width:77.73vw; margin:4.53vw auto 0 auto; }
  .sub-protect-wrap .protect-ul li{ max-width:30.86vw;}
  .sub-protect-wrap .protect-ul li h4.btit{ height:3.75vw; padding:0 3.52vw; border-radius: 1.88vw; }
  .sub-protect-wrap .protect-ul li .inner{ width:100%; min-height:24.22vw; margin-top:2.50vw}
  .sub-protect-wrap .protect-ul li p{ margin-bottom:2.97vw; }
  .sub-protect-wrap p.cau{  margin-bottom:1.11vw; word-break: keep-all; font-size:var(--font-size-25) !important; padding:0 5.56vw; line-height:1.5}

  #page04_01 .sub-protect-wrap p.cau,
  #page04_08 .sub-protect-wrap p.cau,
  #page04_09 .sub-protect-wrap p.cau,
  #page05_03 .sub-protect-wrap p.cau,
  #page08_02 .sub-protect-wrap p.cau,
  #page05_07 .sub-protect-wrap p.cau{ font-size:var(--font-size-20) !important}
  #page03_09 .sub-protect-wrap p.cau{ font-size:var(--font-size-20) !important; line-height:1.5; margin-bottom:1.11vw}
  #page03_10 .sub-protect-wrap p.cau{  font-size:var(--font-size-20) !important}

  .sub-protect-wrap p.cau span{ padding-left:2.08vw; }
  .sub-protect-wrap p.cau span:before{ top:-0.69vw; }
  .sub-protect-wrap p.cau-b span{ padding-left:1.56vw; margin-top:2.34vw}
  
  #page02_04 .sub-protect-wrap p.cau span:before{ top:-0.28vw; }
  #page02_09 .sub-protect-wrap p.cau{  margin-bottom:1.56vw; font-size:var(--font-size-18) !important  }

}


#page02_04 .sub-protect-wrap h2{ margin-bottom:8px}
#page02_04 .sub-protect-wrap h3{ border-bottom:0; margin-bottom:35px; padding-bottom:0}


#page03_09 .sub-protect-wrap h2{ margin-bottom:8px}
#page03_09 .sub-protect-wrap h3{ border-bottom:0; margin-bottom:35px; padding-bottom:0}

#page03_10 .sub-protect-wrap{ padding-bottom:80px}
#page03_10 .sub-protect-wrap h2{ margin-bottom:8px}
#page03_10 .sub-protect-wrap h3{ border-bottom:0; margin-bottom:35px; padding-bottom:0}


[id^=page05_0] .sub-protect-wrap h2{ margin-bottom:8px}
[id^=page05_0] .sub-protect-wrap h3{ border-bottom:0; margin-bottom:35px; padding-bottom:0}

[id^=page08_0] .sub-protect-wrap h2{ margin-bottom:8px}
[id^=page08_0] .sub-protect-wrap h3{ border-bottom:0; margin-bottom:35px; padding-bottom:0}
#page08_01 .sub-protect-wrap{ padding:51px 0 44px; background:var(--brown-b2a)}
#page08_01 .sub-protect-wrap p.cau{  line-height:35px; margin-bottom:0 ; padding-top:0;}

#page08_02 .sub-protect-wrap h3{ line-height:42px; padding-bottom:14px;}
#page08_02 .sub-protect-wrap{ background:var(--gray-727); }



@media (max-width:1280px){

  #page02_04 .sub-protect-wrap h2{ margin-bottom:0.83vw}
  #page02_04 .sub-protect-wrap h3{ margin-bottom:4.17vw; }
  
  
  #page03_09 .sub-protect-wrap h2{ margin-bottom:1.11vw}
  #page03_09 .sub-protect-wrap h3{ margin-bottom:5.56vw}
  
  #page03_10 .sub-protect-wrap{ padding-bottom:6.25vw}
  #page03_10 .sub-protect-wrap h2{ margin-bottom:0.63vw}
  #page03_10 .sub-protect-wrap h3{ margin-bottom:2.73vw; }
  
  
  [id^=page05_0] .sub-protect-wrap h2{ margin-bottom:0.63vw}
  [id^=page05_0] .sub-protect-wrap h3{ margin-bottom:2.73vw; }
  
  [id^=page08_0] .sub-protect-wrap h2{ margin-bottom:0.63vw}
  [id^=page08_0] .sub-protect-wrap h3{ margin-bottom:2.73vw;}
  #page08_01 .sub-protect-wrap{ padding:3.98vw 0 3.44vw; }
  #page08_01 .sub-protect-wrap p.cau{ line-height:2.73vw; }
  
  #page08_02 .sub-protect-wrap h3{ line-height:3.28vw; padding-bottom:1.09vw;}
  

}

@media (max-width:768px){

  #page02_04 .sub-protect-wrap h2{ margin-bottom:1.11vw}
  #page02_04 .sub-protect-wrap h3{ margin-bottom:4.86vw; }

  
  #page03_09 .sub-protect-wrap h2{ margin-bottom:1.11vw}
  #page03_09 .sub-protect-wrap h3{ margin-bottom:4.86vw}
  
  #page03_10 .sub-protect-wrap{ padding-bottom:11.11vw}
  #page03_10 .sub-protect-wrap h2{ margin-bottom:1.11vw}
  #page03_10 .sub-protect-wrap h3{ margin-bottom:4.86vw}
  
  [id^=page05_0] .sub-protect-wrap h2{ margin-bottom:1.11vw}
  [id^=page05_0] .sub-protect-wrap h3{ margin-bottom:4.86vw}

  [id^=page08_0] .sub-protect-wrap h2{ margin-bottom:1.11vw}
  [id^=page08_0] .sub-protect-wrap h3{ margin-bottom:1.94vw}
  #page08_01 .sub-protect-wrap{ padding:6.94vw 0 6.11vw; }
  #page08_01 .sub-protect-wrap p.cau{ line-height:1.5 }
  
  #page08_02 .sub-protect-wrap h3{ line-height:1; padding-bottom:1.95vw}
    

}

.sub-protect01-wrap{ background:var(--black); height:60px; display:flex; justify-content:center; align-items: center;}
.sub-protect01-wrap .sub-center{ text-align: center; }
.sub-protect01-wrap p.cau span{ position:relative; padding-left:20px; color:var(--white)}
.sub-protect01-wrap p.cau span:before{content:"※"; font-size:var(--font-size-18); font-weight:var(--weight-bold); position:absolute; left:0; top:-5px; }

.sub-protect-light-wrap{ width:100%; padding:95px 0; background:var(--gray-767) }
.sub-protect-light-wrap *{ color:var(--white); text-align: center;}
.sub-protect-light-wrap h2{ margin-bottom:51px}
.sub-protect-light-wrap .protect-ul{ width:1124px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-protect-light-wrap .protect-ul li{ width:350px;}
.sub-protect-light-wrap .protect-ul li h3{ height:54px; display:flex; justify-content: center; align-items: center; }
.sub-protect-light-wrap .protect-ul li p{ border-top:1px solid var(--white); padding-top:22px; margin-bottom:0; margin-top:24px}


@media (max-width:1280px){


  .sub-protect01-wrap{ height:4.69vw; }
  .sub-protect01-wrap p.cau span{ padding-left:1.56vw;}
  .sub-protect01-wrap p.cau span:before{ top:-0.39vw; }
  
  .sub-protect-light-wrap{ width:100%; padding:7.42vw 0; }
  .sub-protect-light-wrap h2{ margin-bottom:3.91vw}
  .sub-protect-light-wrap .protect-ul{ width:87.81vw;}
  .sub-protect-light-wrap .protect-ul li{ width:27.34vw;}
  .sub-protect-light-wrap .protect-ul li h3{ height:4.22vw; }
  .sub-protect-light-wrap .protect-ul li p{ padding-top:1.72vw; margin-top:1.88vw}



}
@media (max-width:768px){

  .sub-protect01-wrap{ height:auto; display:flex; justify-content:center; align-items: center; padding:4.03vw 6.94vw}
  .sub-protect01-wrap p.cau span{ position:relative; padding-left:2.78vw;}
  .sub-protect01-wrap p.cau span:before{top:-0.69vw; }
  
  .sub-protect-light-wrap{ width:100%; padding:13.19vw 0}
  .sub-protect-light-wrap h2{ margin-bottom:7.08vw}
  .sub-protect-light-wrap .protect-ul{ width:calc(100% - 51.39vw); margin:0 auto; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
  .sub-protect-light-wrap .protect-ul li{ width:100%;}
  .sub-protect-light-wrap .protect-ul li h3{ height:7.50vw; display:flex; justify-content: center; align-items: center; }
  .sub-protect-light-wrap .protect-ul li p{ padding-top:3.06vw; margin-top:3.33vw}

}

.sub-youtube-wrap{ width:100%; background:url('/theme/basic/img/sub/youtube-bg.png') no-repeat center; background-size:cover; padding:102px 0 241px 0}
.sub-youtube-wrap h2{ font-size:var(--font-size-35); font-weight:var(--weight-semibold) ;margin:0 auto 71px auto; text-align:center; display:none}

.sub-youtube-wrap .inner-top{ width:100%; height:360px; display:none; justify-content: flex-start; align-items: center;}
.sub-youtube-wrap .inner-top .left{ width:640px; height:360px; border-radius: var(--border-radius-25); background:url("/theme/basic/img/sub/youtube-m-bg.png") no-repeat center; background-size:cover; overflow:hidden ;  font-size:0;}
.sub-youtube-wrap .inner-top .left iframe{ width:100%; height:100%;  }
.sub-youtube-wrap .inner-top .right{ margin-left:127px; display:flex; flex-direction:column; justify-content: center; align-items: flex-start;}
.sub-youtube-wrap .inner-top .right p{ font-size:var(--font-size-35); font-weight:var(--weight-light);}
.sub-youtube-wrap .inner-top .right p strong{ font-size:var(--font-size-35); font-weight:var(--weight-semibold)}
.sub-youtube-wrap .inner-top .right a{ display:flex; justify-content: center; align-items: center; border:1px solid var(--gray-474); width:156px; height:38px; border-radius: 19px; margin-top:26px}
.sub-youtube-wrap .inner-top .right a span{ font-size:var(--font-size-16); display:flex; justify-content: center; align-items: center;}
.sub-youtube-wrap .inner-top .right a span:before{ content:""; width:20px; height:16px; background:url("/theme/basic/img/sub/youtube-ic.svg") no-repeat center; display:inline-flex; margin-right:10px}
.sub-youtube-wrap .inner-top .right a span:after{ content:""; width:14px; height:14px; background:url("/theme/basic/img/sub/youtube-p-ic.svg") no-repeat center; display:inline-flex; margin-left:8px}

.sub-youtube-wrap .inner-btm{ display:flex; justify-content: flex-start; align-items: flex-end; margin-top:219px}
.sub-youtube-wrap .inner-btm.noMg{ margin-top:0; }
.sub-youtube-wrap .inner-btm .left{ width:50%; padding-bottom:12px}
.sub-youtube-wrap .inner-btm .left h4{ font-size:var(--font-size-20); font-weight:var(--weight-semibold)}
.sub-youtube-wrap .inner-btm .left h5{ margin:20px 0 35px 0; font-size:var(--font-size-35); font-weight:var(--weight-semibold)}
.sub-youtube-wrap .inner-btm .left p{ font-size:var(--font-size-18); line-height:2; word-break: keep-all;}

.sub-youtube-wrap .inner-btm .right{width:537px; height:211px; background:url("/theme/basic/img/sub/youtube-mem.png") no-repeat center; background-size:80%; font-size:0; margin-left:43px}

@media (max-width:1280px){

  .sub-youtube-wrap{ padding:7.81vw 0 18.75vw 0}
  .sub-youtube-wrap h2{ margin:0 auto 5.47vw auto;}
  .sub-youtube-wrap .inner-top{ width:100%; height:28.13vw; }
  .sub-youtube-wrap .inner-top .left{ width:50.00vw; height:28.13vw; }
  .sub-youtube-wrap .inner-top .right{ margin-left:9.92vw;}
  .sub-youtube-wrap .inner-top .right a{ width:12.19vw; height:2.97vw; border-radius: 1.48vw; margin-top:2.03vw}
  .sub-youtube-wrap .inner-top .right a span:before{ content:""; width:1.56vw; height:1.25vw; margin-right:0.78vw}
  .sub-youtube-wrap .inner-top .right a span:after{ content:""; width:1.09vw; height:1.09vw; margin-left:0.63vw}
  
  .sub-youtube-wrap .inner-btm{ margin-top:17.11vw}
  .sub-youtube-wrap .inner-btm .left{ width:50%; padding-bottom:0.94vw}
  .sub-youtube-wrap .inner-btm .left h5{ margin:1.56vw 0 2.73vw 0;}
  .sub-youtube-wrap .inner-btm .right{width:41.95vw; height:16.48vw; margin-left:3.36vw}

}

@media (max-width:768px){

  .sub-youtube-wrap{ width:100%; height:91.81vw; background:url('/theme/basic/img/sub/youtube-bg01-m.png') no-repeat center bottom; background-size:cover; padding:11.81vw 0 12.50vw 0}
  .sub-youtube-wrap h2{ margin:0 auto 6.39vw auto; }
  .sub-youtube-wrap .inner-top{ display:none}
  /*.sub-youtube-wrap .inner-top{ width:calc( 100% - 11.11vw); height:auto; display:flex; flex-direction:column; justify-content: center; align-items: center; margin:0 auto;}*/
  .sub-youtube-wrap .inner-top .left{ width:100%; height:50.00vw; }
  .sub-youtube-wrap .inner-top .left iframe{ width:100%; }
  .sub-youtube-wrap .inner-top .right{ margin-left:0; margin-top:6.25vw; align-items: center}
  .sub-youtube-wrap .inner-top .right p{ text-align: center;}
  .sub-youtube-wrap .inner-top .right a{ width:40.97vw; height:9.72vw; border-radius: 19px; margin-top:3.61vw}
  
  .sub-youtube-wrap .inner-btm{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin-top:0 !important}
  .sub-youtube-wrap .inner-btm.noMg{ margin-top:0; }
  .sub-youtube-wrap .inner-btm .left{ width:100%; padding-bottom:1.67vw; padding-left:0}
  .sub-youtube-wrap .inner-btm .left h4{ text-align: center; font-size:var(--font-size-22)}
  .sub-youtube-wrap .inner-btm .left h5{ margin:2.78vw 0 4.86vw 0; text-align: center; font-size:var(--font-size-35)}
  .sub-youtube-wrap .inner-btm .left p{ width:calc(100% - 11.11vw); margin:0 auto; text-align: center; font-size:var(--font-size-20); word-break: keep-all;}

  .sub-youtube-wrap .inner-btm .right{width:100%; height:17.64vw; margin-left:0; margin-top:14.58vw; background-size:auto 100%}

  [id^="page01_"] .sub-youtube-wrap .inner-btm,
  [id^="page02_"] .sub-youtube-wrap .inner-btm,
  [id^="page03_"] .sub-youtube-wrap .inner-btm,
  [id^="page04_"] .sub-youtube-wrap .inner-btm{ margin-top:0 !important}

}


.sub-care-wrap{}
.sub-care-wrap .tit-c-inner{ margin-top:159px}
.sub-care-wrap .tit-c-inner *{text-align: center}
.sub-care-wrap .tit-c-inner h2{margin-bottom:14px;}
.sub-care-wrap .tit-c-inner h3{margin-bottom:95px}
.sub-care-wrap .care-ul{ width:100%; display:flex; justify-content: center; align-items: flex-start; margin-bottom:186px}
.sub-care-wrap .care-ul.grid3 li{width:calc((100% - 210px) / 3); margin-right:70px;}
.sub-care-wrap .care-ul.grid3 li:nth-child(3n){margin-right:0}

.sub-care-wrap .care-ul.grid4{ width:1228px; margin-top:63px; margin-bottom:148px; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-care-wrap .care-ul.grid4 li{ width:calc((100% - 348px) / 4);}
.sub-care-wrap .care-ul.grid4 li .img{ width:100%; height:220px; }
.sub-care-wrap .care-ul.grid4 li .stit{ align-items: center;}

.sub-care-wrap .care-ul.grid5 li{width:Calc((100% - 128px) / 4); margin-right:32px}
.sub-care-wrap .care-ul.grid5 li:nth-child(5n){margin-right:0}
.sub-care-wrap .care-ul li{}
.sub-care-wrap .care-ul li .stit{ height:56px; display:flex; justify-content: center; align-items: flex-start; color:var(--black); text-align: center; margin-bottom:30px;}

.sub-care-wrap .care-ul.grid5 li .stit{ height:auto; margin-bottom:17px;}
.sub-care-wrap .care-ul li .img{ width:100%; height:260px; background:var(--gray-e3e); border-radius:var(--border-radius-25); font-size:0}
.sub-care-wrap .care-ul.grid5 li .img{ width:100%; height:220px; }
.sub-care-wrap .care-ul li .img img{ width:100%; height:auto}
.sub-care-wrap .care-ul li .script{ height:56px; display:flex; justify-content: center; align-items: center; margin-top:30px; text-align: center; }
.sub-care-wrap .care-ul.grid5 li .script{ height:auto; margin-top:26px}
.sub-care-wrap .cau{ border:2px solid var(--gray-474); padding:24px; width:1180px; margin:0 auto 226px auto; text-align: center;}


#page04_02 .sub-care-wrap{background:var(--gray-fbf) ; padding: 0 0 130px 0}
#page04_02 .sub-care-wrap .tit-c-inner{ margin-top:0}
#page04_02 .sub-care-wrap .tit-c-inner h2{margin-bottom:24px}
#page04_02 .sub-care-wrap .care-ul{ width:1228px; justify-content: space-between; margin-bottom:0}

@media (max-width:1280px){

  .sub-care-wrap{}
  .sub-care-wrap .tit-c-inner{ margin-top:12.50vw}
  .sub-care-wrap .tit-c-inner h2{margin-bottom:1.09vw;}
  .sub-care-wrap .tit-c-inner h3{margin-bottom:7.42vw}
  .sub-care-wrap .care-ul{ margin-bottom:14.53vw}
  .sub-care-wrap .care-ul.grid3 li{width:calc((100% - 16.41vw) / 3); margin-right:5.47vw;}
  
  .sub-care-wrap .care-ul.grid4{ width:95.94vw; margin-top:4.92vw; margin-bottom:11.56vw; }
  .sub-care-wrap .care-ul.grid4 li{ width:calc((100% - 27.19vw) / 4);}
  .sub-care-wrap .care-ul.grid4 li .img{ width:100%; height:17.19vw; }
  
  .sub-care-wrap .care-ul.grid5 li{width:Calc((100% - 10.00vw) / 4); margin-right:2.50vw}
  .sub-care-wrap .care-ul li{}
  .sub-care-wrap .care-ul li .stit{ height:4.38vw; margin-bottom:2.34vw;}
  
  .sub-care-wrap .care-ul.grid5 li .stit{ margin-bottom:1.33vw;}
  .sub-care-wrap .care-ul li .img{ height:20.31vw; }
  .sub-care-wrap .care-ul.grid5 li .img{ height:auto; max-height:17.19vw; }
  .sub-care-wrap .care-ul li .script{ height:4.38vw; margin-top:2.34vw; }
  .sub-care-wrap .care-ul.grid5 li .script{ margin-top:2.03vw}
  .sub-care-wrap .cau{ padding:1.88vw; width:92.19vw; margin:0 auto 17.58vw auto;}
  
  
  #page04_02 .sub-care-wrap{ padding: 0 0 10.16vw 0}
  #page04_02 .sub-care-wrap .tit-c-inner h2{margin-bottom:1.88vw}
  #page04_02 .sub-care-wrap .care-ul{ width:100%}

}



@media (max-width:768px){

  .sub-care-wrap{}
  .sub-care-wrap .tit-c-inner{ margin:22.08vw auto 0 auto; width:calc(100% - 26.39vw)}
  .sub-care-wrap .tit-c-inner h2{margin-bottom:1.94vw;}
  .sub-care-wrap .tit-c-inner h3{margin-bottom:13.19vw}
  .sub-care-wrap .care-ul{ width:calc(100% - 47.22vw); flex-direction:column; justify-content: center; align-items:center; margin:0 auto 12.78vw auto;}
  .sub-care-wrap .care-ul.grid3 li{width:100%; margin-right:0; margin-bottom:9.31vw}
  .sub-care-wrap .care-ul.grid3 li:nth-child(2n){margin-right:0; margin-bottom:0}
  .sub-care-wrap .care-ul.grid3 li:nth-child(3n){margin-right:0; margin-bottom:0}
  
  .sub-care-wrap .care-ul.grid4{ width:calc(100% - 31.39vw); margin:8.75vw auto 12.78vw auto; flex-direction:row; justify-content:flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-care-wrap .care-ul.grid4 li{ width:calc((100% - 7.78vw) / 2); margin-right:7.78vw}
  .sub-care-wrap .care-ul.grid4 li:nth-child(2n){ margin-right:0}
  .sub-care-wrap .care-ul.grid4 li .img{ width:100%; height:30.56vw; }
  
  .sub-care-wrap .care-ul.grid5{width:calc(100% - 33.33vw); margin:0 auto; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
  .sub-care-wrap .care-ul.grid5 li{width:calc((100% - 4.17vw) / 2); margin-right:4.17vw; margin-bottom:9.03vw}
  .sub-care-wrap .care-ul li:nth-child(2n){ margin-right:0}
  .sub-care-wrap .care-ul li .stit{ height:7.78vw; display:flex; justify-content: center; align-items: flex-start; color:var(--black); text-align: center; margin-bottom:4.17vw;}
    
  .sub-care-wrap .care-ul.grid5 li .stit{ height:auto; margin-bottom:2.36vw;}
  .sub-care-wrap .care-ul li .img{ width:100%; height:36.11vw; }
  .sub-care-wrap .care-ul.grid5 li .img{ width:100%; height:30.56vw; max-height:30.56vw }
  .sub-care-wrap .care-ul li .img img{ width:100%; height:auto}
  .sub-care-wrap .care-ul li .script{ height:7.78vw; display:flex; justify-content: center; align-items: center; margin-top:4.17vw; text-align: center; }
  .sub-care-wrap .care-ul.grid5 li .script{ margin-top:3.61vw}
  .sub-care-wrap .cau{ padding:3.33vw; width:calc(100% - 12.50vw); margin:0 auto 13.89vw auto; text-align: center;}
  
  
  
  #page04_02 .sub-care-wrap{ padding: 0 0 0 0; background:var(--white)}
  #page04_02 .sub-care-wrap .tit-c-inner h2{margin-bottom:7.78vw}
  #page04_02 .sub-care-wrap .care-ul{ width:calc(100% - 34.44vw); flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}

}

.sub-space-wrap{ background:var(--gray-fbf); padding:110px 0 100px 0}
.sub-space-wrap h2 strong{ color:var(--brown-b2a); line-height:47px }
.sub-space-wrap h3{ margin-bottom:60px; line-height:47px; color:var(--gray-474)}
.sub-space-wrap .rect{ width:1087px; margin:0 auto; border:1px solid var(--brown-b2a); border-radius: var(--border-radius-25); padding:29px 30px; text-align: center; color:var(--gray-474)}

.sub-area-wrap{ padding:40px 0 130px 0}
.sub-area-wrap .tit-c-inner *{text-align: center}
.sub-area-wrap .tit-c-inner h2{line-height:44px;}
.sub-area-wrap .tit-c-inner h3{margin-bottom:64px}
.sub-area-wrap .care-ul{ width:1240px; display:flex; justify-content: space-between; align-items: flex-start; }
.sub-area-wrap .care-ul li{ width:calc((100% - 120px) / 4); height:530px; }
.sub-area-wrap .care-ul li .stit{ display:flex; justify-content: center; color:var(--black); text-align: center; margin-bottom:16px;}
.sub-area-wrap .care-ul li .img{ width:100%; height:367px; background:var(--gray-e3e); border-radius:var(--border-radius-25); font-size:0; margin-bottom:14px;}
.sub-area-wrap .care-ul li .img img{ width:100%; height:auto}
.sub-area-wrap .care-ul li .script{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-area-wrap .care-ul li .script .tag{ height:30px; margin-right:7px; padding:0 15px; font-size:var(--font-size-15); margin-bottom:10px;; background:var(--gray-efe); border-radius: 15px; line-height:30px}

@media (max-width:1280px){

  .sub-space-wrap{ padding:8.59vw 0 7.81vw 0}
  .sub-space-wrap h2 strong{ line-height:3.67vw }
  .sub-space-wrap h3{ margin-bottom:4.69vw; line-height:3.67vw;}
  .sub-space-wrap .rect{ width:84.92vw;  padding:2.34vw 2.34vw; }
  
  .sub-area-wrap{ padding:3.13vw 0 10.16vw 0}
  .sub-area-wrap .tit-c-inner h2{line-height:3.44vw;}
  .sub-area-wrap .tit-c-inner h3{margin-bottom:5.00vw}
  .sub-area-wrap .care-ul{ width:100%; max-width:96.88vw; }
  .sub-area-wrap .care-ul li{ width:calc((100% - 9.38vw) / 4); height:41.41vw; }
  .sub-area-wrap .care-ul li .stit{  margin-bottom:1.25vw;}
  .sub-area-wrap .care-ul li .img{ width:100%; height:28.67vw; margin-bottom:1.09vw;}
  .sub-area-wrap .care-ul li .img img{ width:100%; height:auto}
  .sub-area-wrap .care-ul li .script .tag{ height:2.34vw; margin-right:0.55vw; padding:0 1.17vw; margin-bottom:0.78vw; border-radius: 1.17vw; line-height:2.34vw}

}




@media (max-width:768px){


  .sub-space-wrap{ padding:15.28vw 0 13.89vw 0}
  .sub-space-wrap h2 strong{ line-height:6.53vw }
  .sub-space-wrap h3{ margin-bottom:5.28vw; line-height:1.5; text-align: center;}
  .sub-space-wrap .rect{ width:calc(100% - 7.22vw); padding:5.28vw 5.56vw; word-break: keep-all;}
  
  .sub-area-wrap{ padding:11.11vw 0 0 0}
  .sub-area-wrap .tit-c-inner h2{line-height:6.11vw;}
  .sub-area-wrap .tit-c-inner h3{margin-bottom:8.89vw}
  .sub-area-wrap .care-ul{ width:calc(100% - 16.67vw); display:flex; flex-direction:row; justify-content: flex-start; align-items: center; flex-wrap:wrap; margin:0 auto}
  .sub-area-wrap .care-ul li{ width:calc((100% - 5.56vw) / 2); height:75.83vw; margin-right: 5.56vw; margin-bottom:12.50vw}
  .sub-area-wrap .care-ul li:nth-child(2n){ margin-right:0 }
  .sub-area-wrap .care-ul li .stit{ display:flex; justify-content: center; text-align: center; margin-bottom:2.22vw;}
  .sub-area-wrap .care-ul li .img{ width:100%; height:50.97vw; margin-bottom:1.94vw;}
  .sub-area-wrap .care-ul li .script{ justify-content: center;}
  .sub-area-wrap .care-ul li .script .tag{ height:5.56vw; margin-right:0.97vw; padding:0 2.08vw; margin-bottom:1.39vw; border-radius: 3vw; line-height:5.56vw}

}

.sub-care-more-wrap { padding-bottom:131px}
.sub-care-more-wrap h3{ margin-bottom:43px; color:var(--black); text-align: center;}
.sub-care-more-wrap .care-ul{ margin:0 auto 0 auto}
.sub-care-more-wrap .care-ul.grid3{width:816px; display:flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.sub-care-more-wrap .care-ul.grdi3 li{width:calc((100% - 216px) / 3);}
.sub-care-more-wrap .care-ul li .stit{ margin-bottom:25px; color:var(--black)}
.sub-care-more-wrap .care-ul li .img{ width:200px; height:200px; border-radius: 100px; background:var(--gray-ece); font-size:0;}
.sub-care-more-wrap .care-ul li .script{}

/*@*/media (max-width:768px){

  .sub-care-more-wrap { padding-bottom:18.19vw}
  .sub-care-more-wrap h3{ margin-bottom:5.97vw; }
  .sub-care-more-wrap .care-ul.grid3{width:61.94vw; display:flex; justify-content: center; margin:0 auto; flex-wrap: wrap;}
  .sub-care-more-wrap .care-ul.grdi3 li{width:calc((100% - 6.39vw) / 2); margin-right:6.39vw}
  .sub-care-more-wrap .care-ul.grdi3 li:nth-child(2n){ margin-right:0}
  .sub-care-more-wrap .care-ul li .stit{ margin-bottom:3.47vw; }
  .sub-care-more-wrap .care-ul li .img{ width:27.78vw; height:27.78vw; border-radius: 14vw; }  

}


.sub-clinic-wrap{ background:var(--brown-b2a); padding:48px 0}
.sub-clinic-wrap *{color:var(--white)}
.sub-clinic-wrap h3{ margin-bottom:20px}
.sub-clinic-wrap h3 strong{ font-weight:var(--weight-semibold)}
.sub-clinic-wrap p{ text-align: center;}
.sub-clinic-wrap p strong{ font-weight:var(--weight-semibold)}

@media (max-width:768px){
  .sub-clinic-wrap{ padding:15.83vw 0}
  .sub-clinic-wrap h3{ margin-bottom:4.17vw; text-align: center;}
  .sub-clinic-wrap p{ font-size:var(--font-size-25) !important; line-height:1.5; padding:0 4.17vw; word-break: keep-all; }
}



.sub-cause-wrap{}
.sub-cause-wrap .tit-c-inner{ margin-top:0; padding-top:173px}
.sub-cause-wrap .tit-c-inner *{ text-align: center;}
.sub-cause-wrap .tit-c-inner span{ margin-bottom:6px }
.sub-cause-wrap .tit-c-inner h2{ margin-bottom:35px }
.sub-cause-wrap .tit-c-inner h3{ margin-bottom:8px }
.sub-cause-wrap .tit-c-inner h5{ color:var(--red-b55); margin-bottom:61px}

.sub-cause-wrap .cause-ul{ width:1064px; display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-cause-wrap .cause-ul.grid3{ width:1132px; display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-cause-wrap .cause-ul.grid3 li{ width:calc((100% - 172px) / 3); }
.sub-cause-wrap .cause-ul.grid4{}
.sub-cause-wrap .cause-ul li{ width:506px; height:270px ;border-radius: var(--border-radius-25); background:var(--gray-f9f); display:flex; flex-direction:column; justify-content: center; align-items: center;}
.sub-cause-wrap .cause-ul li .stit{ color:var(--brown-b2a); margin-bottom:35px }
.sub-cause-wrap .cause-ul li .script{ height:112px; display:flex; flex-direction: column; justify-content: center; align-items:center;}
.sub-cause-wrap .cause-ul li .script p{position:relative; margin-bottom:0; line-height:28px; text-align: center;}
.sub-cause-wrap .cause-ul li .script p.bold{}
.sub-cause-wrap .cause-ul li .script p.no-spot{}
.sub-cause-wrap .cause-ul li .script p:before{}
.sub-cause-wrap .cause-ul li .script p.bold,
.sub-cause-wrap .cause-ul li .script p.no-stop:before{display:none}

/*@*/media (max-width:768px){

  .sub-cause-wrap{}
  .sub-cause-wrap .tit-c-inner{ width:calc(100% - 11.11vw);margin:0 auto; padding-top:12.50vw}
  .sub-cause-wrap .tit-c-inner span{ margin-bottom:0.83vw }
  .sub-cause-wrap .tit-c-inner h2{ margin-bottom:4.86vw }
  .sub-cause-wrap .tit-c-inner h3{ margin-bottom:1.11vw; text-align: center;}
  .sub-cause-wrap .tit-c-inner h5{ margin-bottom:8.47vw; text-align:center;}
  
  .sub-cause-wrap .cause-ul{ width:calc(100% - 29.72vw); display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start; margin:0 auto; flex-wrap: wrap;}
  .sub-cause-wrap .cause-ul.grid3{ width:calc(100% - 55.56vw); display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin:0 auto}
  .sub-cause-wrap .cause-ul.grid3 li{ width:calc(100%); }
  .sub-cause-wrap .cause-ul.grid4{}
  .sub-cause-wrap .cause-ul li{ width:100%; height:37.36vw ; display:flex; flex-direction:column; justify-content: center; align-items: center; margin-bottom:9.58vw}
  .sub-cause-wrap .cause-ul li:last-child{ margin-bottom:0 }
  .sub-cause-wrap .cause-ul li .stit{ margin-bottom:4.86vw }
  .sub-cause-wrap .cause-ul li .script{ height:15.56vw; display:flex; flex-direction: column; justify-content: center; align-items:center;}
  .sub-cause-wrap .cause-ul li .script p{line-height:3.89vw;}
  .sub-cause-wrap .cause-ul li .script p.bold{}
  .sub-cause-wrap .cause-ul li .script p.no-spot{}
  .sub-cause-wrap .cause-ul li .script p:before{}
  .sub-cause-wrap .cause-ul li .script p.bold,
  .sub-cause-wrap .cause-ul li .script p.no-stop:before{display:none}
  

}

.sub-howto-wrap{ background:var(--gray-f9f); padding:77px 0 45px 0}
.sub-howto-wrap .tit-c-inner h2{ margin-bottom:46px}
.sub-howto-wrap .howto-ul{ width:1124px; margin:0 auto; display: flex; justify-content: space-between; align-items: flex-start;}
.sub-howto-wrap .howto-ul li{ width:calc((100% - 84px) / 4); height:260px; background:var(--white); border-radius: var(--border-radius-25);}
.sub-howto-wrap .howto-ul li *{ display:flex; justify-content: center; align-items: center;}
.sub-howto-wrap .howto-ul li .stit{ width:100%; height:85px; border-bottom:1px solid var(--gray-f2f);}
.sub-howto-wrap .howto-ul li .script{ width:100%; height:calc(100% - 85px); padding:0 30px}

.sub-howto-wrap .howto-ul.grid4{ width:1048px; margin:0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-howto-wrap .howto-ul.grid4 li{ width:calc((100% - 168px) / 4); height:220px; border:2px solid var(--gray-ebe); background:var(--white); border-radius: var(--border-radius-25); margin-right:56px; margin-bottom:49px}
.sub-howto-wrap .howto-ul.grid4 li:nth-child(4n) {margin-right:0}
.sub-howto-wrap .howto-ul.grid4 li *{ display:flex; justify-content: center; align-items: center;}
.sub-howto-wrap .howto-ul.grid4 li .stit{ width:100%; height:90px; border-bottom:0; color:var(--brown-b2a)}
.sub-howto-wrap .howto-ul.grid4 li .script{ width:100%; height:calc(100% - 90px); line-height:26px; text-align:center; align-items: flex-start;}

#page08_02 .sub-howto-wrap{ background:var(--white)}

@media (max-width:1280px){

  .sub-howto-wrap{ padding:6.02vw 0 3.52vw 0}
  .sub-howto-wrap .tit-c-inner h2{ margin-bottom:3.59vw}
  .sub-howto-wrap .howto-ul{ width:87.81vw; }
  .sub-howto-wrap .howto-ul li{ width:calc((100% - 6.56vw) / 4); height:20.31vw; }
  .sub-howto-wrap .howto-ul li .stit{ height:6.64vw; }
  .sub-howto-wrap .howto-ul li .script{ height:calc(100% - 6.64vw); padding:0 2.34vw}
  
  .sub-howto-wrap .howto-ul.grid4{ width:81.88vw; }
  .sub-howto-wrap .howto-ul.grid4 li{ width:calc((100% - 13.14vw) / 4); height:17.19vw; border:0.16vw solid var(--gray-ebe); margin-right:4.38vw; margin-bottom:3.83vw}
  .sub-howto-wrap .howto-ul.grid4 li .stit{ height:7.03vw; }
  .sub-howto-wrap .howto-ul.grid4 li:nth-child(4n) {margin-right:0}
  .sub-howto-wrap .howto-ul.grid4 li .script{ height:calc(100% - 7.03vw); line-height:2.03vw; }
  

}


@media (max-width:768px){

  .sub-howto-wrap{ padding:10.69vw 0 6.25vw 0}
  .sub-howto-wrap .tit-c-inner h2{ margin-bottom:8.89vw}
  .sub-howto-wrap .howto-ul{ width:calc(100% - 23.89vw); margin:0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; padding-bottom:10.97vw}
  .sub-howto-wrap .howto-ul li{ width:calc((100% - 3.89vw) / 2); height:36.11vw; margin-right:3.89vw; margin-bottom:5.28vw }
  .sub-howto-wrap .howto-ul li:nth-child(2n){ margin-right:0 }
  .sub-howto-wrap .howto-ul li:nth-child(n+2){ margin-bottom:0}

  .sub-howto-wrap .howto-ul li .stit{ width:100%; height:11.81vw; }
  .sub-howto-wrap .howto-ul li .script{ width:100%; height:calc(100% - 11.81vw); padding:0 4.17vw}
  
  .sub-howto-wrap .howto-ul.grid4{ width:calc(100% - 31.11vw); margin:0 auto; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-howto-wrap .howto-ul.grid4 li{ width:calc((100% - 7.78vw) / 2); height:30.56vw; margin-right:7.78vw; margin-bottom:4.86vw}
  .sub-howto-wrap .howto-ul.grid4 li:nth-child(2n),
  .sub-howto-wrap .howto-ul.grid4 li:nth-child(4n) {margin-right:0}
  .sub-howto-wrap .howto-ul.grid4 li .stit{ width:100%; height:12.50vw;}
  .sub-howto-wrap .howto-ul.grid4 li .script{ width:100%; height:calc(100% - 12.50vw); line-height:4.17vw; }
  
}

.sub-items-wrap{ width:100%; height:698px; background:url("/theme/basic/img/sub/sub01/items-bg.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center;}
.sub-items-wrap .tit-c-inner{}
.sub-items-wrap .tit-c-inner span{ margin-bottom:11px}
.sub-items-wrap .tit-c-inner h2{ margin-bottom:23px}
.sub-items-wrap .tit-c-inner h2 strong{ color:var(--red-b75)}
.sub-items-wrap .tit-inner a.btn-more{padding:0 28px}
.sub-items-wrap .items-ul{ width:1090px; display:flex ; justify-content: space-between; align-items: flex-start; margin:50px auto 0 auto}
.sub-items-wrap .items-ul li{ width:calc((100% - 50px) / 2); height:360px; background:var(--gray-fbf); border-radius:var(--border-radius-25); display:flex; justify-content: flex-start; align-items: center;}
.sub-items-wrap .items-ul li .img{ width:300px; height:100%; border-radius:var(--border-radius-25); box-shadow: var(--box-shadow-5); display:flex; justify-content: center; align-items: center; margin-right:40px;}
.sub-items-wrap .items-ul li .img img{ width:auto; height:auto; max-width:100%;}
.sub-items-wrap .items-ul li .tit{ display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub-items-wrap .items-ul li .tit *{ text-align: left; }
.sub-items-wrap .items-ul li .tit h3{ margin:0; line-height:61px}
.sub-items-wrap .items-ul li .tit p{ margin:0; line-height:30px}

#page03_04 .sub-items-wrap .items-ul,
#page03_09 .sub-items-wrap .items-ul{ justify-content: center;}
#page03_10 .sub-items-wrap .items-ul{ justify-content: center;}

@media (max-width:1280px){

  .sub-items-wrap{ height:54.53vw; }
  .sub-items-wrap .tit-c-inner span{ margin-bottom:0.86vw}
  .sub-items-wrap .tit-c-inner h2{ margin-bottom:1.80vw}
  .sub-items-wrap .tit-inner a.btn-more{padding:0 2.19vw}
  .sub-items-wrap .items-ul{ width:85.16vw; margin:3.91vw auto 0 auto}
  .sub-items-wrap .items-ul li{ width:calc((100% - 3.91vw) / 2); height:28.13vw; }
  .sub-items-wrap .items-ul li .img{ width:23.44vw; margin-right:3.13vw;}
  .sub-items-wrap .items-ul li .tit h3{ line-height:4.77vw}
  .sub-items-wrap .items-ul li .tit p{ line-height:2.34vw}
  

}

/*@*/media (max-width:768px){

  .sub-items-wrap{ width:100%; height:auto; padding:15.14vw 0 20.14vw 0}
  .sub-items-wrap .tit-c-inner{}
  .sub-items-wrap .tit-c-inner span{ margin-bottom:1.53vw}
  .sub-items-wrap .tit-c-inner h2{ margin-bottom:3.19vw}
  .sub-items-wrap .tit-inner a.btn-more{padding:0 3.89vw}
  .sub-items-wrap .items-ul{ width:calc(100% - 27.22vw); flex-direction:column; justify-content:flex-start; align-items: center; margin:6.94vw auto 0 auto}
  .sub-items-wrap .items-ul li{ width:calc(100%); height:50.00vw; display:flex; justify-content: flex-start; align-items: center; margin-bottom:10.28vw}
  .sub-items-wrap .items-ul li:last-child{ margin-bottom:0}
  .sub-items-wrap .items-ul li .img{ width:41.67vw; height:100%; margin-right:5.56vw;}
  .sub-items-wrap .items-ul li .img img{ width:80%; height:100%}
  .sub-items-wrap .items-ul li .tit h3{ margin:0; line-height:8.47vw}
  .sub-items-wrap .items-ul li .tit p{ margin:0; line-height:4.17vw}
  
  #page03_04 .sub-items-wrap .items-ul,
  #page03_09 .sub-items-wrap .items-ul{ justify-content: center;}
  
}

.sub-items-land-wrap{ width:100%; height:607px; background:url("/theme/basic/img/sub/sub01/items-bg.png") no-repeat center; background-size:cover; position:relative}
.sub-items-land-wrap .tit-c-inner{ position:absolute; top:50%; left:50%; transform: translate( -640px, -50%); width:380px; display:flex; flex-direction: column; justify-content: center; align-items:flex-start;}
.sub-items-land-wrap .tit-c-inner span{ color:var(--black)}
.sub-items-land-wrap .tit-c-inner h2{ margin-top:28px; margin-bottom:44px}
.sub-items-land-wrap .tit-c-inner h2 strong{ color:var(--red-b75); font-weight:var(--weight-semibold);}
.sub-items-land-wrap .tit-inner a.btn-more{ width:184px; }
.sub-items-land-wrap .items-swiper{ position:absolute; top:50%; left:50%; transform: translate( -259px, -50%); width:100%; max-width:calc(100% - 700px); height:487px; margin-right:30px; overflow-x:auto; }
.sub-items-land-wrap .items-swiper .items-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap:nowrap; flex-shrink: 0;padding-bottom:57px; width:auto; min-width:calc(100% + 30px);}
.sub-items-land-wrap .items-swiper .items-ul li{ width:300px; height:426px; margin-right:16px}
.sub-items-land-wrap .items-swiper .items-ul li .img{ width:300px; height:360px; border-radius: var(--border-radius-25); background:var(--white);}
.sub-items-land-wrap .items-swiper .items-ul li p{ line-height:62px; text-align: center;}

.sub-items-land-wrap .items-swiper::-webkit-scrollbar{ background:var(--gray-ebe); width:100%; height:4px; border-radius: 0;}
.sub-items-land-wrap .items-swiper::-webkit-scrollbar-thumb{ background:var(--brown-b2a); height:4px}
.sub-items-land-wrap .items-swiper::-webkit-scrollbar-track{ background:var(--gray-ebe);}

@media (max-width:1280px){

  .sub-items-land-wrap{ width:100%; height:47.42vw; }
  .sub-items-land-wrap .tit-c-inner{ position:absolute; top:50%; left:0; transform: translate( 2.5rem, -50%); width:29.69vw; }
  .sub-items-land-wrap .tit-c-inner h2{ margin-top:2.19vw; margin-bottom:3.44vw}
  .sub-items-land-wrap .tit-inner a.btn-more{ width:14.38vw; }
  .sub-items-land-wrap .items-swiper{ position:absolute; top:50%; left:50%; transform: translate( -20.69vw, -50%); width:100%; max-width:calc(100% - 29.69vw); height:38.05vw; margin-right:2.34vw; overflow-x:auto; }
  .sub-items-land-wrap .items-swiper .items-ul{ padding-bottom:4.30vw; width:auto; min-width:calc(100% + 2.34vw);}
  .sub-items-land-wrap .items-swiper .items-ul li{ width:23.44vw; height:33.28vw; margin-right:1.25vw}
  .sub-items-land-wrap .items-swiper .items-ul li .img{ width:23.44vw; height:28.13vw; }
  .sub-items-land-wrap .items-swiper .items-ul li p{ line-height:4.84vw; }
    
}
 
@media (max-width:768px){

  .sub-items-land-wrap{ width:100%; height:84.31vw; padding:10.97vw  0 5.69vw 0}
  .sub-items-land-wrap .tit-c-inner{ position:absolute; top:50%; left:0; transform: translate( 0, -70%); width:44.44vw; padding-left:6.39vw; padding-right:1.39vw}
  .sub-items-land-wrap .tit-c-inner h2{ margin-top:3.89vw; margin-bottom:6.11vw}
  .sub-items-land-wrap .tit-inner a.btn-more{ width:31.94vw; height:7.22vw }
  .sub-items-land-wrap .items-swiper{ position:absolute; top:50%; left:50%; transform: translate( -5.56vw, -50%); width:calc(100% - 44.44vw);  max-width:100%; height:67.64vw; margin-right:4.17vw; overflow-x:auto;  }
  .sub-items-land-wrap .items-swiper .items-ul{ flex-shrink: 0;padding-bottom:7.92vw; width:auto; }
  .sub-items-land-wrap .items-swiper .items-ul li{ width:41.67vw; height:59.17vw; margin-right:2.22vw}
  .sub-items-land-wrap .items-swiper .items-ul li .img{ width:41.67vw; height:50.00vw; }
  .sub-items-land-wrap .items-swiper .items-ul li .img img{ width:100%; max-height:50.00vw}
  .sub-items-land-wrap .items-swiper .items-ul li p{ line-height:62px; text-align: center;}
  
  .sub-items-land-wrap .items-swiper::-webkit-scrollbar{  height:0.56vw}
  .sub-items-land-wrap .items-swiper::-webkit-scrollbar-thumb{ height:0.56vw}

}


.sub-scar-wrap{ padding:77px 0 62px 0;}
.sub-scar-wrap h2{ margin-bottom:21px} 
.sub-scar-wrap h3{ font-size:var(--font-size-16); font-weight:var(--weight-regular); line-height:28px; margin-bottom:59px; color:var(--gray-474); text-align: center; }
.sub-scar-wrap .scar-ul{ width:930px; margin:0 auto; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.sub-scar-wrap .scar-ul li{ width:calc((100% - 120px) / 2); margin-right:120px; margin-bottom:66px}
.sub-scar-wrap .scar-ul li *{ text-align: center;}
.sub-scar-wrap .scar-ul li:nth-child(2n){ margin-right:0 }
.sub-scar-wrap .scar-ul li .stit{ margin-bottom:20px; color:var(--black)}
.sub-scar-wrap .scar-ul li .img{ width:100%; height:230px; border-radius: var(--border-radius-25); background:var(--gray-e3e)}
.sub-scar-wrap .scar-ul li p{ margin-top:20px; }

.sub-scar-care-wrap{ padding:0 0 140px 0}
.sub-scar-care-wrap .scar-ul{ width:1020px; margin:69px auto; display:flex; justify-content: space-between; align-content: flex-start;}
.sub-scar-care-wrap .scar-ul li{width:calc((100% - 120px) / 5); height:180px; border-radius: 90px; border:1px solid var(--brown-b2a); display:flex; justify-content: center; align-items: center; color:var(--brown-b2a); font-size:var(--font-size-20); font-weight:var(--weight-semibold); text-align: center; padding: 0 25px}
.sub-scar-care-wrap .cau{ text-align: center;}

/*@*/media (max-width:768px){

  .sub-scar-wrap{ padding:10.69vw 0 8.61vw 0;}
  .sub-scar-wrap h2{ margin-bottom:4.58vw; font-size:var(--font-size-35) !important} 
  .sub-scar-wrap h3{ width:calc(100% - 15.28vw); margin:0 auto 8.19vw auto; line-height:3.89vw; }
  .sub-scar-wrap .scar-ul{ width:calc(100% - 30.28vw); margin:0 auto; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
  .sub-scar-wrap .scar-ul li{ width:100%; margin-right:0; margin-bottom:5.83vw}
  .sub-scar-wrap .scar-ul li:nth-child(2n){ margin-right:0 }
  .sub-scar-wrap .scar-ul li .stit{ margin-bottom:2.78vw; font-size:var(--font-size-24 ) !important}
  .sub-scar-wrap .scar-ul li .img{ width:100%; height:auto; margin-bottom:3.61vw}
  .sub-scar-wrap .scar-ul li .img img{ width:100% }
  .sub-scar-wrap .scar-ul li p{ margin-top:20px; }
  
  .sub-scar-care-wrap{ padding:0 0 19.44vw 0}
  .sub-scar-care-wrap .scar-ul{ width:calc(100% - 17.22vw); margin:9.58vw auto; display:flex; justify-content: center; align-content: flex-start; flex-wrap: wrap;}
  .sub-scar-care-wrap .scar-ul li{width:24.72vw; height:24.72vw; border-radius: 13vw; padding: 0 25px; margin-right:4.31vw; margin-bottom:2.22vw; padding:0 5.56vw}
  .sub-scar-care-wrap .scar-ul li:nth-child(3n){margin-right:0}
  .sub-scar-care-wrap .scar-ul li:nth-child(n+4){margin-bottom:0}
  .sub-scar-care-wrap .cau{ width:calc(100% - 13.89vw); margin-left:auto; margin-right:auto}

}

.sub-red-care-wrap{ padding:140px 0 65px 0}
.sub-red-care-wrap .tit-c-inner h2{ border:1px solid var(--gray-474); width:416px; height:45px; display:flex; justify-content: center; align-items: center; margin-bottom:36px;}
.sub-red-care-wrap .tit-c-inner h3{ margin-bottom:35px; text-align: center;}
.sub-red-care-wrap  h4 {margin:0 auto 25px auto; color:var(--gray-5e5); text-align: center;}
.sub-red-care-wrap .hr{ width:1px; height:227px; background:var(--brown-b2a); font-size:0; margin:0 auto 45px auto; transform-origin: 0 center;}
.sub-red-care-wrap .scar-ul{ width:872px; margin:69px auto; display:flex; justify-content: space-between; align-content: flex-start;}
.sub-red-care-wrap .scar-ul li{width:calc((100% - 168px) / 4); height:176px; border-radius: 90px; border:2px solid var(--brown-b2a); display:flex; flex-direction:column; justify-content: center; align-items: center; color:var(--brown-b2a); font-size:var(--font-size-20); font-weight:var(--weight-medium); text-align: center; padding: 0 25px}
.sub-red-care-wrap .scar-ul li strong{ font-size:var(--font-size-30); font-weight:var(--weight-light); color:var(--brown-ccc); margin-bottom:22px}
.sub-red-care-wrap .cau{ text-align: center; color:var(--gray-474)}

/*@*/media (max-width:768px){

  .sub-red-care-wrap{ padding:19.44vw 0 0 0}
  .sub-red-care-wrap .tit-c-inner h2{ border:1px solid var(--gray-474); width:calc(100% - 42.22vw); height:9.44vw; margin-bottom:5.00vw;}
  .sub-red-care-wrap .tit-c-inner h3{ margin-bottom:6.25vw; }
  .sub-red-care-wrap  h4 { width:calc(100% - 18.06vw); margin:0 auto 3.47vw auto; font-size:var(--font-size-24 ) !important }
  .sub-red-care-wrap .hr{ width:1px; height:31.53vw; margin:0 auto 6.25vw auto; transform-origin: 0 center;}
  .sub-red-care-wrap .scar-ul{ width:calc(100% - 43.33vw); margin:7.50vw auto; display:flex; justify-content: center; align-content: flex-start; flex-wrap: wrap;}
  .sub-red-care-wrap .scar-ul li{width:calc((100% - 7.78vw) / 2); height:24.44vw; border-radius: 13vw; padding: 0 3.47vw; margin:0 7.78vw 5.83vw 0}
  .sub-red-care-wrap .scar-ul li:nth-child(2n){margin-right:0}
  .sub-red-care-wrap .scar-ul li:nth-child(n+3){margin-bottom:0}
  .sub-red-care-wrap .scar-ul li strong{ margin-bottom:3.06vw}
  .sub-red-care-wrap .cau{ width:calc(100% - 18.06vw); margin:0 auto}

}

.sub-type01-wrap{ background:var(--gray-f9f); padding:61px 0 87px 0}
.sub-type01-wrap .tit-c-inner{ margin-bottom:43px;}
.sub-type01-wrap .tit-c-inner h2{ margin-bottom:0}
.sub-type01-wrap .type-ul{ width:1164px; margin:0 auto; display:flex; justify-content: space-between; align-items: center;}
.sub-type01-wrap .type-ul li{ width:calc((100% - 84px) / 3); height:140px; border-radius: var(--border-radius-25); background:var(--white); padding:0 18px}
.sub-type01-wrap .type-ul li h3{ width:100%; height:67px; display:flex; justify-content: center; align-items: center; border-bottom:1px solid var(--gray-b9b); color:var(--black);}
.sub-type01-wrap .type-ul li p{ padding-top:14px; text-align: center; color:var(--gray-474);line-height:24px}


@media (max-width:1280px){


  .sub-type01-wrap{ padding:4.69vw 0 6.64vw 0}
  .sub-type01-wrap .tit-c-inner{ margin-bottom:3.36vw;}
  .sub-type01-wrap .type-ul{ width:90.94vw; }
  .sub-type01-wrap .type-ul li{ width:calc((100% - 6.56vw) / 3); height:10.94vw; padding:0 1.41vw}
  .sub-type01-wrap .type-ul li h3{ height:5.23vw; font-size:var(--font-size-25) !important}
  .sub-type01-wrap .type-ul li p{ padding-top:1.09vw; line-height:1.88vw; font-size:var(--font-size-20) !important}


}

@media (max-width:768px){

  .sub-type01-wrap{ padding:11.67vw 0 11.67vw 0}
  .sub-type01-wrap .tit-c-inner{ margin-bottom:5.97vw;}
  .sub-type01-wrap .tit-c-inner h2{ margin-bottom:0}
  .sub-type01-wrap .type-ul{ width:calc(100% - 31.11vw); margin:0 auto; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  .sub-type01-wrap .type-ul li{ width:100%; height:26.39vw; padding:0 3.47vw; margin-bottom:3.89vw}
  .sub-type01-wrap .type-ul li:last-child{ margin-bottom:0}
  .sub-type01-wrap .type-ul li h3{ width:100%; height:12.78vw; }
  .sub-type01-wrap .type-ul li p{ padding-top:2.64vw; line-height:3.33vw;}

}


.sub-type-wrap{}




.sub-type-wrap.clr-gray{}
.sub-type-wrap span{}


.sub-because-wrap{ background:var(--brown-b2a-20); padding:82px 0 40px 0}
.sub-because-wrap .tit-c-inner{ margin-bottom:89px;}
.sub-because-wrap .tit-c-inner h2{ margin-bottom:0}
.sub-because-wrap .type-ul{ width:882px; margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-because-wrap .type-ul li{ width:calc((100% - 54px) / 2); height:240px; border-radius: var(--border-radius-25); background:var(--white); padding:0 45px; margin:0 54px 50px 0 }
.sub-because-wrap .type-ul li:nth-child(2n){ margin-right:0 }
.sub-because-wrap .type-ul li h3{ width:100%; display:flex; justify-content: flex-start; align-items: center; border-bottom:1px solid var(--gray-b9b); color:var(--black);  padding:56px 0 18px 0}
.sub-because-wrap .type-ul li p{ padding-top:14px; color:var(--gray-474);line-height:24px; text-align: left;}

#page04_02 .sub-because-wrap{ background:var(--gray-fbf); padding:0 0 35px 0}
#page04_02 .sub-because-wrap .tit-c-inner{ margin-bottom:57px;}
#page04_02 .sub-because-wrap .tit-c-inner h2{ margin-bottom:0; width:700px; height:76px; border-radius: 38px; background:var(--brown-b2a); color:var(--white); display:flex; justify-content: center; align-items: center;}
#page04_02 .sub-because-wrap .type-ul{ width:1220px; margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#page04_02 .sub-because-wrap .type-ul li{ width:calc((100% - 73px) / 2); height:240px; border-radius: var(--border-radius-25); background:var(--white); padding:0 45px; margin:0 73px 50px 0 }
#page04_02 .sub-because-wrap .type-ul li:nth-child(2n){ margin-right:0 }
#page04_02 .sub-because-wrap .type-ul li h3{ width:100%; display:flex; justify-content: flex-start; align-items: center; border-bottom:1px solid var(--gray-b9b); color:var(--gray-474);  padding:0; height:99px}
#page04_02 .sub-because-wrap .type-ul li h3 em{ font-style: normal; color:var(--brown-b2a); margin-right:5px}
#page04_02 .sub-because-wrap .type-ul li p{ padding-top:14px; color:var(--gray-474);line-height:24px; text-align: left;}

@media (max-width:1280px){


  .sub-because-wrap{ padding:6.25vw 0 3.13vw 0}
  .sub-because-wrap .tit-c-inner{ margin-bottom:7.03vw;}
  .sub-because-wrap .type-ul{ width:68.91vw; }
  .sub-because-wrap .type-ul li{ width:calc((100% - 4.22vw) / 2); height:18.75vw; padding:0 3.52vw; margin:0 4.22vw 3.91vw 0 }
  .sub-because-wrap .type-ul li h3{ padding:4.30vw 0 1.41vw 0}
  .sub-because-wrap .type-ul li p{ padding-top:1.09vw; line-height:1.88vw; }
  
  #page04_02 .sub-because-wrap{ padding:0 0 2.73vw 0}
  #page04_02 .sub-because-wrap .tit-c-inner{ margin-bottom:4.30vw}
  #page04_02 .sub-because-wrap .tit-c-inner h2{ width:54.69vw; height:5.94vw; border-radius: 2.97vw; }
  #page04_02 .sub-because-wrap .type-ul{ width:100%}
  #page04_02 .sub-because-wrap .type-ul li{ width:calc((100% - 5.70vw) / 2); height:18.75vw; padding:0 3.52vw; margin:0 5.70vw 3.91vw 0 }
  #page04_02 .sub-because-wrap .type-ul li h3{ height:7.73vw}
  #page04_02 .sub-because-wrap .type-ul li h3 em{ margin-right:0.39vw}
  #page04_02 .sub-because-wrap .type-ul li p{ padding-top:1.09vw; line-height:1.88vw }

}


@media (max-width:768px){

  .sub-because-wrap{ padding:11.39vw 0 5.56vw 0}
  .sub-because-wrap .tit-c-inner{ margin-bottom:12.36vw;}
  .sub-because-wrap .tit-c-inner h2{ margin-bottom:0}
  .sub-because-wrap .type-ul{ width:calc(100% - 28.61vw); margin:0 auto; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .sub-because-wrap .type-ul li{ width:100%; height:36.67vw; padding:0 5.42vw; margin:0 0 5.00vw 0 }
  .sub-because-wrap .type-ul li:nth-child(2n){ margin-right:0 }
  .sub-because-wrap .type-ul li h3{ padding:6.11vw 0 2.50vw 0}
  .sub-because-wrap .type-ul li p{ padding-top:1.94vw; line-height:3.33vw; }
  
  #page04_02 .sub-because-wrap{  width:100%;  padding:0 11.94vw 4.86vw 11.94vw; margin:8.61vw auto 0 auto; background:var(--white)}
  #page04_02 .sub-because-wrap .tit-c-inner{ margin-bottom:7.92vw;}
  #page04_02 .sub-because-wrap .tit-c-inner h2{ margin-bottom:0; width:100%; height:10.56vw; border-radius: 6vw; }
  #page04_02 .sub-because-wrap .type-ul{ width:100%; margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  #page04_02 .sub-because-wrap .type-ul li{ width:100%; height:34.61vw; padding:0 6.25vw; margin:0 0 3.33vw 0 }
  #page04_02 .sub-because-wrap .type-ul li:nth-child(2n){ margin-right:0 }
  #page04_02 .sub-because-wrap .type-ul li h3{ width:100%; height:13.75vw}
  #page04_02 .sub-because-wrap .type-ul li h3 em{ margin-right:0.69vw}
  #page04_02 .sub-because-wrap .type-ul li p{ padding-top:4.72vw; line-height:3.33vw}

}


#page03_04 .sub-type-wrap .tit-c-inner{ margin:117px 0 0}
#page03_04 .sub-type-wrap .tit-c-inner h2{ margin-bottom:6px;}
#page03_04 .sub-type-wrap .tit-c-inner h3{ margin-bottom:118px;}

#page03_04 .sub-type-wrap{ padding-bottom:61px}

@media (max-width:1280px){

  #page03_04 .sub-type-wrap .tit-c-inner{ margin:8.98vw 0 0}
  #page03_04 .sub-type-wrap .tit-c-inner h2{ margin-bottom:0.47vw;}
  #page03_04 .sub-type-wrap .tit-c-inner h3{ margin-bottom:8.98vw;}
  
  #page03_04 .sub-type-wrap{ padding-bottom:4.69vw}

}


@media (max-width:768px){

  #page03_04 .sub-type-wrap .tit-c-inner{ margin:11.94vw auto 0 auto}
  #page03_04 .sub-type-wrap .tit-c-inner h2{ margin-bottom:0.83vw; font-size:var(--font-size-20) !important}
  #page03_04 .sub-type-wrap .tit-c-inner h3{ margin-bottom:8.75vw; font-size:var(--font-size-35) !important}
  
  #page03_04 .sub-type-wrap{ padding-bottom:8.47vw}

}

.sub-type-wrap .tit-c-inner{ margin:165px 0 103px}
.sub-type-wrap .tit-c-inner h3{ text-align: center;}


@media (max-width:1280px){

  .sub-type-wrap .tit-c-inner{ margin:12.89vw 0 7.81vw}

}

@media (max-width:768px){

  .sub-type-wrap .tit-c-inner{ margin:12.36vw 0 8.33vw ; width:calc(100% - 11.11vw); margin-left:auto; margin-right:auto}
  .sub-type-wrap .tit-c-inner h2{ font-size:var(--font-size-40) !important}
  .sub-type-wrap .tit-c-inner h3{ font-size:var(--font-size-25) !important; line-height:1.5}

}

.sub-type-wrap .type-ul{ width:calc(100% - 276px); margin:0 auto; display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.sub-type-wrap .type-ul li{ width:100%; display:flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:80px}
.sub-type-wrap .type-ul li .img{ width:230px; height:230px; background:var(--gray-e3e); border-radius:var(--border-radius-25); font-size:0}
.sub-type-wrap .type-ul li .inner{ width:calc(100% - 283px); display:flex; flex-direction:column; justify-content: flex-start; align-items: flex-start;}
.sub-type-wrap .type-ul li .inner .stit{ width:100%; border-bottom:1px solid var(--gray-b9b); padding-bottom:18px; color:var(--black)}
.sub-type-wrap .type-ul li .inner .txt{ padding:14px 0 0 0}


.sub-type-wrap .type-ul li .inner .txt p.no-spot{}
.sub-type-wrap .type-ul li .inner .txt p.no-spot:before{display:none}


@media (max-width:1280px){

  .sub-type-wrap .type-ul{ width:calc(100% - 21.56vw); }
  .sub-type-wrap .type-ul li{ margin-bottom:6.25vw}
  .sub-type-wrap .type-ul li .img{ width:17.97vw; height:17.97vw; }
  .sub-type-wrap .type-ul li .inner{ width:calc(100% - 22.11vw); }
  .sub-type-wrap .type-ul li .inner .stit{ padding-bottom:1.41vw; }
  .sub-type-wrap .type-ul li .inner .txt{ padding:1.09vw 0 0 0}


}


@media (max-width:768px){

  .sub-type-wrap .type-ul{ width:calc(100% - 11.11vw); display:flex; }
  .sub-type-wrap .type-ul li{ width:100%; margin-bottom:6.53vw}
  .sub-type-wrap .type-ul li:last-child{ margin-bottom:13.89vw}
  .sub-type-wrap .type-ul li .img{ width:31.94vw; height:31.94vw; margin-bottom:0}
  .sub-type-wrap .type-ul li .inner{ width:calc(100% - 38.89vw); }
  .sub-type-wrap .type-ul li .inner .stit{ width:100%; padding-bottom:2.50vw; text-align: left; font-size:var(--font-size-25) !important}
  .sub-type-wrap .type-ul li .inner .txt{ padding:1.94vw 0 0 0; text-align: left;}
  
  
  .sub-type-wrap .type-ul li .inner .txt p.no-spot{}
  .sub-type-wrap .type-ul li .inner .txt p.no-spot:before{display:none}


  
}

.sub-type-wrap .type-ul li.cau{ text-align: center; justify-content: center;}
.sub-type-wrap .type-ul.grid6{ width:1170px; display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-type-wrap .type-ul.grid6 li{ width:calc((100% - 110px) / 2); margin-right:110px; margin-bottom:60px}
.sub-type-wrap .type-ul.grid6 li:nth-child(2n){ margin-right:0;}
.sub-type-wrap .type-ul.grid6 li:nth-last-of-type(1),
.sub-type-wrap .type-ul.grid6 li:nth-last-of-type(2){ margin-bottom:0}




@media (max-width:1280px){

  .sub-type-wrap .type-ul.grid6{ width:100% }
  .sub-type-wrap .type-ul.grid6 li{ width:calc((100% - 8.59vw) / 2); margin-right:8.59vw; margin-bottom:4.69vw}

}



@media (max-width:768px){

  .sub-type-wrap .type-ul.grid6{ width:calc(100% - 15.56vw);}
  .sub-type-wrap .type-ul.grid6 li{ width:100%; margin-right:0; margin-bottom:8.33vw}


  #page03_04 .sub-type-wrap .type-ul.grid6 li:nth-last-of-type(1){ margin-bottom:0 }
  #page03_04 .sub-type-wrap .type-ul.grid6 li:nth-last-of-type(2){ margin-bottom:8.33vw}


}

.sub-type-wrap .type-ul.grid3{ width:1275px; display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-type-wrap .type-ul.grid3 li{ width:calc((100% - 120px) / 3); margin-right:60px; margin-bottom:100px}
.sub-type-wrap .type-ul.grid3 li .img{ width:180px; height:180px; background:var(--gray-e3e); border-radius: var(--border-radius-25);}
.sub-type-wrap .type-ul.grid3 li .inner{ width:calc(100% - 205px); }
.sub-type-wrap .type-ul.grid3 li .inner .stit{ height:62px; padding-bottom:14px; display:flex; justify-content: flex-start; align-items: center;}
.sub-type-wrap .type-ul.grid3 li .inner .txt p{ position:relative; padding-left:10px}
.sub-type-wrap .type-ul.grid3 li .inner .txt p.no-spot{ padding-left:0; }
.sub-type-wrap .type-ul.grid3 li .inner .txt p.no-spot:before{display:none}
.sub-type-wrap .type-ul.grid3 li .inner .txt p:before{ content:"•"; position:absolute; top:2px; left:0px}
.sub-type-wrap .type-ul.grid3 li:nth-child(3n){ margin-right:0;}
.sub-type-wrap .type-ul.grid3 li:nth-last-of-type(1),
.sub-type-wrap .type-ul.grid3 li:nth-last-of-type(2){ margin-bottom:0}

/*@*/media (max-width:768px){

  .sub-type-wrap .type-ul.grid3{ width:calc(100% - 25.00vw); display:flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-type-wrap .type-ul.grid3 li{ width:calc(100%); margin-right:0; margin-bottom:2.92vw}
  .sub-type-wrap .type-ul.grid3 li .img{ width:25.00vw; height:25.00vw;}
  .sub-type-wrap .type-ul.grid3 li .inner{ width:calc(100% - 28.47vw); }
  .sub-type-wrap .type-ul.grid3 li .inner .stit{ height:8.61vw; padding-bottom:1.94vw; display:flex; justify-content: flex-start; align-items: center;}
  .sub-type-wrap .type-ul.grid3 li .inner .txt p{ position:relative; padding-left:1.39vw}
  .sub-type-wrap .type-ul.grid3 li .inner .txt p.no-spot{ padding-left:0; }
  .sub-type-wrap .type-ul.grid3 li .inner .txt p.no-spot:before{display:none}
  .sub-type-wrap .type-ul.grid3 li .inner .txt p:before{ content:"•"; position:absolute; top:0.28vw; left:0px}
  .sub-type-wrap .type-ul.grid3 li:nth-child(3n){ margin-right:0;}
  .sub-type-wrap .type-ul.grid3 li:nth-last-of-type(1){ margin-bottom:15.14vw}
  .sub-type-wrap .type-ul.grid3 li:nth-last-of-type(2){ margin-bottom:2.92vw}

}

.sub-type-wrap .type-ul.grid2{ width:1170px; display:flex; flex-direction:row; justify-content: space-between; align-items: center; }
.sub-type-wrap .type-ul.grid2 li{ width:calc((100% - 124px) / 2); }
.sub-type-wrap .type-ul.grid2 li .img{ width:230px; height:230px; background:var(--gray-e3e); border-radius: var(--border-radius-25);}
.sub-type-wrap .type-ul.grid2 li .inner{ width:calc(100% - 280px); }
.sub-type-wrap .type-ul.grid2 li .inner .stit{ height:42px; display:flex; justify-content: flex-start; align-items: flex-start; border-bottom:1px solid var(--gray-b9b); color:var(--black)}
.sub-type-wrap .type-ul.grid2 li .inner .txt p{ color:var(--gray-474); line-height:24px}

/*@*/media (max-width:768px){

  .sub-type-wrap .type-ul.grid2{ width:calc(100% - 27.22vw); display:flex; flex-direction:row; justify-content: flex-start; flex-wrap:wrap}
  .sub-type-wrap .type-ul.grid2 li{ width:100%}
  .sub-type-wrap .type-ul.grid2 li .img{ width:31.94vw; height:31.94vw; }
  .sub-type-wrap .type-ul.grid2 li .inner{ width:calc(100% - 38.89vw); }
  .sub-type-wrap .type-ul.grid2 li .inner .stit{ height:5.83vw; }
  .sub-type-wrap .type-ul.grid2 li .inner .txt p{ line-height:3.33vw}
  

}

#page02_04 .sub-type-wrap .type-ul li.cau{ margin-bottom:106px}
@media (max-width:768px){#page02_04 .sub-type-wrap .type-ul li.cau{ margin-bottom:13.89vw; word-break: keep-all;}}



.sub-rtype-wrap{ padding:149px 0 183px 0}
.sub-rtype-wrap h2{ margin-bottom:89px}
.sub-rtype-wrap .type-ul{ width:970px; margin:0 auto}
.sub-rtype-wrap .type-ul li{ margin-bottom:100px; display:flex; flex-direction: row; justify-content: space-between; align-items: center}
.sub-rtype-wrap .type-ul li:last-child{ margin-bottom:0}
.sub-rtype-wrap .type-ul li .img{ width:200px; height:200px; border-radius: 100px; background:var(--gray-ece); overflow: hidden;}
.sub-rtype-wrap .type-ul li .img img{ width:100%}
.sub-rtype-wrap .type-ul li .right{ width:calc(100% - 250px); height:200px; display:flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sub-rtype-wrap .type-ul li .right .stit{ width:140px; color:var(--brown-b2a)}
.sub-rtype-wrap .type-ul li .right .stit span{display:block; color:var(--gray-474)}
.sub-rtype-wrap .type-ul li .right .inner{ width:calc(100% - 180px); height:100%; border-left:1px solid var(--gray-b9b); padding-left:50px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start}
.sub-rtype-wrap .type-ul li .right .inner p.sstit{margin-bottom:28px; color:var(--black) }
.sub-rtype-wrap .type-ul li .right .inner p.script{line-height:24px}


/*@*/media (max-width:1280px){

  .sub-rtype-wrap{ padding:20.69vw 0 25.42vw 0}
  .sub-rtype-wrap h2{ margin-bottom:12.36vw}
  .sub-rtype-wrap .type-ul{ width:calc(100% - 26.39vw); margin:0 auto}
  .sub-rtype-wrap .type-ul li{ margin-bottom:9.72vw; display:flex; flex-direction: column; align-items: center}
  .sub-rtype-wrap .type-ul li:last-child{ margin-bottom:0}
  .sub-rtype-wrap .type-ul li .left{ width:100%; display:flex; justify-content: flex-start; align-items: center;}
  .sub-rtype-wrap .type-ul li .img{ width:27.78vw; height:27.78vw; border-radius: 14vw; margin-right:6.94vw }
  .sub-rtype-wrap .type-ul li .img img{ width:100% }
  .sub-rtype-wrap .type-ul li .left .stit{ width:140px; color:var(--brown-b2a)}
  .sub-rtype-wrap .type-ul li .left .stit span{display:block; color:var(--gray-474)}
  .sub-rtype-wrap .type-ul li .right{ width:calc(100%); height:auto; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-top:5.56vw}
  .sub-rtype-wrap .type-ul li .right .inner{ width:100%; height:100%; border-left:0; border-top:1px solid var(--gray-b9b); padding-left:0; padding-top:5.42vw }
  .sub-rtype-wrap .type-ul li .right .inner p.sstit{margin-bottom:3.89vw; font-size:var(--font-size-25) !important}
  .sub-rtype-wrap .type-ul li .right .inner p.script{line-height:3.33vw}

}



/*@*/media (max-width:768px){

  .sub-rtype-wrap{ padding:20.69vw 0 25.42vw 0}
  .sub-rtype-wrap h2{ margin-bottom:12.36vw}
  .sub-rtype-wrap .type-ul{ width:calc(100% - 26.39vw); margin:0 auto}
  .sub-rtype-wrap .type-ul li{ margin-bottom:9.72vw; display:flex; flex-direction: column; align-items: center}
  .sub-rtype-wrap .type-ul li:last-child{ margin-bottom:0}
  .sub-rtype-wrap .type-ul li .left{ width:100%; display:flex; justify-content: flex-start; align-items: center;}
  .sub-rtype-wrap .type-ul li .img{ width:27.78vw; height:27.78vw; border-radius: 14vw; margin-right:6.94vw }
  .sub-rtype-wrap .type-ul li .img img{ width:100% }
  .sub-rtype-wrap .type-ul li .left .stit{ width:140px; color:var(--brown-b2a)}
  .sub-rtype-wrap .type-ul li .left .stit span{display:block; color:var(--gray-474)}
  .sub-rtype-wrap .type-ul li .right{ width:calc(100%); height:auto; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; margin-top:5.56vw}
  .sub-rtype-wrap .type-ul li .right .inner{ width:100%; height:100%; border-left:0; border-top:1px solid var(--gray-b9b); padding-left:0; padding-top:5.42vw }
  .sub-rtype-wrap .type-ul li .right .inner p.sstit{margin-bottom:3.89vw; font-size:var(--font-size-25) !important}
  .sub-rtype-wrap .type-ul li .right .inner p.script{line-height:3.33vw}

}

.sub-ctype-wrap{ padding:45px 0 44px 0}
.sub-ctype-wrap.bg{ background:var(--gray-f9f); padding:103px 0 50px}
.sub-ctype-wrap.tPd{ padding-top:105px}
.sub-ctype-wrap.tpd01{ padding-top:94px}

.sub-ctype-wrap h3{ margin-bottom:82px}

.sub-ctype-wrap.tpd01 h2{ color:var(--black); margin-bottom:84px}

.sub-ctype-wrap.bg h2{ color:var(--black); margin-bottom:32px}
.sub-ctype-wrap.bg h3{ color:var(--gray-474); margin-bottom:77px; font-weight:var(--weight-regular); text-align: center;}

.sub-ctype-wrap h5{ color:var(--black); margin-bottom:2rem; text-align: center;}

.sub-ctype-wrap .type00-ul{ width:860px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-ctype-wrap .type00-ul li{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin-bottom:60px; width:calc((100% - 28px) / 2)}
.sub-ctype-wrap .type00-ul li .img{ width:100%; border-radius:var(--border-radius-25); overflow:hidden }
.sub-ctype-wrap .type00-ul li .img img{ width:100%; }
.sub-ctype-wrap .type00-ul.grid3{ width:1090px; margin:0 auto;}
.sub-ctype-wrap .type00-ul.grid3 li{ margin-bottom:100px; width:calc((100% - 2rem) / 3)}
.sub-ctype-wrap .type00-ul.grid3 li p{ width:100%; text-align:center; margin-top:1rem;}

.sub-ctype-wrap .type-ul{ width:1200px; margin:0 auto;}
.sub-ctype-wrap .type-ul.wd1150{ width:1150px; margin:0 auto;}
.sub-ctype-wrap .type-ul li{ display:flex; justify-content: space-between; align-items: center; margin-bottom:82px}

.sub-ctype-wrap.tpd01 .type-ul li .img{ width:416px; height:369px; }

.sub-ctype-wrap .type-ul li .img{ width:416px; height:313px; border-radius: var(--border-radius-25); background:var(--gray-e3e) ; margin-left:60px}
.sub-ctype-wrap .type-ul li .img img{ width:100%}
.sub-ctype-wrap .type-ul li .right{ width:555px; display:flex; flex-direction:column; justify-content: center; align-items: flex-start; }
.sub-ctype-wrap.tpd01 .type-ul li .right .stit{ padding-bottom:22px; }
.sub-ctype-wrap .type-ul li .right .stit{ padding-bottom:27px; color:var(--black)}
.sub-ctype-wrap .type-ul li .right .stit span{}
.sub-ctype-wrap .type-ul li .right .inner{ width:100%; border-top:1px solid var(--gray-b9b); }
.sub-ctype-wrap .type-ul li .right .inner *{ font-weight:var(--weight-semibold); line-height:28px}
.sub-ctype-wrap.bg .type-ul li .right .inner p.sstit,
.sub-ctype-wrap.tPd .type-ul li .right .inner p.sstit{ margin-top:13px; }
.sub-ctype-wrap.tpd01 .type-ul li .right .inner p.sstit{ margin-top:10px; }
.sub-ctype-wrap .type-ul li .right .inner p.sstit{ margin-top:26px; color:var(--red-b75); }
.sub-ctype-wrap .type-ul li .right .inner p.script{}
.sub-ctype-wrap .type-ul li .right .inner p.script.spot{position:relative; padding-left:10px}
.sub-ctype-wrap .type-ul li .right .inner p.script.spot:before{content:"•"; position:absolute; top:0; left:0;}

@media (max-width:1280px){


  .sub-ctype-wrap{ padding:3.52vw 0 3.52vw 0}
  .sub-ctype-wrap.bg{ padding:7.81vw 0 7.81vw}
  .sub-ctype-wrap.tPd{ padding-top:8.20vw}
  .sub-ctype-wrap.tpd01{ padding-top:7.42vw}
  
  .sub-ctype-wrap h3{ margin-bottom:6.25vw}
  
  .sub-ctype-wrap.tpd01 h2{ margin-bottom:6.64vw}
  
  .sub-ctype-wrap.bg h2{ margin-bottom:2rem}
  .sub-ctype-wrap.bg h3{ margin-bottom:6.02vw; }
  
  .sub-ctype-wrap h5{ margin-bottom:2rem; }
  
  .sub-ctype-wrap .type00-ul{ width:90%; }
  .sub-ctype-wrap .type00-ul li{ margin-bottom:4.69vw; width:calc((100% - 2.19vw) / 2)}
  .sub-ctype-wrap .type00-ul.grid3{ width:95%; }
  .sub-ctype-wrap .type00-ul.grid3 li{ margin-bottom:7.81vw; }
  .sub-ctype-wrap .type00-ul.grid3 li p{ }
  
  .sub-ctype-wrap .type-ul{ width:100%; margin:0 auto; padding:0 2rem}
  .sub-ctype-wrap .type-ul.wd1150{ width:95%; margin:0 auto;}
  .sub-ctype-wrap .type-ul li{ margin-bottom:6.25vw}
  
  .sub-ctype-wrap.tpd01 .type-ul li .img{ width:32.50vw; height:28.83vw; }
  
  .sub-ctype-wrap .type-ul li .img{ width:32.50vw; height:24.22vw; margin-left:4.69vw}
  .sub-ctype-wrap .type-ul li .right{ width:43.36vw; }
  .sub-ctype-wrap.tpd01 .type-ul li .right .stit{ padding-bottom:1.56vw; }
  .sub-ctype-wrap .type-ul li .right .stit{ padding-bottom:1.95vw; }
  .sub-ctype-wrap .type-ul li .right .inner *{ line-height:2.19vw}
  .sub-ctype-wrap.bg .type-ul li .right .inner p.sstit,
  .sub-ctype-wrap.tPd .type-ul li .right .inner p.sstit{ margin-top:1.02vw; }
  .sub-ctype-wrap.tpd01 .type-ul li .right .inner p.sstit{ margin-top:0.78vw; }
  .sub-ctype-wrap .type-ul li .right .inner p.sstit{ margin-top:1.95vw;}
  .sub-ctype-wrap .type-ul li .right .inner p.script.spot{position:relative; padding-left:0.78vw}

}

@media (max-width:768px){

  .sub-ctype-wrap{ padding:6.25vw 0 6.11vw 0}
  .sub-ctype-wrap.bg{ padding:14.31vw 0 6.94vw}
  .sub-ctype-wrap.tPd{ padding-top:14.58vw}
  .sub-ctype-wrap.tpd01{ padding-top:13.06vw}
  
  .sub-ctype-wrap h3{ margin-bottom:11.39vw}

  .sub-ctype-wrap h5{ margin-bottom:5.83vw; font-size:var(--font-size-30) !important}

  .sub-ctype-wrap .type00-ul{ width:calc(100% - 23.06vw); margin:0 auto; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
  .sub-ctype-wrap .type00-ul li{ margin-bottom:5.83vw; width:100%}
  .sub-ctype-wrap .type00-ul li .img{ height:43.47vw}
  .sub-ctype-wrap .type00-ul li .img img{ object-fit: cover;}
  .sub-ctype-wrap .type00-ul li:last-child{ margin-bottom:13.89vw}
  .sub-ctype-wrap .type00-ul.grid3{ width:calc(100% - 23.06vw); margin:0 auto;}
  .sub-ctype-wrap .type00-ul.grid3 li{ margin-bottom:7.78vw; width:100%}
  .sub-ctype-wrap .type00-ul.grid3 li:last-child{ margin-bottom:17.22vw}
  .sub-ctype-wrap .type00-ul.grid3 li p{ margin-top:3.89vw; font-size:var(--font-size-25) !important}

  
  .sub-ctype-wrap.tpd01 h2{ margin-bottom:8.75vw}
  
  .sub-ctype-wrap.bg h2{ margin-bottom:4.44vw}
  .sub-ctype-wrap.bg h3{ width:calc(100% - 18.06vw); margin-bottom:10.69vw;}
  
  .sub-ctype-wrap .type-ul,
  .sub-ctype-wrap .type-ul.wd1150{ width:calc(100% - 23.06vw); margin:0 auto; padding:0}
  .sub-ctype-wrap .type-ul li{ display:flex; justify-content: flex-start; align-items: center; margin-bottom:11.39vw; flex-wrap:wrap;}
  .sub-ctype-wrap .type-ul li .mtit{ text-align: center; margin-bottom:6.67vw; width:100%;;}
  
  .sub-ctype-wrap.tpd01 .type-ul li .img{ width:100%; height:auto; min-height:43.47vw; }
  .sub-ctype-wrap .type-ul li .img{ width:100%; height:auto; margin-left:0; margin-bottom:6.94vw}
  .sub-ctype-wrap .type-ul li .img img{ width:100%}
  .sub-ctype-wrap .type-ul li .right{ width:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start; }
  .sub-ctype-wrap.tpd01 .type-ul li .right .stit{ padding-bottom:3.06vw; }
  .sub-ctype-wrap .type-ul li .right .stit{ padding-bottom:3.75vw; }
  .sub-ctype-wrap .type-ul li .right .stit span{}
  .sub-ctype-wrap .type-ul li .right .inner *{ line-height:3.89vw}
  .sub-ctype-wrap .type-ul li .right .inner{ padding-top:3.19vw }
  .sub-ctype-wrap.bg .type-ul li .right .inner p.sstit,
  .sub-ctype-wrap.tPd .type-ul li .right .inner p.sstit{ margin-top:1.81vw; }
  .sub-ctype-wrap.tpd01 .type-ul li .right .inner p.sstit{ margin-top:1.39vw; }
  .sub-ctype-wrap .type-ul li .right .inner p.sstit{ margin-top:3.61vw; color:var(--red-b75); }
  .sub-ctype-wrap .type-ul li .right .inner p.script{}
  

}


.sub-more-detail-wrap{ background:var(--gray-f4f);padding:77px 0 82px}
.sub-more-detail-wrap.clr-gray{ background:var(--gray-ece)}
.sub-more-detail-wrap .sub-center{ display:flex; flex-direction:column; justify-content: center; align-items: center;}
.sub-more-detail-wrap span{ color:var(--brown-b2a); margin-bottom:8px}
.sub-more-detail-wrap h3{ margin-bottom:34px; }
.sub-more-detail-wrap p{ width:1006px; margin:0 auto; text-align: center; color:var(--gray-373); word-break: break-all; line-height:28px}

@media (max-width:1280px){

  .sub-more-detail-wrap{ padding:5.86vw 0 6.25vw}
  .sub-more-detail-wrap span{ margin-bottom:0.63vw}
  .sub-more-detail-wrap h3{ margin-bottom:2.66vw; }
  .sub-more-detail-wrap p{ width:78.59vw; line-height:2.19vw}

}


@media (max-width:768px){

  .sub-more-detail-wrap{ padding:10.69vw  0 11.39vw}
  .sub-more-detail-wrap span{ color:var(--brown-b2a); margin-bottom:1.11vw}
  .sub-more-detail-wrap h3{ margin-bottom:4.72vw; font-size:var(--font-size-40) !important }
  .sub-more-detail-wrap p{ width:calc(100% - 26.39vw); line-height:1.5; margin:0 auto; font-size:var(--font-size-25) !important; word-break: keep-all;}
  #page04_01 .sub-more-detail-wrap p{ font-size:var(--font-size-20) !important}
  #page05_07 .sub-more-detail-wrap p{ width:calc(100% - 2.78vw); font-size:var(--font-size-20) !important}

}


.sub-rcd-num-wrap{ background:var(--gray-f4f);padding:77px 0 74px}
#page05_03 .sub-rcd-num-wrap,
#page05_07 .sub-rcd-num-wrap{ background:var(--gray-f9f);}
.sub-rcd-num-wrap h2{ color:var(--brown-b2a); margin-bottom:8px}
.sub-rcd-num-wrap h3{ margin-bottom:47px; }
.sub-rcd-num-wrap .rcd-ul{ width:100%; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap}
.sub-rcd-num-wrap .rcd-ul li{ width:calc((100% - 42px) / 3); height:250px; background:var(--white); border-radius: var(--border-radius-25); margin-right:21px; margin-bottom:21px; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; padding:0 30px}
.sub-rcd-num-wrap .rcd-ul li:nth-child(3n){ margin-right:0 }
.sub-rcd-num-wrap .rcd-ul li .num{ height:165px; display:flex; justify-content:center; align-items: center; color:var(--red-b75); font-size:var(--font-size-45); font-weight:var(--weight-light)}
.sub-rcd-num-wrap .rcd-ul li p{ vertical-align: top; line-height:28px; text-align: center;}

@media (max-width:1280px){

  .sub-rcd-num-wrap{ padding:5.86vw 0}
  .sub-rcd-num-wrap h2{ margin-bottom:0.63vw}
  .sub-rcd-num-wrap h3{ margin-bottom:3.52vw; }
  .sub-rcd-num-wrap .rcd-ul li{ width:calc((100% - 3.28vw) / 3); height:19.53vw; margin-right:1.64vw; margin-bottom:1.64vw; padding:0 2.34vw}
  .sub-rcd-num-wrap .rcd-ul li .num{ height:12.89vw; }
  .sub-rcd-num-wrap .rcd-ul li p{ line-height:2.19vw;}

}


@media (max-width:768px){

  .sub-rcd-num-wrap{ padding:10.69vw 0 10.28vw}
  .sub-rcd-num-wrap h2{ margin-bottom:1.11vw}
  .sub-rcd-num-wrap h3{ margin-bottom:8.06vw; }
  .sub-rcd-num-wrap .rcd-ul{ width:calc(100% - 42.78vw); display:flex; justify-content: center; align-items: flex-start; flex-wrap:wrap; margin:0 auto}
  .sub-rcd-num-wrap .rcd-ul li{ width:100%; height:34.72vw; margin-right:0; margin-bottom:3.19vw; padding:0 7.64vw}
  .sub-rcd-num-wrap .rcd-ul li:nth-child(3n){ margin-right:0 }
  .sub-rcd-num-wrap .rcd-ul li .num{ height:19.17vw; font-size:var(--font-size-45)}
  
  .sub-rcd-num-wrap .rcd-ul li p{ line-height:3.89vw; font-size:var(--font-size-22);}
  
  #page04_08 .sub-rcd-num-wrap .rcd-ul li p,
  #page04_09 .sub-rcd-num-wrap .rcd-ul li p{ font-weight:var(--weight-bold)}

  #page02_09 .sub-rcd-num-wrap .rcd-ul li .num{ height:21.11vw; }
  #page02_09 .sub-rcd-num-wrap .rcd-ul li p{ line-height:3.89vw;font-size:0.688rem; font-weight:var(--weight-bold); word-break: keep-all;}
  
  #page03_10 .sub-rcd-num-wrap .rcd-ul li .num{ height:19.17vw; }
  #page03_10 .sub-rcd-num-wrap .rcd-ul li p{ font-weight:var(--weight-bold)}

  [id^=page05_0] .sub-rcd-num-wrap .rcd-ul{ width:calc((100% - 42.78vw)) }
  [id^=page05_0] .sub-rcd-num-wrap .rcd-ul li{ width:100%; height:34.58vw; margin-right:0; padding:0 3.47vw}
  [id^=page05_0] .sub-rcd-num-wrap .rcd-ul li:nth-child(2n){ margin-right:0 }
  [id^=page05_0] .sub-rcd-num-wrap .rcd-ul li .num{ height:17.64vw }
  [id^=page05_0] .sub-rcd-num-wrap .rcd-ul li p{ font-size:var(--font-size-22); font-weight:var(--weight-bold)}


}

.sub-key-wrap{ background:var(--gray-fbf); padding:85px 0 100px 0}
.sub-key-wrap .key-ul{ width:1048px; display:flex; justify-content: center; align-items: flex-start; margin:53px auto 0 auto;}
.sub-key-wrap .key-ul li{ width:calc((100% - 148px) / 3); border-radius: var(--border-radius-25); background:var(--white); height:300px; margin-right:74px;}
.sub-key-wrap .key-ul li:last-child{ margin-right:0 }
.sub-key-wrap .key-ul li h3{ color:var(--violet-806);  text-align: center; margin-top:62px}
.sub-key-wrap .key-ul li h3 span{ position:relative; height:46px; line-height:46px;}
.sub-key-wrap .key-ul li h3 span::before{ content:"" ; width:46px;  height:46px; border-radius:23px; background:var(--violet-806-20); position:absolute; top:calc( -50% - 5px); left:-27px}

.sub-key-wrap .key-ul li p{ margin-top:42px; text-align: center; }
.sub-key-wrap .key-ul li p strong{ color:var(--violet-806)}


/*@*/media (max-width:768px){

  .sub-key-wrap{ padding:11.81vw 0 13.89vw 0}
  .sub-key-wrap .key-ul{ width:calc(100% - 7.50vw); display:flex; justify-content: center; align-items: flex-start; flex-wrap:wrap; margin:7.50vw auto 0 auto;}
  .sub-key-wrap .key-ul li{ width:calc((100% - 3.75vw) / 2); height:44.44vw; margin-right:3.75vw; display:flex; flex-direction:column; justify-content: center; align-items: center;}
  .sub-key-wrap .key-ul li:nth-child(2n){ margin-right:0 }
  .sub-key-wrap .key-ul li:nth-child(3){ margin-top:3.61vw; margin-right:0 }
  .sub-key-wrap .key-ul li:last-child{ margin-right:0; }
  .sub-key-wrap .key-ul li h3{ margin-top:0}
  .sub-key-wrap .key-ul li h3 span{ position:relative; height:6.39vw; line-height:6.39vw;}
  .sub-key-wrap .key-ul li h3 span::before{ content:"" ; width:6.39vw;  height:6.39vw; border-radius:3.5vw; top:calc( -50% - 0.69vw); left:-3.75vw}
  
  .sub-key-wrap .key-ul li p{ margin-top:5.14vw; text-align: center; }
  
  

}

.sub-v-wrap{ background:var(--gray-f8f); height:732px; display:flex; justify-content: center; align-items: flex-end; }
.sub-v-wrap .sub-center{ position:relative; display:flex; justify-content: flex-end; align-items: flex-end;}
.sub-v-wrap .script{ position:absolute; top:0; left:0; z-index: 2; display:block}
.sub-v-wrap .script h2 {margin-bottom:62px}
.sub-v-wrap .script h2 strong{ color:var(--violet-654)}
.sub-v-wrap .script h3{ margin-bottom:66px; color:var(--black)}
.sub-v-wrap .script h3 strong{ color:var(--violet-654)}
.sub-v-wrap .script .img{ width:441px; height:231px; }
.sub-v-wrap .rimg{ width:647px; height:593px; }

/*@*/media (max-width:768px){

  .sub-v-wrap{ height:151.39vw; flex-direction:column; justify-content: center; align-items: center;}
  .sub-v-wrap .sub-center{ position:relative; height:100%; display:flex; justify-content:center; align-items: flex-end;}
  .sub-v-wrap .script{ width:calc(100% - 44.44vw); position:absolute; top:13.06vw; left:50%; z-index: 2; transform: translate(-50%, 0);}
  .sub-v-wrap .script h2 {margin-bottom:8.61vw; text-align: center;}
  .sub-v-wrap .script h3{ margin-bottom:0; text-align: center;}
  .sub-v-wrap .script .img{ display:none}
  .sub-v-wrap .rimg{ width:calc(100% - 10.00vw); height:82.36vw; }
  .sub-v-wrap .rimg img{ width:100% }

}

.sub-v02-wrap{padding:100px 0}
.sub-v02-wrap .sub-center{ position:relative; display:flex; justify-content: space-between; align-items: center;}
.sub-v02-wrap .script{ width:50%; }
.sub-v02-wrap .script h2 {margin-bottom:53px}
.sub-v02-wrap .script h2 strong{ color:var(--violet-654)}
.sub-v02-wrap .script h3{ color:var(--black); line-height:55px}
.sub-v02-wrap .script h3 strong{ font-weight:var(--weight-semibold)}
.sub-v02-wrap .script h3 strong.clr-violet{ color:var(--violet-654); font-size:var(--font-size-40); font-weight:var(--weight-semibold)}
.sub-v02-wrap .img{ width:50%; text-align: left; }

/*@*/media (max-width:768px){

  .sub-v02-wrap{padding:11.81vw 0 9.72vw 0}
  .sub-v02-wrap .sub-center{ position:relative; display:flex; flex-direction:column; justify-content: center;}
  .sub-v02-wrap .script{ width:calc(100% - 19.44vw); }
  .sub-v02-wrap .script *{ text-align: center;}
  .sub-v02-wrap .script h2 {margin-bottom:4.86vw}
  .sub-v02-wrap .script h3{ line-height:7.64vw}
  .sub-v02-wrap .img{ width:calc(100% - 19.4vw); text-align: center; }
  .sub-v02-wrap .img img{ width:100% }

}

.sub-v-project-wrap{ background:var(--violet-5b3); height:265px; display:flex; justify-content:center; align-items: center;}
.sub-v-project-wrap *{ color:var(--white)}
.sub-v-project-wrap .sub-center{ display:flex; justify-content: center; align-items: center;}
.sub-v-project-wrap .left{ width:293px; }
.sub-v-project-wrap .left h3{ line-height:37px; }
.sub-v-project-wrap .left h3 strong{ font-weight:var(--weight-semibold) }
.sub-v-project-wrap .v-p-ul{ display:flex; justify-content: flex-start; align-items: center;}
.sub-v-project-wrap .v-p-ul li{ width:142px; height:142px; border:2px solid var(--white); border-radius: 71px; margin-right:41px; display:flex; justify-content: center; align-items: center; text-align: center;}

/*@*/media (max-width:768px){

  .sub-v-project-wrap .sub-center{ align-items: flex-start;}

  .sub-v-project-wrap{ height:61.11vw; padding: 0 13.06vw; align-items: center;}
  .sub-v-project-wrap .left{ width:30.56vw; align-items: flex-start;}
  .sub-v-project-wrap .left h3{ line-height:5.14vw; }
  .sub-v-project-wrap .left h3 strong{ font-weight:var(--weight-semibold) }
  .sub-v-project-wrap .v-p-ul{ width:41.39vw; display:flex; flex-direction:row; justify-content: flex-start; align-items: center; flex-wrap:wrap}
  .sub-v-project-wrap .v-p-ul li{ width:19.72vw; height:19.72vw; border-radius: 10vw; margin-right:1.94vw; margin-bottom:1.94vw}
  .sub-v-project-wrap .v-p-ul li:nth-child(2n){ margin-right:0}
  .sub-v-project-wrap .v-p-ul li:nth-child(n+3){ margin-bottom:0}

}

.sub-v-before-after-wrap{ padding:40px 0 150px 0}
.sub-v-before-after-wrap h2{ margin-bottom:50px}
.sub-v-before-after-wrap h3{ margin-bottom:50px}
.sub-v-before-after-wrap .v-ba-ul{ width:708px; margin:0 auto}
.sub-v-before-after-wrap .v-ba-ul li{ display:flex; justify-content: space-between; align-items: center; margin-bottom:80px }
.sub-v-before-after-wrap .v-ba-ul li:first-child{ margin-bottom:0}
.sub-v-before-after-wrap .v-ba-ul li:last-child{ margin-bottom:75px}
.sub-v-before-after-wrap .v-ba-ul li .gap{ width:88px; height:200px; position:relative; font-size:0}
.sub-v-before-after-wrap .v-ba-ul li .gap:before{ content:""; position: absolute; top:50%; left:0; border-top:4px solid var(--violet-654); width:100%; }
.sub-v-before-after-wrap .v-ba-ul li .label{ width:310px; padding-bottom:44px; color:var(--brown-625); text-transform: uppercase; text-align: center;}
.sub-v-before-after-wrap .v-ba-ul li .label + .label{ color:var(--violet-654)}
.sub-v-before-after-wrap .cau{ text-align: center;}

/*@*/media (max-width:768px){

  .sub-v-before-after-wrap{ padding:9.72vw 0 14.72vw 0}
  .sub-v-before-after-wrap h2{ margin-bottom:3.89vw}
  .sub-v-before-after-wrap h3{ margin-bottom:8.47vw}
  .sub-v-before-after-wrap .v-ba-ul{ width:calc(100% - 8.33vw); margin:0 auto}
  .sub-v-before-after-wrap .v-ba-ul li{ display:flex; justify-content: space-between; align-items: center; margin-bottom:11.11vw }
  .sub-v-before-after-wrap .v-ba-ul li .img{ width: 43.06vw}
  .sub-v-before-after-wrap .v-ba-ul li .img img{ width:100%; }
  .sub-v-before-after-wrap .v-ba-ul li:first-child{ margin-bottom:0}
  .sub-v-before-after-wrap .v-ba-ul li:last-child{ margin-bottom:8.33vw}
  .sub-v-before-after-wrap .v-ba-ul li .gap{ width:5.56vw; height:27.78vw;}
  .sub-v-before-after-wrap .v-ba-ul li .gap:before{ border-top:0.56vw solid var(--violet-654)}
  .sub-v-before-after-wrap .v-ba-ul li .label{ width:43.06vw; padding-bottom:6.11vw; }
  .sub-v-before-after-wrap .cau{ text-align: center;}

}

.sub-solution-wrap{background:url("/theme/basic/img/sub/sub01/solution-bg.png") no-repeat center; background-size:cover; padding:84px 0 115px 0}
.sub-solution-wrap h2{ margin-bottom:56px; text-align:center } 
.sub-solution-wrap h2 span{color:var(--brown-b2a)}

.sub-solution-wrap .solution-ul{width:954px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-solution-wrap .solution-ul li { width:calc((100% - 54px) / 3); color:var(--brown-b2a)}

.sub-solution-wrap .solution-ul li *{text-align: center; color:var(--black)}
.sub-solution-wrap .solution-ul li h3{ margin-bottom:22px}
.sub-solution-wrap .solution-ul li p{ margin-bottom:35px; line-height:22px; min-height:44px; display:flex; justify-content: center; align-items: center;}
.sub-solution-wrap .solution-ul li .img{ width:100%; height:360px ;background:var(--white); border-radius: 150px; overflow: hidden;}
.sub-solution-wrap .solution-ul li .img img{ width:100%; transition: transform 0.3s linear;}

.sub-solution-wrap .solution-ul li:hover .img img{ transform: scale(1.1); cursor:pointer}

.sub-solution-wrap .solution-ul.grid4{width:1280px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-solution-wrap .solution-ul.grid4 li { width:calc((100% - 81px) / 4); color:var(--black)}


#page05_03 .sub-solution-wrap h2 span{color:var(--brown-b2a)}
#page05_07 .sub-solution-wrap h2 span{color:var(--brown-b2a)}

@media (max-width:1280px){

  .sub-solution-wrap{padding:6.56vw 0 8.98vw 0}
  .sub-solution-wrap h2{ margin-bottom:4.38vw;} 
  
  .sub-solution-wrap .solution-ul{width:74.53vw; }
  .sub-solution-wrap .solution-ul li { width:calc((100% - 4.22vw) / 3); }
  
  .sub-solution-wrap .solution-ul li h3{ margin-bottom:1.72vw}
  .sub-solution-wrap .solution-ul li p{ margin-bottom:2.73vw; line-height:1.72vw; min-height:3.44vw; }
  .sub-solution-wrap .solution-ul li .img{ width:100%; height:28.13vw; border-radius: 11.72vw; }
  
  
  .sub-solution-wrap .solution-ul.grid4{width:100%; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
  .sub-solution-wrap .solution-ul.grid4 li { width:calc((100% - 6.33vw) / 4); color:var(--black)}
  
   

}

@media (max-width:768px){

  .sub-solution-wrap{background:url("/theme/basic/img/sub/sub01/solution-bg.png") no-repeat center; background-size:cover; padding:12.50vw 0 10.28vw 0}
  .sub-solution-wrap h2{ margin-bottom:13.33vw; text-align:center } 
  
  .sub-solution-wrap .solution-ul{width:calc(100% - 58.33vw); margin:0 auto; display:flex; justify-content: center; align-items: flex-start; flex-wrap:wrap}
  .sub-solution-wrap .solution-ul li { width:100%; margin-bottom:16.25vw}
  .sub-solution-wrap .solution-ul li:last-child { margin-bottom:0 }

  #page05_03 .sub-solution-wrap .solution-ul{width:calc(100% - 12.78vw); margin:0 auto; display:flex; justify-content: center; align-items: flex-start; flex-wrap:wrap}
  #page05_03 .sub-solution-wrap .solution-ul li { width:100%; margin-right:0; margin-bottom:9.17vw; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
  #page05_03 .sub-solution-wrap .solution-ul li:nth-child(2n) { margin-right:0 }
  #page05_03 .sub-solution-wrap .solution-ul li:last-child { margin-bottom:0 }
  
  
  .sub-solution-wrap .solution-ul li h3{ margin-bottom:2.78vw}
  .sub-solution-wrap .solution-ul li p{ margin-bottom:4.58vw; line-height:3.06vw}
  .sub-solution-wrap .solution-ul li .img{ width:41.67vw; height:50.00vw ; border-radius: 20.83vw; overflow: hidden;}
  
  .sub-solution-wrap .solution-ul.grid4{width:calc(100% - 12.78vw); margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-solution-wrap .solution-ul.grid4 li { width:calc((100% - 3.75vw) / 2); margin-right:3.75vw; margin-bottom:9.17vw}
  .sub-solution-wrap .solution-ul.grid4 li:nth-child(2n) { margin-right:0 }
  .sub-solution-wrap .solution-ul.grid4 li:nth-child(n+2) { margin-bottom:0 }
  
  
  
}


.sub-half-wrap{ display:flex; justify-content: space-between; align-items: center; }
.sub-half-wrap *{ color:var(--white)}
.sub-half-wrap .half{ width:50%; height:568px; background:var(--orange-ff7); display:flex; justify-content: flex-end; align-items: center;}
.sub-half-wrap .half + .half{ width:50%; height:568px; background:var(--white); display:flex; justify-content: flex-start; align-items: center;}
.sub-half-wrap .left{ width:50%; max-width:640px;}
.sub-half-wrap .left h2{ margin-bottom:16px}
.sub-half-wrap .left h3{ margin-bottom:16px}
.sub-half-wrap .left p span{ position:relative; padding-left:10px}
.sub-half-wrap .left p span:before{ content:"•"; position:absolute; top:0; left:0;}
.sub-half-wrap .img{ width:50%;  max-width:640px;}


/*@*/media (max-width:768px){

  .sub-half-wrap{ display:flex; flex-direction: column; justify-content: center; align-items: center; }
  .sub-half-wrap .half{ width:100%; height:64.72vw;}
  .sub-half-wrap .half + .half{ width:100%; height:78.89vw}
  .sub-half-wrap .left{ width:calc(100% - 26.39vw); max-width:100%; margin:0 auto}
  .sub-half-wrap .left h2{ margin-bottom:16px}
  .sub-half-wrap .left h3{ margin-bottom:16px}
  .sub-half-wrap .left p span:before{ content:"•"; position:absolute; top:0; left:0;}
  .sub-half-wrap .img{ width:100%;  max-width:100%}
  .sub-half-wrap .img img{ width:100% }

}


.sub-vs-wrap{ background:var(--gray-f9f); padding:113px 0}
.sub-vs-wrap .tit-c-inner{margin-bottom:81px}
.sub-vs-wrap .vs-ul{ width:908px; margin:0 auto}
.sub-vs-wrap .vs-ul li{ display:flex; justify-content: space-between; align-items: center; margin-bottom:22px}
.sub-vs-wrap .vs-ul li *{ display:flex; align-items: center; justify-content: center;}
.sub-vs-wrap .vs-ul li:first-child { justify-content: space-between; }
.sub-vs-wrap .vs-ul li .label{width:350px;}
.sub-vs-wrap .vs-ul li .clr-orange{  color:var(--orange-ff7)}
.sub-vs-wrap .vs-ul li .gap{ width:208px; height:156px; background:url("/theme/basic/img/sub/sub01/line-dotted.svg") repeat-x center}
.sub-vs-wrap .vs-ul li .gap .round{ width:135px; height:50px; border-radius: 25px;; border:1px solid var(--orange-ff7); display:flex; justify-content: center; align-items: center; background:var(--white)}
.sub-vs-wrap .vs-ul li:nth-child(n+2){ display:flex; justify-content: space-between; align-items: center; }
.sub-vs-wrap .vs-ul li .rect{ background:var(--gray-f5f); height:156px; border-radius: var(--border-radius-25); flex-direction:column; flex-wrap: nowrap;position:relative; text-align: center;}
.sub-vs-wrap .vs-ul li .rect span{ display:inline-flex; flex-direction:row;; }
.sub-vs-wrap .vs-ul li .rect + .rect{ background:var(--white); height:156px; border-radius: var(--border-radius-25); box-shadow: var(--box-shadow01-5); display:unset !important}
.sub-vs-wrap .vs-ul li .rect .txt{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); display:block; width:100%}

/*@*/media (max-width:768px){

  .sub-vs-wrap{ padding:10.97vw 0 12.08vw 0}
  .sub-vs-wrap .tit-c-inner{margin-bottom:9.31vw}
  .sub-vs-wrap .vs-ul{ width:calc(100% - 6.67vw); margin:0 auto}
  .sub-vs-wrap .vs-ul li{ display:flex; justify-content: space-between; align-items: center; margin-bottom:3.06vw}
  .sub-vs-wrap .vs-ul li:first-child { justify-content: space-between; }
  .sub-vs-wrap .vs-ul li .label{width:34.72vw;}
  .sub-vs-wrap .vs-ul li .gap{ width:23.75vw; height:21.67vw; }
  .sub-vs-wrap .vs-ul li .gap .round{ width:21.25vw; height:6.94vw; border-radius: 3.5vw;}
  .sub-vs-wrap .vs-ul li .rect{ height:21.67vw;}
  .sub-vs-wrap .vs-ul li .rect + .rect{ height:21.67vw;}
  .sub-vs-wrap .vs-ul li .rect .txt{ width:calc(100% - 6.94vw)}

}


.sub-sign{ width:100%;background:var(--gray-f9f); padding:84px 0 62px}
.sub-sign .sub-sign-ul{ width:768px; margin:57px auto 0 auto; display:flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.sub-sign .sub-sign-ul li{ width:100%; height:92px; display:flex; flex-direction: row; justify-content: center; align-items: center; position:relative; margin-bottom:22px; background:var(--white); border-radius:var(--border-radius-25);;}
.sub-sign .sub-sign-ul li:last-child{ margin-bottom:57px }
.sub-sign .sub-sign-ul li .num{ position:absolute; top:50%; left:33px; transform: translateY(-50%); border:2px solid var(--brown-b2a); color:var(--brown-b2a); display:flex; justify-content: center; align-items: center; width:58px; height:58px; border-radius: 29px;}
.sub-sign .sub-sign-ul li p{ color:var(--gray-5e)}
.sub-sign .sub-sign-guide{ color:var(--red-b55); margin-bottom:0; text-align: center;}


/*@*/media (max-width:768px){

  .sub-sign{ width:100%; padding:11.67vw 0 8.61vw}
  .sub-sign .sub-sign-ul{ width:calc(100% - 11.11vw); margin:7.92vw auto 0 auto; }
  .sub-sign .sub-sign-ul li{ width:100%; height:12.78vw; margin-bottom:3.06vw; }
  .sub-sign .sub-sign-ul li:last-child{ margin-bottom:7.92vw }
  .sub-sign .sub-sign-ul li .num{ position:absolute; top:50%; left:4.58vw; transform: translateY(-50%); width:8.06vw; height:8.06vw; border-radius: 4.03vw;}

  .sub-sign .sub-sign-guide{ width:calc(100% - 23.61vw); margin-left:auto; margin-right:auto}

}



#page02_04{}
#page02_04 .sub-remove-wrap{ background:rgba(178,168,150,0.2); padding:77px 0 129px 0}
#page02_04 .sub-remove-wrap h2{ margin-bottom:29px}
#page02_04 .sub-remove-wrap h3{ margin-bottom:28px;}
#page02_04 .sub-remove-wrap p.script{ margin-bottom:55px; text-align: center;}
#page02_04 .sub-remove-wrap .remove-ul{ width:1064px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
#page02_04 .sub-remove-wrap .remove-ul li{ width:calc((100% - 52px) / 2); }
#page02_04 .sub-remove-wrap .remove-ul li .inner{width:100%; height:222px; background:var(--gray-f9f); border-radius: var(--border-radius-25); display:flex; flex-direction:column; justify-content: center; align-items: center; }
#page02_04 .sub-remove-wrap .remove-ul li:nth-child(1) .inner{ background:var(--gray-f9f); }
#page02_04 .sub-remove-wrap .remove-ul li:nth-child(2) .inner{ background:var(--white); box-shadow: var(--box-shadow-8);}
#page02_04 .sub-remove-wrap .remove-ul li .inner h4{ margin-bottom:35px;}
#page02_04 .sub-remove-wrap .remove-ul li:nth-child(2) .inner h4{ color:var(--red-b75)}
#page02_04 .sub-remove-wrap .remove-ul li .inner p{ height:56px; display: flex; justify-content: center; align-items: center; word-break: break-all;}
#page02_04 .sub-remove-wrap .remove-ul li:nth-child(2) .inner p{ color:var(--black)}


#page02_04 .ba-ul{ width:1064px; margin:68px auto 0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
#page02_04 .ba-ul li{ width:calc((100% - 64px ) / 2); height:100%; }
#page02_04 .ba-ul li .tit{ width:100%; height:44px; border-radius:22px; border:2px solid var(--brown-b2a); color:var(--white); text-transform: uppercase; display:flex; justify-content: center; align-items: center; background:var(--brown-b2a); margin-bottom:16px}
#page02_04 .ba-ul li:nth-child(1) .tit{ background:var(--white); color:var(--brown-b2a)}
#page02_04 .ba-ul li .img{ width:100%; height:360px; border-radius: var(--border-radius-25); background:var(--gray-ece); font-size:0}
#page02_04 .ba-ul li .img img{ width:100%; object-fit: cover;}
#page02_04 .ba-ul li:nth-child(2){ width:64px; height:420px; background:url("/theme/basic/img/sub/sub01/ic-before-after.svg") no-repeat center calc(50% + 30px); font-size:0;}

@media (max-width:1280px){

  #page02_04{}
  #page02_04 .sub-remove-wrap{ padding:5.86vw 0 10.16vw 0}
  #page02_04 .sub-remove-wrap h2{ margin-bottom:2.34vw}
  #page02_04 .sub-remove-wrap h3{ margin-bottom:2.34vw;}
  #page02_04 .sub-remove-wrap p.script{ margin-bottom:4.30vw; }
  #page02_04 .sub-remove-wrap .remove-ul{ width:83.13vw; }
  #page02_04 .sub-remove-wrap .remove-ul li{ width:calc((100% - 4.06vw) / 2); }
  #page02_04 .sub-remove-wrap .remove-ul li .inner{width:100%; height:17.34vw; }
  #page02_04 .sub-remove-wrap .remove-ul li .inner h4{ margin-bottom:2.73vw;}
  #page02_04 .sub-remove-wrap .remove-ul li .inner p{ height:4.38vw; }  
  
  #page02_04 .ba-ul{ width:83.13vw; margin:5.08vw auto 0 auto}
  #page02_04 .ba-ul li{ width:calc((100% - 5.00vw ) / 2)}
  #page02_04 .ba-ul li .tit{ height:3.44vw; border-radius:1.72vw; margin-bottom:1.25vw}
  #page02_04 .ba-ul li .img{ width:100%; height:28.13vw; }
  #page02_04 .ba-ul li:nth-child(2){ width:5.00vw; height:32.81vw; background:url("/theme/basic/img/sub/sub01/ic-before-after.svg") no-repeat center calc(50% + 2.34vw); }
  
}


@media (max-width:768px){

  #page02_04{}
  #page02_04 .sub-remove-wrap{ padding:10.69vw 0 17.22vw 0}
  #page02_04 .sub-remove-wrap h2{ margin-bottom:3.61vw; font-size:var(--font-size-40) !important}
  #page02_04 .sub-remove-wrap h3{ margin-bottom:3.61vw; font-size:var(--font-size-25) !important}
  #page02_04 .sub-remove-wrap p.script{ width:calc(100% - 29.72vw); margin-bottom:8.33vw; font-size:var(--font-size-20) !important; font-size:1.5}
  #page02_04 .sub-remove-wrap .remove-ul{ width:calc(100% - 29.72vw); display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin:0 auto}
  #page02_04 .sub-remove-wrap .remove-ul li{ width:100%; text-align: center; }
  #page02_04 .sub-remove-wrap .remove-ul li:not(:last-child){ margin-bottom:9.72vw}
  #page02_04 .sub-remove-wrap .remove-ul li .inner{width:100%; height:30.83vw; }
  #page02_04 .sub-remove-wrap .remove-ul li .inner h4{ margin-bottom:4.86vw;}
  #page02_04 .sub-remove-wrap .remove-ul li .inner p{ height:7.78vw; font-size:var(--font-size-20) !important }

  #page02_04 .ba-ul{ width:calc(100% - 29.72vw); margin:14.72vw auto 0 auto}
  #page02_04 .ba-ul li{ width:100%}
  #page02_04 .ba-ul li .tit{ height:6.11vw; border-radius:3.2vw; margin-bottom:5.97vw; border-width:1px}
  #page02_04 .ba-ul li .img{ width:100%; height:43.33vw; }
  #page02_04 .ba-ul li:nth-child(2){ width:100%; height:12.36vw; background:url("/theme/basic/img/sub/sub01/ic-before-after-m.svg") no-repeat center center; background-size:3.61vw auto }

  
  
}

.sub-report-wrap{ padding:0 0 70px 0}
.sub-report-wrap .tit-c-inner{ margin:152px 0 78px 0}
.sub-report-wrap .tit-c-inner h3 strong{ font-weight:var(--weight-semibold); font-size:inherit}
.sub-report-wrap .report-ul{ width:1170px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-report-wrap .report-ul li{ width:calc((100% - 90px) / 4); }
.sub-report-wrap .report-ul li .img{ margin-bottom:36px; border-radius: var(--border-radius-25);}
.sub-report-wrap .report-ul li .script{}
.sub-report-wrap .report-ul li .script .stit{ font-size:var(--font-size-23); font-weight:var(--weight-semibold); color:var(--gray-313); text-align: center;}
.sub-report-wrap .report-ul li .script .stxt{ font-size:var(--font-size-15); font-weight:var(--weight-semibold); color:var(--red-b75); line-height:21px; padding:21px 0 27px 0; border-bottom:1px solid var(--black); width:100%; height:93px; display:flex; justify-content: center; align-items: center ; text-align: center;}
.sub-report-wrap .report-ul li .script .sstxt{ font-size:var(--font-size-15); font-weight:var(--weight-medium); height:72px; margin-top:21px; line-height:24px; display:flex; justify-content: center; align-items: center; text-align: center;}
.sub-report-wrap .cau{ color:var(--gray-626); text-align: center;; font-size:var(--font-size-15); font-weight:var(--weight-medium); margin-top:57px}

@media (max-width:768px){

  .sub-report-wrap{ padding:0 0 9.72vw 0}
  .sub-report-wrap .tit-c-inner{ margin:21.11vw 0 10.83vw 0}
  .sub-report-wrap .tit-c-inner h3{ width:calc(100% - 36.11vw); font-size:var(--font-size-22) !important; margin-left:auto; margin-right:auto; text-align: center;}
  .sub-report-wrap .report-ul{ width:calc(100% - 20.83vw); display:flex; justify-content: flex-start; align-items: flex-start; margin:0 auto; flex-wrap:wrap}
  .sub-report-wrap .report-ul li{ width:calc((100% - 4.17vw) / 2); margin-right:4.17vw; margin-bottom:10.28vw}
  .sub-report-wrap .report-ul li:nth-child(2n){ margin-right:0}
  .sub-report-wrap .report-ul li .img{ margin-bottom:5.00vw; }
  .sub-report-wrap .report-ul li .img img{ width:100%}
  .sub-report-wrap .report-ul li .script{}
  .sub-report-wrap .report-ul li .script .stxt{ line-height:2.92vw; padding:2.92vw 0 3.75vw 0; height:12.92vw;}
  .sub-report-wrap .report-ul li .script .sstxt{ height:10.00vw; margin-top:2.92vw; line-height:3.33vw;}
  .sub-report-wrap .cau{ margin-top:0} 

}



.sub-chk-guide{ background:var(--gray-f9f); padding:88px 0}
.sub-chk-guide h2{ color:var(--black); margin-bottom:79px}
.sub-chk-guide .cont-inner{ display:flex; justify-content: space-between; align-items: center;}
.sub-chk-guide .cont-inner .img{ max-width:572px; border-radius: var(--border-radius-25); }
.sub-chk-guide .cont-inner .img img{ width:100%; }
.sub-chk-guide .cont-inner .right{ width:520px; display:flex; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: flex-start}
.sub-chk-guide .cont-inner .right h3{ margin-bottom:22px;}
.sub-chk-guide .cont-inner .right h3 strong{ font-weight:var(--weight-semibold)}
.sub-chk-guide .cont-inner .right p{ }

/*@*/media (max-width:768px){

  .sub-chk-guide{ padding:12.22vw 0;}
  .sub-chk-guide .tit-c-inner{ width:calc(100% - 20.56vw); margin:0 auto}
  .sub-chk-guide h2{ margin-bottom:9.44vw; text-align: center;}
  .sub-chk-guide .cont-inner{ width:calc(100% - 20.56vw); display:flex; flex-direction:column ; justify-content:flex-start ; align-items: center; margin:0 auto}
  .sub-chk-guide .cont-inner .img{ max-width:100%}
  .sub-chk-guide .cont-inner .right{ width:100%; display:flex; height:100%; margin-top:7.78vw}
  .sub-chk-guide .cont-inner .right h3{ margin-bottom:3.06vw; font-size:var(--font-size-30) !important}

}


.sub-report-img-wrap{ background:var(--gray-404); padding:62px 0 27px 0}
.sub-report-img-wrap .img-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-report-img-wrap .img-ul li{ width:calc((100% - 162px) / 4); margin-right:54px; margin-bottom:31px}
.sub-report-img-wrap .img-ul li:nth-child(4n){ margin-right:0}
.sub-report-img-wrap .img-ul li .img{ border-radius: var(--border-radius-25); margin-bottom:21px}
.sub-report-img-wrap .img-ul li .img img{ width:100% }
.sub-report-img-wrap .img-ul li h3,
.sub-report-img-wrap .img-ul li p{font-size:var(--weight-semibold); line-height:28px; color:var(--white)}

/*@*/media (max-width:768px){

  .sub-report-img-wrap{ padding:62px 0 27px 0}
  .sub-report-img-wrap .img-ul{ width:calc(100% - 20.28vw); display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin:0 auto}
  .sub-report-img-wrap .img-ul li{ width:calc((100% - 6.94vw) / 2); margin-right:6.94vw; margin-bottom:5.14vw}
  .sub-report-img-wrap .img-ul li:nth-child(2n),
  .sub-report-img-wrap .img-ul li:nth-child(4n){ margin-right:0}
  .sub-report-img-wrap .img-ul li .img{ margin-bottom:2.50vw}
  .sub-report-img-wrap .img-ul li h3,
  .sub-report-img-wrap .img-ul li p{line-height:3.89vw; }

}



.sub-step01-wrap{ background:var(--brown-b2a-20); padding:52px 0 69px 0}
.sub-step01-wrap h2{ margin-bottom:60px}
.sub-step01-wrap .step-ul{ width:1145px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-step01-wrap .step-ul li{ width:calc((100% - 225px) / 4); display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}

#page02_09 .sub-step01-wrap .step-ul{ width:857px;}
#page02_09 .sub-step01-wrap .step-ul li{ width:calc((100% - 198px) / 2); }

.sub-step01-wrap .step-ul li .img{ width:220px; height:220px; border-radius: var(--border-radius-25); background:var(--white); display:flex; justify-content: center; align-items: center;}
.sub-step01-wrap .step-ul li .img img{ width:auto }
.sub-step01-wrap .step-ul li .img.bmg{ margin-bottom:52px}
.sub-step01-wrap .step-ul li .num{ height:73px; display:flex; flex-direction: row; justify-content: center; align-items: center;}
.sub-step01-wrap .step-ul li .stit{ width:200px; height:44px; border-radius: 22px; background:var(--brown-b2a); color:var(--white); display:flex; flex-direction: row; justify-content: center; align-items: center;}
.sub-step01-wrap .step-ul li .stxt{ margin-top:26px; color:var(--gray-5e5); color:var(--black);  text-align: center;}
.sub-step01-wrap .step-ul.agC li .stxt{ height:48px; display:flex; justify-content: center; align-items: center;}



/*쥬베룩 서브페이지 220918*/
#page04_08 .stit-bg{background: #167DBA !important}


@media (max-width:1280px){

  .sub-step01-wrap{ padding:3.91vw 0 5.47vw 0}
  .sub-step01-wrap h2{ margin-bottom:4.69vw}
  .sub-step01-wrap .step-ul{ width:100% }
  .sub-step01-wrap .step-ul li{ width:calc((100% - 17.58vw) / 4); }
  
  #page02_09 .sub-step01-wrap .step-ul{ width:66.95vw;}
  #page02_09 .sub-step01-wrap .step-ul li{ width:calc((100% - 15.47vw) / 2); }
  
  .sub-step01-wrap .step-ul li .img{ width:17.19vw; height:17.19vw; }
  .sub-step01-wrap .step-ul li .img.bmg{ margin-bottom:4.06vw}
  .sub-step01-wrap .step-ul li .num{ height:5.70vw; }
  .sub-step01-wrap .step-ul li .stit{ width:15.63vw; height:3.44vw; border-radius: 1.72vw; }
  .sub-step01-wrap .step-ul li .stxt{ margin-top:2.03vw; }
  .sub-step01-wrap .step-ul.agC li .stxt{ height:3.75vw; }

}


@media (max-width:768px){

  .sub-step01-wrap{ padding:13.61vw 0 9.58vw 0}
  .sub-step01-wrap .tit-c-inner{ margin-bottom:0 !important}
  .sub-step01-wrap h2{ margin-bottom:8.33vw}
  .sub-step01-wrap .step-ul{ width:calc(100% - 10.56vw); display:flex; justify-content: flex-start; align-items: flex-start;  flex-wrap: wrap; margin:0 auto}
  .sub-step01-wrap .step-ul li{ width:50%; display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin-bottom:7.64vw}
  
  
  
  .sub-step01-wrap .step-ul li .img{ width:30.56vw; height:30.56vw; }
  .sub-step01-wrap .step-ul li .img img{ width:100% }
  .sub-step01-wrap .step-ul li .img.bmg{ margin-bottom:7.22vw}
  .sub-step01-wrap .step-ul li .num{ height:10.14vw; display:flex; flex-direction: row; justify-content: center; align-items: center;}
  .sub-step01-wrap .step-ul li .stit{ width:27.78vw; height:6.11vw; border-radius: 3.06vw; }
  .sub-step01-wrap .step-ul li .stxt{ margin-top:3.61vw; max-width:38.89vw}
  .sub-step01-wrap .step-ul.agC li .stxt{ height:6.67vw; font-size:var(--font-size-25) !important}
  
  #page02_09 .sub-step01-wrap .step-ul{ width:100%; justify-content: center; }
  #page02_09 .sub-step01-wrap .step-ul li{ width:calc(50%); max-width:36.94vw }
  #page02_09 .sub-step01-wrap .step-ul li .img img{ width:auto; object-fit: contain; max-width:50% }
  
  #page03_10 .sub-step01-wrap{ padding:7.22vw 0 2.78vw 0}
  #page03_10 .sub-step01-wrap .step-ul li .img img{ width:50% }
  #page04_01 .sub-step01-wrap .step-ul li .img img,
  #page04_02 .sub-step01-wrap .step-ul li .img img,
  #page04_09 .sub-step01-wrap .step-ul li .img img{width:50%}
  #page04_08 .sub-step01-wrap .step-ul li .img img{ width:80% }



}

.skin-type-wrap{}
.skin-type-wrap .sub-center{ width:1200px; margin:0 auto}
.skin-type-wrap .skin-type-cont{ background:var(--white); padding:82px 0 66px 0}
.skin-type-wrap .skin-type-cont.bg{ background:linear-gradient(to bottom, rgba(253,253,253,1) ,rgba(248,248,248,1))}

.skin-type-wrap .skin-type-ul{ display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.skin-type-wrap .skin-type-ul li{ width:calc((100% - 80px) / 2); margin-right:80px; margin-bottom:36px; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.skin-type-wrap .skin-type-ul li .btn-more{ width:184px; margin-top:28px}
.skin-type-wrap .skin-type-ul li:nth-child(2n){ margin-right:0;}
.skin-type-wrap .skin-type-ul li:nth-child(n+2){ display:flex; flex-direction:row; justify-content: space-between; align-items: flex-start;}

.skin-type-wrap .skin-type-ul li h3 em{ font-style: normal; font-weight:var(--weight-light)}
.skin-type-wrap .skin-type-ul li h3{ font-size:var(--font-size-28); font-weight:var(--weight-semibold); margin-bottom:14px}
.skin-type-wrap .skin-type-ul li p{ margin-bottom:18px }
.skin-type-wrap .skin-type-ul li span{ color:var(--brown-b2a)}
.skin-type-wrap .skin-type-ul li .img-cont{ width:270px; }
.skin-type-wrap .skin-type-ul li .img{ width:270px; height:210px;}
.skin-type-wrap .skin-type-ul li .img img{ width:100%; object-fit: cover;}
.skin-type-wrap .skin-type-ul li .txt-b{ color:var(--gray-c4c); padding-top:18px; text-align: center;}
.skin-type-wrap .skin-type-ul li .txt-f{ color:var(--black); padding-top:18px; text-align: center;}
.skin-type-wrap .cau{ color:var(--red-b75)}

@media (max-width:1280px){

  .skin-type-wrap{}
  .skin-type-wrap .sub-center{ width:93.75vw; }
  .skin-type-wrap .skin-type-cont{ padding:6.41vw 0 5.16vw 0}
  
  .skin-type-wrap .skin-type-ul li{ width:calc((100% - 6.25vw) / 2); margin-right:6.25vw; margin-bottom:2.81vw; }
  .skin-type-wrap .skin-type-ul li .btn-more{ width:14.38vw; margin-top:2.19vw}
  
  .skin-type-wrap .skin-type-ul li h3{ margin-bottom:1.09vw}
  .skin-type-wrap .skin-type-ul li p{ margin-bottom:1.41vw }
  .skin-type-wrap .skin-type-ul li .img-cont{ width:calc((100% - 1.56vw) / 2)}
  .skin-type-wrap .skin-type-ul li .img{ width:100%; height:16.41vw;}
  .skin-type-wrap .skin-type-ul li .txt-b{ padding-top:1.41vw; }
  .skin-type-wrap .skin-type-ul li .txt-f{ padding-top:1.41vw; }


}


@media (max-width:768px){

  .skin-type-wrap{ padding:15.14vw 0 9.58vw 0}
  .skin-type-wrap .tit-c-inner{ padding:0 26.39vw}
  .skin-type-wrap .tit-c-inner *{ text-align: center;}
  .skin-type-wrap .sub-center{ width:100%; margin:0 auto}
  .skin-type-wrap .skin-type-cont{ background:var(--white); padding:8.89vw 0 11.25vw 0}
  .skin-type-wrap .skin-type-cont.bg{ background:var(--white); }
  
  .skin-type-wrap .skin-type-ul{ display:flex; flex-direction:column; justify-content: flex-start; align-items: center; flex-wrap: wrap; width:calc(100% - 22.22vw); margin:0 auto}
  .skin-type-wrap .skin-type-ul li{ width:100%; margin-right:0; margin-bottom:0; }
  .skin-type-wrap .skin-type-ul li .btn-more{ width:35.00vw; margin-top:4.72vw; margin-bottom:8.89vw; font-size:var(--font-size-22)}
  .skin-type-wrap .skin-type-ul li:nth-child(2n){ margin-right:0;}
  .skin-type-wrap .skin-type-ul li:nth-child(n+2){}
  
  .skin-type-wrap .skin-type-ul li h3{ font-size:var(--font-size-35); margin-bottom:3.06vw}
  .skin-type-wrap .skin-type-ul li p{ margin-bottom:3.06vw; line-height:1.5 }
  .skin-type-wrap .skin-type-ul li .img-cont{ width:calc(100% - 2.64vw); margin-bottom:6.25vw}
  .skin-type-wrap .skin-type-ul li .img-cont + .img-cont{ margin-left:2.64vw}
  .skin-type-wrap .skin-type-ul li .img{ width:100%; height:29.17vw;}
  .skin-type-wrap .skin-type-ul li .img img{ width:100%; object-fit: cover;}
  .skin-type-wrap .skin-type-ul li .txt-b{ padding-top:2.50vw; text-align: center;}
  .skin-type-wrap .skin-type-ul li .txt-f{ padding-top:2.50vw; text-align: center;}
  .skin-type-wrap .cau{ margin-top:1.67vw; text-align: center; }

}



.sub-basic-wrap{ padding:126px 0 100px 0; background:linear-gradient(to bottom, rgba(253,253,253,1) ,rgba(248,248,248,1))}
.sub-basic-wrap h2{ margin-bottom:80px }
.sub-basic-wrap h2 strong{ font-weight:var(--weight-semibold)}
.sub-basic-wrap .basic-ul{ width:1155px; margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-basic-wrap .basic-ul li{ width:calc((100% - 115px) /2 ); height:152px; margin-bottom:60px; display:flex; justify-content: space-between; align-items: flex-start; margin-right:115px}
.sub-basic-wrap .basic-ul li:nth-child(2n){margin-right:0}
.sub-basic-wrap .basic-ul li .img{ width:152px; height:152px }
.sub-basic-wrap .basic-ul li .script{ width:calc(100% - 195px);}
.sub-basic-wrap .basic-ul li .script h3{ border-bottom:1px solid var(--gray-b9b); height:66px; text-align: left; line-height:66px}
.sub-basic-wrap .basic-ul li:nth-child(1) .script h3{ color:var(--blue-599)}
.sub-basic-wrap .basic-ul li:nth-child(2) .script h3{ color:var(--green-9cc)}
.sub-basic-wrap .basic-ul li:nth-child(3) .script h3{ color:var(--yellow-f3c)}
.sub-basic-wrap .basic-ul li:nth-child(4) .script h3{ color:var(--violet-b38)}
.sub-basic-wrap .basic-ul li .script p{ line-height:24px; padding-top:14px}

/*@*/media (max-width:768px){

  .sub-basic-wrap{ padding:12.64vw 0 4.44vw 0;}
  .sub-basic-wrap h2{ margin-bottom:11.53vw; font-size:var(--font-size-30) !important }
  .sub-basic-wrap .basic-ul{ width:calc(100% - 27.78vw); margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-basic-wrap .basic-ul li{ width:100%; height:21.11vw; margin-bottom:8.19vw; display:flex; justify-content: space-between; align-items: flex-start; margin-right:0}
  .sub-basic-wrap .basic-ul li:nth-child(2n){margin-right:0}
  .sub-basic-wrap .basic-ul li .img{ width:21.11vw; height:21.11vw }
  .sub-basic-wrap .basic-ul li .img img{ width:100%}
  .sub-basic-wrap .basic-ul li .script{ width:calc(100% - 27.08vw);}
  .sub-basic-wrap .basic-ul li .script h3{ height:9.17vw; line-height:9.17vw}
  .sub-basic-wrap .basic-ul li .script p{ line-height:3.33vw; padding-top:1.94vw}

}

.sub-one-wrap{ background:var(--gray-4e4); height:57px;  display:flex; justify-content: center; align-items: center;}
.sub-one-wrap .sub-center{ text-align: center; color:var(--white); font-weight:var(--weight-light);text-align: center;}

/*@*/media (max-width:768px){

  .sub-one-wrap{ height:auto; padding:3.75vw 0}

}

.sub-booster-wrap{ padding:0 0 108px 0 }
.sub-booster-wrap .tit-c-inner{ margin-bottom:53px }
.sub-booster-wrap h2{ font-weight:var(--weight-light); margin-bottom:7px}
.sub-booster-wrap h3 strong{ font-weight:var(--weight-semibold) }

.sub-booster-wrap .booster-tab{width:750px; height:45px; display:flex; justify-content: space-between; align-items: center; margin:0 auto 58px auto}
.sub-booster-wrap .booster-tab li{width:calc((100% - 30px) / 4); height:45px; border-radius: 23px; color:var(--white); border:1px solid; display:flex; justify-content: center; align-items: center; cursor:pointer }
.sub-booster-wrap .booster-tab li:nth-child(1){background:var(--blue-599);border-color:var(--blue-599)}
.sub-booster-wrap .booster-tab li:nth-child(2){background:var(--green-66c);border-color:var(--green-66c)}
.sub-booster-wrap .booster-tab li:nth-child(3){background:var(--yellow-efb);border-color:var(--yellow-efb)}
.sub-booster-wrap .booster-tab li:nth-child(4){background:var(--violet-b38);border-color:var(--violet-b38)}
.sub-booster-wrap .booster-tab li.current{background:var(--white)}
.sub-booster-wrap .booster-tab li:nth-child(1).current{color:var(--blue-599)}
.sub-booster-wrap .booster-tab li:nth-child(2).current{color:var(--green-66c)}
.sub-booster-wrap .booster-tab li:nth-child(3).current{color:var(--yellow-efb)}
.sub-booster-wrap .booster-tab li:nth-child(4).current{color:var(--violet-b38)}

.sub-booster-wrap .booster-inner{width:1200px; display:flex; justify-content: space-between; align-items: center; margin:0 auto; display:none}
.sub-booster-wrap .booster-inner.current{display:flex}
.sub-booster-wrap .booster-inner .left{width:650px;}
.sub-booster-wrap .booster-inner .left h4{margin-bottom:27px}
.sub-booster-wrap .booster-inner .left p{font-weight:var(--weight-light)}
.sub-booster-wrap .booster-inner#tab-01 h4{color:var(--blue-599)}
.sub-booster-wrap .booster-inner#tab-02 h4{color:var(--green-66c)}
.sub-booster-wrap .booster-inner#tab-03 h4{color:var(--yellow-efb)}
.sub-booster-wrap .booster-inner#tab-04 h4{color:var(--violet-b38)}

.sub-booster-wrap .booster-inner .img{width:492px;}
.sub-booster-wrap .booster-inner .img img{width:auto; max-width:100%; height:auto}

/*@*/media (max-width:768px){

  .sub-booster-wrap{ padding:0 0 15.00vw 0 }
  .sub-booster-wrap .tit-c-inner{ margin-bottom:7.36vw }
  .sub-booster-wrap h2{ margin-bottom:0.97vw}
  
  .sub-booster-wrap .booster-tab{width:calc(100% - 48.06vw); height:6.25vw; display:flex; justify-content: center; align-items: center; flex-wrap:wrap; margin:0 auto 8.06vw auto}
  .sub-booster-wrap .booster-tab li{width:calc((100% - 1.53vw) / 2); height:6.25vw; border-radius: 4vw; margin-right:1.53vw; margin-bottom:1.53vw}
  .sub-booster-wrap .booster-tab li:nth-child(2n){ margin-right:0 }
  .sub-booster-wrap .booster-tab li:nth-child(1){background:var(--blue-599);border-color:var(--blue-599)}
  .sub-booster-wrap .booster-tab li:nth-child(2){background:var(--green-66c);border-color:var(--green-66c)}
  .sub-booster-wrap .booster-tab li:nth-child(3){background:var(--yellow-efb);border-color:var(--yellow-efb)}
  .sub-booster-wrap .booster-tab li:nth-child(4){background:var(--violet-b38);border-color:var(--violet-b38)}
  .sub-booster-wrap .booster-tab li.current{background:var(--white)}
  .sub-booster-wrap .booster-tab li:nth-child(1).current{color:var(--blue-599)}
  .sub-booster-wrap .booster-tab li:nth-child(2).current{color:var(--green-66c)}
  .sub-booster-wrap .booster-tab li:nth-child(3).current{color:var(--yellow-efb)}
  .sub-booster-wrap .booster-tab li:nth-child(4).current{color:var(--violet-b38)}
  
  .sub-booster-wrap .booster-inner{width:calc(100% - 30.56vw); display:flex; justify-content: center; align-items: center; margin:0 auto; display:none; flex-wrap: wrap;}
  .sub-booster-wrap .booster-inner.current{display:flex}
  .sub-booster-wrap .booster-inner .left{width:100%; padding:8.19vw 0 0 0}
  .sub-booster-wrap .booster-inner .left h4{margin-bottom:3.75vw; text-align: center;}
  .sub-booster-wrap .booster-inner .left p{margin-bottom:10.14vw; text-align: center;}
  
  .sub-booster-wrap .booster-inner .img{width:100%;}
  .sub-booster-wrap .booster-inner .img img{width:auto; max-width:100%; height:auto}

}


.sub-special-wrap{ padding:120px 0 0 0}
.sub-special-wrap .tit-c-inner{ margin-bottom:45px;}
.sub-special-wrap .tit-c-inner h3{color:var(--gray-474)}
.sub-special-wrap .special-ul{ width:1120px; margin:0 auto}
.sub-special-wrap .special-ul li{ width:1120px; height:360px; background:var(--gray-6b6); border-radius: var(--border-radius-25); margin-bottom:46px; display:flex; align-items: center; justify-content: center; position:relative}
.sub-special-wrap .special-ul li *{ color:var(--white)}
.sub-special-wrap .special-ul li .script{ position: absolute; left:78px; top:50%; transform: translate(0,-50%);}
.sub-special-wrap .special-ul li .script h4{ margin-bottom:30px;}
.sub-special-wrap .special-ul li .script p strong{ font-size:var(--weight-semibold)}
.sub-special-wrap .special-ul li:nth-child(n+2) .script{ position: absolute; left:unset; right:78px; top:50%; transform: translate(0,-50%);}


@media (max-width:1280px){


  .sub-special-wrap{ padding:9.38vw 0 0 0}
  .sub-special-wrap .tit-c-inner{ margin-bottom:3.52vw;}
  .sub-special-wrap .special-ul{ width:87.50vw; margin:0 auto}
  .sub-special-wrap .special-ul li{ width:87.50vw; height:28.13vw; margin-bottom:3.59vw; }
  .sub-special-wrap .special-ul li .script{ left:6.09vw; ;}
  .sub-special-wrap .special-ul li .script h4{ margin-bottom:2.34vw;}
  .sub-special-wrap .special-ul li:nth-child(n+2) .script{  right:6.09vw; }

}

@media (max-width:768px){

  .sub-special-wrap{ padding:16.67vw 0 0 0}
  .sub-special-wrap .tit-c-inner{ margin-bottom:11.94vw}
  .sub-special-wrap .special-ul{ width:calc(100% - 18.61vw); margin:0 auto 10.42vw auto}
  .sub-special-wrap .special-ul li{ width:100%; height:52.78vw; margin-bottom:6.25vw;}
  .sub-special-wrap .special-ul li .script{ position: absolute; left:8.33vw; top:50%; transform: translate(0,-50%);}
  .sub-special-wrap .special-ul li .script h4{ margin-bottom:4.17vw;}
  .sub-special-wrap .special-ul li:nth-child(n+2) .script{ position: absolute; left:8.33vw; top:50%;  transform: translate(0,-50%);}
  

}

.sub-fill-guide{ padding:73px }
.sub-fill-guide .fill-ul{ width:1174px; }
.sub-fill-guide .fill-ul li{ display:flex; justify-content: flex-start; align-items: center}
.sub-fill-guide .fill-ul li:nth-child(1) .left{ padding:0 0 0 56px; width:50%}
.sub-fill-guide .fill-ul li:nth-child(1) .left h2 strong{ font-weight:var(--weight-bold);color:var(--red-cd5)}
.sub-fill-guide .fill-ul li:nth-child(1) .left p{ margin-top:30px;}
.sub-fill-guide .fill-ul li:nth-child(1) .img{ width:50%; }
.sub-fill-guide .fill-ul li:nth-child(1) .img img{ width:auto; max-width:100%; height:auto}

.sub-fill-guide .fill-ul li:nth-child(2) .right{ padding:0 0 0 56px; width:50%}
.sub-fill-guide .fill-ul li:nth-child(2) .right h2 strong{ font-weight:var(--weight-bold); color:var(--red-cd5)}
.sub-fill-guide .fill-ul li:nth-child(2) .right p{ margin-top:30px;}
.sub-fill-guide .fill-ul li:nth-child(3) .img{ width:50%; text-align: left; }
.sub-fill-guide .fill-ul li:nth-child(2) .img img{ width:auto; max-width:100%; height:auto}

.sub-fill-guide .fill-ul li:nth-child(3) .left{ padding:0 0 0 56px; width:50%}
.sub-fill-guide .fill-ul li:nth-child(3) .left h2 strong{ font-weight:var(--weight-bold);color:var(--red-cd5)}
.sub-fill-guide .fill-ul li:nth-child(3) .left p{ margin-top:30px; padding-right:50px}
.sub-fill-guide .fill-ul li:nth-child(3) .img{ width:50%; }
.sub-fill-guide .fill-ul li:nth-child(3) .img img{ width:auto; max-width:100%; height:auto}

@media (max-width:1280px){

  .sub-fill-guide{ padding:5.70vw }
  .sub-fill-guide .fill-ul{ width:100%}
  .sub-fill-guide .fill-ul li:nth-child(1) .left{ padding:0 4.38vw; }
  .sub-fill-guide .fill-ul li:nth-child(1) .left p{ margin-top:30px;}
  
  .sub-fill-guide .fill-ul li:nth-child(2) .right{ padding:0 4.38vw; }
  .sub-fill-guide .fill-ul li:nth-child(2) .right p{ margin-top:2.34vw;}

  .sub-fill-guide .fill-ul li:nth-child(3) .left{ padding:0 0 0 4.38vw; width:50%}
  .sub-fill-guide .fill-ul li:nth-child(3) .left p{ margin-top:2.34vw; padding-right:3.91vw}

}


@media (max-width:768px){

  .sub-fill-guide{ padding:13.19vw  0 5.69vw 0}
  .sub-fill-guide .fill-ul{ width:calc(100% - 19.44vw); margin:0 auto}
  .sub-fill-guide .fill-ul li{ display:flex; justify-content: flex-start; align-items: center}
  .sub-fill-guide .fill-ul li:nth-child(1) { display:flex; flex-direction: column; justify-content: center; align-items: center;}
  .sub-fill-guide .fill-ul li:nth-child(1) .left{ padding:0 0 0 0; width:100%;}
  .sub-fill-guide .fill-ul li:nth-child(1) .left h2{  text-align: center;}
  .sub-fill-guide .fill-ul li:nth-child(1) .left p{ margin-top:4.86vw; text-align: center;}
  .sub-fill-guide .fill-ul li:nth-child(1) .img{ width:100%; }
  .sub-fill-guide .fill-ul li:nth-child(1) .img img{ width:auto; max-width:100%; height:auto}

  .sub-fill-guide .fill-ul li:nth-child(2) { display:flex; flex-direction: column-reverse; justify-content: center; align-items: center;}  
  .sub-fill-guide .fill-ul li:nth-child(2) .right{ padding:0 0 0 0; width:100%; text-align: center;}
  .sub-fill-guide .fill-ul li:nth-child(2) .right h2 strong{ font-weight:var(--weight-bold); color:var(--red-cd5)}
  .sub-fill-guide .fill-ul li:nth-child(2) .right p{ margin-top:4.86vw;}
  .sub-fill-guide .fill-ul li:nth-child(3) .img{ width:100%; text-align: left; }
  .sub-fill-guide .fill-ul li:nth-child(2) .img img{ width:auto; max-width:100%; height:auto}

  .sub-fill-guide .fill-ul li:nth-child(3) { display:flex; flex-direction: column; justify-content: center; align-items: center;}
  .sub-fill-guide .fill-ul li:nth-child(3) .left{ padding:0 0 0 0; width:100%}
  .sub-fill-guide .fill-ul li:nth-child(3) .left h2{  text-align: center;}
  .sub-fill-guide .fill-ul li:nth-child(3) .left p{ margin-top:4.86vw; text-align: center; padding-right:0}
  .sub-fill-guide .fill-ul li:nth-child(3) .img{ width:100%; }
  .sub-fill-guide .fill-ul li:nth-child(3) .img img{ width:auto; max-width:100%; height:auto}

}


.sub-qna-wrap{ margin:120px 0 140px 0}
.sub-qna-wrap .tit-c-inner{ margin-bottom:85px}
.sub-qna-wrap .qna-ul{ width:1173px; margin:0 auto;}
.sub-qna-wrap .qna-ul li{ min-height:280px; border:2px solid var(--brown-b2a); border-radius: var(--border-radius-25); margin-bottom:40px; text-align: center; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.sub-qna-wrap .qna-ul li h4{ color:var(--brown-b2a); font-size:var(--font-size-23); font-weight:var(--weight-semibold); margin-bottom:27px}
.sub-qna-wrap .qna-ul li p{ color:var(--gray-474)}


/*@*/media (max-width:768px){

  .sub-qna-wrap{ margin:12.64vw 0 13.19vw 0}
  .sub-qna-wrap .tit-c-inner{ margin-bottom:5.97vw}
  .sub-qna-wrap .qna-ul{ width:calc(100% - 20.83vw); margin:0 auto;}
  .sub-qna-wrap .qna-ul li{ min-height:49.58vw; margin-bottom:3.61vw; padding:0 4.17vw }
  .sub-qna-wrap .qna-ul li:last-child{ margin-bottom:0 }
  .sub-qna-wrap .qna-ul li h4{ margin-bottom:4.03vw}
  
}

.sub-3step-wrap{ padding:120px 0 175px 0}
.sub-3step-wrap h3{ margin-bottom:56px; text-align: center;}
.sub-3step-wrap .step-ul{ width:1158px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-3step-wrap .step-ul li{ width:calc((100% - 186px) / 3); text-align: center;}
.sub-3step-wrap .step-ul li .img{ margin-bottom:56px; }
.sub-3step-wrap .step-ul li .img img{ width:100%; }
.sub-3step-wrap .step-ul li h4{ width:142px; height:44px; border-radius: 22px; background:var(--green-26c); color:var(--white); display:flex; justify-content: center; align-items: center; margin:0 auto 24px auto}
.sub-3step-wrap .step-ul li p{ text-align: center;}

.sub-3step-wrap.bg-black{ background:var(--gray-242); padding:75px 0 100px 0}
.sub-3step-wrap.bg-black.pd40{ padding:40px 0}
.sub-3step-wrap.bg-black *{ color:var(--white)}
.sub-3step-wrap.bg-black h3{ margin-bottom:63px; text-align: center;}
.sub-3step-wrap.bg-black .step-ul{ width:1179px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-3step-wrap.bg-black .step-ul li{ width:calc((100% - 356px) / 3); text-align: center;}
.sub-3step-wrap.bg-black .step-ul li h4{ width:100%; height:auto; border-radius: 0; background:transparent; display:flex; justify-content: center; align-items: center; margin:0 auto 5px auto}
.sub-3step-wrap.bg-black .step-ul li h5{ margin-bottom:18px }
.sub-3step-wrap.bg-black .step-ul li .img{ margin-bottom:28px; }
.sub-3step-wrap.bg-black .step-ul li .img img{ width:100%; }

.sub-3step-wrap.bg-black .step-ul.grid2{ width:723px; }
.sub-3step-wrap.bg-black .step-ul.grid2 li{ width:calc((100% - 220px) / 2); }
.sub-3step-wrap.bg-black .step-ul.grid2 li h4{ margin:0 auto 13px auto; color:var(--green-3aa)}
.sub-3step-wrap.bg-black .step-ul.grid2 li h5{ margin-bottom:13px }
.sub-3step-wrap.bg-black .step-ul.grid2 li h5 strong{ color:var(--red-b75) }
.sub-3step-wrap.bg-black .step-ul.grid2 li .img{ margin-bottom:25px; }
.sub-3step-wrap.bg-black .step-ul.grid2 li .img img{ width:100%; }


/*@*/media (max-width:768px){

  .sub-3step-wrap{ padding:10.56vw 0 0 0}
  .sub-3step-wrap h3{ margin-bottom:12.08vw; text-align: center;}
  .sub-3step-wrap .step-ul{ width:calc(100% - 55.00vw); display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin:0 auto}
  .sub-3step-wrap .step-ul li{ width:100%; text-align: center; margin-bottom: 12.08vw}
  .sub-3step-wrap .step-ul li:last-child{ margin-bottom:0 }
  .sub-3step-wrap .step-ul li .img{ margin-bottom:7.78vw; }
  .sub-3step-wrap .step-ul li h4{ width:19.72vw; height:6.11vw; border-radius: 3.5vw; display:flex; justify-content: center; align-items: center; margin:0 auto 3.33vw auto}
  
  .sub-3step-wrap.bg-black{ padding:11.94vw 0 18.89vw  0}
  .sub-3step-wrap.bg-black.pd40{ padding:5.56vw 0}
  .sub-3step-wrap.bg-black h3{ margin-bottom:8.75vw;}
  .sub-3step-wrap.bg-black .step-ul{ width:calc(100% - 44.44vw); display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin:0 auto}
  .sub-3step-wrap.bg-black .step-ul li{ width:100%; text-align: center;}
  .sub-3step-wrap.bg-black .step-ul li h4{ margin:0 auto 0.69vw auto}
  .sub-3step-wrap.bg-black .step-ul li h5{ margin-bottom:2.50vw }
  .sub-3step-wrap.bg-black .step-ul li .img{ margin:0 auto 3.89vw auto; width:calc(100% - 13.89vw);}
  
  .sub-3step-wrap.bg-black .step-ul.grid2{ width:calc(100% - 22.22vw); min-height:70.14vw; flex-direction:row; justify-content: space-between; align-items: flex-start; padding:8.75vw 0 0 0}
  .sub-3step-wrap.bg-black .step-ul.grid2 li{ width:calc((100% - 7.50vw) / 2); }
  .sub-3step-wrap.bg-black .step-ul.grid2 li h4{ margin:0 auto 1.81vw auto; color:var(--green-3aa)}
  .sub-3step-wrap.bg-black .step-ul.grid2 li h5{ margin-bottom:1.81vw }
  .sub-3step-wrap.bg-black .step-ul.grid2 li .img{ margin-bottom:3.89vw; width:100%;}
  .sub-3step-wrap.bg-black .step-ul.grid2 li .img img{ width:100%; }
    
}

.sub-spot-wrap{ padding:75px 0 140px 0}
.sub-spot-wrap h2{  color:var(--violet-5f3); margin-bottom:50px; text-align: center;}
.sub-spot-wrap h2 strong{  font-weight:var(--weight-semibold)}
.sub-spot-wrap .spot-tbl{ width:1256px; margin:0 auto; background:var(--gray-f9f); border-radius: var(--border-radius-25);}
.sub-spot-wrap .spot-tbl .spot-ul{ width:100%; padding:76px 0 102px }
.sub-spot-wrap .spot-tbl .spot-ul li{ display:flex; justify-content: flex-start; align-items: center;}
.sub-spot-wrap .spot-tbl .spot-ul li *{ display:flex; justify-content: center; align-items: center; text-align: center}
.sub-spot-wrap .spot-tbl .spot-ul li:nth-child(1){ height:85px}
.sub-spot-wrap .spot-tbl .spot-ul li:nth-child(1) *{ color:var(--violet-5f3); }
.sub-spot-wrap .spot-tbl .spot-ul li:nth-child(n+2){ height:241px; margin-bottom:99px}
.sub-spot-wrap .spot-tbl .spot-ul li:last-child{ margin-bottom:0}
.sub-spot-wrap .spot-tbl .spot-ul li .img-c{ width:408px; display:flex; flex-direction:column; justify-content: center; align-items: center}
.sub-spot-wrap .spot-tbl .spot-ul li .img-c .img{ margin-bottom:14px;}
.sub-spot-wrap .spot-tbl .spot-ul li .img-c .img img{ width:100%; height:auto}
.sub-spot-wrap .spot-tbl .spot-ul li .img-c p{ color:var(--violet-5f3)}
.sub-spot-wrap .spot-tbl .spot-ul li .rep-c{ width:340px; }
.sub-spot-wrap .spot-tbl .spot-ul li .spot-c{ width:165px}
.sub-spot-wrap .spot-tbl .spot-ul li .effect-c{ width:345px; line-height:35px; ;}

.sub-spot-wrap .spot-tbl .spot-ul li:nth-child(n+2) .rep-c{ color:var(--gray-474) }
.sub-spot-wrap .spot-tbl .spot-ul li:nth-child(n+2) .spot-c{ color:var(--gray-474) }
.sub-spot-wrap .spot-tbl .spot-ul li:nth-child(n+2) .effect-c{ color:var(--gray-474) }

/*@*/media (max-width:768px){

  .sub-spot-wrap{ padding:10.42vw 0 19.44vw 0}
  .sub-spot-wrap h2{  margin-bottom:6.94vw; }
  .sub-spot-wrap .spot-tbl{ width:100%; margin:0 auto; background:var(--white); }
  .sub-spot-wrap .spot-tbl .img:nth-of-type(1){ margin-bottom:11.53vw}
  .sub-spot-wrap .spot-tbl .spot-ul{ display:none}

}

.sub-14tips-wrap{ padding:80px 0 95px 0; background:var(--gray-f9f) }
.sub-14tips-wrap h2{ margin-bottom:60px }
.sub-14tips-wrap .tips-wrap{ width:1232px; display:flex; justify-content: space-between; align-items: flex-start; margin:0 auto}
.sub-14tips-wrap .rect{ width:100%; background:var(--white);  border-radius: var(--border-radius-25); text-align: center; color:var(--black); text-align: center; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.sub-14tips-wrap .rect h3{ color:var(--black); margin-bottom:39px}
.sub-14tips-wrap .rect p{ color:var(--green-26c); margin-top:35px}
.sub-14tips-wrap .rect.ht340{ height:340px}
.sub-14tips-wrap .rect.ht390{ height:390px}
.sub-14tips-wrap .rect.ht780{ height:780px}
.sub-14tips-wrap .cont{ width:calc((100% - 56px) / 2); height:780px }
.sub-14tips-wrap .cont:nth-child(1){ display:flex; flex-direction: column; justify-content: space-between; align-items: center; flex-shrink: 0;}
.sub-14tips-wrap .cont:nth-child(2){ display:flex; flex-direction: column; justify-content: flex-start; align-items: center; flex-shrink: 0;}
.sub-14tips-wrap .cau{ margin:80px 0 0 0; text-align: center;}
.sub-14tips-wrap .cau strong{ font-weight:var(--weight-bold)}

/*@*/media (max-width:768px){

  .sub-14tips-wrap{ padding:9.58vw 0 10.00vw 0;}
  .sub-14tips-wrap h2{ margin-bottom:7.64vw }
  .sub-14tips-wrap .tips-wrap{ width:calc(100% - 18.06vw); display:flex; flex-direction:column; justify-content: flex-start; align-items: center; margin:0 auto}
  .sub-14tips-wrap .rect{ width:100%; }
  .sub-14tips-wrap .rect .img{ width:100%; }
  .sub-14tips-wrap .rect .img img{ width:100%; }

  .sub-14tips-wrap .rect h3{ margin-bottom:5.42vw}
  .sub-14tips-wrap .rect p{ margin-top:4.86vw}
  .sub-14tips-wrap .rect.ht340{ height:47.22vw; margin-bottom:3.47vw}
  .sub-14tips-wrap .rect.ht340 .img{ width:calc(100% - 20.56vw); margin:0 auto}
  .sub-14tips-wrap .rect.ht390{ height:54.17vw}
  .sub-14tips-wrap .rect.ht390 .img{ width:calc(100% - 25.56vw); margin:0 auto}
  .sub-14tips-wrap .rect.ht780{ height:108.33vw; margin-bottom:3.47vw}
  .sub-14tips-wrap .rect.ht780 .img{ width:calc(100% - 23.06vw); margin:0 auto}
  .sub-14tips-wrap .cont{ width:100%; height:auto }
  .sub-14tips-wrap .cau{ margin:6.67vw auto 0 auto; width:calc(100% - 18.06vw)}

}

.sub-diamond-wrap{height:623px; background:url("/theme/basic/img/sub/sub01/bg05_02.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: center;}
.sub-diamond-wrap h2{color:var(--green-26c); margin-bottom:6px}
.sub-diamond-wrap h3{color:var(--white); margin-bottom:70px}
.sub-diamond-wrap .diamond-ul{ width:1260px; height:196px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-diamond-wrap .diamond-ul li{ width:calc((100% - 280px) / 5); height:196px; border:3px solid var(--green-26c); border-radius: 98px; display:flex; justify-content: center; align-items: center; text-align:center; color:var(--white)}

/*@*/media (max-width:768px){

  .sub-diamond-wrap{height:111.81vw; background:url("/theme/basic/img/sub/sub01/bg05_02-m.png") no-repeat center; background-size:cover; display:flex; justify-content: center; align-items: flex-start}
  .sub-diamond-wrap h2{ margin:15.00vw 0 0.83vw 0}
  .sub-diamond-wrap h3{margin-bottom:10.69vw}
  .sub-diamond-wrap .diamond-ul{ width:calc(100% - 13.33vw); height:auto; margin:0 auto; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .sub-diamond-wrap .diamond-ul li{ width:calc((100% - 5.00vw) / 3); height:27.22vw; border-radius: 14vw; margin:0 2.50vw 2.78vw 0}
  .sub-diamond-wrap .diamond-ul li:nth-child(3n),
  .sub-diamond-wrap .diamond-ul li:last-child{margin-right:0}
  
}

.sub-tech-wrap{ background:var(--gray-f9f); padding:85px 0 65px 0; display:block}
.sub-tech-wrap h2{ margin-bottom:57px}

.sub-tech-wrap .tech-ul{ width:954px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-tech-wrap .tech-ul li{ width:calc((100% - 54px) / 3); border-radius: var(--border-radius-25); background:var(--white); height:480px}

.sub-tech-wrap .tech-ul li .img{ height:280px; display:flex; justify-content: center; align-items: center;}
.sub-tech-wrap .tech-ul li h3{ color:var(--green-3aa); text-align: center;}
.sub-tech-wrap .tech-ul li p{ margin-top:26px; text-align: center;}

/*@*/media (max-width:768px){

  .sub-tech-wrap{ padding:10.56vw 0 2.78vw 0}
  .sub-tech-wrap h2{ margin-bottom:9.58vw}
  
  .sub-tech-wrap .tech-ul{ width:calc(100% - 7.50vw); margin:0 auto; display:flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .sub-tech-wrap .tech-ul li{ width:calc((100% - 3.61vw) / 2); height:71.11vw; margin:0 3.61vw 2.78vw 0}
  .sub-tech-wrap .tech-ul li:nth-child(2n){ margin-right:0;}
  
  .sub-tech-wrap .tech-ul li .img{ height:38.19vw; width:calc(100% - 23.33vw); margin:0 auto}
  .sub-tech-wrap .tech-ul li .img img{ width:100%;}
  .sub-tech-wrap .tech-ul li p{ margin-top:3.47vw;}
  
  
}

.sub-ulthera-wrap{padding:160px 0 50px 0}
.sub-ulthera-wrap .tImg{margin-bottom:65px; text-align: center;}
.sub-ulthera-wrap .tImg .img{margin:0 auto}
.sub-ulthera-wrap .tImg .img img{width:auto; max-width:100%; height:auto}
.sub-ulthera-wrap .bImg{width:1032px; margin:0 auto; display:flex; justify-content: space-between; align-items: center;}
.sub-ulthera-wrap .bImg .left{width:350px;}
.sub-ulthera-wrap .bImg .left .img img{width:auto; max-width:100%; height:auto}
.sub-ulthera-wrap .bImg .ulthera-ul {width:450px; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-ulthera-wrap .bImg .ulthera-ul li {width:50%; height:314px; border-right:1px solid var(--gray-dcd); border-bottom:1px solid var(--gray-dcd); display:flex; flex-direction:column; justify-content: center; align-items: center; }
.sub-ulthera-wrap .bImg .ulthera-ul li > .img{ width:116px; height:116px; margin-bottom:35px;}
.sub-ulthera-wrap .bImg .ulthera-ul li > p{ text-align: center;}
.sub-ulthera-wrap .bImg .ulthera-ul li:nth-child(2n) { border-right:0}
.sub-ulthera-wrap .bImg .ulthera-ul li:nth-child(n+3) { border-bottom:0}

/*@*/media (max-width:768px){

  .sub-ulthera-wrap{padding:24.58vw 0 6.94vw 0}
  .sub-ulthera-wrap .tImg{text-align: center; width:calc(100% - 20.56vw); margin:0 auto 19.31vw auto}
  .sub-ulthera-wrap .bImg{width:100%; margin:0 auto; display:flex; justify-content: center;}
  .sub-ulthera-wrap .bImg .left{width:350px;}
  .sub-ulthera-wrap .bImg .left .img img{width:auto; max-width:100%; height:auto}
  .sub-ulthera-wrap .bImg .ulthera-ul {width:calc(100% - 37.50vw); display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-ulthera-wrap .bImg .ulthera-ul li {width:50%; height:43.75vw; }
  .sub-ulthera-wrap .bImg .ulthera-ul li > .img{ width:16.11vw; height:16.11vw; margin-bottom:4.17vw;}
  .sub-ulthera-wrap .bImg .ulthera-ul li > .img img{ width:100%; }

}


.sub-effect-wrap{ margin-bottom:255px}
.sub-effect-wrap .tit-c-inner{ margin-bottom:57px}
.sub-effect-wrap .effect-ul{ width:883px; margin:0 auto;}
.sub-effect-wrap .effect-ul li{ min-height:150px; border:1px solid var(--blue-5f9); border-radius: var(--border-radius-25); margin-bottom:36px; text-align: center; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.sub-effect-wrap .effect-ul li *{ line-height:39px;}
.sub-effect-wrap .effect-ul li:last-child{margin-bottom:0}
.sub-effect-wrap .effect-ul li h3{ color:var(--blue-5f9)}
.sub-effect-wrap .effect-ul li p{ color:var(--gray-474)}
.sub-effect-wrap .effect-ul li p strong{ color:var(--blue-5f9)}

/*@*/media (max-width:768px){

  .sub-effect-wrap{ padding:12.22vw 0 6.25vw; margin-bottom:0}
  .sub-effect-wrap .tit-c-inner{ margin-bottom:5.56vw}
  .sub-effect-wrap .effect-ul{ width:calc(100% - 11.11vw); margin:0 auto;}
  .sub-effect-wrap .effect-ul li{ min-height:25.00vw; margin-bottom:5.97vw; padding:0 7.64vw }
  .sub-effect-wrap .effect-ul li *{ line-height:3.89vw;}

}



.sub-unique-wrap{ padding:119px 0 160px 0}
.sub-unique-wrap h2 {margin-bottom:44px}
.sub-unique-wrap h2 strong{color:var(--violet-8a9)}
.sub-unique-wrap .img{ margin:0 auto; text-align: center;}
.sub-unique-wrap .img img{ width:auto; max-width:100%; height:auto}
.sub-unique-wrap p{ margin-top:26px; text-align: center;}

/*@*/media (max-width:768px){

  .sub-unique-wrap{ padding:15.97vw 0 11.67vw 0}
  .sub-unique-wrap h2 {margin-bottom:3.19vw}
  .sub-unique-wrap .img{ margin:0 auto; width:calc(100% - 16.67vw)}
  .sub-unique-wrap p{ margin-top:0; padding: 0 11.81vw }

}

.sub-ldm-wrap{ padding:0 0 190px 0}
.sub-ldm-wrap h3{ margin-bottom:66px;}
.sub-ldm-wrap .ldm-wrap{ width:100%; display:flex; justify-content: space-between; align-items: center;}
.sub-ldm-wrap .img{ width:730px; }
.sub-ldm-wrap .right{ width:calc(100% - 815px); display:flex; justify-content: flex-start; align-items: center;}
.sub-ldm-wrap .right .ldm-ul{ display:flex; flex-direction:row; justify-content: flex-start; flex-wrap: wrap;}
.sub-ldm-wrap .right .ldm-ul li{ width:50%; margin-bottom:108px}
.sub-ldm-wrap .right .ldm-ul li:nth-last-child(2),
.sub-ldm-wrap .right .ldm-ul li:last-child{ margin-bottom:0;}
.sub-ldm-wrap .right .ldm-ul li *{ text-align: center;}
.sub-ldm-wrap .right .ldm-ul li h3{ color:var(--violet-8a9); margin-bottom:13px }
.sub-ldm-wrap .right .ldm-ul li p{}

/*@*/media (max-width:768px){

  .sub-ldm-wrap{ padding:0 0 14.31vw 0}
  .sub-ldm-wrap h3{ margin-bottom:7.50vw;}
  .sub-ldm-wrap .ldm-wrap{ width:100%; display:flex; flex-direction:column; justify-content: flex-start; align-items: center;}
  .sub-ldm-wrap .img{ width:calc(100% - 11.11vw); margin-bottom:14.31vw }
  .sub-ldm-wrap .img img{ width:100%;}
  .sub-ldm-wrap .right{ width:calc(100% - 20.83vw); margin:0 auto}
  .sub-ldm-wrap .right .ldm-ul{ display:flex; flex-direction:row; justify-content: flex-start; flex-wrap: wrap;}
  .sub-ldm-wrap .right .ldm-ul li{ width:50%; margin-bottom:8.47vw}
  .sub-ldm-wrap .right .ldm-ul li:nth-last-child(2),
  .sub-ldm-wrap .right .ldm-ul li:last-child{ margin-bottom:0;}
  .sub-ldm-wrap .right .ldm-ul li *{ text-align: center;}
  .sub-ldm-wrap .right .ldm-ul li h3{ color:var(--violet-8a9); margin-bottom:13px }
  .sub-ldm-wrap .right .ldm-ul li p{}

}


.sub-howto-guide{ background:var(--gray-f9f); padding:90px 0 70px 0}
.sub-howto-guide .tit-c-inner{ margin-bottom:79px }
.sub-howto-guide h2 strong{ font-weight:var(--weight-semibold); }
.sub-howto-guide .howto-ul{ width:1164px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-howto-guide .howto-ul li{ width:calc((100% - 84px) / 3); min-height:200px; border-radius: var(--border-radius-25); background:var(--white); padding:0 66px}
.sub-howto-guide .howto-ul li h3{ border-bottom:1px solid var(--gray-b9b); height:97px; display:flex; justify-content: center; align-items: center; color:var(--brown-b2a)}
.sub-howto-guide .howto-ul li p{ padding-top:26px; text-align: center; line-height:24px }


@media (max-width:1280px){

  .sub-howto-guide{ padding:7.03vw 0 5.47vw 0}
  .sub-howto-guide .tit-c-inner{ margin-bottom:6.17vw }
  .sub-howto-guide .howto-ul{ width:90.94vw; }
  .sub-howto-guide .howto-ul li{ width:calc((100% - 6.56vw) / 3); min-height:15.63vw; padding:0 5.16vw}
  .sub-howto-guide .howto-ul li h3{ height:7.58vw; }
  .sub-howto-guide .howto-ul li p{ padding-top:2.03vw; line-height:1.88vw }


}

@media (max-width:768px){

  .sub-howto-guide{ padding:9.44vw 0 8.06vw 0}
  .sub-howto-guide .tit-c-inner{ margin-bottom:8.06vw; padding:0 22.22vw; text-align: center; }
  .sub-howto-guide .howto-ul{ width:calc(100% - 34.72vw); flex-direction:column; align-items: center;}
  .sub-howto-guide .howto-ul li{ width:100%; min-height:36.11vw; padding:0 5.83vw; margin-bottom:4.58vw}
  .sub-howto-guide .howto-ul li h3{ height:17.50vw; }
  .sub-howto-guide .howto-ul li p{ padding-top:4.58vw; line-height:4.17vw }
  
  

}


.sub-knowhow-guide { padding:135px 0 95px 0}
.sub-knowhow-guide .tit-c-inner{ margin-bottom: 77px}
.sub-knowhow-guide .knowhow-wrap{ width:1260px; display:flex; justify-content: space-between; align-items: center; }
.sub-knowhow-guide .left{ width:550px ;height:404px ;background:var(--gray-ece); border-radius: var(--border-radius-25); font-size:0}
.sub-knowhow-guide .left img{ width:100%; object-fit: cover;}
.sub-knowhow-guide .right-dl{ width:550px; display:flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub-knowhow-guide .right-dl *{ color:var(--gray-474)}
.sub-knowhow-guide .right-dl dt{ margin-bottom:8px; }
.sub-knowhow-guide .right-dl dt:nth-child(n+2){ margin-top:62px }
.sub-knowhow-guide .right-dl dd{ line-height:28px; margin-bottom:0}
.sub-knowhow-guide .right-dl dd:last-child{}

@media (max-width:1280px){

  .sub-knowhow-guide { padding:10.55vw 0 7.42vw 0}
  .sub-knowhow-guide .tit-c-inner{ margin-bottom: 6.02vw}
  .sub-knowhow-guide .knowhow-wrap{ width:98.44vw; }
  .sub-knowhow-guide .left{ width:42.97vw ;height:31.56vw;}
  .sub-knowhow-guide .right-dl{ width:42.97vw; padding-right:2.50vw }
  .sub-knowhow-guide .right-dl dt{ margin-bottom:0.63vw; }
  .sub-knowhow-guide .right-dl dt:nth-child(n+2){ margin-top:4.84vw }
  .sub-knowhow-guide .right-dl dd{ line-height:2.19vw; }

}

@media (max-width:768px){

  .sub-knowhow-guide { padding:9.44vw 0 14.72vw 0; background:var(--gray-f9f)}
  .sub-knowhow-guide .tit-c-inner{ width:calc(100% - 23.61vw) ;margin:0 auto 6.53vw auto}
  .sub-knowhow-guide .tit-c-inner *{ text-align: center;}
  .sub-knowhow-guide .knowhow-wrap{ width:calc(100% - 23.61vw); display:flex; flex-direction:column; justify-content: center; align-items: center; margin:0 auto}
  .sub-knowhow-guide .left{ width:100% ;height:56.11vw; margin-bottom:6.25vw}

  .sub-knowhow-guide .right-dl{ width:100%; }
  .sub-knowhow-guide .right-dl dt{ margin-bottom:0.97vw}
  .sub-knowhow-guide .right-dl dt:nth-child(n+2){ margin-top:8.19vw }
  .sub-knowhow-guide .right-dl dd{ line-height:4.17vw;}
  .sub-knowhow-guide .right-dl dd:last-child{}

}

.sub-before-after-wrap{ padding:145px 0 80px 0}
.sub-before-after-wrap h2{ color:var(--black); margin-bottom:110px}
.sub-before-after-wrap .ba-ul{ width:1140px; margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.sub-before-after-wrap .ba-ul li{ width:calc((100% - 140px ) / 2); height:100%; margin-bottom:60px; }
.sub-before-after-wrap .ba-ul li .tit{ width:100%; height:44px; border-radius:22px; border:2px solid var(--brown-b2a); color:var(--white); text-transform: uppercase; display:flex; justify-content: center; align-items: center; background:var(--brown-b2a); margin-bottom:16px}
.sub-before-after-wrap .ba-ul li:nth-child(1) .tit,
.sub-before-after-wrap .ba-ul li:nth-child(4) .tit,
.sub-before-after-wrap .ba-ul li:nth-child(7) .tit{ background:var(--white); color:var(--brown-b2a)}
.sub-before-after-wrap .ba-ul li .img{ width:100%; height:360px; border-radius: var(--border-radius-25); background:var(--gray-ece); font-size:0}
.sub-before-after-wrap .ba-ul li .img img{ width:100%; object-fit: cover;}
.sub-before-after-wrap .ba-ul li:nth-child(2),
.sub-before-after-wrap .ba-ul li:nth-child(5),
.sub-before-after-wrap .ba-ul li:nth-child(8){ width:140px; height:420px; background:url("/theme/basic/img/sub/sub01/ic-before-after.svg") no-repeat center calc(50% + 30px); font-size:0;}


@media (max-width:1280px){

  .sub-before-after-wrap{ padding:11.33vw 0 6.25vw 0}
  .sub-before-after-wrap h2{ margin-bottom:8.59vw}
  .sub-before-after-wrap .ba-ul{ width:89.06vw; }
  .sub-before-after-wrap .ba-ul li{ width:calc((100% - 140px ) / 2); height:100%; margin-bottom:60px; }
  .sub-before-after-wrap .ba-ul li .tit{ height:3.44vw; border-radius:1.72vw; border:0.16vw solid var(--brown-b2a); margin-bottom:1.25vw}
  .sub-before-after-wrap .ba-ul li .img{ height:auto; max-height:28.13vw; }
  .sub-before-after-wrap .ba-ul li:nth-child(2),
  .sub-before-after-wrap .ba-ul li:nth-child(5),
  .sub-before-after-wrap .ba-ul li:nth-child(8){ width:10.94vw; height:32.81vw; background:url("/theme/basic/img/sub/sub01/ic-before-after.svg") no-repeat center calc(50% + 2.34vw); }

}



@media (max-width:768px){

  .sub-before-after-wrap{ padding:20.14vw 0 11.11vw 0}
  .sub-before-after-wrap h2{ margin-bottom:7.50vw}
  .sub-before-after-wrap .ba-ul{ width:calc(100% - 15.83vw); margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-before-after-wrap .ba-ul li{ width:calc((100% - 10.28vw ) / 2); height:100%; margin-bottom:4.17vw; }
  .sub-before-after-wrap .ba-ul li .tit{ width:100%; height:6.53vw; border-radius:4vw; margin-bottom:1.81vw}
  .sub-before-after-wrap .ba-ul li .img{ width:100%; height:26.39vw; }
  .sub-before-after-wrap .ba-ul li:nth-child(2),
  .sub-before-after-wrap .ba-ul li:nth-child(5),
  .sub-before-after-wrap .ba-ul li:nth-child(8){ width:10.28vw; height:35.00vw; background:url("/theme/basic/img/sub/sub01/ic-before-after.svg") no-repeat center calc(50% + 4.17vw); background-size:1.67vw 1.67vw}


}


.sub-case-wrap{ padding:75px 0 100px 0}
.sub-case-wrap h2{ color:var(--black); margin-bottom:70px}
.sub-case-wrap .case-ul{ width:1008px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start; padding-bottom:60px; border-bottom:1px solid }
.sub-case-wrap .case-ul li{ width:calc((100% - 56px ) / 2); height:100%; margin-bottom:60px; }
.sub-case-wrap .case-ul li .tit{ width:100%; height:56px; border-radius:28px; border:1px solid var(--brown-b2a); color:var(--white); display:flex; justify-content: center; align-items: center; background:var(--brown-b2a); margin-bottom:55px}
.sub-case-wrap .case-ul li:nth-child(1) .tit{ background:var(--white); color:var(--brown-b2a)}
.sub-case-wrap .case-ul li .img{ width:100%; height:312px; border-radius: var(--border-radius-25); background:var(--gray-ece); font-size:0; margin-bottom:45px}
.sub-case-wrap .bcas-ul li .img img{ width:100%; object-fit: cover;}
.sub-case-wrap .case-ul li p{ width:100%; color:var(--gray-474); text-align: center;}
.sub-case-wrap em{ display:block;font-style: normal; margin-top:45px; color:var(--gray-474); text-align: center; width:100%}

@media (max-width:1280px){

  .sub-case-wrap{ padding:5.86vw 0 7.81vw 0}
  .sub-case-wrap h2{ margin-bottom:5.47vw}
  .sub-case-wrap .case-ul{ width:78.75vw; padding-bottom:4.69vw;}
  .sub-case-wrap .case-ul li{ width:calc((100% - 4.38vw ) / 2); margin-bottom:4.69vw; }
  .sub-case-wrap .case-ul li .tit{ height:4.38vw; border-radius:2.19vw; margin-bottom:4.30vw}
  .sub-case-wrap .case-ul li .img{ height:auto; max-height:24.38vw; margin-bottom:3.52vw}
  

}

@media (max-width:768px){

  .sub-case-wrap{ padding:10.28vw 0 12.64vw 0}
  .sub-case-wrap h2{ margin-bottom:9.44vw; font-size:var(--font-size-40) !important}
  .sub-case-wrap .case-ul{ width:calc(100% - 29.72vw); padding-bottom:0; flex-direction: column; justify-content: flex-start; align-items: center;}
  .sub-case-wrap .case-ul li{ width:100%; margin-bottom:5.56vw }
  .sub-case-wrap .case-ul li p{ margin-bottom:0; font-size:var(--font-size-20) !important}
  .sub-case-wrap .case-ul li .tit{ height:7.08vw; border-radius:3.6vw; margin-bottom:5.56vw; font-size:var(--font-size-25) !important}
  .sub-case-wrap .case-ul li .img{ height:auto; max-height:24.38vw; margin-bottom:5.56vw}

  .sub-case-wrap em{ margin-top:6.94vw; font-size:var(--font-size-25) !important; padding:0 25.00vw; word-break: keep-all;}
  

}


.sub-reason-wrap{ background:var(--gray-f9f); padding:136px 0 159px 0}
.sub-reason-wrap h2{ margin-bottom:82px }
.sub-reason-wrap .reason-ul{ width:1135px; margin:0 auto; display:flex; justify-content: space-between; align-items: flex-start;}
.sub-reason-wrap .reason-ul li{ width:calc((100% - 135px) / 4); height:330px; border:var(--font-size-25)}
.sub-reason-wrap .reason-ul li .img{ width:100%; height:250px; border-radius: 25px 25px 0 0; background:var(--gray-ece); font-size:0}
.sub-reason-wrap .reason-ul li .img img{ width:100%; object-fit: cover;}
.sub-reason-wrap .reason-ul li .tit{ width:100%; height:calc(100% - 250px); display:flex; justify-content: center; align-items: center; color:var(--brown-b2a); background:var(--white); border-radius: 0 0 25px 25px;}

/*@*/media (max-width:768px){

  .sub-reason-wrap{ padding:18.89vw 0 22.08vw 0}
  .sub-reason-wrap h2{ margin-bottom:11.39vw }
  .sub-reason-wrap .reason-ul{ width:calc(100% - 23.89vw); margin:0 auto; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .sub-reason-wrap .reason-ul li{ width:calc((100% - 6.25vw) / 2); height:45.83vw; margin-right:6.25vw; margin-bottom:5.28vw}
  .sub-reason-wrap .reason-ul li:nth-child(n+3){margin-bottom:0}
  .sub-reason-wrap .reason-ul li:nth-child(2n){ margin-right:0 }
  .sub-reason-wrap .reason-ul li .img{ width:100%; height:34.72vw; border-radius: 3.47vw 3.47vw 0 0; }
  .sub-reason-wrap .reason-ul li .tit{ width:100%; height:calc(100% - 34.72vw); display:flex; justify-content: center; align-items: center; border-radius: 0 0 3.47vw 3.47vw;}

}


.img-guide-wrap{ height:680px; background:url("/theme/basic/img/sub/sub01/sub08_01_bImg.png") no-repeat center; background-size:cover; padding:122px 0}
.img-guide-wrap *{  color:var(--white)}
.img-guide-wrap h2{}
.img-guide-wrap h3{ margin-top:25px}
.img-guide-wrap .guide-ul{ width:980px; display:flex; justify-content: space-between; align-items: center; margin:30px auto 68px auto}
.img-guide-wrap .guide-ul li{ width:160px; height:160px; display:inline-flex; flex-direction:column; justify-content: center; align-items: center; border:1px solid var(--white); border-radius: 80px; text-align: center;}
.img-guide-wrap .guide-ul li strong{ display:inline-flex}
.img-guide-wrap .guide-ul li span{ font-weight:var(--weight-bold) }
.img-guide-wrap .guide-txt{ text-align: center; margin-bottom:0}


@media (max-width:1280px){

  .img-guide-wrap{ height:53.13vw; padding:9.53vw 0}
  .img-guide-wrap h3{ margin-top:1.95vw}
  .img-guide-wrap .guide-ul{ width:76.56vw; margin:2.34vw auto 5.31vw auto}
  .img-guide-wrap .guide-ul li{ width:12.50vw; height:12.50vw; border-radius: 6.25vw; }

}

@media (max-width:768px){

  .img-guide-wrap{ height:auto; background:url("/theme/basic/img/sub/sub01/sub08_01_bImg-m.png") no-repeat center; background-size:cover; padding:11.81vw 0}
  .img-guide-wrap h2{}
  .img-guide-wrap h3{ margin-top:3.47vw}
  .img-guide-wrap .guide-ul{ width:50.69vw; display:flex; justify-content: center; align-items: center; margin:7.36vw auto 8.89vw auto; flex-wrap: wrap; column-gap: 6.25vw;}
  .img-guide-wrap .guide-ul li{ width:22.22vw; height:22.22vw;  border-radius: 12vw; margin-bottom:4.03vw; }
  .img-guide-wrap .guide-ul li:last-child{ margin-bottom:0 }
  .img-guide-wrap p{ padding:0 18.06vw; line-height:1.5; word-break: keep-all;}

}


.sub-mid-img-wrap{ padding:156px 0}


.sub-why-wrap{ background:var(--gray-fbf); padding:77px 0 104px}
.sub-why-wrap .tit-c-inner{ margin-bottom:70px; }
.sub-why-wrap h3 strong{ color:var(--brown-b2a)}
.sub-why-wrap ul.why-ul{ display:flex; justify-content: space-between; align-items: flex-start; width:100%}
.sub-why-wrap ul.why-ul li{ width:calc((100% - 104px) / 3); display:flex; flex-direction:column; justify-content: flex-start; align-items: center; background:var(--white); height:630px}
.sub-why-wrap ul.why-ul li .img{ width:100%; height:405px; max-height:405px; background:var(--brown-b2a); display:block}
.sub-why-wrap ul.why-ul li .img img{object-fit: cover;}
.sub-why-wrap ul.why-ul li p{ height:140px; display:flex; justify-content:center; align-items: center; text-align: center; color:var(--black)}
.sub-why-wrap ul.why-ul li:last-child p{ height:128px;}
.sub-why-wrap ul.why-ul li em{ display:flex; justify-content:flex-start; align-items: center; text-align: center; font-style: normal;} 


@media (max-width:1280px){

  .sub-mid-img-wrap{ padding:12.11vw 0}


  .sub-why-wrap{ padding:5.86vw 0 8.20vw}
  .sub-why-wrap .tit-c-inner{ margin-bottom:5.47vw; }
  .sub-why-wrap ul.why-ul li{ width:calc((100% - 8.13vw) / 3); height:49.22vw}
  .sub-why-wrap ul.why-ul li .img{ height:auto; max-height:31.64vw; }
  .sub-why-wrap ul.why-ul li p{ height:10.94vw;}
  .sub-why-wrap ul.why-ul li:last-child p{ height:10.00vw;}

}

@media (max-width:768px){


  .sub-why-wrap{ padding:15.14vw 0 18.75vw}
  .sub-why-wrap .tit-c-inner{ margin-bottom:12.92vw; }
  .sub-why-wrap ul.why-ul{ width:calc(100% - 46.67vw); margin:0 auto; flex-wrap: wrap;}
  .sub-why-wrap ul.why-ul li{ width:100%; height:87.36vw}
  .sub-why-wrap ul.why-ul li:not(:last-child){ margin-bottom:6.67vw}
  .sub-why-wrap ul.why-ul li .img{ height:auto; max-height:56.25vw; }
  .sub-why-wrap ul.why-ul li p{ height:19.44vw;}
  .sub-why-wrap ul.why-ul li:last-child p{ height:18.06vw;}

}


/**************************************************************************************************************************************************************/

/* 모달 */

/**************************************************************************************************************************************************************/

.modal-wrap{ width:100vw; height:100vh; position:absolute; top:0; left:0; z-index:208; display:none; justify-content: center; align-items: center; }
.modal-wrap.active{ display:flex;  }
.modal-wrap .modal-inner{ width:1200px; height:830px; background:var(--white); z-index:210; display:none; flex-direction:column; justify-content: flex-start; align-items: center;}
.modal-wrap .modal-inner.current{ display:flex }
.modal-wrap .modal-inner .modal-header{ width:100%; margin-bottom:50px; position:relative}
.modal-wrap .modal-inner .modal-header .btn-close{ position:absolute; top:45px; right:50px; width:30px; height:30px; background:url("/theme/basic/img/sub/modal/ic-modal-close.svg") no-repeat center; font-size:0;}
.modal-wrap .modal-inner .modal-header h2{ margin:60px 0 13px 0; text-align: center;}
.modal-wrap .modal-inner .modal-header h3{ text-align: center; margin-bottom:0}
.modal-wrap .modal-inner .inner{ width:calc( 100% - 100px); height:620px; margin:0 auto; overflow-y:auto; padding:0 40px}
.modal-wrap .modal-inner .inner .case-ul{ width:995px; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.modal-wrap .modal-inner .inner .case-ul li{ width:476px; height:272px; margin:0 43px 38px 0; position:relative; border-radius: var(--border-radius-25); display:flex; justify-content: space-between; align-items: center;}
.modal-wrap .modal-inner .inner .case-ul li .case-arrow{ width:44px; height:44px; border-radius: 22px; background:var(--brown-b2a) url("/theme/basic/img/sub/modal/ic-modal-arrow.svg") no-repeat center; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:215; font-size:0}
.modal-wrap .modal-inner .inner .case-ul li .case-left{ width:50%; height:100%; border-radius: 25px 0 0 25px; background:var(--gray-c4c); overflow:hidden}
.modal-wrap .modal-inner .inner .case-ul li .case-left img{ width:100%; height:100%; border-radius: 25px 0 0 25px; }
.modal-wrap .modal-inner .inner .case-ul li .case-right{ width:50%; height:100%; border-radius:0 25px 25px 0; background:var(--gray-ece); overflow:hidden}
.modal-wrap .modal-inner .inner .case-ul li .case-right img{ width:100%; height:100%; border-radius:0 25px 25px 0; }
.modal-wrap .modal-inner .inner .case-ul li:nth-child(2n){ margin-right:0}
.modal-wrap .dimd{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); font-size:0; z-index:209}


@media (max-width:1280px){


  .modal-wrap .modal-inner{ width:93.75vw; height:64.84vw; }
  .modal-wrap .modal-inner.current{ display:flex }
  .modal-wrap .modal-inner .modal-header{ margin-bottom:3.91vw; }
  .modal-wrap .modal-inner .modal-header .btn-close{ position:absolute; top:3.52vw; right:3.91vw; width:30px; height:30px; }
  .modal-wrap .modal-inner .modal-header h2{ margin:4.69vw 0 1.02vw 0}
  .modal-wrap .modal-inner .inner{ width:calc( 100% - 7.81vw); height:48.44vw; padding:0 3.13vw}
  .modal-wrap .modal-inner .inner .case-ul{ width:100%}
  .modal-wrap .modal-inner .inner .case-ul li{ width:calc((100% - 3.36vw) / 2); height:21.25vw; margin:0 3.36vw 2.97vw 0; }
  .modal-wrap .modal-inner .inner .case-ul li:nth-child(2n){ margin-right:0}
  .modal-wrap .modal-inner .inner .case-ul li .case-arrow{ width:3.44vw; height:3.44vw; border-radius: 1.72vw;}
  .modal-wrap .modal-inner .inner .case-ul li .case-left{ width:50%; height:100%; border-radius: 1.95vw 0 0 1.95vw;}
  .modal-wrap .modal-inner .inner .case-ul li .case-left img{ width:100%; height:100%; border-radius: 1.95vw 0 0 1.95vw; }
  .modal-wrap .modal-inner .inner .case-ul li .case-right{ width:50%; height:100%; border-radius:0 1.95vw 1.95vw 0; }
  .modal-wrap .modal-inner .inner .case-ul li .case-right img{ width:100%; height:100%; border-radius:0 1.95vw 1.95vw 0; }
  


}

@media (max-width:768px){

  .modal-wrap .modal-inner{ width:calc(100% - 13.89vw); height:calc(100% - 16.11vw); z-index:210; display:none; flex-direction:column; justify-content: flex-start; align-items: center;}
  .modal-wrap .modal-inner.current{ display:flex }
  .modal-wrap .modal-inner .modal-header{ width:100%; margin-bottom:7.50vw; position:relative}
  .modal-wrap .modal-inner .modal-header .btn-close{ position:absolute; top:4.17vw; right:4.17vw; width:4.17vw; height:4.17vw; background-size:cover}
  .modal-wrap .modal-inner .modal-header h2{ margin:11.94vw 0 3.33vw 0; text-align: center;}
  .modal-wrap .modal-inner .modal-header h3{ text-align: center; margin-bottom:0}
  .modal-wrap .modal-inner .inner{ width:calc( 100% - 20.00vw); height:calc(100% - 48.61vw); margin:0 auto; overflow-y:auto; padding:0 0}
  .modal-wrap .modal-inner .inner .case-ul{ width:100%; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
  .modal-wrap .modal-inner .inner .case-ul li{ width:66.11vw; height:37.78vw; margin:0 0 3.33vw 0; }
  .modal-wrap .modal-inner .inner .case-ul li .case-arrow{ width:6.11vw; height:6.11vw; border-radius: 3.5vw; background-size:1.25vw auto}
  .modal-wrap .modal-inner .inner .case-ul li .case-left{ border-radius: 3.47vw 0 0 3.47vw; }
  .modal-wrap .modal-inner .inner .case-ul li .case-left img{ width:100%; height:100%; border-radius: 3.47vw 0 0 3.47vw; }
  .modal-wrap .modal-inner .inner .case-ul li .case-right{border-radius:0 3.47vw 3.47vw 0; }
  .modal-wrap .modal-inner .inner .case-ul li .case-right img{ width:100%; height:100%; border-radius:0 3.47vw 3.47vw 0; }
  .modal-wrap .modal-inner .inner .case-ul li:nth-child(2n){ margin-right:0}
  

}




/**************************************************************************************************************************************************************/

/* 게시판 */

/**************************************************************************************************************************************************************/

#page09_06 .sub-center{ display:flex; justify-content: space-between; align-items: center;}
#page09_06 .kakao01{ background: var(--yellow-ffe) }
#page09_06 .kakao01 .left{ margin-left:80px;}
#page09_06 .kakao01 .left h4{ font-size:var(--font-size-18); color:var(--gray-474); margin-bottom:4px;}
#page09_06 .kakao01 .left h2{ font-size:var(--font-size-35); font-weight:var(--weight-light); color:var(--black); margin-bottom:25px;}
#page09_06 .kakao01 .left h2 strong{ font-weight:var(--weight-bold); }
#page09_06 .kakao01 .left h2:before{content:""; width:37px; height:34px; background:url("/theme/basic/img/sub/sub03/ic-kakao.svg") no-repeat center; background-size:cover; margin-right:7px; display:inline-flex; vertical-align: -6px;}
#page09_06 .kakao01 .left h3{font-size:var(--font-size-25); color:var(--red-481); margin-bottom:25px;}
#page09_06 .kakao01 .left p{ font-size:var(--font-size-18); font-weight:var(--weight-semibold); line-height:28px; margin-bottom:24px}
#page09_06 .kakao01 .left a{ width:205px; height:38px; border-radius: 19px; background:var(--red-481); color:var(--white); font-size:var(--font-size-16); font-weight:var(--weight-regular); display:flex; justify-content: center; align-items: center;}
#page09_06 .kakao01 .left a i{ width:14px; height:14px; background:url("/theme/basic/img/sub/sub03/ic-btn-plus.svg") no-repeat center; background-size:cover; margin-left:8px;font-size:0}

#page09_06 .kakao01 .img{ height:100%;}

#page09_06 .kakao02{ background: var(--brown-392) }
#page09_06 .kakao02 .sub-center{ align-items: flex-start;}
#page09_06 .kakao02 .right{ margin-right:133px; width:416px; height:438px; border-radius: 0 0 25px 25px; background:var(--brown-432); padding:0 0 91px 73px; display:flex; flex-direction:column; justify-content: flex-end; align-items: flex-start;}
#page09_06 .kakao02 .right *.mg{margin-left:18px;}
#page09_06 .kakao02 .right h4{ font-size:var(--font-size-18); color:var(--yellow-ffe); margin-bottom:4px;}
#page09_06 .kakao02 .right h2{ font-size:var(--font-size-35); font-weight:var(--weight-light); color:var(--yellow-ffe); margin-bottom:10px;}
#page09_06 .kakao02 .right h2 strong{ font-weight:var(--weight-bold); }
#page09_06 .kakao02 .right h2:before{content:""; width:37px; height:34px; background:url("/theme/basic/img/sub/sub03/ic-kakao.svg") no-repeat center; background-size:cover; margin-right:7px; display:inline-flex; vertical-align: -6px;}
#page09_06 .kakao02 .right p{ font-size:var(--font-size-18); font-weight:var(--weight-semibold); line-height:28px; color:var(--white);margin-bottom:24px}
#page09_06 .kakao02 .right a{ width:205px; height:38px; border-radius: 19px; background:var(--red-481); color:var(--white); font-size:var(--font-size-16); font-weight:var(--weight-regular); display:flex; justify-content: center; align-items: center;}
#page09_06 .kakao02 .right a i{ width:14px; height:14px; background:url("/theme/basic/img/sub/sub03/ic-btn-plus.svg") no-repeat center; background-size:cover; margin-left:8px;font-size:0}
#page09_06 .kakao02 .img{ width:684px; margin:39px 0 0 0 }

@media (max-width:1280px){



  #page09_06 .kakao01 .left{ margin-left:6.25vw;}
  #page09_06 .kakao01 .left h4{ margin-bottom:0.31vw;}
  #page09_06 .kakao01 .left h2{ margin-bottom:1.95vw;}
  #page09_06 .kakao01 .left h2:before{width:2.89vw; height:2.66vw; background-size:cover; margin-right:0.55vw; vertical-align: -0.47vw;}
  #page09_06 .kakao01 .left h3{ margin-bottom:1.95vw;}
  #page09_06 .kakao01 .left p{ line-height:1.5; margin-bottom:1.88vw}
  #page09_06 .kakao01 .left a{ width:16.02vw; height:2.97vw; border-radius: 1.48vw; }
  #page09_06 .kakao01 .left a i{ width:1.09vw; height:1.09vw; margin-left:0.63vw}
  
  #page09_06 .kakao02 .right{ margin-right:10.39vw; width:32.50vw; height:34.22vw; border-radius: 0 0 1.95vw 1.95vw; padding:0 0 7.11vw 5.70vw; }
  #page09_06 .kakao02 .right *.mg{margin-left:1.41vw;}
  #page09_06 .kakao02 .right h4{ margin-bottom:0.31vw;}
  #page09_06 .kakao02 .right h2{ margin-bottom:0.78vw;}
  #page09_06 .kakao02 .right h2:before{width:2.89vw; height:2.66vw; margin-right:0.55vw; vertical-align: -0.47vw;}
  #page09_06 .kakao02 .right p{ line-height:1.5; margin-bottom:1.88vw}
  #page09_06 .kakao02 .right a{ width:16.02vw; height:2.97vw; border-radius: 1.48vw; }
  #page09_06 .kakao02 .right a i{ width:1.09vw; height:1.09vw; margin-left:0.63vw}
  #page09_06 .kakao02 .img{ width:53.44vw; margin:3.05vw 0 0 0 }


}

@media (max-width:768px){

  #page09_06 .sub-center{ flex-direction:column; justify-content: flex-start; align-items: center; padding:0}
  #page09_06 .kakao01 .left{ margin-left:0; margin-top:12.78vw}
  #page09_06 .kakao01 .left * { text-align: center;}
  #page09_06 .kakao01 .left h4{ margin:0 auto 0.56vw auto; font-weight:var(--weight-regular)}
  #page09_06 .kakao01 .left h2{ margin-bottom:3.47vw;}
  #page09_06 .kakao01 .left h2:before{content:""; width:5.14vw; height:4.72vw; background:url("/theme/basic/img/sub/sub03/ic-kakao.svg") no-repeat center; background-size:cover; margin-right:0.97vw; display:inline-flex; vertical-align: -6px;}
  #page09_06 .kakao01 .left h3{ margin-bottom:3.47vw;}
  #page09_06 .kakao01 .left p{ line-height:3.89vw; margin-bottom:3.33vw; font-size:var(--gray-222)}
  #page09_06 .kakao01 .left a{ width:42.08vw; height:6.94vw; border-radius: 3.5vw; margin:0 auto; font-size:var(--font-size-22)}
  #page09_06 .kakao01 .left a i{ width:3.06vw; height:3.06vw; background:url("/theme/basic/img/sub/sub03/ic-btn-plus.svg") no-repeat center; background-size:cover; margin-left:2.50vw}
  #page09_06 .kakao01 .img{ width:100%; margin-top:5.14vw}
  #page09_06 .kakao01 .img img{ width:100%}
  
  #page09_06 .kakao02 .sub-center{flex-direction:column-reverse; padding:0; align-items: center;}
  #page09_06 .kakao02 .right{ margin-right:0; width:57.78vw; height:60.83vw; border-radius: 0 0 3.47vw 3.47vw; padding:0 7.78vw 10.00vw 7.78vw; justify-content: flex-end; align-items: center}
  #page09_06 .kakao02 .right *.mg{margin-left:0;}
  #page09_06 .kakao02 .right h4{ margin-bottom:1.94vw; font-weight:var(--weight-regular)}
  #page09_06 .kakao02 .right h2{ margin-bottom:1.94vw}
  #page09_06 .kakao02 .right h2:before{content:""; width:5.14vw; height:4.72vw; background:url("/theme/basic/img/sub/sub03/ic-kakao.svg") no-repeat center; background-size:cover; margin-right:0.97vw;}
  #page09_06 .kakao02 .right p{line-height:3.89vw; margin-bottom:3.33vw; text-align: center; font-size:var(--font-size-22)}

  #page09_06 .kakao02 .right a{ width:42.08vw; height:6.94vw; border-radius: 3.5vw; margin:0 auto; font-size:var(--font-size-22)}
  #page09_06 .kakao02 .right a i{ width:3.06vw; height:3.06vw; background:url("/theme/basic/img/sub/sub03/ic-btn-plus.svg") no-repeat center; background-size:cover; margin-left:2.50vw}

  #page09_06 .kakao02 .img{ width:100%; margin:3.89vw 0 0 0 }
  #page09_06 .kakao02 .img img{ width:100%}

}