@charset "UTF-8";

header > .header div.top_call span {color:#fff}
header h1 i {color:#fff;margin-top: 0;}

.quick_menu {/* display: none; */-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.quick_menu.f_nav {display: block;}

.con_wrap > section {padding: 150px 0;}
.con_wrap > section .inwrap {max-width: 1400px; margin: 0 auto;}
#main .title h5 {font-weight: 400;}
.video_visual {overflow: hidden;max-height: 950px;padding-top: 0;height: 100%;position: relative;}
.video_visual > ul.quick{position: absolute;z-index: 2;bottom: 50px;right: 50px;}
.video_visual > ul.quick li{}
.video_visual > ul.quick li a {color: #fff;border: 1px solid #fff;border-radius: 100px;padding: 5px 20px;display: block;margin-top: 10px;text-align: center;}
.video_visual .text {position: absolute;z-index: 2;color: #fff;bottom: 50px;left: 50px;}
.video_visual .text h6{color:#fff}
.video_visual .text p{margin:0}
.video_visual .no_hover { position: absolute; background: #fff; left: 0; right: 0; top: 0; bottom:0; z-index: 1; opacity: 0;}


/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {

  .con_wrap > section{padding: 50px 15px;}
  .video_visual {margin-top: 58px;/* height: 450px; */padding-top: 0;max-height: 100000px;}
  .quick_menu {display:block}
  .video_visual > ul.quick {bottom: 15px;right: 15px;}
  .video_visual > ul.quick li a{padding: 0px 10px;margin-top: 5px;}
  .video_visual .text{left:15px; bottom:15px;}

}

/* main_visual */
.main_visual {overflow: hidden;/* padding-top: 85px; */position: relative;z-index: 15;}
.main_visual .item {height: 911px;background-position: top center;}
.main_visual .text{position: absolute;width: 50%;left: 50%;margin-top: 290px;/* text-align: center; */right: 0;z-index: 1;}
/* .main_visual .img {left:50%;bottom: -60px;position: absolute;right: 0;margin-left: -190px;width: 963px;} */
.main_visual .owl-item img {width: auto;}
.main_visual .text > h6 {color: #fff;display: inline-block;font-size: .7em;letter-spacing: 1em;font-weight: 100;}
.main_visual .text p, .main_visual .text a, .main_visual .text h6, .main_visual .text h2 , .main_visual .text h5 {color:#fff;}
.main_visual .text h3{color: #3b3b3b;font-size: 3em;font-weight: 400;line-height: 1.3;margin-bottom: 30px;animation-delay: .3s;margin-top: 30px;font-family: 'S-CoreDream';letter-spacing: -.04em;color: #fff;}
.main_visual .text ul > li{display:inline-block; border:1px solid #fff;margin-right: 10px;padding: 20px 10px;text-align: center;width: 113px;}
.main_visual .text ul > li > h6 {color:#fff;font-weight: 400;}
.main_visual  .text > p {animation-delay: 1.2s;/* color: #444; */font-size: 1.5em;/* margin-top: 40px; */}
.main_visual .active .text h2, 
.main_visual .active .text p, 
.main_visual .active .text h5,
.main_visual .active .text > h6,
.main_visual .active .text h3,
.main_visual .active .text a, 
.main_visual .active li{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.main_visual .active img, .main_visual .active .imageWrap h4{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.main_visual .active .text h3{animation-delay: .3s;}
.main_visual .active .text h5{animation-delay: .6s;}
.main_visual .active li:nth-child(1) {animation-delay: .6s;}
.main_visual .active li:nth-child(2) {animation-delay: .8s;}
.main_visual .active li:nth-child(3) {animation-delay: 1s;}
.main_visual .active li:nth-child(4) {animation-delay: 1.2s;}

.main_visual .item .img {overflow: hidden;width: 100%;height: 100%;position: absolute;z-index: 0;}
.main_visual .item .img > div {background-position: top center; background-size: cover;  transform: scale(1.2); -webkit-transition: all 5s;    -moz-transition: all 5s;    -ms-transition: all 5s;    -o-transition: all 5s;    transition: all 5s; position: absolute; left: 0 ; right: 0; top:0; bottom:0;}
.main_visual .active .item .img > div{transform: scale(1);z-index:10;}

.main_visual .owl-carousel .owl-dots {position: absolute;bottom: 80px;text-align: center;left: 0;right: 0;}
.main_visual .owl-carousel .owl-dot {width: 30px;height: 5px;/* border-radius:10px; */background: #fff;display:  inline-block;margin: 0 5px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: .5;}
.main_visual .owl-carousel .owl-dot.active {width: 80px;opacity: 1;}
.main_visual .right .owl-carousel .owl-dots {text-align: left;left: 100px;}
.main_visual .owl-carousel .owl-nav {position: absolute;top: 50%;margin-top: -35px;width:  100%;z-index: 20;}
.main_visual .owl-carousel .owl-nav button.owl-next, .main_visual .owl-carousel .owl-nav button.owl-prev{ width: auto; height: auto; background: none;}
.main_visual .owl-carousel .owl-nav button.owl-next::before,  .main_visual .owl-carousel .owl-nav button.owl-prev::before {content: "\E82A";font-family: 'icon_font';font-size: 50px;color: #fff;}
.main_visual .owl-carousel .owl-nav button > span {display: none;}
.main_visual .owl-carousel .owl-nav button.owl-next::before{content: "\E82E";}
.main_visual .owl-carousel .owl-nav button.owl-prev{left: 120px;position: absolute;/* margin-left: -700px; */}
.main_visual .owl-carousel .owl-nav button.owl-next{position: absolute;right: 150px;/* margin-right: -700px; */}
.main_visual .three .text {left: 50%;right: auto;margin-left: -600px;text-align: left;}

.main_visual .visual_2 .text ul{display: inline-flex;flex-direction: column;gap: 20px;}
.main_visual .visual_2 .text ul > li{width:auto;padding: 20px 95px;margin: 0;}

.main_visual .visual_3 .text .imageWrap {position:absolute;transform: translate(-120%,-15%);text-align: center;}
.main_visual .visual_3 .text .imageWrap h4 {color: #fff;margin-top: -10px;text-align: right;}
.main_visual .visual_3 .text .imageWrap h4 span {display: block;font-size: .7em;font-weight: 400;}
.main_visual .visual_3 .text h3 {border-bottom:1px solid #ccc;display: inline-block;padding-bottom: 30px;margin-bottom: 40px;}
.main_visual .visual_3 .text h5{margin-bottom: 1em;}
.main_visual .visual_3 .text ul > li {width: 177px;}

.main_visual {
  .visual_4 {
    .text{
      width: 100% !important;
      left: auto;
      text-align: center;
      margin-top: 150px;
      img{
        width: 1000px;
        margin: 0 auto;
      }
      h2{
        margin-top: -300px;
        font-size: 4.5em;
        animation-delay: .3s;
      }
      h3{
        font-weight: 800;
        letter-spacing: 0;
        color: var(--color_subtit);
        margin-top: 0;
        font-size: 3.5em;
        animation-delay: .6s;
      }
      h5{
        font-size: 2em;
        font-family: 'Chosunilbo_myungjo';
        letter-spacing: 0;
        animation-delay: .9s;
      }
      p{
        font-size: 1.7em;
        font-weight: 500;
      }
      a.roundBox{
        background: var(--color_pen);
        color: var(--color_main);
        font-size: 2em;
        padding: .0em 2em .2em 2em;
        border-radius: 100px;
        font-weight: 600;
        display: inline-block;
        margin-top: .2em;
        margin-bottom: 70px;
        animation-delay: 1.5s;
      }
      div.box{
        background: var(--color_dark);
        padding: 1em;
        background: rgba(0, 0, 0, .75);
        max-width: 730px;
        margin: 0 auto;
        border-radius: 1em;
        animation-delay: 1.8s;
        
        
        h6{
          font-weight:300;
          em{
            color: var(--color_yellow);
          }
        }
      }
    }
    
  }
  .active{
    .visual_4 {
      .text{
        
         img{
          -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp;
         animation-name: fadeInUp;
        }
         a.roundBox{
        -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp;
         animation-name: fadeInUp;
        }
         div.box{
          -webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
         -webkit-animation-name: fadeInUp;
         animation-name: fadeInUp;
        }
      }
      .img {
       > div{
         background-position: center;
        }
        
      }
    }
    }
}



/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .quick_menu{display: block;}
  .main_visual {margin-top: 58px;padding-top: 0;}
  .main_visual .item {height: 500px;background-size: cover;overflow: hidden;}
  .main_visual .item .img > div {background-position: 37%;}
  .main_visual .img {width: 100%;margin:0;}
  .main_visual .owl-item img{}
  .main_visual .text{top: 116px;margin-top: 0;text-align: right;width: 220px !important;right: 20px;left: auto;}
  .main_visual .text h6 span{letter-spacing: 1px;}
  .main_visual .text h3{font-size: 16px;line-height: 1.4;margin-top: 10px;margin-bottom: 10px;}
  .main_visual .text h2{font-size: 37px;line-height: 1.2;}
  .main_visual .active .text .line{display:none}

  .main_visual .owl-carousel .owl-dots{left: 0;margin: 0;bottom: 30px;width: 100%;}
  .main_visual .owl-carousel .owl-nav {display:none;}

  .main_visual .text ul > li{width: 78px; padding:10px;margin-top: 10px;margin: 5px 0 5px 5px;}
  .main_visual .item.visual_2 .img > div{background-position: 13% 0;}
  .main_visual .visual_2 .text{width: auto !important;text-align: center;left: 20px;top: 20px;}
  .main_visual .visual_2 .text ul{margin-top: 250px;gap: 10px;}
  .main_visual .visual_2 .text ul > li{padding: 10px 20px;}
  .main_visual .visual_3 .text{top: 30px;width: auto !important;left: 20px;text-align: center;}
  .main_visual .visual_3 .text .imageWrap{position: absolute;left: 50%;transform: translate(-53%, 120%);width: 200px;}
  .main_visual .visual_3 .text h3{display: block;padding-bottom: 15px;margin-bottom: 15px;}
  .main_visual .visual_3 .text .imageWrap h4{margin-top: 5px;}
  .main_visual .visual_3 .text ul > li{width: 60px;}

.main_visual {
  .visual_4 {
    .text{
      right:0;
      top: 30px;
      margin: 0;
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
   img{
     width:350px;
   }
   h2{
     margin-top: -24vw;
     font-size: 2.5em;
   }
   h3{
     font-size: 1.8em;
   }
   h5{
     font-size: 1.2em;
     margin-top: 1em;
   }
   p{
  font-size: 1.1em;
}
   a.roundBox{}
   div.box{
       
        h6{
          
          em{}
        }
      }
  
   }
    
  }
  .active{
    .visual_4 {
      .text{
        
         img{

        }
         a.roundBox{
          font-size: 1em;
          padding: .5em 2em;
          margin-top: .5em;
          margin-bottom: 20px;
        }
         div.box{/* background: rgba(36, 43, 85, .9); *//* background: rgba(0, 0, 0, .75); */max-width: 275px;}
      }
      .img {
       > div{

        }
        
      }
    }
    }
}


  
}

.main_news { display: none;}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .main_news {display:block;background: #eee;padding: 10px 0 ;font-size: 18px;left: 0;letter-spacing: 1px;}
  .main_news li {display: inline-block;white-space: nowrap;padding: 0 10px;}
}
/* main_title */
.main_title{margin-bottom: 50px;}
.main_title img {max-width: 150px;  margin-bottom: 20px;}
.main_title span.line {content: '';width: 1px;height: 130px;background: #888;position: absolute;margin-top: -150px;}

.main_title i {font-size: 10em;line-height: 1em;display: block;color: #d0d0d0;opacity: .2;}
.main_title h6.en {margin: 1em 0 3em;font-weight: 200;text-transform: uppercase;font-size: 14px;letter-spacing: .6em;}
.main_title h3 {font-weight:200;color: #444;font-size: 35px;}
.main_title h3 span {font-weight: 500;color: #2b3469;}
.main_title h5 {font-weight: 500;margin-top: 1em;font-family: 'Chosunilbo_myungjo';color: #444;}
.main_title h6 {font-weight: 400;font-family: 'Chosunilbo_myungjo';letter-spacing: 1px;}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
.main_title {margin-bottom:30px}
  .main_title img{
    width: 60px;
    margin-bottom: 0;
}
.main_title h3{font-size: 19px;letter-spacing: -1px;}
.main_title i{font-size: 7em;}
.main_title h6.en{font-size: 10px;letter-spacing: 5px;}
.main_title span.line{height: 30px;margin-top: -50px;}

}

/* main_doctor */
.con_wrap > .main_doctor {padding: 50px 0 0;}
.main_doctor ul {/* margin-top:100px */}
.main_doctor ul li {/* position:relative; */height: 35rem;width: 100%;background-image: url(../main/images/doctor_01.jpg);}
.main_doctor ul li h4 {position:absolute;color:#fff;left: 30%;right: 0;/* padding: 0 10%; */top: 30%;z-index: 1;}
.main_doctor ul li h4 span {font-size:.7em; font-weight:300; display:block; }
.main_doctor ul li:first-child h4{text-align: right;}
.main_doctor ul li:last-child h4 {text-align: left; }


/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
  .con_wrap > .main_doctor{padding-top:25px}
  .main_doctor ul li{height: 14em;}
  .main_doctor ul li h4{top:auto;bottom: 10%;}


}

/* review_board */

.review_board {text-align: center; max-width: 1400px; margin:0 auto;}
.review_board .owl-carousel li {}
.review_board .owl-carousel li h5 {margin: 1em 10px .5em;font-size:1.2em;text-align: left; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.review_board .owl-carousel li p {text-align: justify;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;margin: 0 10px;font-weight: 400;line-height: 1.6;}
.review_board .owl-carousel .owl-nav {position: absolute;top: 15%;width:  100%;font-size: 4em;color: #e1e1e1;left: 0;right: 0;}
.review_board .owl-carousel .owl-nav span {position:absolute;background: none;display: none;}
.review_board .owl-carousel .owl-nav .owl-prev {left: -70px;position: absolute;}
.review_board .owl-carousel .owl-nav .owl-next {position: absolute;right: -70px;}
.review_board .owl-carousel .owl-nav .owl-prev:before{content:'\E82A';font-family:'icon_font';}
.review_board .owl-carousel .owl-nav .owl-next:after{content:'\E82E';font-family:'icon_font';}



/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {



}
/* main_digital */
.con_wrap > section.main_digital {position:relative;padding-bottom: 0;background: #efefef;}
/* .main_digital:after {content:'';display: block;position: absolute;background: #efefef;left: 0;right: 0;bottom: 0;z-index: -1;top: 480px;} */
.main_digital .owl-carousel{margin-top: 80px;}
.main_digital .owl-carousel .owl-item img {width: 50%;}
.main_digital .item{background: #393a40;position: relative;}
.main_digital .tit {/* padding: 113px 0; */float: right;position: absolute;right: 0;width: 50%;top: 50%;margin-top: -103px;}
.main_digital .tit h3 {color:#fff;line-height:1.2;font-weight: 400;font-size: 36px;}
.main_digital .tit h6 {color:#fff;font-weight: 300;margin-top: 20px;font-size: 18px;}
.main_digital .tit h6:before {content:'';width:1px;height: 40px;background:#fff;display: block;margin: 20px auto;}
.main_digital .owl-dots {position:absolute;top: 10%;width: 50%;border-left: 1px solid #2d2928;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;/* max-width: 700px; */right: 0;}
.main_digital .owl-dot{background: #fff;display: inline-block;min-width: 170px;}
.main_digital .owl-dot a{display:block;border: 1px solid #2d2928;padding: 10px;font-size: 16px;font-family: 'S-CoreDream';border-left:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.main_digital .owl-dot.active a {/* border-bottom: 5px solid #b4a58f; *//* padding-bottom: 6px; */background: #626eb7;color: #fff;}
.main_digital .owl-nav {font-size: 1.5em;position: absolute;right: 0;bottom: 10%;width: 50%;color: #fff;}
.main_digital .owl-carousel .owl-nav button{/* border:1px solid #444; *//* width:50px; *//* height:50px; */margin: 0 10px;/* background: #efefef; */}
.main_digital .owl-carousel .owl-nav button span {display:none;}
.main_digital .owl-carousel .owl-nav .owl-prev:before{content:'\E82A';font-family:'icon_font';  }
.main_digital .owl-carousel .owl-nav .owl-next:after{content:'\E82E';font-family:'icon_font';}

/* 타블렛 (해상도 1200px 이하) */
@media (max-width: 1200px) {

}
/* 모바일 (해상도 767px 이하) */
@media (max-width: 767px) {
.main_digital .owl-carousel {margin-top:0}
.main_digital .owl-carousel .owl-item img {width: 100%;}
.main_digital .owl-dots{width:100%;position: relative;}
.main_digital .owl-dot{min-width:auto; width:33.3333%;}
 .main_digital .owl-dot a{padding: 5px 0;font-size: 14px;letter-spacing: -2px;}
  .main_digital .tit{width:100%;position: relative;margin-top: 0;}
  .main_digital .tit h3{font-size: 20px;margin-top: 20px;}
  .main_digital .tit h6{font-size: 12px;margin-top: 0;margin-bottom: 20px;}
  .main_digital .tit h6:before{
    height: 20px;
    margin: 10px auto;
    width: 50px;
    height: 1px;
}
  .main_digital .owl-nav{display:none;}
}


/* course */
.main_course .main_title h4{/* color:#fff */}
.main_course .main_title h3 span {/* color:#fff; */}
.main_course .main_title h5 {/* color:#fff */}
.main_course {/* background:url(../main/images/course_visual.jpg); *//* background-size: cover; */background: #fcfcfc;}
.main_course ul.four {overflow: hidden;margin-left: -15px;margin-top: 60px;z-index: 1;position: relative;}
.main_course ul li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;}
.main_course ul li div {display: block;background: #222;position: relative;/* width: 343px; *//* height: 444px; */overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.95);}

.main_course ul li div img {opacity: 1;display: block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.main_course ul li:hover img {opacity: .3;         cursor:pointer;
            -webkit-transform:scale(1.1);
            -moz-transform:scale(1.1);
            -o-transform:scale(1.1);
            transform:scale(1.1);
            transition: transform .35s;
            -o-transition: transform .35s;
            -moz-transition: transform .35s;
            -webkit-transition: transform .35s;}
.main_course ul li a {position: absolute;right: 0;left:0;z-index: 1;color: #fff;text-align: center;bottom: 0;top: 0;-webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}



.main_course ul li a h4{font-weight:300; color:#fff;margin-top: 353px;line-height: 1.2;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;/* text-shadow: 1px 2px 2px rgb(0 0 0 / 80%), 0px -2px 10px rgb(0 0 0 / 80%); */font-size: 22px;}
.main_course ul li a h4 span {font-weight: 300;}
.main_course ul li a h4:before {content:'';font-weight: 100;font-size: 2em;display: block;/* margin-bottom: 30px; */-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background: rgba(64, 58, 57, 0.8);left: 0;right: 0;height: 100px;position: absolute;z-index: -1;bottom: 0;/* margin-top: -50px; *//* border-radius: 20px; */}
.main_course ul li p {opacity: 0;line-height:1.4;  -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
.main_course ul li:hover p {opacity:1}
.main_course ul li p:before {content:'';display:block;background: #b1b1b1;width: 50px;height: 1px;margin: 20px auto 25px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.main_course ul li:hover a{top:20px;bottom:20px;left:20px;right:20px; border: 1px solid #eee; }
.main_course ul li a{top:0; bottom:0; left:0; right:0;  border:0}
.main_course ul li:hover a h4{margin-top:90px}
.main_course ul li:hover a h4:before {opacity: 0;}
.main_course ul li:hover p:before {-webkit-transform: rotate(90deg);transform: rotate(90deg); margin: 50px auto 55px;}


  /* 타블렛 (해상도 1200px 이하) */
  @media (max-width: 1200px) {

  }
  /* 모바일 (해상도 767px 이하) */
  @media (max-width: 767px) {
  .main_course ul.four{margin-left: -10px;margin-top: -10px;}
  .main_course ul.four li{width: 50% !important;padding-left: 10px;margin-top: 10px;}
  .main_course ul li a h4{font-size: 16px;margin-top: 0;bottom: 0px;position: absolute;right: 0;left: 0;padding-bottom: 10px;}
  .main_course ul li a h4:before{height: 60px;}
  .main_course ul li:hover a{top:10px; bottom:10px; left:10px; right:10px;}
  .main_course ul li:hover a h4{margin-top: 50%;bottom: auto;}
  .main_course ul li p{margin-top: 50%;display: none;}
  .main_course ul li:hover p:before{height: 40px;width: 1px;margin: 0 auto;}
  }


.main_mac{
  img.logo{
    max-width:300px;
  }
  ul.mac{
    display:flex;
    justify-content: center;
    margin-top: 5em;
    
    li{
      display: flex;
      align-items: center;
      gap: 10px;
      flex-direction: column;
      flex: 1;
      border-left: 1px solid var(--line);
      &:first-child{
        border:0;
      }
      > span{
        font-size:4em;
        background: var(--color_main);
        color: var(--fff);
        width: 1.2em;
        line-height: 1.1em;
        border-radius: 100px;
        font-weight: 800;
        height: 1.2em;
      }
      h5{
        font-size: 1.2em;
        span{
          color: var(--color_sub);
          font-weight: 800;
        }
        }
      h4{
        font-size: 2em;
        span{
          color: var(--color_sub);
        }
        }
    }
  }
  ul.point{
    margin: 4em auto 0;
    display:flex;
    flex-direction: column;
    align-items: center;
    /* background: var(--color_main); */
    padding: 2em 0;
    border-radius: 20px;
    max-width: 700px;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    &:after{
      display:none;
    }
    
    li{
      font-size: 1.3em;
      display: flex;
      align-items: center;
      /* color: var(--fff); */
      border-top: 1px solid var(--line);
      padding: .5em;
      width: 100%;
      
      span{
        font-weight: 600;
        font-size: 1.5em;
        margin-right: 10px;
        color: var(--color_main);
      }
      em{font-size: 1.5em;font-weight: 600;color: var(--color_sub);}
      &:last-child{
        border-bottom:1px solid var(--line);
      }
    }
  }
      .box{
      background: var(--color_main);
      padding: 3em 2em;
      border-radius: 20px;
      max-width: 1180px;
      margin: 1em auto 0;

      h5{
        color:var(--fff);
        font-weight: 400;
        line-height: 1.6em;
        em{
          color: var(--color_yellow);
        }
      }
      
      h6{
        color:var(--color_pen);
        font-weight: 400;
        line-height: 1.6em;
        
        
        &::before{
          content:'';
          display: block;
          background: var(--fff);
          width: 50px;
          height: 1px;
          margin: 1.5em auto;
        }
      }
    }
}

@media screen and (max-width:  767px) {
.main_mac{
    img.logo{
      max-width:180px;
    }
    ul.mac{
      margin-top: 3em;
      display: flex;
      flex-direction: column;
      align-items: center;
      
      li{
        display: flex;
        flex-direction: row;
        border-top: 1px solid var(--line);
        border-left: 0;
        padding: 1em 0;
        width: 300px;
        
        > span{
          font-size: 3em;
        }
        div{
          text-align:left;
          h5{
            font-size: 1em;
            line-height: 1;
          }
          h4{
            
          }
        }
      }
    }
    ul.point{
      margin-top: 0em;
      margin-bottom: 2em;
      
      li{
        display: block;
        border-top: 1px solid var(--line);
        width: calc( 100% - 2em);
        padding: 1em 0;
        
        &:first-child{
          /* border-top:0; */
        }
        
        span{
          display: block;
          font-size: 1.3em;
          margin: 0;
        }
        em{
          font-size: 1.3em;
        }
      }
    
  }
  .box{
      padding: 2em 1em;
      border-radius: 10px;
    }
}
}