@charset "utf-8";
.ravena{min-width:320px;overflow:hidden;}
.ravena *{word-break: keep-all;}
.ravena .center{width:100%;max-width:1600px;margin:0 auto;padding:0 16px;}
.ravena .round_img{border-radius:16px;}

/* ================= btn style ================= */
.ravena .btn_gr{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:16px;}
.ravena .btn{padding:10px 28px;color:#2970d1;border-radius:16px;background:rgb(232, 232, 232);}
.ravena .btn.has_arrow{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:20px;}
.ravena .btn.has_arrow .btn_icon{position:relative;overflow:hidden;}
.ravena .btn.has_arrow .btn_icon .btn_icon_default{transition:0.3s;}
.ravena .btn.has_arrow .btn_icon .btn_icon_hover{position:absolute;bottom:0;left:-300%;transition:0.3s;opacity:0;}
.ravena .btn.has_arrow:hover .btn_icon .btn_icon_default{opacity:0;}
.ravena .btn.has_arrow:hover .btn_icon .btn_icon_hover{left:0;opacity:1;}

.ravena .btn:hover{color:#fff;background:#2970d1;}
.ravena .btn_wr{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:60px;}
.ravena .btn_line{padding:16px 48px;font-size:18px;color:#fff;background:rgba(0,0,0,0.2);border:1px solid #c5c5c5;border-radius:30px;transition:0.2s;}
.ravena .btn_line:hover{background:rgba(0,0,0,0.5);border:1px solid #fff;}

@media all and (max-width:540px){
  .ravena .btn.has_arrow{padding:10px 18px;}
}


/* ================= header ================= */
.ravena header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index: 10;width:100%;height:80px;padding:0 30px;border-bottom:1px solid #ccc;
-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background-color:#f5f5f580;}
.ravena header > div{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:24px;}
.ravena header .logo{width:200px;}
.ravena .gnb{font-size:18px;}
.ravena .gnb .gnb_1ul{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:30px;}
.ravena .gnb .gnb_1ul > li{position:relative;padding:10px 0;}
.ravena .gnb .gnb_1ul > li > a{}
.ravena .gnb .gnb_2ul{flex-flow:column nowrap;justify-content:flex-start;gap:14px;position:absolute;top:99%;left:-10px;min-width:200px;padding:20px 10px 10px;font-size:16px;background:#fff;display:none;}
.ravena .gnb .gnb_1ul > li:hover > a{color:#1b54c6;}
.ravena .gnb .gnb_1ul > li:hover .gnb_2ul{display:flex;}
.ravena .gnb .gnb_1ul > li .gnb_2ul a:hover{color:#1b54c6;}
.ravena .gnb_btn{width:30px;}
.ravena .gnb_btn img{width:100%;}

@media all and (max-width:1660px){
  .ravena header .logo{width:160px;}
  .ravena .gnb{font-size:16px;}
}

@media all and (max-width:1024px){
  .ravena .gnb{display:none;}
}

@media all and (max-width:768px){
  .ravena header{padding:0 16px;}  
}

@media all and (max-width:540px){
  .ravena .gnb_btn{width:26px;}
  .ravena header .btn_gr{display:none;}
}


/* ================= visual ================= */
.ravena .visual{position:relative;background:#5c5650;overflow:hidden;}
.ravena .slidearea{position:relative;}
.ravena .parallax-slide {flex-shrink: 0;overflow: hidden;width: 100%;height: 100vh;position: relative;transition-property: transform;}
.ravena .parallax-slide img {display: block;width:100%;height:100vh;object-fit:cover;}
.ravena .swiper-button-prev.swipe02{width:40px;height:40px;opacity:0.8;background:url(../src/arrow_circle_left_white.png) no-repeat center;background-size:100%;}
.ravena .swiper-button-next.swipe02{width:40px;height:40px;opacity:0.8;background:url(../src/arrow_circle_right_white.png) no-repeat center;background-size:100%;}
.ravena .visual_txt{display:flex;flex-flow:column nowrap;justify-content: center;align-items: center;gap:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:calc(100% - 120px);font-size:18px;text-align:center;color:#fff;}
.ravena .visual_txt strong{font-size:60px;}
.ravena .visual_txt p{font-size:36px;}
.ravena .visual_txt .btn_wr{margin-top:16px;}

@media all and (max-width:1660px){
  .ravena .visual_txt{gap:14px;}
  .ravena .visual_txt strong{font-size:42px;}
  .ravena .visual_txt p{font-size:24px;}
  .ravena .btn_line{padding:14px 38px;font-size:16px;}
}

@media all and (max-width:1024px){
  .ravena .visual_txt strong{font-size:36px;}
  .ravena .visual_txt p{font-size:18px;}
  .ravena .visual_txt .btn_wr{gap:20px;margin-top:4px;}
  .ravena .btn_line{padding:14px 16px;}
}

@media all and (max-width:540px){
  .ravena .parallax-slide {height: 80vh;}
  .ravena .parallax-slide img {height:80vh;}
  .ravena .swiper-button-prev.swipe02{display:none;}
  .ravena .swiper-button-next.swipe02{display:none;}
  .ravena .visual_txt{top:55%;}
  .ravena .visual_txt strong{font-size:30px;}
  .ravena .visual_txt p{font-size:16px;}
  .ravena .visual_txt .btn_wr{flex-direction:column;gap:8px;width:70%;}
  .ravena .btn_line{width:100%;padding:12px 0;}
}





/* ================= section ================= */
.ravena .section{display:flex;flex-flow:column nowrap;}
.ravena .section > div{padding:120px 16px;}

@media all and (max-width:1024px){
  .ravena .section > div{padding:60px 16px;}
}

@media all and (max-width:540px){
  .ravena .section > div{padding:40px 16px;}
}


/* ================= section title ================= */
.ravena .sec_tit{display:flex;flex-flow:column nowrap;align-items: center;gap:40px;text-align:center;}
.ravena .sec_tit .sec_tit_big{font-size:40px;}
.ravena .sec_tit .sec_tit_sm{font-size:18px;font-weight:400;color:#7f7f7f;}

@media all and (max-width:1660px){
  .ravena .sec_tit{gap:22px;}
  .ravena .sec_tit .sec_tit_big{font-size:32px;}
  .ravena .sec_tit .sec_tit_sm{font-size:15px;}
}

@media all and (max-width:1024px){
  .ravena .sec_tit{gap:18px;}
  .ravena .sec_tit .sec_tit_big{font-size:28px;}
}

@media all and (max-width:540px){
  .ravena .sec_tit{gap:14px;}
  .ravena .sec_tit .sec_tit_big{font-size:24px;}
}








/* ================= partner ================= */

.ravena .partner_wr{padding:100px 0;}
.marquee {width: 100%;padding:30px 0;overflow: hidden;position: relative;
  /* 양쪽 fade */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.marquee-track {display: flex;width: max-content;animation: marquee-scroll 35s linear infinite;}
.marquee2 .marquee-track {animation: marquee-scroll 45s linear infinite;}
.marquee-group {display: flex;align-items: center;gap: clamp(20px, 4vw, 48px);padding-right: clamp(20px, 4vw, 60px);}
.marquee2 .marquee-group {flex-direction: row-reverse;}
.logo-item {height: clamp(24px, 4vw, 36px);display: flex;align-items: center;}
.logo-item img {height: 100%;width: auto;object-fit: contain;flex-shrink: 0;opacity: 0.8;}

@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


.ravena .strength_wr{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;}
.ravena .strength_wr div{display:flex;flex-flow:column nowrap;gap:20px;width:30%;padding-top:30px;border-top:2px solid #000;}
.ravena .strength_wr span{font-size:32px;}
.ravena .strength_wr strong{font-size:60px;}
.ravena .strength_wr small{font-size:15px;color:#9a9a9a;}
.ravena .strength{display:flex;flex-flow:column nowrap;align-items:center;gap:100px;}
.ravena .strength .strength_wr div{padding-bottom:30px;border-bottom:2px solid #000;}


@media all and (max-width:1024px){
  .ravena .strength_wr div{gap:10px;}
  .ravena .strength_wr span{font-size:24px;}
  .ravena .strength_wr strong{font-size:48px;}
  .ravena .strength{gap:80px;}
}

@media all and (max-width:768px){
  .ravena .partner_wr{padding:30px 0;}
  .marquee {padding:16px 0;} 
  .ravena .strength_wr span{font-size:20px;}
  .ravena .strength{gap:60px;}
}


@media all and (max-width:540px){
  .ravena .strength_wr{flex-direction:column;gap:30px;}
  .ravena .strength_wr div{width:100%;}
  .ravena .strength{gap:30px;}
  .ravena .strength .strength_wr div{border-bottom:0;}
}






/* ================= comparison ================= */
.ravena .center{width:100%;}
.ravena .comparison{position:relative;}
.ravena .comparison .slidearea{margin-top:100px;}
.ravena .comparison .swiper-wrapper{padding-bottom:60px;}
.ravena .swipe03 .comparison_img_wr {display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:20px;}
.ravena .swipe03 .comparison_img {position:relative;flex:1;}
.ravena .swipe03 .comparison_img img{width:100%;}
.ravena .swipe03 .comparison_img span{position:absolute;bottom:20px;right:20px;font-size:30px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.ravena .swipe03 .comparison_title {position:absolute;top:0;left:0;padding:12px 42px;font-size:20px;color:#fff;background:rgba(0,0,0,0.6);border-radius:16px 0 0 0;}
.ravena .comparison_bottom{display:flex;flex-flow:row;justify-content:space-between;align-items:center;position:absolute;bottom:0;left:0;z-index:10;width:100%;padding:10px 0;}
.ravena .comparison .comparison_slider_btn{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:30px;background:#fff;}
.ravena .swiper-button-prev.swipe03{position:static;width:40px;height:40px;margin:0;background:url(../src/arrow_circle_left_bk.png) no-repeat center;background-size:100%;}
.ravena .swiper-button-next.swipe03{position:static;width:40px;height:40px;margin:0;background:url(../src/arrow_circle_right_bk.png) no-repeat center;background-size:100%;}

@media all and (max-width:768px){
  .ravena .swipe03 .comparison_title{padding:12px 28px;font-size:16px;}
}

@media all and (max-width:540px){
  .ravena .comparison .slidearea{margin-top:40px;}
  .ravena .swipe03 .comparison_img_wr{flex-direction:column;}
  .ravena .swipe03 .comparison_img span{font-size:18px;}
}




/* ================= banner ================= */
.ravena .banner{background:url(../src/banner_bg.jpg) no-repeat center;background-size:cover;}
.ravena .banner .sec_tit .sec_tit_big{color:#fff;}
.ravena .banner .bn_box_wr{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-top:80px;}
.ravena .banner .bn_box{width:30%;color:#fff;text-align:center;}
.ravena .banner .bn_box_inner{display:flex;flex-flow:column nowrap;align-items:center;gap:10px;margin-bottom:16px;padding:32px 0;font-size:18px;line-height:1.4;border:1px solid #fff;border-radius:16px;}
.ravena .banner .bn_box_tit{font-size:24px;}


@media all and (max-width:1660px){
  .ravena .banner .bn_box_wr{margin-top:40px;}
  .ravena .banner .bn_box{width:32%;}
  .ravena .banner .bn_box_inner{gap:6px;padding:28px 0;font-size:15px;}
  .ravena .banner .bn_box_tit{font-size:18px;}
}

@media all and (max-width:768px){
  .ravena .section > div.banner{padding:80px 16px;}
  .ravena .banner .bn_box_wr{flex-direction:column;gap:40px;}
  .ravena .banner .bn_box{width:90%;}
  .ravena .banner .bn_box_inner{gap:0;margin-bottom:6px;padding:12px 0;}
}


/* ================= service ================= */
.ravena .service .service_inner{display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:60px;margin-top:100px;}
.ravena .service .service_box{display:flex;flex-flow:row-reverse nowrap;justify-content:space-between;align-items:center;gap:60px;}
.ravena .service .service_box .service_img{width:50%;}
.ravena .service .service_txt{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:20px;padding-left:10%;}
.ravena .service .service_txt strong {font-size:40px;}
.ravena .service .service_txt .service_con {font-size:18px;color:#7f7f7f;}

@media all and (max-width:1660px){
  .ravena .service .service_txt{padding-left:5%;}
  .ravena .service .service_txt strong {font-size:34px;}
  .ravena .service .service_txt .service_con {font-size:15px;}
}

@media all and (max-width:768px){
  .ravena .section > div.service{padding:80px 16px;}
  .ravena .service .service_txt{gap:10px;}
  .ravena .service .service_txt strong {font-size:24px;}
}

@media all and (max-width:540px){
  .ravena .service .service_inner{gap:40px;margin-top:40px;}
  .ravena .service .service_box{flex-direction:column;align-items: flex-start;gap:20px;}
  .ravena .service .service_box .service_img{width:100%;}
  .ravena .service .service_txt{width:100%;padding-left:0;}
  .ravena .service .service_txt{gap:10px;}
  .ravena .service .service_txt strong {font-size:20px;}
  .ravena .service .service_txt .service_con {font-size:14px;}
  .ravena .service .service_txt .service_link {display:flex;flex-flow:row nowrap;justify-content: flex-end;width:100%;margin-top:10px;}
}


@media all and (max-width:340px){
  
}



/* ================= portfolio ================= */
.ravena .portfolio{display:flex;flex-flow:column nowrap;align-items: center;gap:100px;}
.ravena .portfolio_wr{display:flex;flex-flow:row nowrap;align-items: flex-start;gap:30px;}
.ravena .portfolio_box{display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:16px;flex:3;}
.ravena .portfolio_box img{aspect-ratio: 1200/653;object-fit: cover;}
.ravena .portfolio_box strong{font-size:24px;font-weight:500;}
.ravena .portfolio_box span{font-size:16px;color:#7f7f7f;}


@media all and (max-width:1660px){
  .ravena .portfolio{gap:60px;}
}

@media all and (max-width:768px){
  .ravena .portfolio{gap:40px;}
  .ravena .portfolio_wr{flex-direction:column;gap:60px;}
  .ravena .portfolio_box strong{font-size:20px;}
  .ravena .portfolio_box span{font-size:14px;}
}





/* ================= footer_banner ================= */
.ravena .footer_banner{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:600px;background:url(../src/footer_banner.jpg) no-repeat center center;background-size:cover;}
.ravena .footer_bn_inner{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:60px;}
.ravena .footer_bn_inner strong{font-size:40px;font-weight:500;color:#fff;}
.ravena .footer_bn_inner .footer_bn_line{width:1px;height:80px;background:#fff;}

@media all and (max-width:1024px){
  .ravena .footer_bn_inner{flex-direction:column;text-align:center;}
  .ravena .footer_bn_inner strong{font-size:26px;}
  .ravena .footer_bn_inner .footer_bn_line{width:60px;height:1px;}
}


@media all and (max-width:540px){
  .ravena .footer_bn_inner{gap:30px;}
  .ravena .footer_banner{height:380px;}
  .ravena .footer_bn_inner strong{font-size:20px;}
}




/* ================= footer_category ================= */
.ravena .footer_category{padding:100px 16px;text-align:center;color:#fff;background:#111b2a;}
.ravena .footer_category .gnb_1ul{display:flex;flex-flow:row nowrap;justify-content:center;gap:40px;font-size:20px;font-weight:400px;}
.ravena .footer_category .gnb_2ul{display:flex;flex-flow:column nowrap;gap:6px;padding-top:10px;font-size:14px;font-weight:400px;}
.ravena .footer_category .gnb_2ul li a{color:#bababa;}


@media all and (max-width:540px){
  .ravena .footer_category{padding:60px 16px;text-align:left;}
  .ravena .footer_category .gnb_1ul{flex-flow:row wrap;gap:30px 10px;}
  .ravena .footer_category .gnb_1ul>li{width:40%;}
}



/* ================= footer_info ================= */
.ravena .footer_info{display:flex;flex-flow:column nowrap;align-items:center;padding:100px 16px 0;text-align:center;background:#1e1e1e;}
.ravena .footer_info_inner{display:flex;flex-flow:column nowrap;align-items:center;gap:10px;padding-bottom:50px;}
.ravena .footer_info address{font-size:14px;font-style:normal;line-height:1.4;color:#9a9a9a;}
.ravena .footer_info .copyright{font-size:14px;font-style:normal;color:#9a9a9a;}
.ravena .footer_info_bottom {width:60%;max-width:1600px;}




@media all and (max-width:540px){
  .ravena .footer_info{padding:60px 16px 0px;background-size:98%;}
  .ravena .footer_info_inner{padding-bottom:30px;}
  .ravena .footer_info .copyright{font-size:12px;}
  .ravena .footer_info_bottom {width:90%;}
}





/* ================= brandstory ================= */
.ravena .about .brandstory{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding:0;background:#f8f8f8;}
.ravena .brandstory > div{width:50%;}
.ravena .brandstory > .brandstory_img{background:#555;overflow:hidden;}
.ravena .brandstory .brandstory_txt{display:flex;flex-flow:column nowrap;align-items:center;text-align:center;}
.ravena .brandstory .brandstory_txt h2{margin-bottom:80px;}
.ravena .brandstory .brandstory_txt p{font-size:24px;line-height:1.8;}


@media all and (max-width:1660px){
  .ravena .brandstory .brandstory_txt h2{margin-bottom:40px;}
  .ravena .brandstory .brandstory_txt p{font-size:18px;}
}

@media all and (max-width:1024px){
  .ravena .brandstory > .brandstory_img{width:40%;}
  .ravena .brandstory > .brandstory_img img{aspect-ratio: 1/1.4;object-fit: cover;object-position:right center}
  .ravena .brandstory > .brandstory_txt{width:60%;padding:0 16px;}
  .ravena .brandstory .brandstory_txt p{font-size:15px;line-height:1.4;}
}

@media all and (max-width:768px){
  .ravena .about .brandstory{flex-direction:column;padding-bottom:40px;}
  .ravena .brandstory > .brandstory_img{width:80%;margin:30px auto;border-radius:16px;}
  .ravena .brandstory > .brandstory_img img{aspect-ratio: 1/0.6;border-radius:16px;}
  .ravena .brandstory > .brandstory_txt{width:100%;}
  .ravena .brandstory .brandstory_txt h2{margin-bottom:20px;}
}






/* ================= philosophy ================= */
.ravena .philosophy_inner{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;gap:40px;padding-top:60px;}
.ravena .philosophy_box{position:relative;}
.ravena .philosophy_img{aspect-ratio: 1/1.3;object-fit: cover;object-position: center bottom;}
.ravena .philosophy_txt{display:flex;flex-flow:column nowrap;align-items:flex-start;gap:10px;position:absolute;bottom:30px;left:30px;color:#fff;}
.ravena .philosophy_txt strong{font-size:24px;font-weight:400;}
.ravena .philosophy_txt span{font-size:16px;}

@media all and (max-width:1660px){
  .ravena .philosophy_img{aspect-ratio: 1/1.1;}
}

@media all and (max-width:1024px){
  .ravena .philosophy_inner{padding-top:30px;}
  .ravena .philosophy_img{aspect-ratio: 1/1;}
  .ravena .philosophy_txt{position:static;margin-top:20px;color:#000;}
  .ravena .philosophy_txt strong{font-size:20px;}
  .ravena .philosophy_txt span{font-size:15px;}
}

@media all and (max-width:540px){
  .ravena .philosophy_inner{flex-direction:column;gap:20px;}
  .ravena .philosophy_img{aspect-ratio: 1/0.9;}
  .ravena .philosophy_txt{position:absolute;left:20px;bottom:24px;width:calc(100% - 40px);color:#fff;}
}





/* about_strength */
.ravena .about_strength{background:url(../src/about_strength_bg.jpg) no-repeat center center;background-size:cover;text-align:center;color:#fff;}
.ravena .about_strength .sec_tit{color:#fff;}
.ravena .about_strength .sec_tit .sec_tit_sm{color:#fff;}
.ravena .about_strength .about_strength_inner{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;margin-top:60px;}
.ravena .about_strength .about_strength_box{display:flex;flex-flow:column nowrap;align-items:center;gap:20px;padding:40px 16px;background:rgba(0,0,0,0.4);}
.ravena .about_strength .about_strength_num{font-size:24px;}
.ravena .about_strength .about_strength_tit{font-size:32px;font-weight:400;}
.ravena .about_strength .about_strength_con{font-size:20px;color:#909090;}

@media all and (max-width:1660px){
  .ravena .about_strength .about_strength_num{font-size:20px;}
  .ravena .about_strength .about_strength_tit{font-size:28px;}
  .ravena .about_strength .about_strength_con{font-size:16px;}
}

@media all and (max-width:1024px){
  .ravena .about_strength .about_strength_inner{gap:28px;}
  .ravena .about_strength .about_strength_num{font-size:18px;}
  .ravena .about_strength .about_strength_tit{font-size:24px;}
  .ravena .about_strength .about_strength_con{font-size:15px;}
}

@media all and (max-width:768px){
  .ravena .about_strength .about_strength_inner{grid-template-columns:repeat(1, 1fr);gap:16px;margin-top:30px;}
  .ravena .about_strength .about_strength_box{gap:12px;padding:20px 10px;}
  .ravena .about_strength .about_strength_num{font-size:16px;}
  .ravena .about_strength .about_strength_tit{font-size:20px;}
}


/* process */
.ravena .process_wr{display:flex;flex-flow:row nowrap;justify-content:space-between;}
.ravena .process_wr .sec_tit{width:55%;margin-top:100px;}
.ravena .process_inner{display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:20px;width:45%;}
.ravena .process_box{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:30px;position:relative;padding:20px 10px 20px 70px;border:1px solid #b7b7b7;border-radius:16px;}
.ravena .process_num{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff;border-radius:50%;border:2px solid #000;font-size:30px;}
.ravena .process_icon{width:100px;}
.ravena .process_txt{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:10px;}
.ravena .process_tit{font-size:28px;}
.ravena .process_con{font-size:16px;color:#7f7f7f;}

@media all and (max-width:1660px){
  .ravena .process_box{padding-left:50px;}
  .ravena .process_num{width:60px;height:60px;font-size:26px;}
  .ravena .process_tit{font-size:24px;}

}
@media all and (max-width:1024px){
  .ravena .process_wr .sec_tit{width:36%;}
  .ravena .process_inner{width:57%;}
  .ravena .process_box{gap:16px;}
  .ravena .process_icon{width:80px;}
}

@media all and (max-width:768px){
  .ravena .process_num{width:50px;height:50px;font-size:20px;}
  .ravena .process_box{flex-direction:column;align-items:flex-start;}
  .ravena .process_icon{width:60px;}
  .ravena .process_tit{font-size:20px;}
}

@media all and (max-width:540px){
  .ravena .process_wr{flex-direction:column;}
  .ravena .process_wr .sec_tit{width:100%;margin-top:0;}
  .ravena .process_inner{width:80%;margin:30px auto;padding-left:20px;}
}




/* vision */
.ravena .vision{text-align:center;background:#f8f8f8;}
.ravena .vision p{margin-top:60px;font-size:24px;line-height:1.8;color:#3b3b3b;}

@media all and (max-width:1660px){
  .ravena .vision p{font-size:18px;}
}

@media all and (max-width:540px){
  .ravena .vision p{margin-top:20px;font-size:16px;line-height:1.4;}
}




/* =================================================== */





/* 
@media all and (max-width:1660px){
  
}

@media all and (max-width:1024px){

}

@media all and (max-width:768px){

}

@media all and (max-width:540px){

}

@media all and (max-width:340px){
  
}
*/