@charset "utf-8";

body{background-color: transparent; display: block; min-height: auto;}
body main{max-width: none; padding: 0; display: block; width: auto; overflow: visible; background-color: transparent;}
span{display: block;}
.slick-slider{text-align: left;}

.l-header .logo{background-image: url(https://www.evawat.com/assets/images/header/evawat_logo_white.svg);}
header section:last-of-type{margin-bottom: 0;}
footer section:last-of-type{margin-bottom: 0;}

/* public */
section:last-of-type{margin-bottom: 150px;}
.pc-hidden{display: none !important;}
.bg_gray{background-color: #F6F6F6;}
.bg_green{background-color: #D1F1CC;}
.container{max-width: 1250px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.sec_inner{padding: 80px 0;}
.sec_tit{margin-bottom: 20px;}
.sec_tit .item_tit .sub{color: #DA5019; font-weight: bold;}
.sec_tit .item_tit .main{font-weight: 700; font-size: 30px;}
.sec_tit .item_btn a{display: inline-block;}
.sec_tit .item_btn .tit_btn{background-color: #fff; color: #4D73BE; border-radius: 30px; padding: 10px 25px; line-height: 1; box-shadow: 1px 3px 1px #ccc;}
.sec_tit .item_btn .tit_btn i{margin-left: 10px;}
.flex{display: flex;}
.fx-bet{justify-content: space-between;}
.fx-end{align-items: flex-end;}
.fx-wrp{flex-wrap: wrap;}
.fx-coc{justify-content: center;}
.t-center{text-align: center;}
.fx-itc{align-items: center;}

/* mv */
#mv{background-color: #F6F6F6;}
.mv_slick.slick-dotted.slick-slider{margin-bottom: 0;}
.mv_slick li{position: relative;}
.mv_slick li img{width: 100%;}
.mv_slick li .mv_tit{position: absolute; width: 100%; top: 0; left: 0; padding: 20px 40px;}
.mv_slick li .mv_tit.white{color: #fff;}
.mv_slick li .mv_tit .main{font-size: 44px; font-weight: bold; margin-bottom: 5px;}
.mv_slick li .mv_tit .sub{font-size: 24px; font-weight: bold;}
.mv_slick .slick-prev{left: 45px; transform: none;}
.mv_slick .slick-next{right: 60px; transform: none;}
.mv_slick .slick-prev::before,.mv_slick .slick-next::before{font-size: 24px; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 40px; height: 40px; background-color: #fff; border-radius: 50%; color: #888888; display: block; padding-top: 8px; text-align: center;}
.mv_slick .slick-prev::before{content: "\f053"; padding-right: 4px;}
.mv_slick .slick-next::before{content: "\f054"; padding-left: 4px;}
.mv_slick.slick-slider .slick-arrow{z-index: 10;}
.mv_slick.slick-slider .slick-arrow:hover{transform: none; border-radius: 0px; padding: 0px; background-color: transparent;}
.mv_slick .slick-dots{bottom: 30px;}
.mv_slick .slick-dots li button::before{font-size: 13px; color: #fff; opacity: 1;}
.mv_slick .slick-dots li.slick-active button::before{color: #4D73BE; -webkit-text-stroke: 2px #FFF; text-stroke: 2px #FFF;}
.mv_slick .slick-dots li{margin: 0 8px;}
.mv_slick.slick-slider .slick-track{margin-left: 0; margin-right: 0;}
.mv_slick .slick-slide img{display: inline;}
.mv_slick.slick-slider .slick-center{padding: 0;}
/* .mv_slick.slick-slider .slick-slide:not(.slick-center){opacity: 0.5;} */
.wrp-mv_btn{position: absolute; bottom: 30px; right: 40px;}
.wrp-mv_btn a{display: inline-block; padding: 15px 15px; border-radius: 3px; line-height: 1; color: #fff; font-weight: 500;}
.wrp-mv_btn .blue_btn{background-color: #4D73BE; padding: 13px 30px;}
.wrp-mv_btn .green_btn{background-color: #23AC0E;}
.wrp-mv_btn .yellow_btn{background-color: #EDAD0B; padding: 13px 30px;}

.sec_inner.bg_gray.pt40{padding-top: 40px;}

/* card_box */
.box-top-list.mb70{margin-bottom: 70px;}
.box-top-list{padding-bottom: 0;}
.big_tit{margin-bottom: 20px;}
.big_tit .main{font-size: 40px; font-weight: bold; margin-bottom: 5px;}
.big_tit .sub{font-weight: bold;}
.cat_box a{display: inline-block; text-align: center; padding: 12px 0px; min-width: 100px; background-color: #D6E4FF; border-radius: 30px; box-shadow: 1px 3px 1px #ccc; margin: 0 10px;}

/* cv_box */
.wrp_cv_box{margin-top: 80px; margin-bottom: 50px;}
.wrp_cv_box .item{width: 30%; margin: 0 1%; position: relative;}
.wrp_cv_box .item::before{position: absolute; left: 20px; top: -45px; font-size: 70px; color: #23AC0E; font-weight: bold; line-height: 1;}
.wrp_cv_box .item:nth-of-type(1):before{content: '01';}
.wrp_cv_box .item:nth-of-type(2)::before{content: '02';}
.wrp_cv_box .item:nth-of-type(3)::before{content: '03';}
.wrp_cv_box .i_text{background-color: #fff; text-align: center; padding-top: 40px; padding-bottom: 10px; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.wrp_cv_btn{text-align: center;}
.wrp_cv_btn .sub{position: relative; display: inline-block; margin-bottom: 20px; font-weight: bold;}
.wrp_cv_btn .sub::before{content: ''; border-right: 3px solid #23AC0E; transform: rotate(-30deg); display: block; position: absolute; top: 5px; left: -15px; width: 2px; height: 18px;}
.wrp_cv_btn .sub::after{content: ''; border-left: 3px solid #23AC0E; transform: rotate(30deg); display: block; position: absolute; top: 5px; right: -15px; width: 2px; height: 18px;}
.wrp_cv_btn .cv_btn{display: inline-block; color: #fff; background-color: #23AC0E; border-radius: 5px; padding: 18px 30px; font-size: 21px; font-weight: bold;}

.reco_box{background-color: #fff; padding: 40px 0px; position: relative; border-radius: 10px;}
.reco_box .bd_r{position: absolute; top: 0; left: 0; height: 100%;}
.reco_box .bd_r img{height: 100%;}
.reco_box .wrp_w_adjust{max-width: 950px; margin: auto;}
.reco_box .box_tit{margin-bottom: 30px;}
.reco_box .box_tit .main{font-size: 30px; font-weight: 700; margin-bottom: 10px;}
.reco_box .wrp_btn_box .item_btn{text-align: center;}
.reco_box .wrp_btn_box .item_btn .sub{position: relative; display: inline-block; margin-bottom: 20px; font-weight: bold;}
.reco_box .wrp_btn_box .item_btn .sub::before{content: ''; border-right: 3px solid #23AC0E; transform: rotate(-30deg); display: block; position: absolute; top: 5px; left: -15px; width: 2px; height: 18px;}
.reco_box .wrp_btn_box .item_btn .sub::after{content: ''; border-left: 3px solid #23AC0E; transform: rotate(30deg); display: block; position: absolute; top: 5px; right: -15px; width: 2px; height: 18px;}
.reco_box .wrp_btn_box .item_btn a{display: inline-block; border-radius: 5px; padding: 18px 0; font-size: 21px; font-weight: bold; width: 350px; text-align: center; margin: 0 10px;}
.reco_box .wrp_btn_box .item_btn .cv_btn{color: #fff; background-color: #4D73BE; }
.reco_box .wrp_btn_box .item_btn .thin_btn{background-color: #D6E4FF;}
.reco_box .wrp_btn_box .item_btn .thin_btn i{margin-left: 10px;}

.sec_tit.mb70{margin-bottom: 70px;}
.faci_box{text-align: center;}
.faci_box .down_btn{display: inline-block; padding: 13px 80px; background-color: #4D73BE; color: #fff; font-size: 18px; font-weight: 700; border-radius: 5px;}

/* document */
.doc_box{margin-bottom: 70px;}
.doc_box .img_box{width: 49%; text-align: center;}
.doc_box .img_box img{display: inline-block;}
.doc_box .text_box{width: 49%; font-size: 18px;}
.doc_box .text_box .tex:first-of-type{margin-bottom: 50px;}
.doc_box .text_box ul{margin-bottom: 50px; font-size: 21px;}
.doc_box .text_box ul li{margin-bottom: 15px; position: relative; padding-left: 30px;}
.doc_box .text_box ul li span{display: inline-block; line-height: 1;}
.doc_box .text_box ul li svg{width: 1em; height: 1em; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}

@media only screen and (max-width: 1500px) {
  .mv_slick li .mv_tit{padding: 5px 15px;}
  .container{max-width: 1100px;}
  .sec_inner.bg_gray.pt40{padding-top: 30px;}
}

/*---PAD pro---*/
@media only screen and (max-width: 1024px) {

  /* mv */
  #mv .container{padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; max-width: 100%; width: 100%;}
  .mv_slick li .mv_tit .main{font-size: 36px; margin-bottom: 5px;}
  .mv_slick li .mv_tit .sub{font-size: 16px;}
  .mv_slick .slick-next{right: 50px;}
  .mv_slick .slick-prev{left: 35px;}

  /* cv_box */
  .reco_box .wrp_w_adjust{max-width: 800px;}

  .doc_box .text_box .tex:first-of-type{margin-bottom: 30px;}
  .doc_box .text_box ul{margin-bottom: 30px;}

}

/*---PAD---*/
@media only screen and (max-width: 880px) {
  body{font-size: 14px;}
  .cat_box a{padding: 10px 0; min-width: 90px; margin: 0 5px 10px;}

  /* cv_box */
  .reco_box .wrp_w_adjust{max-width: 650px;}
  .reco_box .wrp_btn_box .item_btn a{font-size: 18px; padding: 10px 0; margin-bottom: 10px;}

  .doc_box .text_box{font-size: 16px;}
  .doc_box .text_box ul{margin-bottom: 50px; font-size: 18px;}
  .doc_box .text_box .tex:first-of-type{margin-bottom: 20px;}
  .doc_box .text_box ul{margin-bottom: 20px;}

}

/*---Sm---*/
@media only screen and (max-width: 767px) {
  body{padding-top: 0;}
  .sm-hidden{display: none !important;}
  .pc-hidden{display: block !important;}

  /* public */
  .sec_inner{padding: 40px 0;}
  .sec_tit .item_btn{display: none;}
  .sec_tit .item_tit .main{font-size: 24px;}

  /* mv */
  #mv{margin-top: 74px;}
  .mv_slick li .mv_tit{padding: 20px 15px;}
  .mv_slick li .mv_tit .main{font-size: 24px;}
  .mv_slick li .mv_tit .sub{font-size: 13px;}
  .wrp-mv_btn{bottom: 60px; width: 90%; right: 0; left: 0; margin: auto;}
  .wrp-mv_btn a{display: block; text-align: center;}
  .wrp-mv_btn .blue_btn{padding: 15px 0;}
  .wrp-mv_btn .yellow_btn{padding: 15px 0px;}
  .mv_slick .slick-dots{bottom: 15px;}

  .big_tit .main{font-size: 24px;}

  .big_tit .sub{font-weight: normal; text-align: left;}
  .wrp_cv_box .item{width: 96%; margin: 0 2% 70px;}
  .wrp_cv_box .item:last-of-type{margin-bottom: 0;}
  .wrp_cv_box .i_text{font-size: 18px;}
  .wrp_cv_btn .cv_btn{font-size: 15px; padding: 18px 60px;}
  .reco_box .bd_r{position: absolute; top: 0; left: 0; height: auto; width: 100%;}
  .reco_box .box_tit .main{font-size: 24px;}
  .reco_box .wrp_w_adjust{max-width: 300px;}
  .reco_box .wrp_btn_box .item_btn a{width: 300px;}
  .reco_box .wrp_btn_box .item_btn a{padding: 15px 0; font-size: 15px;}

  .faci_box .down_btn{font-size: 15px;}

  .doc_box{margin-bottom: 40px;}
  .doc_box .img_box{width: 100%; margin-bottom: 10px;}
  .doc_box .text_box{width: 100%;}

}