@charset "utf-8";

@font-face {
    font-family: 'thesave';
    src: url('./font/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
}
@font-face {
    font-family: 'thesave';
    src: url('./font/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
}
@font-face {
    font-family: 'thesave';
    src: url('./font/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
}
@font-face {
    font-family: 'thesave';
    src: url('./font/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
}

  html {padding: 0;margin: 0;font-family: "thesave";word-break: keep-all !important;}
  body {padding: 0;margin: 0;color: #333333;font-family: "thesave";word-break: keep-all;}
  ul {padding: 0;margin: 0;}
  ul li {list-style: none;}
  ul li a {text-decoration: none;color: #333333;}
  a {text-decoration: none;color: #333333;}

  .inside{position: relative;width: 100%;max-width: 1340px;margin: 0 auto;padding: 0 30px;box-sizing: border-box;}

  .btn_wrap{position: relative;display: flex;align-items: center;justify-content: center;}
  .btn_normal{display: inline-flex;color: #fff;background: #EE8100;border-radius: 100px;padding: 0 26px 0 32px;height: 55px;
    align-items: center;justify-content: center;gap:15px;transition:background 0.2s ease-in-out;font-weight: 600;font-size: 18px;}
    .btn_normal:hover{background: #FF961A;}
  .arrow{position:relative;width:20px;height: 15px;cursor:pointer;transition:1s;overflow:hidden;top:-1px;}
  .arrow:after{position:absolute;display:block;content:"";color:#fff;width: 20px;height: 15px;
    background: url("./img/btn_arrow.svg") no-repeat;background-position: center;background-size: 14px auto;}
  .btn_normal:hover .arrow:after{animation: aniArrow02 1s cubic-bezier(0, 0.6, 1, 0.4) infinite;}
    @keyframes aniArrow02 {
      0% {transform:translateX(-30px);opacity: 1;}
      60%{opacity: 0.7;}
      100% {transform:translateX(45px);opacity: 0;}
    }

    .section{position: relative;width: 100%;}
    .section h2{font-size: 55px;font-weight: 700;line-height: 1.3;margin: 0;padding: 0;letter-spacing: -0.5px;}


/*메인*/

  .top_banner{position: relative;background: #403D3C;}
  .top_banner a{position: relative;display: flex;width: 100%;justify-content: center;align-items: center;padding: 15px 0;box-sizing: border-box;min-height: 65px;}
  .top_banner img{width: 188px;height: auto;}
  .top_banner .top_banner_txt{font-size: 26px;font-weight: 700;color: #fff;position: relative;padding-left: 20px;margin-left: 20px;}
  .top_banner .top_banner_txt::before{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 22px;width: 1px;border-left: 1px solid rgba(255,255,255, 0.3);}
  .top_banner .top_banner_txt span{color: #F6AB00;}


  #header{position: relative;position: sticky;top: 0;width: 100%;display: block;z-index: 99;background: #fff;border-bottom: 1px solid #eee;}
  #header .inside{display: flex;align-items: center;justify-content: space-between;min-height: 80px;}
  #header .head_logo a{display: block;position: relative;}
  #header .head_logo a img{width: 142px;height: auto;}
  #header ul.nav_wrap{position: relative;display: flex;align-items: center;gap: 20px;}
  #header .nav_wrap li{position: relative;}
  #header .nav_wrap li a{display: block;padding: 25px 15px;box-sizing: border-box;color: #333;font-weight: 500;transition:color 0.1s ease;font-size: 18px;}
  #header .nav_wrap li a:hover{color: rgba(51, 51, 51, 0.60);}
  #header .nav_wrap li:last-child a{padding-right: 0;}


  .main_visual{position: relative;min-height: 820px;display: flex;align-items: center;justify-content: center;}
  .main_visual .vs_txt{font-size: 60px;font-weight: 700;line-height: 1.3;letter-spacing: -1px;text-align: center;color: #fff;}
  
  .main_icon_wrap{margin-top: 100px;}
  .main_icon_wrap ul{position: relative;display: flex;align-items:flex-start;gap: 30px;width: 100%;}
  .main_icon_wrap ul li{position: relative;background: rgba(63, 59, 58, 0.05);border-radius: 20px;padding: 30px;flex: 1;display: flex;flex-direction: column;
transition:transform 0.3s ease;align-self: stretch;justify-content: space-between;box-sizing: border-box;}
  .main_icon_wrap ul li .icon_txt{font-size: 24px;font-weight: 700;color: rgba(51, 51, 51, 0.70);line-height: 1.4;}
  .main_icon_wrap ul li .icon_txt span{color: rgba(51, 51, 51, 1);}
  .main_icon_wrap ul li img{width: 64px;height: auto;margin-left: auto;margin-top: 80px;}
  /* .main_icon_wrap ul li:hover{transform: translateY(-10px);} */


  .div_section{margin-top: 180px;}
  .div_section .inside{display: flex;align-items: flex-start;gap: 30px;}
  .div_section .inside h2, .div_section .inside .right{flex: 1;}

  .div_section .pr_wrap{position: relative;margin-bottom: 90px;padding-left: 70px;box-sizing: border-box;font-size: 20px;
    font-weight: 600;color: rgba(51, 51, 51, 0.7);line-height: 1.5;}
    .div_section .pr_wrap:last-child{margin-bottom: 0;}
  .div_section .pr_wrap h3{margin: 0;padding: 0;font-size: 32px;color: rgba(51, 51, 51, 1);margin-bottom: 30px;line-height: 1.4;position:relative;}
  .div_section .pr_wrap h3 span{position: relative;display: inline-block;}
  .div_section .pr_wrap h3 span:after{content:'';position:absolute;bottom: 3px;left:0;height: 12px;background: rgba(0, 253, 152, 0.30);width: 0;z-index: -1;
    transition: width 1.8s ease-in-out;}
  .div_section .pr_wrap.aos-animate h3 span:after {width: 100%;}


  .section.service{margin-top: 180px;background: #F3F3F3;padding: 145px 0;}
  .service_wrap{position: relative;display: flex;width: 100%;gap: 30px;margin-top:90px;}
  .service_wrap .service_box{flex: 1;border-radius: 20px;overflow: hidden;padding:40px;font-weight: bold;font-size: 32px;aspect-ratio: 625 / 542;
    color: #fff;line-height: 1.4;background-position: center;background-repeat: no-repeat;background-size: cover;}

    .section.service .btn_wrap{margin-top: 85px;}

    .section.about{margin-top: 180px;}
    .section.about .about_wrap{position: relative;display: flex;width: 100%;margin-top: 115px;gap:30px;align-items: center;}
    .section.about .about_wrap > div{flex: 1;}
    .section.about .about_wrap .about_img{border-radius: 20px;aspect-ratio: 625 / 480;overflow: hidden;
      background-position: center;background-repeat: no-repeat;background-size: cover;}
    .section.about .about_wrap .about_txt{font-size: 24px;font-weight: 600;color: rgba(51, 51, 51, 0.7);line-height: 1.5;padding-left: 70px;box-sizing: border-box;}
    .section.about .about_wrap .about_txt span{color: #333;font-weight: 700;}
    .section.about .apply{margin-top: 145px;position: relative;text-align: center;font-size: 40px;color: rgba(51,51,51, 1);font-weight: 700;line-height: 1.5;}
    .section.about .apply span{color: rgba(51,51,51, 0.7);font-size: 28px;margin-top: 20px;position: relative;display: block;}
    .section.about .btn_wrap{margin-top: 48px;}


    .section.section_bf{margin-top: 180px;padding: 145px 0;background: #1E1E1E;color: #fff;}
    .section.section_bf .sub_title{font-size: 40px;font-weight: 700;line-height: 1.4;position: relative;margin-top: 75px;}
    .section.section_bf .sub_title span{font-size: 28px;margin-top: 20px;color: rgba(255,255,255, 0.7);position: relative;display: block;}

    .bf_slide{margin-top: 60px;}
    .bf_slide .swiper-slide{position: relative;display: flex;align-items: center;gap: 30px;}

    .bf_slide .swiper-slide .img_wrap{position: relative;aspect-ratio: 625 / 372;display: flex;align-items: center;border-radius: 20px;
      justify-content: center;overflow: hidden;}
      .bf_slide .swiper-slide .img_wrap.before::before, .bf_slide .swiper-slide .img_wrap.after::after{font-size: 18px;font-weight: 700;background: #fff;
        position: absolute;top: 0;left: 0;padding: 12px 20px;border-bottom-right-radius: 20px;line-height: 1;}
      .bf_slide .swiper-slide .img_wrap.before::before{content: "Before";color: rgba(51,51,51, 0.7);}
      .bf_slide .swiper-slide .img_wrap.after::after{content: "after";color: #EE8100;}

    .bf_slide .swiper-slide img{width: 100%;height: auto;}


    .swiper_nav_wrap{position: relative;display: flex;align-items: center;justify-content: center;gap:20px;margin-top: 32px;}
    .swiper_nav_wrap .swiper-button-next,
    .swiper_nav_wrap .swiper-button-prev,
    .swiper_nav_wrap .swiper-pagination{position: relative;top: auto;left: auto;right: auto;bottom: auto;margin: 0;padding: 0;color: #fff;}
    .swiper_nav_wrap .swiper-pagination{width: auto;color: rgba(255,255,255, 0.4);font-weight: 600;font-size: 18px;}
    .swiper_nav_wrap .swiper-pagination-current{color: rgba(255,255,255, 1);}

    .swiper_nav_wrap .swiper-button-next, .swiper_nav_wrap .swiper-button-prev{opacity: 0.7;width: 40px;height: 40px;transition:opacity 0.2s ease-in-out;}
    .swiper_nav_wrap .swiper-button-next{background: url("./img/next.svg");background-position: center;background-repeat: no-repeat;background-size: 14px auto;}
    .swiper_nav_wrap .swiper-button-prev{background: url("./img/prev.svg");background-position: center;background-repeat: no-repeat;background-size: 14px auto;}
    .swiper_nav_wrap .swiper-button-next:after, .swiper_nav_wrap .swiper-button-prev:after{content:'';}
    .swiper_nav_wrap .swiper-button-next:hover, .swiper_nav_wrap .swiper-button-prev:hover{opacity: 1;}


    .section.review{margin-top: 180px;}
    .section.review .sub_title{font-size: 24px;font-weight: 600;color: rgba(51,51,51, 0.7);line-height: 1.5;position: relative;display: block;margin-top: 28px;}
    .review_wrap{position: relative;display: flex;gap: 30px;align-items: flex-start;width: 100%;margin-top: 60px;}
    .review_wrap .review_box{flex: 1;border-radius: 20px;background: rgba(63, 59, 58, 0.05);padding:40px;align-self: stretch;}
    .review_wrap .review_box .reivew_rating{position: relative;display: flex;align-items: center;justify-content: space-between;}
    .review_wrap .review_box .reivew_rating .scope img{width: 111px;height: auto;}
    .review_wrap .review_box .reivew_rating .writer{font-size: 16px;font-weight: 600;color: rgba(51,51,51, 0.5);text-align: right;}
    .review_wrap .review_box .review_txt{margin-top: 30px;font-size: 20px;font-weight: 600;line-height: 1.5;}


    .section.faq{margin-top: 180px;}

    .faq_wrap{margin-top: 70px;}
    
    .faq_wrap li{border-bottom: 1px solid rgba(0,0,0, 0.1);position: relative;}
    .faq_wrap li:last-child{border-bottom: 0;}

  .faq_title {cursor: pointer;position: relative;padding-right: 20px;font-size: 24px;font-weight: 700;line-height: 1.5;padding: 30px 0;}
  .faq_title::after {content: '';position: absolute;right: 0; top: 50%;transform:translateY(-50%);background: url("./img/faq_btn.svg");
  background-repeat: no-repeat;background-position: center;background-size: 45px auto;width: 45px;height: 45px;}
  .faq_title.active::after {transform: translateY(-50%) rotate(180deg);}
  .faq_content{font-size: 20px;font-weight: 600;color: rgba(51,51,51, 0.7);line-height: 1.5;padding-bottom: 30px;}
  

  .section.section_bottom{margin-top: 180px;text-align: center;padding: 165px 0;}
  .section.section_bottom .title{font-size: 40px;font-weight: 700;color: #fff;letter-spacing: -0.5px;line-height: 1.3;}
  .section.section_bottom .tel_wrap{margin-top: 40px;}
  .section.section_bottom .tel_wrap span{font-size: 22px;color:rgba(255,255,255, 0.7);font-weight: 700;display: block;}
  .section.section_bottom .tel_wrap .tel{margin-top: 30px;position: relative;display: inline-flex;color: #fff;font-size: 28px;font-weight: 700;
  height: 64px;padding: 0 54px;border-radius: 100px;background:#EE8100;align-items: center;justify-content: center;transition:background 0.2s ease-in-out;}
  .section.section_bottom .tel_wrap .tel:hover{background: #FF961A;}

  #footer{position: relative;width: 100%;background: #333;color: #fff;padding-top: 70px;}
  #footer .info_btn_wrap{position: relative;display: flex;align-items: center;gap: 30px;font-size: 16px;font-weight: 500;}
  #footer .info_btn_wrap li a{display: block;padding: 10px 0;color: #fff;}

  #footer .company_info{font-size: 14px;color: rgba(255,255,255, 0.5);font-weight: 400;line-height: 1.5;margin-top: 42px;}
  #footer .company_info span{display: inline-block;margin-right: 15px;margin-bottom: 8px;}
  #footer .copyright{color: rgba(255,255,255, 0.5);font-size: 14px;font-weight: 400;padding: 38px 0;line-height: 1.5;
    border-top: 1px solid rgba(255,255,255, 0.1);margin-top: 50px;}



/*진행절차*/
.section.process{margin-top: 145px;margin-bottom: 200px;}
.section.process h2{font-size: 50px;}
ul.process_wrap{position: relative;margin-top: 100px;display: flex;gap:80px 30px;flex-wrap: wrap;}
ul.process_wrap li{position: relative;flex: 1 1 calc(33.33% - 30px);box-sizing: border-box;}
ul.process_wrap li .process_img_wrap img{width: 100%;display: block;}

ul.process_wrap li .process_title{font-size: 24px;font-weight: 700;margin-top: 30px;line-height: 1.5;position: relative;}
ul.process_wrap li .process_content{font-size: 18px;font-weight: 600;color: rgba(51,51,51, 0.7);line-height: 1.5;margin-top: 24px;}

ul.process_wrap li .process_title::after {content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(90deg);
  width: 17px;height: 9px;background-color: #F6AB00;border-radius: 1px;clip-path: polygon(0% 100%, 50% 0%, 100% 100%);}
ul.process_wrap li:last-child .process_title::after{display: none;}

/*문의하기*/
.section.inquiry{padding-top: 145px;padding-bottom: 180px;background: #F3F3F3;text-align: center;}
.section.inquiry h2{font-size: 50px;}
.section.inquiry .sub_title{font-size: 24px;font-weight: 600;margin-top: 20px;color: rgba(51,51,51, 0.7);}
.section.inquiry .form_wrap{background: #fff;border-radius: 22px;padding: 105px 0;margin-top: 85px;}
.section.inquiry .form_wrap .form_inside{width: 100%;max-width: 675px;padding: 0 50px;box-sizing: border-box;margin: 0 auto;}

.section.inquiry .form_wrap .form_inside form{width: 100%;position: relative;display: block;text-align: left;}
.form_group{position: relative;display: flex;flex-direction: column;width: 100%;margin-bottom: 30px;}
.form_group label, .form_group input, .form_group textarea{width: 100%;box-sizing: border-box;font-family: 'thesave';}
.form_group input::placeholder, .form_group textarea::placeholder{color: rgba(51,51,51, 0.3);}
.form_group:not(.checkbox_wrap):not(.file_wrap) input, .form_group textarea{border:1px solid rgba(51,51,51, 0.15);border-radius: 8px;
  padding:0 15px;min-height: 50px;font-size: 16px;font-weight: 500;transition: border 0.2s ease-in-out;}
.form_group textarea{padding: 15px;min-height: 100px;}

.form_group:not(.checkbox_wrap) label:not(.file_btn){font-size: 16px;font-weight: 600;letter-spacing: -1px;line-height: 1;margin-bottom: 10px;}

.form_group:not(.checkbox_wrap):not(.file_wrap) input:focus, .form_group textarea:focus{outline: none;border:1px solid rgba(51,51,51, 0.6);}

.file_wrap .file_input {display: none;}
.file_wrap .file_btn {display: flex;align-items:center;justify-content:center;padding: 0 15px;border-radius: 8px;height: 50px;font-weight: 500;
  background: rgba(0, 0, 0, 0.05);text-align: center;cursor: pointer;font-size: 16px;transition: background 0.2s ease;box-sizing: border-box;}
.file_wrap .file_btn:hover {background: rgba(0, 0, 0, 0.1);}
.file_wrap .file_btn img{width: 16px;height: auto;margin-right: 6px;position: relative;top: -1px;}

.file_info_wrap {display:none;display: flex;align-items: center;gap: 10px;padding: 10px 0;margin-top: 10px;}
.file_name {font-size: 16px;color: #333;}
.file_remove {position: relative;width: 18px;height: 18px;background:transparent;cursor: pointer;display: flex;
  align-items: center;justify-content: center;display: none;border-radius: 50%;border:1px solid rgba(0,0,0, 0.3);outline: 0;}
.file_remove::before,
.file_remove::after {content: "";position: absolute;width: 9px;height: 1px;background-color: rgba(0,0,0, 0.3);left: 50%;top: 50%;transform-origin: center;}
.file_remove::before {transform: translate(-50%, -50%) rotate(45deg);}
.file_remove::after {transform: translate(-50%, -50%) rotate(-45deg);}

.form_group .form_info{font-size: 16px;font-weight: 600;color: rgba(51,51,51, 0.7);margin-top: 10px;}


.checkbox_wrap {display: flex;align-items: center;gap: 8px;cursor: pointer;}
.checkbox_wrap input {display: none;}
.checkbox_wrap label {position: relative;padding-left: 30px;cursor: pointer;font-size: 16px;font-weight: 600;height: 50px;display: flex;align-items: center;}

.checkbox_wrap label::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);
  width: 18px;height: 18px;border-radius: 4px;background: #fff;border:1px solid rgba(0,0,0, 0.3);transition: border 0.2s ease;}
  .checkbox_wrap label::after{transition: background 0.2s ease;}

.checkbox_wrap input:checked + label::before {border:1px solid rgba(51,51,51, 1);}
.checkbox_wrap input:checked + label::after {content: "";position: absolute;left: 1px;top: 50%;transform: translateY(-50%);
width:18px;height: 18px;background: url("./img/check.svg") no-repeat;background-size: 100% auto;background-position: center;}


.submit_btn{outline: none;font-size: 18px;font-weight: 600;color: #fff;background: #EE8100;display: block;border-radius: 100px;height: 55px;
border: 0;width: 100%;cursor: pointer;transition:background 0.2s ease-in-out;}
.submit_btn:hover{background: #FF961A;}


/**********************************************************************************************************************************************************************/
@media (max-width: 992px) {
  .btn_normal{font-size: 16px;}
  .arrow{width: 18px;}
  .section h2{font-size: 40px;}

  .top_banner img{width: 180px;}
  .top_banner .top_banner_txt{font-size: 24px;}
  .top_banner a{min-height: 60px;}
  #header ul.nav_wrap{gap: 15px;}

  #header .head_logo a img{width: 132px;}
  #header .nav_wrap li a{font-size: 16px;}
  #header .inside{min-height: 72px;}

  #footer{padding-top: 55px;}
  #footer .info_btn_wrap{font-size: 14px;gap:26px;}
  #footer .company_info{font-size: 13px;margin-top: 34px;}
  #footer .copyright{font-size: 13px;padding: 34px 0;margin-top: 45px;}


  .main_icon_wrap ul{flex-wrap: wrap;}
  .main_icon_wrap ul li{flex: 1 1 calc(50% - 30px);}

  .main_visual{min-height: calc(100vh - 300px);}

  .main_visual .vs_txt{font-size: 48px;}

  .main_icon_wrap ul li .icon_txt{font-size: 22px;}
  .main_icon_wrap ul li img{width: 58px;}

  .main_icon_wrap{margin-top: 80px;}
  .div_section{margin-top: 120px;}
  .div_section .pr_wrap{padding-left: 30px;margin-bottom: 60px;font-size: 18px;}
  .div_section .pr_wrap h3{font-size: 26px;margin-bottom: 26px;}
  .div_section .pr_wrap h3 span:after{height: 10px;}

  .section.service{margin-top: 120px;padding: 100px 0;}
  .service_wrap{margin-top: 60px;}
  .service_wrap .service_box{padding: 30px;font-size: 28px;}
  .section.service .btn_wrap{margin-top: 60px;}

  .section.about{margin-top: 120px;}
  .section.about .about_wrap{margin-top: 80px;}
  .section.about .about_wrap .about_txt{font-size: 20px;padding-left: 30px;}
  .section.about .apply{margin-top: 100px;font-size: 34px;}
  .section.about .apply span{margin-top: 15px;font-size: 26px;}
  .section.about .btn_wrap{margin-top: 45px;}

  .section.section_bf{margin-top: 120px;padding: 100px 0;}
  .section.section_bf .sub_title{font-size: 34px;margin-top: 45px;}
  .section.section_bf .sub_title span{margin-top: 15px;font-size: 26px;}

  .bf_slide .swiper-slide .img_wrap.before::before, .bf_slide .img_wrap.swiper-slide.after::after{font-size: 16px;}
  .swiper_nav_wrap .swiper-pagination{font-size: 16px;}

  .section.review{margin-top: 120px;}
  .section.review .sub_title{margin-top: 20px;font-size: 22px;}
  .review_wrap{margin-top: 50px;}
  .review_wrap .review_box{padding: 30px;}
  .review_wrap .review_box .review_txt{font-size: 18px;margin-top: 28px;}
  .review_wrap .review_box .reivew_rating .scope img{width: 105px;}
  .review_wrap .review_box .reivew_rating .writer{font-size: 14px;}

  .section.faq{margin-top: 120px;}
  .faq_title{font-size: 22px;padding:26px 0;}
  .faq_content{font-size: 18px;padding-bottom: 26px;}
  .faq_title::after{background-size: 40px auto;width: 40px;height: 40px;}

  .section.section_bottom{margin-top: 120px;padding: 145px 0;}
  .section.section_bottom{font-size: 36px;}
  .section.section_bottom .tel_wrap{margin-top: 36px;}
  .section.section_bottom .tel_wrap span{font-size: 20px;}
  .section.section_bottom .tel_wrap .tel{font-size: 26px;margin-top: 28px;}

/*진행절차*/
  .section.process{margin-top: 60px;margin-bottom: 100px;}
  .section.process h2{font-size: 36px;}
  ul.process_wrap{margin-top: 60px;}

  ul.process_wrap li{flex: 1 1 calc(50% - 30px);}
  ul.process_wrap li .process_title{font-size: 20px;margin-top: 22px;}
  ul.process_wrap li .process_title::after{width: 14px;height: 8px;}
  ul.process_wrap li .process_content{font-size: 16px;margin-top: 18px;}
  ul.process_wrap{gap: 60px 30px;}

  /*문의하기*/
  .section.inquiry{padding-top: 60px;padding-bottom: 100px;}
  .section.inquiry h2{font-size: 36px;}
  .section.inquiry .sub_title{font-size: 20px;margin-top: 15px;}
  .section.inquiry .form_wrap{margin-top: 60px;padding: 80px 0;}

  .form_group:not(.checkbox_wrap) label:not(.file_btn){font-size: 15px;}
  .form_group:not(.checkbox_wrap):not(.file_wrap) input, .form_group textarea{font-size: 15px;}
  .file_wrap .file_btn{font-size: 15px;}
  .form_group .form_info{font-size: 15px;}
  .checkbox_wrap label{font-size: 15px;}
  .submit_btn{height: 50px;font-size: 16px;}



}


@media (max-width: 768px) {

  .inside{padding: 0 20px;}

  .btn_normal{font-size: 15px;height: 50px;}

  .top_banner img{width: 124px;}
  .top_banner .top_banner_txt{font-size: 16px;}
  .top_banner a{min-height: 45px;padding: 10px 20px;flex-direction: column;gap:5px;}
  .top_banner .top_banner_txt{padding-left: 0;margin-left: 0;line-height: 1.4;}
  .top_banner .top_banner_txt::before{display: none;}

  #header ul.nav_wrap{gap: 10px;}
  #header .head_logo a img{width: 100px;}
  #header .nav_wrap li a{font-size: 14px;padding: 20px 8px;}
  #header .inside{min-height: 60px;}

  .main_visual .vs_txt{font-size: 32px;}

  .div_section .inside{flex-direction: column;}

  .main_icon_wrap{margin-top: 50px;}
  .main_icon_wrap ul{gap: 15px;}

  .main_icon_wrap ul li{padding: 20px;border-radius: 18px;flex: 1 1 calc(50% - 15px);min-height: 185px;}
  .main_icon_wrap ul li .icon_txt{font-size: 18px;}
  .main_icon_wrap ul li img {width: 40px;margin-top: 30px;}

  .div_section{margin-top: 80px;}

  .div_section .inside{gap: 50px;}
  .section h2{font-size: 30px;}
  .div_section .pr_wrap{padding-left: 0;margin-bottom: 50px;}

  .div_section .pr_wrap h3{font-size: 22px;}
  .div_section .pr_wrap h3 span:after{bottom: 2px;}
  .div_section .pr_wrap{font-size: 16px;}

  .section.service{margin-top: 80px;padding: 60px 0;}
  .service_wrap {margin-top: 50px;flex-direction: column;gap: 20px;}
  .service_wrap .service_box {padding: 22px;font-size: 22px;}
  .section.service .btn_wrap{margin-top: 45px;}


  .section.about{margin-top: 80px;}
  .section.about .about_wrap{margin-top: 50px;flex-direction: column;}
  .section.about .about_wrap .about_img{width: 100%;}
  .section.about .about_wrap .about_txt {font-size: 18px;padding-left: 0;}

  .section.about .apply{margin-top: 70px;font-size: 24px;}
  .section.about .apply span{font-size: 18px;margin-top: 10px;}

  .section.section_bf{margin-top: 80px;padding: 60px 0;}
  .section.section_bf .sub_title{font-size: 22px;margin-top: 40px;}
  .section.section_bf .sub_title span {margin-top: 10px;font-size: 18px;}

  .bf_slide{margin-top: 50px;}
  .bf_slide .swiper-slide{flex-direction: column;gap: 0;}
  .bf_slide .swiper-slide .img_wrap{border-radius: 15px;max-width: 520px;}
  .bf_slide .swiper-slide .img_wrap.before::before, .bf_slide .swiper-slide .img_wrap.after::after{font-size: 13px;padding: 8px 15px;border-bottom-right-radius: 15px;}
  .bf_slide .swiper-slide .img_wrap.before{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  .bf_slide .swiper-slide .img_wrap.after{border-top-left-radius: 0;border-top-right-radius: 0;}
  .swiper_nav_wrap{margin-top: 12px;}
  .swiper_nav_wrap .swiper-pagination{font-size: 14px;}
  .section.about .btn_wrap{margin-top: 40px;}

  .section.review{margin-top: 80px;}
  .section.review .sub_title{font-size: 18px;margin-top: 15px;}

  .review_wrap{flex-wrap: wrap;flex-direction: column;gap:15px;margin-top: 40px;}
  .review_wrap .review_box{padding: 24px;}
  .review_wrap .review_box .reivew_rating .scope img{width: 95px;}
  .review_wrap .review_box .reivew_rating .writer{font-size: 13px;}
  .review_wrap .review_box .review_txt{font-size: 16px;}


  .section.faq{margin-top: 80px;}
  .faq_title::after{background-size: 32px auto;width: 32px;height: 32px;}
  .faq_wrap{margin-top: 40px;}
  .faq_title{font-size: 16px;padding: 20px 0;padding-right: 40px;}
  .faq_content{font-size: 15px;padding-bottom: 20px;}

  .section.section_bottom{margin-top: 80px;padding: 70px 0;}
  .section.section_bottom .title{font-size: 26px;}
  .section.section_bottom .tel_wrap{margin-top: 30px;}
  .section.section_bottom .tel_wrap span{font-size: 18px;}
  .section.section_bottom .tel_wrap .tel{font-size: 20px;height: 55px;padding: 0 40px; margin-top: 22px;}

  #footer{padding-top: 45px;}
  #footer .info_btn_wrap{font-size: 12px;gap: 15px;}
  #footer .company_info{font-size: 12px;margin-top: 30px;}
  #footer .copyright {font-size: 12px;padding: 26px 0;margin-top: 30px;}


/*진행절차*/
  .section.process h2{font-size: 30px;}
  .section.process{margin-top: 40px;margin-bottom: 80px;}
  ul.process_wrap{margin-top: 40px;gap: 50px;flex-direction: column;}
  ul.process_wrap li{flex: 1;}

  ul.process_wrap li .process_title::after{left: 0;transform: translateY(-50%) rotate(180deg);}
  ul.process_wrap li .process_title{font-size: 18px;margin-top: 20px;}
  ul.process_wrap li .process_content {font-size: 15px;margin-top: 15px;}
  ul.process_wrap li .process_title, ul.process_wrap li .process_content{padding-left: 24px;box-sizing: border-box;}

    /*문의하기*/
    .section.inquiry{padding-top: 40px;padding-bottom: 80px;}
    .section.inquiry h2{font-size: 30px;}
    .section.inquiry .sub_title{font-size: 18px;margin-top: 12px;}
    .section.inquiry .form_wrap{margin-top: 45px;padding: 30px 0; border-radius: 15px;}
    .section.inquiry .form_wrap .form_inside{padding: 0 20px;}

    .form_group{margin-bottom: 22px;}
    .form_group:not(.checkbox_wrap) label:not(.file_btn){font-size: 14px;}
    .form_group:not(.checkbox_wrap):not(.file_wrap) input, .form_group textarea{font-size: 14px; min-height: 45px;padding: 0 12px;}
    .form_group textarea{padding: 12px;}
    .file_wrap .file_btn{font-size: 14px;height: 45px;}
    .form_group .form_info{font-size: 14px;}
    .checkbox_wrap label{font-size: 14px;}
    .submit_btn{height: 50px;font-size: 14px;}

}