@charset "UTF-8";




.mo_quick {
  display: none;
}

@media (max-width: 991px) {
  .mo_quick {
    width:100%;
    display: block;
    position: fixed;
    bottom:0px;
    background-color:#7757ff ;
    text-align: center;
    z-index:999;
  }

.mo_quick_con ul{
display: flex;
}


.mo_quick_con ul li{
  padding: 10px 0;
  width: calc(100%/3);
  text-align: center;
  font-size: 1em;
  color: #fff;

  cursor: pointer;
}


.mo_quick_con ul li i{

  color: #fff;
  padding:10px;
  font-size: 2em;

}



.mo_quick_con ul li span{
  display: block;
  padding:5px 0px 10px;
  font-weight: 500;

  }
}













.sns_box ul{
  display: flex;
  justify-content: center;
  align-items: center;

  margin: 20px ;
}

.sns_box ul li{
min-width:250px;
  padding:30px 30px;
  margin:60px 20px;
  background-color: #fff;
  font-size:3.5em;
border-radius: 30px;
text-align: center;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}


.sns_box ul li i{
color:#7757ff;
    padding:50px 50px;

  }


  @media (max-width: 991px) {

    .sns_box ul{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 20px ;
    }

    .sns_box ul li{
    min-width:200px;
      padding:0px ;
      margin:20px 20px;
      background-color: #fff;
      font-size:2.5em;
    border-radius: 30px;
    text-align: center;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }


    .sns_box ul li i{
    color:#7757ff;
        padding:50px 50px;

      }
  }





/* 로그인 */

#mb_login h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.mbskin h1 {
  margin: 60px 0 30px;
  font-size: 2em;
}


.mbskin {
  position: relative;
  margin: 180px auto 100px;
  width: 500px;
  text-align: center;
}

@media (max-width: 991px) {
  .mbskin h1 {
    margin: 60px 0 30px;
    font-size: 1.2em;
  }
  .mbskin {
    position: relative;
    margin: 180px auto 100px;
    width: 90%;
    text-align: center;
  }


}


.mbskin .mbskin_box {
  border: 1px solid #dde7e9;
  background: #fff;
}


.mb_log_cate h2 {
  width: 50%;
  float: left;
  padding: 20px 0;
  text-align: center;
}

.mb_log_cate .join {
  width: 50%;
  float: left;
  padding: 20px 0;
  text-align: center;
  background: #f7f7f7;
  color: #6e6e6e;
}

.mb_log_cate:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

#login_fs {
  padding: 35px;
}


legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 0;
}

#login_info .login_if_auto {
  float: left;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

#login_info:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}


#login_info .login_if_auto {
  float: left;
}

#login_info .login_if_lpl {
  float: right;
}

#login_info .login_if_auto label {
  vertical-align: baseline;
  padding-left: 5px;
}

.chk_box input[type="checkbox"] + label {
  position: relative;
  color: #676e70;
}

.chk_box input[type="checkbox"] + label span {
  margin-right: 6px;
}
.chk_box input[type="checkbox"] + label span {
  float: left;
  width: 15px;
  height: 15px;
  display: block;
  background: #fff;
  border: 1px solid #d0d4df;
  border-radius: 3px;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: -5px;
  font-weight: bold;
}

.mbskin .btn_submit {
  width: 100%;
  margin: 10px 0 20px;
  height: 45px;
  font-weight: bold;
  font-size: 1.25em;
}
.btn_submit {
  border: 0;
  background: #7757ff;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}

#mb_login #login_fs .frm_input {
  margin: 0 0 10px;
}

.mbskin .frm_input {
  width: 100%;
}


.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {
  border: 1px solid #DCDBDB;
  background: #F9F9F9;
  color: #000;
  vertical-align: middle;
  border-radius: 0;
  padding: 24px 5px;
  line-height: 1.3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.frm_input {
  height: 40px;
  padding:10px;
}

/* 로그인 끝 */





/* 회원가입 */

.register {
  max-width: 1000px;
  margin: 180px auto;
}

#fregister p {
  position: relative;
  text-align: center;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 1.1em;
  background: #7757ff;
  margin: 0 0 10px;
  border-radius: 5px;
  font-weight: bold;
}




#fregister p:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 50px;
  border-radius: 5px 0 0 5px;
  background: #7757ff;
}

#fregister p i {
  font-size: 1.2em;
  vertical-align: middle;
}

.fa-check-circle:before, .fa-circle-check:before {
  content: "\f058";
}

#fregister p i {
  font-size: 1.2em;
  vertical-align: middle;
}

#fregister section {
  margin: 10px auto 15px;
  border: 1px solid #dde7e9;
  position: relative;
  border-radius: 3px;
}


#fregister h2 {
  text-align: left;
  padding: 20px;
  border-bottom: 1px solid #dde7e9;
  font-size: 1.2em;
}
.fregister_agree input[type="checkbox"] + label span {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 17px;
  height: 17px;
  display: block;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
}

.fregister_agree input[type="checkbox"] + label {
  color: #676e70;
}

.fregister_agree input[type="checkbox"]:checked + label span {
  background: url(/img/chk.png) no-repeat 50% 50% #7757ff;
  border-color: #1471f6;
  border-radius: 3px;
}

.selec_chk {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  outline: 0;
  z-index: -1;
  overflow: hidden;
}


#fregister textarea {
  display: block;
  padding: 20px;
  width: 100%;
  height: 150px;
  background: #fff;
  border: 0;
  line-height: 1.6em;
}


#fregister_private table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1em;
}


#fregister_private table caption {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}


caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

#fregister_private table th {
  background: #f7f7f9;
  width: 33.33%;
  color: #000;
  padding: 10px;
  border: 1px solid #d8dbdf;
}

#fregister_private table td {
  border: 1px solid #e7e9ec;
  padding: 10px;
  border-top: 0;
}

#fregister_chkall {
  position: relative;
  text-align: center;
  background: #f5f7fa;
  line-height: 50px;
  border: 1px solid #e5e9f0;
  border-radius: 3px;
  margin-bottom: 15px;
}


.fregister_agree.chk_all input[type="checkbox"] + label span {
  top: 18px;
}

.fregister_agree input[type="checkbox"] + label span {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 17px;
  height: 17px;
  display: block;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
}


.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {
  float: left;
  height: 50px !important;
  width: 49.5%;
  font-weight: bold;
  font-size: 1.083em;
}

.register .btn_confirm .btn_submit {
  margin-left: 1%;
}

.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {
  float: left;
  height: 50px !important;
  width: 49.5%;
  font-weight: bold;
  font-size: 1.083em;
}

.register .btn_confirm .btn_close {
  border:1px solid #e4e4e4;
  text-align: center;
  line-height: 50px;
}


.btn_submit {
  border: 0;
  background: #7757ff;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}

.btn_submit:hover{
  border: 0;
  background: #7757ff;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}

#register_form {
  background: #fff;
  margin-bottom: 20px;
}



#register_form h2 {
  padding: 20px;
  border-bottom: 1px solid #dde7e9;
}

.form_01 h2 {
  font-size: 1.167em;
}


#fregisterform .form_01 div {
  margin: 0 0 20px;
}




.register_form_inner {
  background: #f7f7f7;
  border: 1px solid #dde7e9;
  border-radius: 3px;
}

.register_form_inner ul {
  padding: 20px;
}

.form_01 li {
  margin-bottom: 10px;
}

.register_form_inner label {
  display: block;
  margin-bottom: 10px;
  line-height: 24px;
}


#fregisterform .captcha {
  display: block;
  margin: 5px 0 0;
}

#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}


legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 0;
}


.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  display: none;
  /* opacity: 0;
  filter: alpha(opacity = 0); */
}

.tooltip_icon {
  display: inline-block;
  vertical-align: baseline;
  color: #b3b5b8;
  border: 0;
  font-size: 1.2em;
  background: transparent;
  cursor: pointer;
}
.tooltip:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 0;
  border-right: 10px solid #000;
}

.form_01 ul:after, .form_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}


.chk_box input[type="checkbox"]:checked + label span {
  background: url(/img/chk.png) no-repeat 50% 50% #7757ff;
  border-color: #1471f6;
  border-radius: 3px;
}



/* 회원가입 끝 */


.scrolldown{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background-size: 100%;
}


.scrolldown img{
 width:150px;
 height:auto

}

.article-container {
  max-width: 1200px;
}

.no-responsive .wrapper,
.no-responsive .article-container-wide {
  min-width: 1200px;
}

.no-responsive .boxed.wrapper,
.no-responsive .article-container {
  width: 1200px;
}

.article-menu .nav-height {
  height: 44px;
  line-height: 44px !important;
}

.pc-menu,
.pc-menu .nav-full-back,
.pc-menu .nav-full-height {
  height: 44px;
}

.pc-menu .nav-top.nav-float .menu-a,
.pc-menu .nav-mega .menu-a {
  padding: 0px 25px;
}

.pc-menu .nav-top.nav-float .sub-1div::before {
  left: 25px;
}

.pc-menu .nav-full-first,
.pc-menu .nav-full-last,
.pc-menu .nav-full.on .sub-1div {
  height: 400px;
}

.pc-menu .nav-full.on,
.pc-menu .nav-full.on .article-container {
  height: 444px;
}

.pc-menu .subm-w {
  width: 170px;
}

.pc-menu .nav-content,
.pc-menu .nav-cw {
  width: 170px;
}

.pc-menu .nav-content-height {
  height: 400px;
}

.pc-menu .nav-content .sub-content {
  width: 860px;
  left: 170px;
}

@media all and (min-width:1200px) {
  .responsive .boxed.wrapper {
      max-width: 1200px;
  }
}






 /* swiper basic */
 .rollingNews.swiper_post_container {
  overflow: hidden;
  width: 100%;
  height: 100%
}

.rollingNews.swiper_post_container .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* widget custom */
/*
.rollingNews.swiper_post_container .item-list .img-wrap{padding-bottom:100%}
.rollingNews.swiper_post_container .item-image{transition:all 0.3s ease;}
*/
.rollingNews.swiper_post_container .post_content {}

.rollingNews.swiper_post_container .post_content .title {
  margin-top: 14px;
  font-weight: 500;
  font-size: 16px;
  color: #333
}

.rollingNews.swiper_post_container .post_content .text {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: #666
}

/* widget arrow */
#rollingNews .sw_arr_box a {
  top: 56%;
  width: 23px;
  height: 54px;
  margin-top: 0
}

#rollingNews .sw_arr_box a:after {
  display: none
}

#rollingNews .sw_arr_box .swiper-button-prev {
  left: -55px
}

#rollingNews .sw_arr_box .swiper-button-next {
  right: -55px
}

@media (max-width:768px) {

  /* widget custom */
  /* .rollingNews.swiper_post_container{overflow:visible} */
  .rollingNews.swiper_post_container .item-list {
      margin: 0;
      text-align: center
  }

  .rollingNews.swiper_post_container .item-list .post-image {
      margin: auto 15px
  }

  .rollingNews.swiper_post_container .post_content {}

  .rollingNews.swiper_post_container .post_content .title {
      margin-top: 5px;
      font-size: 11px
  }

  .rollingNews.swiper_post_container .post_content .text {
      margin-top: 6px;
      font-size: 10px;
      line-height: 1.5
  }
}






#solutionProcess .post-wrap {
  margin-right: -47px;
  margin-bottom: -60px;
}

#solutionProcess .post-row {
  width: 33.33%;
}

#solutionProcess .post-list {
  margin-right: 47px;
  margin-bottom: 60px;
}

#solutionProcess .img-wrap {
  padding-bottom: 67.5%;
}

@media (max-width:1199px) {
  .responsive #solutionProcess .post-wrap {
      margin-right: -47px;
      margin-bottom: -60px;
  }

  .responsive #solutionProcess .post-row {
      width: 50%;
  }

  .responsive #solutionProcess .post-list {
      margin-right: 47px;
      margin-bottom: 60px;
  }
}

@media (max-width:991px) {
  .responsive #solutionProcess .post-wrap {
      margin-right: 0px;
      margin-bottom: -40px;
  }

  .responsive #solutionProcess .post-row {
      width: 100%;
  }

  .responsive #solutionProcess .post-list {
      margin-right: 0px;
      margin-bottom: 40px;
  }
}

@media (max-width:767px) {
  .responsive #solutionProcess .post-wrap {
      margin-right: 0px;
      margin-bottom: -40px;
  }

  .responsive #solutionProcess .post-row {
      width: 100%;
  }

  .responsive #solutionProcess .post-list {
      margin-right: 0px;
      margin-bottom: 40px;
  }
}

@media (max-width:480px) {
  .responsive #solutionProcess .post-wrap {
      margin-right: 0px;
      margin-bottom: -40px;
  }

  .responsive #solutionProcess .post-row {
      width: 100%;
  }

  .responsive #solutionProcess .post-list {
      margin-right: 0px;
      margin-bottom: 40px;
  }
}




.liveqa_tt_con{}
.liveqa_tt_con h3{font-size:3em;font-weight:700;color:#7757ff;}
.liveqa_tt_con p{display: block;padding:20px 0px 25px; font-size:1.2em; font-weight:500;}

.f_mon {
  font-family: "pretendard", sans-serif;
}

.f_suit_m {
  font-family: "SUIT-SemiBold";
}

table.liveqa_table th, table.liveqa_table td {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
  text-align: center;
}

table.liveqa_table th{
width:10%;
}
table.liveqa_table td{
  text-align: left;
  width:25%;
}

table.liveqa_table td .frm_input {
  height: 40px;
  padding: 10px;
}

table.liveqa_table td textarea {
  width:100%;
  height: 100px;
  padding: 10px;
}



.container_fix.container_wide {
  width: 1870px;
}

.container_fix.container_fit {
  width: 930px;
}
@media (max-width: 991px) {
  .container_fix.container_fit {
    width: 85.757%;
  }
}

br.pc_br {
  display: block;
}
@media (max-width: 991px) {
  br.pc_br {
    display: none;
  }
}
br.m_br {
  display: none;
}
@media (max-width: 991px) {
  br.m_br {
    display: block;
  }
}

.header {
  border-bottom: 1px solid transparent;
  position: fixed;
  z-index: 11;
  width: 100%;
  top: 0; /*transition:.3s*/
}
.header:hover::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none;
}
@media (max-width: 991px) {
  .header:hover::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .header {
    padding: 14px 0;
  }
}
.header .container_fix {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .container_fix > * {
  z-index: 2;
}
.header .subgnb_bg {
  background: transparent;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
  bottom: 0;
  height: 100px;
  transition: 0.3s;
  background: #fff;
  border-bottom: 1px solid #fff;
}
@media (max-width: 991px) {
  .header .subgnb_bg {
    height: 55px;
  }
}
.header.on .subgnb_bg {
  border-bottom: 1px solid #ebebeb;
}
.header.active {
  height: 70px;
}
@media (max-width: 991px) {
  .header.active {
    height: 55px;
  }
}
.header.active .subgnb_bg {
  height: 70px;
}
@media (max-width: 991px) {
  .header.active .subgnb_bg {
    height: 55px;
  }
}
.header.active .header_menu-a span {
  line-height: 70px;
}
.header.active .header_menu::after {
  top: 70px;
}


.header_logo {
  width:230px;
  padding-right: 75px;

}


.header.active .container_fix.container_wide h1.header_logo{
  width:200px;

}



@media (max-width: 991px) {

  .header.active .container_fix.container_wide h1.header_logo {
    width: auto;
}

  .header_logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-right: 0px;
    width: auto;
  }
}
.header_logo img {
  transition: 0.3s;
}
@media (max-width: 1200px) {
  .header_logo img {
    height: 30px;
  }
}
@media (max-width: 991px) {
  .header_menu {
    display: none;
  }

  .hd_login {
    display: none;
  }

}
.header_menu::after {
  content: "";
  display: block;
  width: 100vw;
  height: 1px;
  background: #ebebeb;
  position: fixed;
  top: 100px;
  left: 0;
  opacity: 0;
  transition: 0.3s;
}
.header_menu:hover::after {
  opacity: 1;
}
.header_menu-ul {
  display: flex;
}
.header_menu-ul.on .header_menu-1div {
  opacity: 1;
  visibility: visible;
}
.header_menu-li {
  position: relative;
}
.header_menu-li:hover a {
  display: block;
  width: 100%;
}
.header_menu-li:hover a span {
  font-weight: 600;
  transition: 0.3s;
}
.header_menu-li:hover a span:after {
  opacity: 1;
  visibility: visible;
}
.header_menu-li.on a {
  display: block;
  width: 100%;
}
.header_menu-li.on a span {
  font-weight: 600;
  transition: 0.05s;
}
.header_menu-li.on a span:after {
  opacity: 1;
  visibility: visible;
}
.header_menu-a {
  display: block;
  padding: 0 51px;
  transition: 0.3s;
}
@media (max-width: 1550px) {
  .header_menu-a {
    padding: 0 5px;
  }
}
@media (max-width: 1250px) {
  .header_menu-a {
    padding: 0px;
  }
}
.header_menu-a span {
  color: #0c0c0c;
  font-size: 18.5px;
  font-weight: 500;
  display: block;
  line-height: 100px;
  padding: 0 20.8px;
  position: relative;
  transition: 0.05s;
  white-space: nowrap;
}
@media (max-width: 1580px) {
  .header_menu-a span {
    padding: 0 15px;
  }
}
@media (max-width: 1550px) {
  .header_menu-a span {
    font-size: 16px;
    padding: 0 10px;
  }
}
@media (max-width: 1250px) {
  .header_menu-a span {
    font-size: 15px;
  }
}
.header_menu-a span:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #222;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.header_menu-1div {
  position: absolute;
  top: 120%;
  text-align: center;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.header_menu-1dul {
  padding: 30px 0;
}
.header_menu-1dli a {
  color: #5d5d5d;
  transition: 0.1s;
  font-weight: 400;
}
.header_menu-1dli:hover a {
  color: #0c0c0c;
  text-shadow: 0 0 0.5px #0c0c0c;
}
.header_menu-1dli.on a {
  color: #0c0c0c;
  text-shadow: 0 0 0.5px #0c0c0c;
}
.header_menu-1da {
  color: #5d5d5d;
  font-size: 17px;
  line-height: 36px;
  font-weight: 300;
  display: block;
  width: 100%;
  height: 100%;
  /* text-align: center; */
  transition: 0.3s;
}
@media (max-width: 1450px) {
  .header_menu-1da {
    font-size: 14px;
  }
}
.header_menu_mob {
  width: 16px;
  height: 12px;
  position: relative;
}
.header_menu_mob .left_menu {
  display: block;
  width: 16px;
  height: 12px;
  position: relative;
}
.header_menu_mob .left_menu img {
  width: 24.5px;
}
.header_menu_mob span {
  display: block;
  width: 100%;
  height: 1px;
  background: #111111;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.header_menu_mob span:nth-child(1) {
  position: absolute;
  top: 0;
}
.header_menu_mob span:nth-child(3) {
  position: absolute;
  top: auto;
  bottom: 0;
  transform: translateY(0);
}
.hr_btn {
  display: flex;
  align-items: center;
}
.hr_btn-quick {
  width: 120px;
  position: relative;
}
@media (max-width: 1450px) {
  .hr_btn-quick {
    width: 95px;
  }
}
@media (max-width: 1200px) {
  .hr_btn-quick {
    width: 70px;
  }
}
@media (max-width: 991px) {
  .hr_btn-quick {
    width: auto;
  }
}
.hr_btn-quick a {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  padding: 0 7px;
  display: flex;
  align-items: center;
  width: 50px;
  background: #fff;
  height: 44px;
  overflow: hidden;
  transition: 0.3s;
  color:#7757ff;
}

.hr_btn-quick a i{font-size: 2.3em;padding:0px 10px;}
.hr_btn-quick a:hover {
  width: 100%;
  background:#9b84fd;
  border-radius: 22px;
  color:#fff;
}
.hr_btn-quick a:hover i{font-size: 2em;padding:0px 5px 0px 15px;}


@media (max-width: 991px) {
  .hr_btn-quick a {
    position: static;
    transform: translate(0, 0);
    width: auto;
    height: 26px;
    padding: 0 0px;
  }
  .hr_btn-quick a i{font-size: 1.7em;padding:0px 0px;}
  .hr_btn-quick a:hover {
    width: 100%;
    background:#fff;
    border-radius: 0px;
    color:#f3b431;
  }
  .hr_btn-quick a:hover i{font-size: 1.7em;padding:0px 0px;}
}


@media (max-width: 991px) {
  .hr_btn-quick img {
    height: 10.5px;
  }
}
.hr_btn-quick  p {

  font-size: 14px;
  font-weight: 500;
  padding: 0px 0px 4px;
  white-space: nowrap;
}
@media (max-width: 1450px) {
  .hr_btn-quick p {
    font-size: 10px;
    padding: 0 0 0 5px;
  }
}
.hr_btn-contact {
  margin-left: 8px;
}
@media (max-width: 991px) {
  .hr_btn-contact {
    display: none;
  }
}
.hr_btn-contact a {
  display: block;
}
.hr_btn-contact .tel {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.hr_btn-contact .mail {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
  transition: 0.3s;
}
@media (max-width: 1450px) {
  .hr_btn-contact .mail {
    font-size: 13px;
  }
}
@media (max-width: 1200px) {
  .hr_btn-contact .mail {
    font-size: 12px;
  }
}

.quick_ask {
  position: fixed;
  right: 30px;
  top: 227px;
  z-index: 10;
  width: 110px;
  transition: 0.3s;
  opacity: 0;





}
@media (max-width: 991px) {
  .quick_ask {
    display: none;
  }
}
.quick_ask * {
  transition: 0.3s;
  overflow: hidden;
}
.quick_ask_tt {
  background: #fff;
  color:#000;
  text-align: center;
  border-radius: 20px;
  padding: 18px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.quick_ask_tt img {
  height: 41px;
}
.quick_ask_tt p {
  color: #000;
  font-size: 14px;
  font-weight: 600;

  min-width: 82px;
}
.quick_ask_con {
  background: #fff;
  border-radius: 10px;
  margin-top: 5px;
}
.quick_ask_con ul li {
  overflow: hidden;
}



.quick_ask_con ul li {
  height: 0;
  text-align: center;
}

.quick_ask_con ul li span{
  display: block;

}

.quick_ask_btn {
  background: #fff;
  border: 1px solid #e5e5e5;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
  cursor: pointer;
}
.quick_ask_btn span {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.quick_ask_btn span:before {
  content: "";
  display: block;
  background: #000;
  width: 65%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-65%, -50%) rotate(45deg);
  transform-origin: left top;
}
.quick_ask_btn span:after {
  content: "";
  display: block;
  background: #000;
  width: 65%;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-30%, -50%) rotate(-45deg);
  transform-origin: right top;
}
.quick_ask.on {
  opacity: 1;
}
.quick_ask.open {
  width: 110px;
}
.quick_ask.open .quick_ask_tt {
  flex-direction: row;
  border-radius: 20px 20px 0 0;
  cursor: pointer;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.quick_ask.open .quick_ask_tt img {
  height: 27px;
}
.quick_ask.open .quick_ask_tt p {
  margin-top: 0;
  margin-left: 0px;
}
.quick_ask.open .quick_ask_con {
  margin-top: 0;
  border-radius: 0 0 20px 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 16px 24px;

}
.quick_ask.open .quick_ask_con ul li {
  height: 125px;
  text-align: center;
}

.quick_ask.open .quick_ask_con ul li span{
  display: block;
  color:#000;
  padding:5px 10px;

}


.quick_ask.open .quick_ask_con ul li span.tel{
  display: block;
  color:#7754ff;
  font-size:16px;
  font-weight:800;
  padding:10px 0px;
  border-bottom: #e5e4e9 1px solid;

}


.quick_ask.open .quick_ask_con ul li:nth-child(1) {
  height: 120px;
  border-bottom: none;
}





.quick_ask.open .quick_ask_btn span:before {
  width: 130%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center center;
}
.quick_ask.open .quick_ask_btn span:after {
  width: 130%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  transform-origin: center center;
}

.main_con {
  padding: 140px 0;
}
@media (max-width: 991px) {
  .main_con {
    padding: 70px 0;
  }
}
.main_con .main_tt {
  font-size: 35px;
  font-weight: 700;
  color: #0c0c0c;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .main_con .main_tt {
    text-align: center;
    margin-bottom: 40px;
    font-size: 28px;
  }
}
.main_con .mc_tt_con {
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 991px) {
  .main_con .mc_tt_con {
    margin-bottom: 40px;
  }
}
.main_con .mc_tt_con .main_tt {
  margin-bottom: 0;
  text-align: center;
}
.main_con .mc_tt_con a {
  color: #6a6a6a;
  font-size: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.main_con .icon_mc_more {
  display: block;
  width: 120px;
  height: 120px;
  position: relative;
  margin: 0 auto;
  margin-top: 97px;
}
@media (max-width: 991px) {
  .main_con .icon_mc_more {
    margin-top: 50px;
    width: 45px;
    height: 45px;
  }
}
.main_con .icon_mc_more:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2px;
  background: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.main_con .icon_mc_more:after {
  content: "";
  display: block;
  width: 0.2px;
  height: 100%;
  background: #000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.main_cont_01 {
  position: relative;
  margin-bottom: 150px;
  padding: 100px 0 0; /*z-index: 11;*/
}
@media (max-width: 991px) {
  .main_cont_01 {
    padding-top: 55px;
    margin-bottom: 0;
  }
}
.main_cont_01_wrap {
  z-index: 1;
  position: relative;
  width: 96.335%;
  padding: 0;
  overflow: hidden;
  transition: 0.3s;
  margin: 0 auto;
  border-radius: 30px;
  /* border-top-left-radius:30px;
  border-bottom-right-radius:30px; */
}
@media (max-width: 991px) {
  .main_cont_01_wrap {
    border-radius: 15px;
  }
}
.main_cont_01_wrap.on {
  width: 100%;
  border-radius: 0;
}
.main_cont_01_video {
  width: 100%;
  position: relative;
  height: calc(100vh - 150px);
  margin: 0 auto;
  border-radius: 0px;
  overflow: hidden;
  transform: scale(1);
  transition: 0.3s;
}
@media (max-width: 1870px) {
  .main_cont_01_video {
    width: calc(100% - 30px);
  }
}
@media (max-width: 991px) {
  .main_cont_01_video {
    width: 100%;
    border-radius: 0;
    height: 0;
    padding-bottom: calc(100vh - 130px);
  }
}
.main_cont_01_video:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.main_cont_01_video video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.main_cont_01_video iframe {
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.main_cont_01_txt {
  color: #fff;
  position: absolute;
  z-index: 2;
  top: calc(50% + 80px);
  transform: translateY(-50%);
  left: 9.208%;
}
@media (max-width: 991px) {
  .main_cont_01_txt {
    width: 100%;
    left: 0;
    top: 54%;
    text-align: center;
  }
}
.main_cont_01_txt .main_cont_01_tt {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1;
}
@media (max-width: 991px) {
  .main_cont_01_txt .main_cont_01_tt {
    font-size: 27px;
    line-height: 34px;
  }
}
.main_cont_01_txt p {
  font-size: 26px;
  margin-top: 20px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .main_cont_01_txt p {
    margin-top: 20px;
    font-size: 16px;
    line-height: 21px;
  }
}
.main_cont_01_txt a {
  background: #fff;
  display: inline-block;
  padding: 21px 58.29px;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  border-radius: 30px;
  margin-top: 50px;
  transition: 0.3s;
}
.main_cont_01_txt a:hover {
  background: #7757ff;
  color: #fff;
}
@media (max-width: 991px) {
  .main_cont_01_txt a {
    background: #fff;
    padding: 15px 30px;
    color: #333;
    font-size: 13px;
    margin-top: 33px;
    border-radius: 8.5px;
  }
}
.main_cont_02 {
  background: #f3f4f6;
}
.main_cont_02 > .container_fix {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .main_cont_02 > .container_fix {
    flex-direction: column;
  }
}
.main_cont_02_status {
  width: 48%;
  position: relative;
}
@media (max-width: 991px) {
  .main_cont_02_status {
    width: 100%;
    margin-bottom: 60px;
  }
}
.main_cont_02_status_con {
  background: #7757ff;
  border-radius: 15px;
}
.main_cont_02_status .swiper_post_container {
  height: 300px !important;
  background: #7757ff;
  border-radius: 15px;
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper_post_container {
    height: 249px !important;
  }
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper-wrapper {
    top: -0.5px;
  }
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper-slide {
    height: 20% !important;
  }
}
.main_cont_02_status .swiper-slide .item-list {
  width: 100%;
  padding: 0 11px 0 18px;
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper-slide .item-list {
    padding: 0 14px 0 16px;
  }
}
.main_cont_02_status .swiper-slide .item-list a {
  display: flex;
  justify-content: space-between;
}
.main_cont_02_status .swiper-slide .item-list a .title {
  color: #fff;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 45px);
}

.main_cont_02_status  .title_no {
  padding-top: 30px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 45px);
}



@media (max-width: 991px) {
  .main_cont_02_status .swiper-slide .item-list a .title {
    font-size: 13px;
    max-width: calc(100% - 80px);
  }
}
.main_cont_02_status .swiper-slide .item-list a .date {
  color: #8aa5ed;
  font-size: 14px;
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper-slide .item-list a .date {
    font-size: 12px;
    font-weight: 500;
  }
}
.main_cont_02_status .swiper-slide + .swiper-slide {
  border-top: 1px solid rgba(220, 220, 220, 0.3);
}
.main_cont_02_status .swiper_arr_box {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 33px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper_arr_box {
    width: 12px;
    height: 25px;
  }
}
.main_cont_02_status .swiper_arr_box > a {
  margin: 0;
  width: 20px;
  height: 11px;
  display: block;
  position: static;
}
.main_cont_02_status .swiper_arr_box > a:focus {
  outline: none;
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper_arr_box > a {
    width: 12px;
    height: 7px;
  }
}
.main_cont_02_status .swiper_arr_box > a .icon_arrow {
  display: block;
  position: relative;
}
.main_cont_02_status .swiper_arr_box > a .icon_arrow:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: rgba(34, 34, 34, 0.3);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 25%) rotate(-45deg);
  transition: 0.3s;
}
@media (max-width: 991px) {
  .main_cont_02_status .swiper_arr_box > a .icon_arrow:after {
    width: 9px;
    height: 9px;
  }
}
.main_cont_02_status .swiper_arr_box > a:after {
  display: none;
}
.main_cont_02_status .swiper_arr_box > a:hover .icon_arrow:after {
  border-color: rgb(34, 34, 34);
}
.main_cont_02_status .swiper_arr_box .swiper-button-next .icon_arrow:after {
  transform: translate(-50%, -25%) rotate(135deg);
}
.main_cont_02_service {
  width: 60%;
}
@media (max-width: 991px) {
  .main_cont_02_service {
    width: 100%;
    margin-top: 70px;
  }
}
.main_cont_02_service .mc_tt_con .main_tt {
  text-align: left;
}
@media (max-width: 991px) {
  .main_cont_02_service .mc_tt_con .main_tt {
    text-align: center;
  }
}
.main_cont_02_service_con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .main_cont_02_service_con {
    width: 85.758%;
    margin: 0 auto;
  }
}
.main_cont_02_service_con li {
  background: #fff no-repeat center center;
  border-radius: 20px;
  width: 23.077%;
  text-align: center;
  padding: 9.424% 0 24px;
  box-shadow: 0 0 25px rgba(60, 80, 187, 0.05);
  border: 1px solid transparent;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .main_cont_02_service_con li {
    width: 47.35%;
    padding: 20.99% 0 6.19%;
  }
}
.main_cont_02_service_con li:hover {
  border: 1px solid #7757ff;
}
.main_cont_02_service_con li:nth-child(1) {
  background-image: url(../img/main_cont_02_01.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(1) {
    background-image: url(../img/mmain_cont_02_01.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(2) {
  background-image: url(../img/main_cont_02_02.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(2) {
    background-image: url(../img/mmain_cont_02_02.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(3) {
  background-image: url(../img/main_cont_02_03.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(3) {
    background-image: url(../img/mmain_cont_02_03.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(4) {
  background-image: url(../img/main_cont_02_04.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(4) {
    background-image: url(../img/mmain_cont_02_04.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(5) {
  background-image: url(../img/main_cont_02_05.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(5) {
    background-image: url(../img/mmain_cont_02_05.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(6) {
  background-image: url(../img/main_cont_02_06.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(6) {
    background-image: url(../img/mmain_cont_02_06.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(7) {
  background-image: url(../img/main_cont_02_07.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(7) {
    background-image: url(../img/mmain_cont_02_07.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(8) {
  background-image: url(../img/main_cont_02_08.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(8) {
    background-image: url(../img/mmain_cont_02_08.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con li:nth-child(n+5) {
  margin-top: 17px;
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(n+5) {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .main_cont_02_service_con li:nth-child(n+3) {
    margin-top: 15px;
  }
}
.main_cont_02_service_con li p {
  color: #5d5d5d;
  font-size: 15px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .main_cont_02_service_con li p {
    font-size: 13.5px;
    line-height: 17.5px;
  }
}
@media (max-width: 480px) {
  .main_cont_02_service_con li p {
    font-size: 11.5px;
    line-height: 17.5px;
  }
}
.main_cont_02_service_con.shop li:nth-child(1), .main_cont_02_service_con.shop li:nth-child(2) {
  padding: 11% 0 24px;
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(1), .main_cont_02_service_con.shop li:nth-child(2) {
    width: 47.35%;
    padding: 26.956% 0 6.19%;
  }
}
.main_cont_02_service_con.shop li:nth-child(1) {
  background-image: url(../img/main_cont_02_shop_01.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(1) {
    background-image: url(../img/mmain_cont_02_shop_01.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(2) {
  background-image: url(../img/main_cont_02_shop_02.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(2) {
    background-image: url(../img/mmain_cont_02_shop_02.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(3) {
  background-image: url(../img/main_cont_02_shop_03.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(3) {
    background-image: url(../img/mmain_cont_02_shop_03.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(4) {
  background-image: url(../img/main_cont_02_shop_04.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(4) {
    background-image: url(../img/mmain_cont_02_shop_04.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(5) {
  background-image: url(../img/main_cont_02_shop_05.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(5) {
    background-image: url(../img/mmain_cont_02_shop_05.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(6) {
  background-image: url(../img/main_cont_02_shop_06.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(6) {
    background-image: url(../img/mmain_cont_02_shop_06.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(7) {
  background-image: url(../img/main_cont_02_shop_07.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(7) {
    background-image: url(../img/mmain_cont_02_shop_07.png);
    background-size: 100%;
  }
}
.main_cont_02_service_con.shop li:nth-child(8) {
  background-image: url(../img/main_cont_02_shop_08.png);
}
@media (max-width: 991px) {
  .main_cont_02_service_con.shop li:nth-child(8) {
    background-image: url(../img/mmain_cont_02_shop_08.png);
    background-size: 100%;
  }
}
.main_cont_03 {
  padding-bottom: 164px;
}
@media (max-width: 991px) {
  .main_cont_03 {
    padding-bottom: 70px;
  }
}
@media (max-width: 991px) {
  .main_cont_03_portfolio {
    padding-top: 5px;
  }
}
.main_cont_03_portfolio .post-list:hover .wr-img {
  transform: scale(1);
}
.main_cont_03_portfolio .post-list .post-image .post-sticker {
  position: absolute;
  display: flex;
  z-index: 1;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .main_cont_03_portfolio .post-list .post-image .post-sticker img {
    height: 50px;
  }
}
.main_cont_03_portfolio .post-list .post-image .post-detail {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  padding: 0 44px;
  text-align: center;
}
.main_cont_03_portfolio .post-list .post-image .post-detail .title {
  color: #fff;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.4em;
}
.main_cont_03_portfolio .post-list .post-image .post-detail .tag {
  color: #fff;
  font-size: 16px;
  margin-top: 21px;
  line-height: 1.2em;
}
.main_cont_03_portfolio .post-list .post-image:hover .post-detail {
  opacity: 1;
  visibility: visible;
}
.main_cont_03_portfolio .post-list .post-content {
  padding-top: 20px;
  text-align: center;
  font-size: 16px;
  color: #000;
}


.main_cont_03_portfolio .post-list .post-content p.title{
  text-align: left;
  font-size: 20px;
  color: #7757ff;
  font-weight: 800;
  margin-bottom:5px;

}



.main_cont_03_portfolio .post-list .post-content p.detail{
  text-align: left;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-top:10px;
  word-break: auto-phrase;

}


.main_cont_03_portfolio .post-list .post-content p.title_en{

  text-align: left;
  font-size: 18px;
  color: #000;
  font-weight: 200;
  font-family: 'rubik', sans-serif;
}



@media (max-width: 991px) {
  .main_cont_03_portfolio .post-list .post-content {
    font-size: 14px;
    padding-top: 23px;
  }
}
@media (max-width: 991px) {
  .main_cont_03_portfolio .post-more {
    margin-top: 10px !important;
  }
}
.main_cont_04 {
  background: #f3f4f6;
}
.main_cont_04_column .post-list {
  background: #fff;
  box-shadow: 0 0 25px rgba(60, 80, 167, 0.1);
  border: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .main_cont_04_column .post-list {
    border: 1px solid #eee;
  }
}
.main_cont_04_column .post-list .post-content {
  margin: 0;
  padding: 0;
}
.main_cont_04_column .post-list .post-content a {
  display: block;
  padding: 20.5px 30px;
  margin-top: 0;
  height: 95px;
}
@media (max-width: 991px) {
  .main_cont_04_column .post-list .post-content a {
    padding: 25px 18px;
    height: auto;
  }
}
.main_cont_04_column .post-list .post-content .title {
    color: #0c0c0c;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}
@media (max-width: 1100px) {
  .main_cont_04_column .post-list .post-content .title {
    font-size: 15px;
    line-height: 1.5em;
  }
}
.main_cont_04_column .post-list .post-content .content {
  color: #6a6a6a;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .main_cont_04_column .post-list .post-content .content {
    font-size: 13px;
    line-height: 18px;
    margin-top: 10px;
  }
}
.main_cont_05 {
  border-top: 1px solid #f5f4f9;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .main_cont_05 {
    padding-bottom: 60px;
  }
}
.main_cont_05 .main_tt {
  text-align: center;
  font-size: 45px;
  margin-bottom: 65px;
}
@media (max-width: 991px) {
  .main_cont_05 .main_tt {
    font-size: 27.5px;
    margin-bottom: 35px;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li {
  border-bottom: 1px solid #d2d2d2;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li {
    border-bottom: 1px solid #ddd;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li .faq_q {
  padding: 26px 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  cursor: pointer;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li .faq_q {
    padding: 18px 0;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li .faq_q p {
  color: #0c0c0c;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li .faq_q p {
    font-size: 13px;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li .faq_q span {
  width: 22px;
  height: 18px;
  position: relative;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li .faq_q span {
    width: 10px;
    height: 5px;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li .faq_q span:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-style: solid;
  border-color: #000;
  border-width: 0 2px 2px 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -75%) rotate(45deg);
  transition: 0.3s;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li .faq_q span:after {
    width: 7px;
    height: 7px;
    border-width: 0 1px 1px 0;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li .faq_a {
  padding: 20px 0 40px;
  display: none;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li .faq_a {
    padding: 0 0 18px;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li .faq_a p span {
  color: #5d5d5d !important;
  font-size: 16px;
  line-height: 32px;
  font-family: "Noto Sans KR", sans-serif !important;
}
@media (max-width: 991px) {
  .main_cont_05 .main_cont_05_faq .faq_li li .faq_a p span {
    font-size: 13px;
    line-height: 21px;
  }
}
.main_cont_05 .main_cont_05_faq .faq_li li.open .faq_q span:after {
  transform: translate(-50%, -25%) rotate(-135deg);
}
.main_cont_06 {
  position: relative;
  padding-top: 0;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .main_cont_06 {
    padding-bottom: 60px;
  }
}
.main_cont_06:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(90deg, #fff 5%, transparent 15%, transparent 85%, #fff 95%, #fff 100%);
}
.main_cont_06_con {
  background-repeat: repearticle-x;
  background-position-y: center;
  background-size: cover 100%;
  height: 170px;
  width: 100%;
}
@media (max-width: 991px) {
  .main_cont_06_con {
    height: 85px;
    background-size: cover;
  }
}
.main_cont_06_con.left {
  background-image: url(../img/logo_partner_1.png);
  position: relative;
  left: 0;
  animation: ani-left 40s linear infinite;
}
.main_cont_06_con.right {
  background-image: url(../img/logo_partner_2.png);
  position: relative;
  right: 0;
  animation: ani-right 40s linear infinite;
  margin-top: -15px;
}
@media (max-width: 991px) {
  .main_cont_06_con.right {
    margin-top: -12px;
  }
}
.main_cont_06.status_main_cont_06::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f5f4f9;
  position: relative;
  top: -120px;
}
@media (max-width: 991px) {
  .main_cont_06.status_main_cont_06::before {
    display: none;
  }
}
.main_cont_07 {
  background: #f3f4f6;
  background-image: url(../img/main/main_cont_07_bg.jpg);
  background-size: cover;
  text-align: center;
  padding-bottom: 170px;
}
@media (max-width: 991px) {
  .main_cont_07 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.main_cont_07 .main_tt {
  font-size: 45px;
  text-align: left;
  margin-bottom: 54px;
  line-height: 1.2  ;
}
@media (max-width: 991px) {
  .main_cont_07 .main_tt {
    font-size: 27.5px;
    line-height: 37.5px;
    margin-bottom: 35px;
  }
}
.main_cont_07 a {
  display: block;
  width:fit-content;
  background: #7757ff;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 48px;
  border-radius: 10px;


}
@media (max-width: 991px) {
  .main_cont_07 a {
    font-size: 13px;
    padding: 15.25px 27px;
  }
}
.main_cont_07 .notice_esti {
  font-size: 16px;
  color: #222222;
  font-weight: 400;
  margin-top: 20px;
  text-align: left;
}
@media (max-width: 991px) {
  .main_cont_07 .notice_esti {
    font-size: 12px;
  }
}
.main_cont_07 .notice_esti span {
  color: #7757ff;
  font-weight: 700;
  font-size:1.3em;
}
@media (max-width: 991px) {
  .main_cont_07 .notice_esti span {
    font-weight: 600;
  }
}

@keyframes ani-left {
  0% {
    background-position-x: -1843px;
  }
  100% {
    background-position-x: 0;
  }
}
@keyframes ani-right {
  0% {
    background-position-x: 1843px;
  }
  100% {
    background-position-x: 0;
  }
}
.footer {
  padding: 70px 0 140px;
  margin-top: 0px;
    border-top: 1px solid #ededed;
}
@media (max-width: 991px) {
  .footer {
    padding: 42.5px 0;
    margin-top: 0px;
  }
}
.footer_tt {
  color: #0c0c0c;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 25px;
}


.footer_sns {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
  flex-direction: row;
}

.footer_sns i{
  font-size:1.8em;
  padding-right:20px;
  color:#7757ff;
}


@media (max-width: 991px) {
  .footer_tt {
    font-size: 15.5px;
    font-weight: 500;
    margin-bottom: 25px;
  }
}
.footer_top {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .footer_top {
    display: block;
  }
}
.footer_bot {
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  margin-top: 60px;
}
@media (max-width: 991px) {
  .footer_bot {
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding-top: 40px;
  }
}
.footer_box {
  display: none;
}
.footer_menu_a_name {
  color: #5d5d5d;
  font-size: 15px;
  font-weight: 400;
  line-height: 33px;
  display: inline-block;
  position: relative;
  padding-right: 20px;
  transition: 0.3s;
}
.footer_menu_a_name span {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 9px;
  opacity: 0;
  transition: 0.3s;
}
.footer_menu_a_name span:before {
  content: "";
  display: block;
  width: 130%;
  height: 1px;
  background: #555555;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.footer_menu_a_name span:after {
  content: "";
  display: block;
  width: 70%;
  height: 70%;
  border: 1px solid #555555;
  border-width: 1px 1px 0 0;
  position: absolute;
  right: 0;
  top: 0;
}
.footer_menu_a:hover span {
  color: #222222;
}
.footer_menu_a:hover span.arrow {
  opacity: 1;
}
.footer_cs {
  padding-left: 50px;
}
@media (max-width: 991px) {
  .footer_cs {
    padding-left: 0;
  }
}
.footer_cs .tel {
  color: #7757ff;
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-top: 5px;
}
@media (max-width: 991px) {
  .footer_cs .tel {
    font-size: 29.5px;
    line-height: 23px;
  }
}
.footer_cs .time {
  color: #5d5d5d;
  font-size: 15px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .footer_cs .time {
    font-size: 12px;
    line-height: 23px;
    padding-bottom: 42px;
  }
}
.footer_tel {
  padding-left: 40px;
}
@media (max-width: 991px) {
  .footer_tel {
    padding-bottom: 40px;
    padding-top: 42px;
    padding-left: 0;
    position: relative;
  }
}
@media (max-width: 991px) {
  .footer_tel:before {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 1px;
    background: #ddd;
    position: absolute;
    left: -15px;
    top: 0;
  }
}
.footer_tel li {
  color: #5d5d5d;
  font-size: 15px;
  line-height: 33px;
}
@media (max-width: 991px) {
  .footer_tel li {
    font-size: 12px;
    line-height: 25px;
  }
}
.footer_tel li span {
  display: inline-block;
  width: 44px;
}
.footer_link {
  padding-right: 100px;
}
@media (max-width: 991px) {
  .footer_link {
    position: relative;
    padding-top: 42.5px;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .footer_link:before {
    content: "";
    display: block;
    width: calc(100% + 30px);
    height: 1px;
    background: #ddd;
    position: absolute;
    left: -15px;
    top: 0;
  }
}
.footer_link .footer_tt {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .footer_link .footer_tt {
    position: relative;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .footer_link .footer_tt:before {
    content: "";
    display: block;
    width: 10.5px;
    height: 2px;
    background: #000000;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
@media (max-width: 991px) {
  .footer_link .footer_tt:after {
    content: "";
    display: block;
    width: 10.5px;
    height: 2px;
    background: #000000;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@media (max-width: 991px) {
  .footer_link .footer_tt.off:before {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
@media (max-width: 991px) {
  .footer_link .footer_tt.off:after {
    transform: translate(-50%, -50%) rotate(45deg);
  }
}
@media (max-width: 991px) {
  .footer_link_ul {
    display: flex;
    margin-top: 25px;
  }
}
.footer_link_ul li a span {
  display: inline-block;
  padding-right: 23px;
  background: no-repeat right bottom;
  font-size: 15px;
  color: #5d5d5d;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .footer_link_ul li a span {
    font-size: 12px;
    background-size: 10.5px 12px;
  }
}
.footer_link_ul li a:hover span {
  color: #222222;
}
.footer_link_ul li:nth-child(1) span {
  background-image: url(../img/icon_link_01.png);
}
.footer_link_ul li:hover:nth-child(1) span {
  background-image: url(../img/icon_link_on_01.png);
}
@media (max-width: 991px) {
  .footer_link_ul li:nth-child(1) span {
    background-image: url(../img/micon_link_01.png);
  }
  .footer_link_ul li:hover:nth-child(1) span {
    background-image: url(../img/micon_link_01.png);
  }
}
.footer_link_ul li:nth-child(2) span {
  background-image: url(../img/icon_link_02.png);
}
.footer_link_ul li:hover:nth-child(2) span {
  background-image: url(../img/icon_link_on_02.png);
}
@media (max-width: 991px) {
  .footer_link_ul li:nth-child(2) span {
    background-image: url(../img/micon_link_02.png);
  }
  .footer_link_ul li:hover:nth-child(2) span {
    background-image: url(../img/micon_link_02.png);
  }
}
.footer_link_ul li + li {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .footer_link_ul li + li {
    margin-top: 0;
    margin-left: 50px;
  }
}
@media (max-width: 991px) {
  .footer_link_ul li + li span {
    background-size: 12px 12px;
  }
}
.footer_info_ul {
  display: flex;
  justify-content: flex-start;
}
.footer_info_ul li {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 28px;
}
@media (max-width: 991px) {
  .footer_info_ul li {
    font-size: 11.5px;
    line-height: 25px;
  }
}
.footer_info_ul li + li {
  margin-left: 20px;
}
.footer_info_ul li a {
  font-size: 14px;
  color: #6a6a6a;
  line-height: 28px;
}
@media (max-width: 991px) {
  .footer_info_ul li a {
    font-size: 11.5px;
    line-height: 25px;
  }
}
.footer_info_ul li.bar {
  padding-left: 20px;
  position: relative;
}
.footer_info_ul li.bar:before {
  content: "";
  display: block;
  width: 1px;
  height: 13px;
  background: #c9c9c9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.footer_logo {
  margin-top: 33px;
}
@media (max-width: 991px) {
  .footer_logo {
    margin-top: 22px;
  }
}
.footer_logo_ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767px) {
  .footer_logo_ul {
    flex-wrap: wrap;
    row-gap: 7px;
    column-gap: 8px;
  }
}
.footer_logo_ul > a {
  display: none;
}
@media (max-width: 767px) {
  .footer_logo_ul li {
    width: calc(50% - 4px);
  }
  .footer_logo_ul li img {
    width: 100%;
  }
}
.footer_logo_ul li + li {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .footer_logo_ul li + li {
    margin-left: 0px;
  }
}

.top_btn {
  background: #fff;
  border-radius: 50px;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  /* display: none; */
  transition: bottom 0.3s;
}
@media (max-width: 991px) {
  .top_btn {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 991px) {
  .top_btn.off {
    bottom: 100px;
  }
}
@media (max-width: 991px) {
  .top_btn.on {
    bottom: 20px;
  }
}
.top_btn_icon {
  display: block;
  width: 26px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .top_btn_icon {
    width: 15.5px;
    height: 9px;
  }
}
.top_btn_icon:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: 2px solid #7757ff;
  border-width: 2px 2px 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -25%) rotate(-45deg);
}
@media (max-width: 991px) {
  .top_btn_icon:after {
    width: 11px;
    height: 11px;
  }
}

.popup_bg {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.popup_bg.open {
  opacity: 1;
  visibility: visible;
}
.popup_con {
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.popup_close {
  position: absolute;
  left: calc(100% + 20px);
  top: 0;
  background: #fff;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .popup_close {
    width: 45px;
    height: 45px;
    left: auto;
    right: 0;
    top: -52px;
  }
}
.popup_close_icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 19px;
  height: 19px;
}
@media (max-width: 991px) {
  .popup_close_icon {
    width: 14px;
    height: 14px;
  }
}
.popup_close_icon:before {
  content: "";
  display: block;
  width: 130%;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background: #000;
}
.popup_close_icon:after {
  content: "";
  display: block;
  width: 130%;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #000;
}

.liveqa .popup_con {
  padding: 58px 82.5px 48.5px;
  width: 940px;
  max-width: calc(100% - 198px);
  text-align: center;
}
@media (max-width: 991px) {
  .liveqa .popup_con {
    padding: 47px 20px;
    width: 100%;
    max-width: calc(100% - 30px);
    border-radius: 3px;
    top: calc(50% + 40px);
  }
}
.live_qa_tt {
  color: #000000;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .live_qa_tt {
    font-size: 27.5px;
    font-weight: 600;
    margin-bottom: 18px;
  }
}
.live_qa_tt_con {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .live_qa_tt_con {
    margin-bottom: 30px;
  }
}
.live_qa_tt_con p {
  color: #5d5d5d;
  font-size: 15px;
}
@media (max-width: 991px) {
  .live_qa_tt_con p {
    font-size: 12.5px;
    line-height: 19px;
  }
}
.live_qa_con {
  height: calc(90vh - 349px);
  overflow-y: auto;
}
@media (max-width: 991px) {
  .live_qa_con {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}
@media (max-width: 991px) {
  .live_qa_con::-webkit-scrollbar {
    display: none;
  }
}
.live_qa_con input[type=checkbox], .live_qa_con input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.live_qa_con input[type=checkbox] + .check_label, .live_qa_con input[type=radio] + .check_label {
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  transition: 0.3s;
}
.live_qa_con input[type=checkbox] + .check_label:hover, .live_qa_con input[type=radio] + .check_label:hover {
  border-color: #7757ff;
  background-color: #7757ff;
}
.live_qa_con input[type=checkbox] + .check_label:hover p, .live_qa_con input[type=radio] + .check_label:hover p {
  color: #fff;
}
@media (max-width: 991px) {
  .live_qa_con input[type=checkbox] + .check_label, .live_qa_con input[type=radio] + .check_label {
    border-radius: 5px;
  }
}
.live_qa_con input[type=checkbox] + .check_label p, .live_qa_con input[type=radio] + .check_label p {
  text-align: center;
  font-size: 15px;
  color: #5d5d5d;
}
@media (max-width: 991px) {
  .live_qa_con input[type=checkbox] + .check_label p, .live_qa_con input[type=radio] + .check_label p {
    font-size: 11.5px;
  }
}
.live_qa_con input[type=checkbox]:checked + .check_label, .live_qa_con input[type=radio]:checked + .check_label {
  border-color: #7757ff;
  background-color: #7757ff;
}
.live_qa_con input[type=checkbox]:checked + .check_label p, .live_qa_con input[type=radio]:checked + .check_label p {
  color: #fff;
}
.live_qa_cate {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .live_qa_cate {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 25px;
  }
}
.live_qa_cate li {
  width: 16.13%;
  position: relative;
}
@media (max-width: 991px) {
  .live_qa_cate li {
    width: calc(33% - 4px);
  }
}
.live_qa_cate li input + label {
  height: 0;
  padding-bottom: 110.4%;
  background: no-repeat center/cover;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label {
    padding-bottom: 98%;
  }
}
.live_qa_cate li input + label p {
  margin-top: 80.5%;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label p {
    margin-top: 70.5%;
  }
}
.live_qa_cate li:nth-child(1) input + label {
  background-image: url(../img/quick_cate01.png);
}
.live_qa_cate li:nth-child(1) input:checked + label {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate01_on.png);
}
.live_qa_cate li:nth-child(1) input + label:hover {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate01_on.png);
}
.live_qa_cate li input + label {
  height: 0;
  padding-bottom: 110.4%;
  background: no-repeat center/cover;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label {
    padding-bottom: 98%;
  }
}
.live_qa_cate li input + label p {
  margin-top: 80.5%;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label p {
    margin-top: 70.5%;
  }
}
.live_qa_cate li:nth-child(2) input + label {
  background-image: url(../img/quick_cate02.png);
}
.live_qa_cate li:nth-child(2) input:checked + label {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate02_on.png);
}
.live_qa_cate li:nth-child(2) input + label:hover {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate02_on.png);
}
.live_qa_cate li input + label {
  height: 0;
  padding-bottom: 110.4%;
  background: no-repeat center/cover;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label {
    padding-bottom: 98%;
  }
}
.live_qa_cate li input + label p {
  margin-top: 80.5%;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label p {
    margin-top: 70.5%;
  }
}
.live_qa_cate li:nth-child(3) input + label {
  background-image: url(../img/quick_cate03.png);
}
.live_qa_cate li:nth-child(3) input:checked + label {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate03_on.png);
}
.live_qa_cate li:nth-child(3) input + label:hover {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate03_on.png);
}
.live_qa_cate li input + label {
  height: 0;
  padding-bottom: 110.4%;
  background: no-repeat center/cover;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label {
    padding-bottom: 98%;
  }
}
.live_qa_cate li input + label p {
  margin-top: 80.5%;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label p {
    margin-top: 70.5%;
  }
}
.live_qa_cate li:nth-child(4) input + label {
  background-image: url(../img/quick_cate04.png);
}
.live_qa_cate li:nth-child(4) input:checked + label {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate04_on.png);
}
.live_qa_cate li:nth-child(4) input + label:hover {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate04_on.png);
}
.live_qa_cate li input + label {
  height: 0;
  padding-bottom: 110.4%;
  background: no-repeat center/cover;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label {
    padding-bottom: 98%;
  }
}
.live_qa_cate li input + label p {
  margin-top: 80.5%;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label p {
    margin-top: 70.5%;
  }
}
.live_qa_cate li:nth-child(5) input + label {
  background-image: url(../img/quick_cate05.png);
}
.live_qa_cate li:nth-child(5) input:checked + label {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate05_on.png);
}
.live_qa_cate li:nth-child(5) input + label:hover {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate05_on.png);
}
.live_qa_cate li input + label {
  height: 0;
  padding-bottom: 110.4%;
  background: no-repeat center/cover;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label {
    padding-bottom: 98%;
  }
}
.live_qa_cate li input + label p {
  margin-top: 80.5%;
}
@media (max-width: 991px) {
  .live_qa_cate li input + label p {
    margin-top: 70.5%;
  }
}
.live_qa_cate li:nth-child(6) input + label {
  background-image: url(../img/quick_cate06.png);
}
.live_qa_cate li:nth-child(6) input:checked + label {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate06_on.png);
}
.live_qa_cate li:nth-child(6) input + label:hover {
  background: no-repeat center/cover;
  background-color: #7757ff;
  background-image: url(../img/quick_cate06_on.png);
}
.live_qa_ct {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .live_qa_ct {
    display: block;
  }
}
.live_qa_ct li {
  width: 49.548%;
}
@media (max-width: 991px) {
  .live_qa_ct li {
    width: 100%;
  }
}
.live_qa_ct li:nth-child(1) input + label p {
  background-image: url(../img/quick_contact01.png);
}
.live_qa_ct li:nth-child(1) input:checked + label {
  background-color: #7757ff;
}
.live_qa_ct li:nth-child(1) input:checked + label p {
  background: no-repeat left center;
  background-image: url(../img/quick_contact01_on.png);
}
.live_qa_ct li:nth-child(1) input + label:hover {
  background-color: #7757ff;
}
.live_qa_ct li:nth-child(1) input + label:hover p {
  background: no-repeat left center;
  background-image: url(../img/quick_contact01_on.png);
}
.live_qa_ct li:nth-child(2) input + label p {
  background-image: url(../img/quick_contact02.png);
}
.live_qa_ct li:nth-child(2) input:checked + label {
  background-color: #7757ff;
}
.live_qa_ct li:nth-child(2) input:checked + label p {
  background: no-repeat left center;
  background-image: url(../img/quick_contact02_on.png);
}
.live_qa_ct li:nth-child(2) input + label:hover {
  background-color: #7757ff;
}
.live_qa_ct li:nth-child(2) input + label:hover p {
  background: no-repeat left center;
  background-image: url(../img/quick_contact02_on.png);
}
.live_qa_ct li input + label {
  height: 64px;
  line-height: 64px;
  text-align: center;
}
@media (max-width: 991px) {
  .live_qa_ct li input + label {
    height: 64px;
    line-height: 62px;
  }
}
@media (max-width: 991px) {
  .live_qa_ct li input + label {
    height: 45px;
    line-height: 45px;
    border-radius: 9px !important;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .live_qa_ct li input + label {
    height: 45px;
    line-height: 43px;
  }
}
.live_qa_ct li input + label p {
  display: inline-block;
  padding-left: 30px;
  background: no-repeat left center;
}
@media (max-width: 991px) {
  .live_qa_ct li input + label p {
    font-size: 12px;
    padding-left: 25px;
    line-height: 45px;
    background-size: 16px 20px !important;
    background-position-y: 11px;
  }
}
@media (max-width: 991px) {
  .live_qa_ct li:nth-child(2) {
    margin-top: 7.5px;
  }
}
.live_qa_ct li:nth-child(2) label p {
  padding-left: 30px;
}
@media (max-width: 991px) {
  .live_qa_ct li:nth-child(2) label p {
    padding-left: 25px;
    background-size: 16px 18.5px !important;
    background-position-y: 13px;
  }
}
.live_qa_form {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .live_qa_form {
    margin-top: 25px;
  }
}
.live_qa_form p input[type=text], .live_qa_form p input[type=email] {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  width: 100%;
  padding: 0 20px;
  transition: 0.1s;
}
@media (max-width: 991px) {
  .live_qa_form p input[type=text], .live_qa_form p input[type=email] {
    height: 48px;
    line-height: 46px;
  }
}
.live_qa_form p input[type=text]:hover, .live_qa_form p input[type=text]:focus, .live_qa_form p input[type=email]:hover, .live_qa_form p input[type=email]:focus {
  box-shadow: none;
  border: 1px solid #245bf6;
}
@media (max-width: 991px) {
  .live_qa_form p input[type=text], .live_qa_form p input[type=email] {
    font-size: 12px;
    border-radius: 9px;
    height: 42.5px;
    line-height: 44px !important;
    padding: 0 17.5px;
  }
}
.live_qa_form p input[type=text]::placeholder, .live_qa_form p input[type=email]::placeholder {
  color: #5d5d5d;
}
.live_qa_form p + p {
  margin-top: 10px;
}
@media (max-width: 991px) {
  .live_qa_form p + p {
    margin-top: 7.5px;
  }
}
.live_qa_form_check {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .live_qa_form_check {
    margin-top: 25px;
  }
}
.live_qa_form_check li {
  margin-bottom: 10px;
  margin-right: 6px;
}
@media (max-width: 991px) {
  .live_qa_form_check li {
    margin-bottom: 8px;
    margin-right: 7px;
    width: calc(50% - 3.5px);
  }
}
@media (max-width: 991px) {
  .live_qa_form_check li:nth-child(2n) {
    margin-right: 0;
  }
}
.live_qa_form_check li input[type=radio] + label {
  padding: 0 27px;
  border-radius: 22.5px !important;
  height: 45px;
  line-height: 45px;
}
@media (max-width: 991px) {
  .live_qa_form_check li input[type=radio] + label {
    height: 45px;
    line-height: 43px;
  }
}
@media (max-width: 991px) {
  .live_qa_form_check li input[type=radio] + label {
    border-radius: 42.5px !important;
    height: 43px;
    line-height: 43px;
  }
}
.live_qa_form textarea {
  margin-top: 10px;
  width: 100%;
  resize: none;
  height: 292px;
  padding: 20px 25px;
  font-size: 15px;
  line-height: 25px;
  color: #5d5d5d;
  border-radius: 10px;
  transition: 0.1s;
}
.live_qa_form textarea:hover, .live_qa_form textarea:focus {
  border: 1px solid #245bf6;
}
@media (max-width: 991px) {
  .live_qa_form textarea {
    font-size: 12px;
    line-height: 22px;
    border-radius: 9px;
    padding: 20px;
    height: 222.5px;
  }
}
.live_qa_form_file {
  margin-top: 15px;
}
.live_qa_form_file input {
  display: none;
}
.live_qa_form_file label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.live_qa_form_file label span {
  display: inline-block;
  cursor: pointer;
  background: #e0e0e0;
  border-radius: 3px;
  padding: 0 22px;
  height: 35px;
  line-height: 35px;
  color: #5d5d5d;
  font-size: 14px;
}
@media (max-width: 991px) {
  .live_qa_form_file label span {
    height: 35px;
    line-height: 33px;
  }
}
@media (max-width: 991px) {
  .live_qa_form_file label span {
    font-size: 12px;
    height: 34px;
    line-height: 36px;
    border-radius: 1.5px;
  }
}
.live_qa_form_file label p {
  padding-left: 16px;
  font-size: 15px;
}
@media (max-width: 991px) {
  .live_qa_form_file label p {
    font-size: 12.5px;
  }
}
.live_qa_privacy {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .live_qa_privacy {
    display: block;
  }
}
.live_qa_privacy_tt {
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .live_qa_privacy_tt {
    font-size: 15px;
    padding-bottom: 15px;
  }
}
.live_qa_privacy_con input + label {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #5d5d5d;
  cursor: pointer;
}
@media (max-width: 991px) {
  .live_qa_privacy_con input + label {
    font-size: 12px;
  }
}
.live_qa_privacy_con input + label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #000000;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
@media (max-width: 991px) {
  .live_qa_privacy_con input + label span {
    width: 11px;
    height: 11px;
    margin-right: 5px;
    top: -1.5px;
  }
}
.live_qa_privacy_con input + label a {
  color: #0c0c0c;
  font-weight: 500;
  display: inline-block;
  margin-left: 1px;
  border-radius: 1px;
}
@media (max-width: 991px) {
  .live_qa_privacy_con input + label a {
    margin-left: 5px;
    margin-bottom: 1px;
  }
}
.live_qa_privacy_con input:checked + label {
  position: relative;
}
.live_qa_privacy_con input:checked + label span {
  background: #7757ff;
}
.live_qa_privacy_con input:checked + label::before {
  content: "";
  width: 2px;
  height: 5px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  top: 7px;
  left: 4px;
  transform: rotate(-45deg);
  z-index: 1;
}
@media (max-width: 991px) {
  .live_qa_privacy_con input:checked + label::before {
    height: 4px;
    top: 4px;
    left: 3px;
  }
}
.live_qa_privacy_con input:checked + label::after {
  content: "";
  width: 2px;
  height: 9px;
  border-radius: 5px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 8px;
}
@media (max-width: 991px) {
  .live_qa_privacy_con input:checked + label::after {
    height: 6px;
    top: 2.5px;
    left: 5.5px;
  }
}
.liveqa button {
  margin-top: 33px;
  width: 100%;
  text-align: center;
  background: #7757ff;
  color: #fff;
  font-size: 20px;
  font-weight: 600;

  line-height: 65px;
  border-radius: 10px;
}


.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}












@media (max-width: 991px) {
  .liveqa button {
    height: 65px;
    line-height: 63px;
  }
}
@media (max-width: 991px) {
  .liveqa button {
    margin-top: 32.5px;
    font-size: 15px;
    font-weight: 600;
    height: 47.5px;
    line-height: 45.5px;
    border: 1px solid #7757ff;
    border-radius: 5px;
  }
}

.more_popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  display: none;
}
.more_popup_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.more_popup_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  background-color: #fff;
  padding: 40px 10px 30px 30px;
  border-radius: 20px;
}
@media (max-width: 480px) {
  .more_popup_box {
    width: calc(100% - 30px);
    padding: 25px 5px 15px 15px;
    border-radius: 10px;
  }
}
.more_popup_box_title {
  margin-bottom: 40px;
  font-size: 22px;
  color: #1b1b1b;
  font-weight: 500;
  position: relative;
}
@media (max-width: 480px) {
  .more_popup_box_title {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
.more_popup_box_content {
  padding-right: 10px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 365px;
  line-height: 1.2em;
}
.more_popup_box_btn {
  margin-top: 40px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .more_popup_box_btn {
    margin-top: 30px;
  }
}
.more_popup_box_btn a {
  display: block;
  width: calc(50% - 5px);
  height: 50px;
  line-height: 48px;
  border-radius: 25px;
  background: #7757ff;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 480px) {
  .more_popup_box_btn a {
    height: 40px;
    line-height: 38px;
    border-radius: 20px;
    font-size: 13px;
  }
}

.sidebar-content .sidebar-quick .btn_quick_ask {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background-color: #7757ff;
  height: 43.5px;
  line-height: 43.5px;
  border-radius: 8.5px;
  display: block;
  text-align: center;
  width: calc(100% - 50px);
  margin: 30px auto 0;
}

/******************************************
서브시작
*******************************************/
/******************************************
서브페이지 공통
*******************************************/
@keyframes textup {
  0% {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.sub_text {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px;
}
@media (max-width: 991px) {
  .sub_text {
    margin: 60px 0 50px;
  }
}
.sub_text .container_fix {
  /* width: 1870px; */
  width:100%;
  padding:0px;
}
.sub_text .container_fix .sub-title {
  position: relative;
  width: 100%;
  padding: 5rem 1rem;
  border-radius: 0px;
  transition: all 0.3s ease-in-out;
  /* background-color: #7757ff; */



}
@media (max-width: 991px) {
  .sub_text .container_fix .sub-title {
    border-radius: 15px;
    padding: 2.639em 1rem;
  }
}
.sub_text .container_fix .sub-title::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

   background: linear-gradient(90deg, #F4F5F9 5%, #C9BDFF, #F4F5F9 95%);
     /* border-radius: 30px; */
  /* border-top-left-radius:30px;
  border-bottom-right-radius:30px; */
  z-index: 0;
  transform: scaleX(0);
  opacity: 0;
  transform-origin: center;
  transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 991px) {
  .sub_text .container_fix .sub-title::before {
    border-radius:0px;
  }
}
.sub_text .container_fix .sub-title .txt-hidden {
  overflow: hidden;
  margin-top: 0;
}
.sub_text .container_fix .sub-title .txt-hidden #productPageTitle {
  display: inline-block;
  animation: textup 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.2s both;
  font-size: 45px;
  line-height: 1em;
  font-weight: 600;
  color: #000000;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .sub_text .container_fix .sub-title .txt-hidden #productPageTitle {
    font-size: 25px;
  }
}
.sub_text.active .container_fix .sub-title::before {
  transform: scaleX(1);
  opacity: 1;
}

@media (max-width: 991px) {
  .list-page {
    margin: 0 0 50px !important;
  }
}
.list-page .pagination li a {
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 400;
}
.list-page .pagination li a i::before {
  display: none;
}
.list-page .pagination li a i::after {
  content: "";
  display: block;
  width: 16px;
  height: 11px;
}
@media (max-width: 991px) {
  .list-page .pagination li a i::after {
    width: 13.5px;
    height: 9.5px;
    position: relative;
    top: 2px;
  }
}
.list-page .pagination li a i.fa-angle-double-left::after {
  background: url(../img/angle-double-left.png) no-repeat;
}
@media (max-width: 991px) {
  .list-page .pagination li a i.fa-angle-double-left::after {
    background: url(../img/mangle-double-left.png) no-repeat;
    background-size: 100%;
  }
}
.list-page .pagination li a i.fa-angle-left::after {
  background: url(../img/angle-left.png) no-repeat;
}
@media (max-width: 991px) {
  .list-page .pagination li a i.fa-angle-left::after {
    background: url(../img/mangle-left.png) no-repeat;
    background-size: 100%;
  }
}
.list-page .pagination li a i.fa-angle-right::after {
  background: url(../img/angle-right.png) no-repeat;
}
@media (max-width: 991px) {
  .list-page .pagination li a i.fa-angle-right::after {
    background: url(../img/mangle-right.png) no-repeat;
    background-size: 100%;
  }
}
.list-page .pagination li a i.fa-angle-double-right::after {
  background: url(../img/angle-double-right.png) no-repeat;
}
@media (max-width: 991px) {
  .list-page .pagination li a i.fa-angle-double-right::after {
    background: url(../img/mangle-double-right.png) no-repeat;
    background-size: 100%;
  }
}
.list-page .pagination li.active a {
  background-color: transparent !important;
  border: none !important;
  color: #111111 !important;
}

/******************************************
파이브센스 소개
*******************************************/
.introduce-body .article-content {
  padding-top: 0;
  padding-bottom: 0;
}
.introduce-body .article-content .introduce_content h2 {
  text-align: center;
  color: #0c0c0c;
  font-size: 45px;
  font-weight: 700;
  padding-top: 40px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content h2 {
    font-size: 25px;
    padding-bottom: 27.5px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction {
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction {
    padding-bottom: 70px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix > .text {
  text-align: center;
  color: #5d5d5d;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix > .text {
    font-size: 1.2em;
    word-break: keep-all;
    line-height: 21px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box {
    padding-top: 65px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box {
    display: block;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .img_box {
  width: 50%;
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .img_box {
    width: 100%;
    border-radius: 15px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box {
  width: 50%;
  padding-left: 100px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box {
    width: 100%;
    padding-left: 0px;
    padding-top: 30px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box h3 {
  color: #0c0c0c;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 600;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box h3 {
    font-size: 20px;
    text-align: center;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box p {
  color: #5d5d5d;
  font-size: 18px;
  line-height: 32px;
  padding: 43px 0;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box p {
    font-size: 1.2em;
    line-height: 21px;
    text-align: center;
    padding: 25px 0 20px;
  }
}
.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box .more_btn {
  color: #7757ff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box .more_btn {
    font-size: 12.5px;
    justify-content: center;
    gap: 7px;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box .text_box .more_btn img {
    height: 7.5px;
    position: relative;
    top: -2px;
  }
}


.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box.int02 {
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 80px;
  flex-direction: row-reverse;
}

.introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box.int02 .text_box {
  padding-left: 0px;

  text-align: center;
}


@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_introduction .container_fix .introduction_box .int_box.int02 {
    padding-top: 65px;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources {
  background-color: #f4f5f8;
  padding-top: 155px;
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources h2 {
  padding-bottom: 68px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources h2 {
    padding-bottom: 50px;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box {
  display: flex;
  align-items: center;
  gap: 18px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box {
    display: block;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents {
  flex: 1;
  background-color: #fff;
  border-radius: 30px;
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .item {
  border: 1px solid #e5e5e5;
  transition: border 0.3s;
  width: 100%;
  height: 100%;
  padding: 0 0 30px;
  border-radius: 30px;
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .item:hover {
  border: 1px solid #7757ff;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .item {
    border-radius: 15px;
    padding-bottom: 40px;
    border: 1px solid #eee;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents {
    margin: 0 auto;
    margin-bottom: 17.5px;
    border-radius: 15px;
    width: calc(100% - 47px);
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents:last-child {
    margin-bottom: 0;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .text_box {
  padding: 0 40px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .text_box {
    padding: 0 25px;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .text_box h3 {
  color: #0c0c0c;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  padding-bottom: 18px;
  margin-top: -8px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .text_box h3 {
    font-size: 17px;
    line-height: 25px;
    padding-bottom: 15px;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .text_box p {
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents .text_box p {
    font-size: 13px;
    line-height: 20.5px;
  }
}
.introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents:nth-child(2) .item {
  padding-bottom: 56px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_human_resources .human_box .contents:nth-child(2) .item {
    padding-bottom: 30px;
  }
}
.introduce-body .article-content .introduce_content .introduce_interior {
  background-color: #f4f4f4;
  padding-top: 50px;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_interior {
    padding-top: 70px;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_interior h2 {
    padding-bottom: 45px;
  }
}
.introduce-body .article-content .introduce_content .introduce_interior .interior_box .in_com {
  display: flex;
  gap: 26px;
  justify-content: space-between;
  margin-bottom: 28px;
}
.introduce-body .article-content .introduce_content .introduce_interior .interior_box .mb_img {
  margin-bottom: 28px;
}
.introduce-body .article-content .introduce_content .introduce_interior .interior_box .no_m {
  margin-bottom: 0;
}
.introduce-body .article-content .introduce_content .introduce_interior .interior_box img {
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_interior .interior_box img {
    padding-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_interior .interior_box img:last-child {
    padding-bottom: 0;
  }
}
.introduce-body .article-content .introduce_content .introduce_party {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_party {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.introduce-body .article-content .introduce_content .introduce_party h2 {
  padding-bottom: 65px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_party h2 {
    padding-bottom: 45px;
  }
}
.introduce-body .article-content .introduce_content .introduce_party .party_box .in_com {
  display: flex;
  gap: 26px;
  justify-content: space-between;
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_party .party_box .in_com {
    gap: 9px;
    margin-bottom: 9px;
  }
}
.introduce-body .article-content .introduce_content .introduce_party .party_box .mb_img {
  margin-bottom: 28px;
}
.introduce-body .article-content .introduce_content .introduce_party .party_box .no_m {
  margin-bottom: 0;
}
.introduce-body .article-content .introduce_content .introduce_party .party_box img {
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_party .party_box img {
    padding-bottom: 9px;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_party .party_box img:last-child {
    padding-bottom: 0px;
  }
}
.introduce-body .article-content .introduce_content .introduce_award {
  background-color: #f4f5f8;
  padding-top: 150px;
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award h2 {
    padding-bottom: 50px;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row {
  display: flex;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row {
    display: block;
    padding: 0 24.5px 45px 23.5px;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row:last-child {
  padding-bottom: 0;
}
.introduce-body .article-content .introduce_content .introduce_award .year_row h4 {
  color: #0c0c0c;
  font-size: 30px;
  font-weight: 600;
  width: 121px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row h4 {
    font-size: 20px;
    padding-bottom: 15px;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box {
  border-top: 2px solid #0c0c0c;
  width: calc(100% - 121px);
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row .year_box {
    border-top: 1px solid #0c0c0c;
    width: 100%;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award {
  display: table;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award {
    border-bottom: 1px solid #ddd;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div {
  display: table-cell;
  color: #0c0c0c;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 500;
  padding: 22px 0;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div {
    font-size: 12px;
    padding: 18.08px 0 20.6px 0;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_icon {
  padding-left: 121px;
  width: 14%;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_icon {
    padding-left: 0;
    width: 7.178%;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_icon img {
    width: 27.5px;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_1 {
  width: 35%;
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_1 a {
  display: block;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_1 a {
    padding-bottom: 15px;
  }
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_1 a:hover {
  color: #000;
}
.introduce-body .article-content .introduce_content .introduce_award .year_row .year_box .row_award > div.award_2 {
  width: 20%;
}
.introduce-body .article-content .introduce_content .introduce_map {
  position: relative;
}
.introduce-body .article-content .introduce_content .introduce_map .mpa_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 12, 12, 0.12);
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 70px 50px 48px;
  transition: 0.3s;
}
@media (max-width: 1330px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box {
    left: 15px;
    width: calc(100% - 30px);
    top: auto;
    bottom: 50px;
    transform: translateY(0);
    padding: 30px 23px 25px;
  }
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box h3 {
  color: #0c0c0c;
  font-size: 33px;
  font-weight: 600;
  line-height: 47px;
  text-align: left;
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box h3.point_color {
  color: #7757ff;
  font-weight:800;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box h3 {
    font-size: 19px;
    line-height: 26px;
  }
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row span {
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row span {
    font-size: 11.5px;
    line-height: 17.5px;
  }
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row span.tt {
  color: #0c0c0c;
  font-weight: 600;
  width: 100px;
  display: inline-block;
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row01 {
  padding-top: 75px;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row01 {
    padding-top: 20px;
  }
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row01 span {
  color: #0c0c0c;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row01 span.tt {
    position: relative;
    left: 1px;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row01 span + span {
    position: relative;
    left: -3px;
  }
}
.introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row02 {
  display: flex;
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row02 {
    padding: 5px 0;
  }
}
@media (max-width: 991px) {
  .introduce-body .article-content .introduce_content .introduce_map .container_fix .text_box .text_row03 span + span {
    position: relative;
    left: -4px;
  }
}

/******************************************
견적문의
*******************************************/
.est-container {
  padding-top: 244px;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .est-container {
    padding-top: 115px;
    display: block;
  }
}
.est-container .left-est {
  position: relative;
  width: 40.24%;
}
@media (max-width: 991px) {
  .est-container .left-est {
    position: relative;
    text-align: center;
    width: 100%;
  }
}
.est-container .left-est.fixed {
  position: fixed;
  top: 120px !important;
  max-width: 536px;
}
.est-container .left-est.stay {
  position: absolute;
  left: 15px;
  transform: translateY(-200px);
}
.est-container .left-est h2 {
  color: #0c0c0c;
  font-size: 45px;
  font-weight: 600;
  line-height: 45px;
  padding-bottom: 34px;
}
@media (max-width: 991px) {
  .est-container .left-est h2 {
    font-size: 27.5px;
    padding-bottom: 10.5px;
  }
}
.est-container .left-est .text_box {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 64px;
}
@media (max-width: 991px) {
  .est-container .left-est .text_box {
    font-size: 12.5px;
    line-height: 21px;
    padding-bottom: 45px;
    border-bottom: 1px solid #eee;
    margin-bottom: 50px;
  }
}
.est-container .left-est .info_box {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 35px;
}
.est-container .left-est .info_box h4 {
  color: #0c0c0c;
  font-weight: 600;
}
.est-container .left-est .info_box p {
  color: #5d5d5d;
}
.est-container .right-est {
  width: 59.76%;
  margin: 0 0 0 auto;
}
@media (max-width: 991px) {
  .est-container .right-est {
    width: 100%;
  }
}
.est-container .right-est .title {
  padding-bottom: 30px;
}
.est-container .right-est .title .big-title {
  color: #0c0c0c;
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .est-container .right-est .title .big-title {
    font-size: 18px;
    padding-bottom: 15px;
    display: block;
  }
}
.est-container .right-est .title .small-title {
  color: #5d5d5d;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}
@media (max-width: 991px) {
  .est-container .right-est .title .small-title {
    display: block;
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 {
    display: flex;
    flex-wrap: wrap;
    gap: 7.5px;
    width: calc(100% + 2.5px);
  }
}
.est-container .right-est .type_box .check .input-group2 input {
  display: none;
}
.est-container .right-est .type_box .check .input-group2 input + label {
  cursor: pointer;
  width: 16.09%;
  height: 140px;
  display: inline-block;
  line-height: 140px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  background-position: center;
  margin-top: 0;
  margin-right: 2.2px;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label {
    width: 31.1%;
    border-radius: 5px;
    line-height: 1em;
    height: auto;
    background-size: 100%;
    border: 1px solid #eee;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label:last-child {
  margin-right: 0;
}
.est-container .right-est .type_box .check .input-group2 input + label.label1 {
  background-image: url(../img/estimate_icon01_off.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label.label1 {
    background-image: url(../img/mestimate_icon01_off.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label.label2 {
  background-image: url(../img/estimate_icon02_off.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label.label2 {
    background-image: url(../img/mestimate_icon02_off.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label.label3 {
  background-image: url(../img/estimate_icon03_off.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label.label3 {
    background-image: url(../img/mestimate_icon03_off.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label.label4 {
  background-image: url(../img/estimate_icon04_off.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label.label4 {
    background-image: url(../img/mestimate_icon04_off.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label.label5 {
  background-image: url(../img/estimate_icon05_off.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label.label5 {
    background-image: url(../img/mestimate_icon05_off.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label.label6 {
  background-image: url(../img/estimate_icon06_off.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label.label6 {
    background-image: url(../img/mestimate_icon06_off.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input + label p {
  color: #858585;
  font-size: 15px;
  font-weight: 400;
  margin-top: 33px;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input + label p {
    font-size: 12px;
    margin-top: 0;
    padding: 79% 0 16%;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label {
  border: 1px solid #245bf6;
  background-color: #245bf6;
}
.est-container .right-est .type_box .check .input-group2 input:checked + label.label1 {
  background-image: url(../img/estimate_icon01_on.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input:checked + label.label1 {
    background-image: url(../img/mestimate_icon01_on.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label.label2 {
  background-image: url(../img/estimate_icon02_on.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input:checked + label.label2 {
    background-image: url(../img/mestimate_icon02_on.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label.label3 {
  background-image: url(../img/estimate_icon03_on.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input:checked + label.label3 {
    background-image: url(../img/mestimate_icon03_on.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label.label4 {
  background-image: url(../img/estimate_icon04_on.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input:checked + label.label4 {
    background-image: url(../img/mestimate_icon04_on.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label.label5 {
  background-image: url(../img/estimate_icon05_on.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input:checked + label.label5 {
    background-image: url(../img/mestimate_icon05_on.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label.label6 {
  background-image: url(../img/estimate_icon06_on.png);
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .est-container .right-est .type_box .check .input-group2 input:checked + label.label6 {
    background-image: url(../img/mestimate_icon06_on.png);
    background-repeat: no-repeat;
  }
}
.est-container .right-est .type_box .check .input-group2 input:checked + label p {
  color: #fff;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover {
  border: 1px solid #245bf6;
  background-color: #245bf6;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover.label1 {
  background-image: url(../img/estimate_icon01_on.png);
  background-repeat: no-repeat;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover.label2 {
  background-image: url(../img/estimate_icon02_on.png);
  background-repeat: no-repeat;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover.label3 {
  background-image: url(../img/estimate_icon03_on.png);
  background-repeat: no-repeat;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover.label4 {
  background-image: url(../img/estimate_icon04_on.png);
  background-repeat: no-repeat;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover.label5 {
  background-image: url(../img/estimate_icon05_on.png);
  background-repeat: no-repeat;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover.label6 {
  background-image: url(../img/estimate_icon06_on.png);
  background-repeat: no-repeat;
}
.est-container .right-est .type_box.pc_ani .check .input-group2 input + label:hover p {
  color: #fff;
}
.est-container .right-est .new_info {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .title {
    padding-bottom: 15px;
  }
}
.est-container .right-est .new_info .radio {
  text-align: center;
  padding-top: 0;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio {
    margin-top: 0;
    padding-top: 0;
  }
}
.est-container .right-est .new_info .radio .input-group2 {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 {
    display: block;
  }
}
.est-container .right-est .new_info .radio .input-group2 input {
  display: none;
}
.est-container .right-est .new_info .radio .input-group2 input + label {
  cursor: pointer;
  height: 64px;
  width: 49.7%;
  line-height: 64px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #858585;
  font-size: 15px;
  font-weight: 400;
  margin-top: 0;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input + label {
    width: 100%;
    padding-left: 0;
    font-size: 12px;
    height: 47.5px;
    line-height: 47.5px;
    border-radius: 5px;
    margin-top: 7.5px;
    border: 1px solid #eee;
  }
}
.est-container .right-est .new_info .radio .input-group2 input + label span {
  display: inline-block;
  margin-right: 13px;
  transition: 0.3s;
}
.est-container .right-est .new_info .radio .input-group2 input + label span.wr_6_1_icon {
  background: url(../img/estimate_icon07_off.png) 100% 100% no-repeat;
  background-size: cover;
  width: 20px;
  height: 25px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input + label span.wr_6_1_icon {
    width: 16px;
    height: 20px;
  }
}
.est-container .right-est .new_info .radio .input-group2 input + label span.wr_6_2_icon {
  background: url(../img/estimate_icon08_off.png) 100% 100% no-repeat;
  background-size: cover;
  width: 19px;
  height: 25px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input + label span.wr_6_2_icon {
    width: 15px;
    height: 20px;
  }
}
.est-container .right-est .new_info .radio .input-group2 input + label:hover {
  border: 1px solid #245bf6;
  background-color: #245bf6;
  color: #fff;
}
.est-container .right-est .new_info .radio .input-group2 input + label:hover span.wr_6_1_icon {
  background: url(../img/estimate_icon07_on.png) 100% 100% no-repeat;
  background-size: cover;
  width: 20px;
  height: 25px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input + label:hover span.wr_6_1_icon {
    width: 16px;
    height: 20px;
  }
}
.est-container .right-est .new_info .radio .input-group2 input + label:hover span.wr_6_2_icon {
  background: url(../img/estimate_icon08_on.png) 100% 100% no-repeat;
  background-size: cover;
  width: 19px;
  height: 25px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input + label:hover span.wr_6_2_icon {
    width: 15px;
    height: 20px;
  }
}
.est-container .right-est .new_info .radio .input-group2 input:checked + label {
  border: 1px solid #245bf6;
  background-color: #245bf6;
  color: #fff;
}
.est-container .right-est .new_info .radio .input-group2 input:checked + label span.wr_6_1_icon {
  background: url(../img/estimate_icon07_on.png) 100% 100% no-repeat;
  background-size: cover;
  width: 20px;
  height: 25px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input:checked + label span.wr_6_1_icon {
    width: 16px;
    height: 20px;
  }
}
.est-container .right-est .new_info .radio .input-group2 input:checked + label span.wr_6_2_icon {
  background: url(../img/estimate_icon08_on.png) 100% 100% no-repeat;
  background-size: cover;
  width: 19px;
  height: 25px;
}
@media (max-width: 991px) {
  .est-container .right-est .new_info .radio .input-group2 input:checked + label span.wr_6_2_icon {
    width: 15px;
    height: 20px;
  }
}
.est-container .right-est .input_box {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .est-container .right-est .input_box {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .input_box .title {
    padding-bottom: 17.5px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .input_box .inquiry_box {
    margin-bottom: 0;
  }
}
.est-container .right-est .input_box .inquiry_box input, .est-container .right-est .input_box .inquiry_box textarea {
  height: 48px;
  line-height: 48px;
  border: 1px solid #e0e0e0;
  border-radius: 10px !important;
  color: #858585;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
  padding: 0 22px;
  box-shadow: none;
}
.est-container .right-est .input_box .inquiry_box input:first-child, .est-container .right-est .input_box .inquiry_box textarea:first-child {
  margin-top: 5px;
}
@media (max-width: 991px) {
  .est-container .right-est .input_box .inquiry_box input, .est-container .right-est .input_box .inquiry_box textarea {
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    margin-top: 7.5px;
    padding: 0 15px;
    border-radius: 5px !important;
    border: 1px solid #eee;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .input_box .inquiry_box input::placeholder, .est-container .right-est .input_box .inquiry_box textarea::placeholder {
    color: #999;
  }
}
.est-container .right-est .input_box .inquiry_box input:focus, .est-container .right-est .input_box .inquiry_box input:hover, .est-container .right-est .input_box .inquiry_box textarea:focus, .est-container .right-est .input_box .inquiry_box textarea:hover {
  box-shadow: none;
  border: 1px solid #245bf6;
}
.est-container .right-est .input_box .inquiry_box textarea {
  width: 100%;
  height: 65px;
  line-height: 18px;
  resize: none;
  padding: 13.5px 15px;
}
.est-container .right-est .budget {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .est-container .right-est .budget {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .budget .title {
    padding-bottom: 17.5px;
  }
}
.est-container .right-est .budget .radio2 label {
  padding-top: 10px;
  padding-left: 0;
  margin: 0;
  margin-right: 6px;
}
@media (max-width: 991px) {
  .est-container .right-est .budget .radio2 label {
    padding-top: 7.5px;
    margin-right: 7.5px;
  }
}
.est-container .right-est .budget .radio2 label input {
  display: none;
}
.est-container .right-est .budget .radio2 label input + span {
  display: block;
  color: #858585;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #e0e0e0;
  border-radius: 23px;
  height: 45px;
  line-height: 43px;
  padding: 0 30px;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .est-container .right-est .budget .radio2 label input + span {
    font-size: 11.5px;
    height: 37.5px;
    line-height: 35.5px;
    padding: 0 13.16px;
    border: 1px solid #eee;
  }
}
.est-container .right-est .budget .radio2 label input + span:hover {
  color: #fff;
  border: 1px solid #245bf6;
  background: #245bf6;
}
.est-container .right-est .budget .radio2 label input:checked + span {
  color: #fff;
  border: 1px solid #245bf6;
  background: #245bf6;
}
.est-container .right-est .info_content {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .est-container .right-est .info_content {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .info_content .title {
    padding-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .info_content .title .big-title {
    padding-bottom: 0px;
  }
}
.est-container .right-est .info_content .answer #wr_content {
  resize: none;
  border: 1px solid #e0e0e0;
  box-shadow: none;
  border-radius: 3px !important;
  height: 242px !important;
  color: #858585;
  font-size: 15px;
  line-height: 50px;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .est-container .right-est .info_content .answer #wr_content {
    font-size: 12px;
    line-height: 40px;
    border-radius: 1.5px !important;
    height: 171px !important;
    border: 1px solid #eee;
  }
}
.est-container .right-est .info_content .answer #wr_content:focus, .est-container .right-est .info_content .answer #wr_content:hover {
  border: 1px solid #245bf6;
}
.est-container .right-est .privacy_box {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .est-container .right-est .privacy_box {
    padding-top: 50px;
  }
}
.est-container .right-est .privacy_box .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .est-container .right-est .privacy_box .title {
    display: block;
    padding-bottom: 48.5px;
  }
}
.est-container .right-est .privacy_box .title input {
  margin-top: 0;
  display: none;
}
.est-container .right-est .privacy_box .title input + label {
  color: #858585;
  font-size: 15px;
  font-weight: 400;
  margin-top: 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  .est-container .right-est .privacy_box .title input + label {
    font-size: 12px;
  }
}
.est-container .right-est .privacy_box .title input + label p {
  display: inline-block;
}
.est-container .right-est .privacy_box .title input + label p .form_check {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #000000;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
@media (max-width: 991px) {
  .est-container .right-est .privacy_box .title input + label p .form_check {
    top: 3px;
  }
}
.est-container .right-est .privacy_box .title input + label .detail {
  color: #858585;
  font-size: 15px;
  font-weight: 500;
}
@media (max-width: 991px) {
  .est-container .right-est .privacy_box .title input + label .detail {
    font-size: 12px;
  }
}
.est-container .right-est .privacy_box .title input:checked + label p .form_check {
  background: #7757ff;
  position: relative;
}
.est-container .right-est .privacy_box .title input:checked + label p .form_check::before {
  content: "";
  width: 2px;
  height: 5px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  top: 6px;
  left: 3px;
  transform: rotate(-45deg);
}
.est-container .right-est .privacy_box .title input:checked + label p .form_check::after {
  content: "";
  width: 2px;
  height: 9px;
  border-radius: 5px;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 3px;
  left: 7px;
}
.est-container .right-est .file_box {
  padding-top: 60px;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .title {
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .title .small-title {
    letter-spacing: -0.02em;
  }
}
.est-container .right-est .file_box .file_control .form-control-static {
  padding: 0 0 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_control .form-control-static {
    padding: 25px 0 10px;
  }
}
.est-container .right-est .file_box .file_control .form-control-static span {
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding-right: 20px;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_control .form-control-static span {
    font-size: 12.5px;
  }
}
.est-container .right-est .file_box .file_control .form-control-static span img {
  margin-right: 10px;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_control .form-control-static span img {
    width: 20px;
    margin-right: 8px;
  }
}
.est-container .right-est .file_box .file_input {
  width: 100%;
  float: none;
  max-width: 400px;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_input {
    width: calc(100% - 80px);
  }
}
.est-container .right-est .file_box .file_input #variableFiles td {
  padding-bottom: 0;
}
.est-container .right-est .file_box .file_input #variableFiles td .row {
  margin-right: 0;
  margin-left: 0;
}
.est-container .right-est .file_box .file_input #variableFiles td .row .file_content {
  margin-bottom: 3px;
  width: 100%;
}
.est-container .right-est .file_box .file_input #variableFiles td .row .file_content .left_file {
  border: 1px solid #e0e0e0;
  color: #858585;
  height: 48px;
  line-height: 46px;
  width: 108px;
  float: left;
  font-size: 16px;
  font-weight: 400;
  border-radius: 0 3px 3px 0;
  text-align: center;
  margin-top: 0;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_input #variableFiles td .row .file_content .left_file {
    width: 80px;
    font-size: 12px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #eee;
  }
}
.est-container .right-est .file_box .file_input #variableFiles td .row .file_content .left_file input[type=file] {
  display: none;
}
.est-container .right-est .file_box .file_input #variableFiles td .row .file_content .right_file {
  width: calc(100% - 108px);
  float: left;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_input #variableFiles td .row .file_content .right_file {
    width: calc(100% - 80px);
  }
}
.est-container .right-est .file_box .file_input #variableFiles td .row .file_content .right_file input {
  width: 100%;
  height: 48px;
  line-height: 46px;
  border: 1px solid #e0e0e0;
  color: #999999;
  font-size: 15px;
  font-weight: 400;
  border-radius: 3px 0 0 3px;
  border-right: none;
  padding: 0 15px;
}
.est-container .right-est .file_box .file_input #variableFiles td .row .file_content .right_file input::placeholder {
  color: #999;
}
@media (max-width: 991px) {
  .est-container .right-est .file_box .file_input #variableFiles td .row .file_content .right_file input {
    font-size: 12px;
    height: 45px;
    line-height: 53px;
    border: 1px solid #eee;
    border-right: none;
  }
}
.est-container .right-est .btn_write {
  margin-top: 20px;
  margin-bottom: 200px;
}
@media (max-width: 991px) {
  .est-container .right-est .btn_write {
    margin-top: 0;
    margin-bottom: 70px;
  }
}
.est-container .right-est .btn_write .btn {
  background-color: #245bf6;
  border-radius: 3px !important;
  width: 100%;
}
@media (max-width: 991px) {
  .est-container .right-est .btn_write .btn {
    border-radius: 1.5px !important;
  }
}
.est-container .right-est .btn_write .btn span {
  font-size: 20px;
  font-weight: 600;
  line-height: 75px;
}
@media (max-width: 991px) {
  .est-container .right-est .btn_write .btn span {
    font-size: 15px;
    line-height: 50px;
  }
}
.est-container .right_end::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}

.view-padding.estimate_view .view_row h3 {
  font-size: 16px;
  font-weight: 500;
}

/******************************************
제작칼럼 페이지
*******************************************/
@media (max-width: 991px) {
  .sub_text.column_title {
    margin-bottom: 60px;
  }
}

@media (max-width: 991px) {
  .notice_style.column_custom {
    margin-bottom: 0px;
  }
}
.notice_style.column_custom .list-tsearch {
  padding: 0;
  border: none;
  background: transparent;
  margin-bottom: 40px;
  padding-top: 5px;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch {
    padding-top: 0;
    margin-bottom: 36.5px;
  }
}
.notice_style.column_custom .list-tsearch .row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0 !important;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row {
    width: 100%;
  }
}
.notice_style.column_custom .list-tsearch .row > div {
  float: none;
}
.notice_style.column_custom .list-tsearch .row > div.col-group {
  width: 141px;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-group {
    width: 94.5px;
    padding: 0 !important;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-group .form-group {
  margin-bottom: 0;
  background: url(../img/col_group_arr.png) right 14px center no-repeat;
  position: relative;
  /*
  .form-control{
      border: 1px solid #d3d3d3;
      border-radius: 5px !important;
      height: 45px;
      line-height: 45px;
      -o-appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url(/img/col-group-arr.png) right 14px center no-repeat;
      color: #6a6a6a;
      font-size: 16px;
      font-weight: 400;
      padding: 0 15px;
      background-color: #fff;
      box-shadow: none;

      &:focus{
          border: 1px solid #245bf6;
      }

      @include responsive(991px){
          border: 1px solid #eee;
          width: 94.5px ;
          font-size: 12px;
          background: url(/img/col-group-arr.png) right 11px center no-repeat;
          background-size: 9px 5.5px;
          height: 37px;
          line-height: 35px;
      }

      option{

          &:hover{
              background-color: red;
          }
      }
  }*/
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-group .form-group {
    background: url(../img/col-group-arr.png) right 11px center no-repeat;
    background-size: 9px 5.5px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-group .form-group #sfl {
  border: 1px solid #d3d3d3;
  border-radius: 5px !important;
  height: 45px;
  line-height: 45px;
  background-color: transparent;
  color: #6a6a6a !important;
  font-size: 16px;
  font-weight: 400;
  padding: 0 15px;
  box-shadow: none;
  width: 100%;
  transition: 0.3s;
  text-align: left;
}
.notice_style.column_custom .list-tsearch .row > div.col-group .form-group #sfl:hover {
  border: 1px solid #245bf6;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-group .form-group #sfl {
    border: 1px solid #eee;
    width: 94.5px;
    font-size: 12px;
    height: 37px;
    line-height: 35px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-group .form-group ul {
  bottom: auto;
  top: 42px;
  min-width: 100%;
  width: 100%;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-group .form-group ul {
    top: 37px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-group .form-group ul li {
  font-size: 16px;
  line-height: 1.2em;
  cursor: pointer;
  transition: 0.1s;
  padding: 5px 10px;
}
.notice_style.column_custom .list-tsearch .row > div.col-group .form-group ul li:hover {
  background-color: #245bf6;
  color: #fff;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-group .form-group ul li {
    font-size: 12px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-form {
  width: 255px;
  padding: 0 !important;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-form {
    width: calc(100% - 131px);
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-form > .form-group {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-form > .form-group {
    margin-left: 7.5px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-form > .form-group .form-group {
  margin-bottom: 0;
}
.notice_style.column_custom .list-tsearch .row > div.col-form > .form-group .form-group input {
  border: 1px solid #d3d3d3;
  border-radius: 5px 0 0 5px !important;
  height: 45px;
  line-height: 43px;
  color: #6a6a6a;
  font-size: 16px;
  font-weight: 400;
  padding: 0 15px;
  box-shadow: none;
  border-right: none;
}
.notice_style.column_custom .list-tsearch .row > div.col-form > .form-group .form-group input:focus {
  border: 1px solid #245bf6;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-form > .form-group .form-group input {
    border: 1px solid #eee;
    border-right: none;
    font-size: 12px;
    height: 37px;
    line-height: 35px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-btn {
  width: 45px;
  padding: 0 !important;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-btn {
    width: 37px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-btn .form-group {
  width: 45px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-btn .form-group {
    width: 37px;
  }
}
.notice_style.column_custom .list-tsearch .row > div.col-btn .form-group .btn {
  background-color: #7757ff;
  width: 45px;
  height: 45px;
  border-radius: 0 5px 5px 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-btn .form-group .btn {
    width: 37px;
    height: 37px;
  }
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-tsearch .row > div.col-btn .form-group .btn img {
    width: 17.5px;
  }
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-wrap .gallery_container .list-row {
    width: 100% !important;
  }
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item {
  box-shadow: 0 0 25px rgba(60, 80, 167, 0.1);
  border: 1px solid #e5e5e5;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-wrap .gallery_container .list-row .list-item {
    box-shadow: 0 0 12.5px rgba(60, 80, 167, 0.1);
    border: 1px solid #eee;
  }
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .imgframe {
  overflow: hidden;
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .imgframe img {
  transition: 0.2s;
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .imgframe img:hover {
  transform: scale(1.15);
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .fix_gallery_content {
  padding: 20.5px 30px;
  margin-top: 0;
  height: 95px;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .fix_gallery_content {
    padding: 25px 17.5px;
    height: auto;
  }
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .fix_gallery_content .gallery_title {
  color: #0c0c0c;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}
@media (max-width: 1100px) {
  .notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .fix_gallery_content .gallery_title {
    line-height: 1.5em;
    font-size: 15px;
  }
}
.notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .fix_gallery_content .gallery_p {
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 15px;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-wrap .gallery_container .list-row .list-item .fix_gallery_content .gallery_p {
    font-size: 12.5px;
    line-height: 18px;
  }
}
.notice_style.column_custom .list-wrap .list-page {
  margin-top: 0 !important;
  margin-bottom: 140px !important;
}
@media (max-width: 991px) {
  .notice_style.column_custom .list-wrap .list-page {
    margin-top: 0 !important;
    margin-bottom: 45px !important;
  }
}

/******************************************
홈페이지 주요기능
*******************************************/
.sub_text.function_title {
  margin-bottom: 0 !important;
  background-image: linear-gradient(#fff, #f4f5f8);
}

.solution_guide {
  margin-top: -20px;
}
.solution_guide .title_box {
  color: #0c0c0c;
  font-size: 45px;
  font-weight: 600;
  line-height: 70px;
}
@media (max-width: 991px) {
  .solution_guide .title_box {
    font-size: 25px;
    line-height: 35px;
  }
}
.solution_guide .title_box .point_color {
  color: #7757ff;
}
.solution_guide .hom_f01 {
  background-color: #f4f5f8;
  padding-top: 145px;
  padding-bottom: 130px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f01 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .solution_guide .hom_f01 .title_box {
    font-size: 22.5px;
  }
}
.solution_guide .hom_f01 .cont_box {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f01 .cont_box {
    padding-top: 35px;
  }
}
.solution_guide .hom_f01 .cont_box ul li {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  line-height: 55px;
  background-color: #fff;
  transition: 0.3s;
  padding: 0px 26.89px;
  box-shadow: 0 5px 10px rgba(139, 162, 231, 0.1);
  display: inline-block;
  border-radius: 27.5px;
  margin-right: 15px;
  margin-bottom: 30px;
  cursor: pointer;
  min-width: 130px;
  text-align: center;
}
.solution_guide .hom_f01 .cont_box ul li:hover {
  color: #fff;
  background-color: #7757ff;
}
@media (max-width: 991px) {
  .solution_guide .hom_f01 .cont_box ul li {
    font-size: 11.5px;
    height: 37.5px;
    line-height: 39.5px;
    padding: 0 14.4px;
    margin-right: 8.5px;
    margin-bottom: 10px;
    box-shadow: 0 5px 5px rgba(139, 162, 231, 0.1);
    min-width: 91.5px;
  }
}
@media (max-width: 991px) {
  .solution_guide .hom_f01.shop_f01 .cont_box ul li {
    margin-right: 8px;
    padding: 0 18.4px;
  }
  .solution_guide .hom_f01.shop_f01 .cont_box ul li:nth-child(3), .solution_guide .hom_f01.shop_f01 .cont_box ul li:nth-child(4), .solution_guide .hom_f01.shop_f01 .cont_box ul li:nth-child(5), .solution_guide .hom_f01.shop_f01 .cont_box ul li:nth-child(6), .solution_guide .hom_f01.shop_f01 .cont_box ul li:nth-child(20), .solution_guide .hom_f01.shop_f01 .cont_box ul li:nth-child(24) {
    padding: 0 11.1px;
  }
}
.solution_guide .hom_f02 {
  padding-top: 145px;
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 {
    padding-top: 65px;
    padding-bottom: 70px;
  }
}
.solution_guide .hom_f02 .title_box {
  text-align: center;
}
.solution_guide .hom_f02 .cont_box {
  padding-top: 95px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 .cont_box {
    padding-top: 45px;
  }
}
.solution_guide .hom_f02 .cont_box ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 28px;
  column-gap: 31px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 .cont_box ul {
    row-gap: 10px;
    column-gap: 8.5px;
  }
}
.solution_guide .hom_f02 .cont_box ul li {
  border: 1px solid #eeeeee;
  border-radius: 15px;
  width: 14.68%;
  padding: 98px 0 25px;
  background: #fff no-repeat center center;
  transition: 0.3s;
}
.solution_guide .hom_f02 .cont_box ul li:hover {
  border: 1px solid #7757ff;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 .cont_box ul li {
    width: 31.6%;
    padding: 19% 0 6%;
    border-radius: 9px;
  }
}
.solution_guide .hom_f02 .cont_box ul li p {
  font-size: 16px;
  font-weight: 400;
  color: #5d5d5d;
  text-align: center;
  line-height: 24px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 .cont_box ul li p {
    font-size: 11.5px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 .cont_box ul li p span {
    font-size: 9px;
    transform: skew(-0.1deg);
  }
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(1) {
  background-image: url(../img/solution_guide_icon01.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(2) {
  background-image: url(../img/solution_guide_icon02.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(3) {
  background-image: url(../img/solution_guide_icon03.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(4) {
  background-image: url(../img/solution_guide_icon04.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(5) {
  background-image: url(../img/solution_guide_icon05.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(6) {
  background-image: url(../img/solution_guide_icon06.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(7) {
  background-image: url(../img/solution_guide_icon07.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(8) {
  background-image: url(../img/solution_guide_icon08.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(9) {
  background-image: url(../img/solution_guide_icon09.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(10) {
  background-image: url(../img/solution_guide_icon10.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(11) {
  background-image: url(../img/solution_guide_icon11.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(12) {
  background-image: url(../img/solution_guide_icon12.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(13) {
  background-image: url(../img/solution_guide_icon13.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(14) {
  background-image: url(../img/solution_guide_icon14.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(15) {
  background-image: url(../img/solution_guide_icon15.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(16) {
  background-image: url(../img/solution_guide_icon16.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(17) {
  background-image: url(../img/solution_guide_icon17.png);
}
.solution_guide .hom_f02 .cont_box ul li:nth-child(18) {
  background-image: url(../img/solution_guide_icon18.png);
}
@media (max-width: 991px) {
  .solution_guide .hom_f02 .cont_box ul li:nth-child(1) {
    background-image: url(../img/msolution_guide_icon01.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(2) {
    background-image: url(../img/msolution_guide_icon02.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(3) {
    background-image: url(../img/msolution_guide_icon03.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(4) {
    background-image: url(../img/msolution_guide_icon04.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(5) {
    background-image: url(../img/msolution_guide_icon05.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(6) {
    background-image: url(../img/msolution_guide_icon06.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(7) {
    background-image: url(../img/msolution_guide_icon07.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(8) {
    background-image: url(../img/msolution_guide_icon08.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(9) {
    background-image: url(../img/msolution_guide_icon09.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(10) {
    background-image: url(../img/msolution_guide_icon10.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(11) {
    background-image: url(../img/msolution_guide_icon11.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(12) {
    background-image: url(../img/msolution_guide_icon12.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(13) {
    background-image: url(../img/msolution_guide_icon13.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(14) {
    background-image: url(../img/msolution_guide_icon14.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(15) {
    background-image: url(../img/msolution_guide_icon15.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(16) {
    background-image: url(../img/msolution_guide_icon16.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(17) {
    background-image: url(../img/msolution_guide_icon17.png);
    background-size: cover;
  }
  .solution_guide .hom_f02 .cont_box ul li:nth-child(18) {
    background-image: url(../img/msolution_guide_icon18.png);
    background-size: cover;
  }
}
.solution_guide .hom_f02.hom .cont_box ul li:nth-child(10) {
  padding: 85px 0 14px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02.hom .cont_box ul li:nth-child(10), .solution_guide .hom_f02.hom .cont_box ul li:nth-child(11), .solution_guide .hom_f02.hom .cont_box ul li:nth-child(14), .solution_guide .hom_f02.hom .cont_box ul li:nth-child(15), .solution_guide .hom_f02.hom .cont_box ul li:nth-child(16) {
    padding: 15.9% 0 5%;
  }
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(1) {
  background-image: url(../img/shop_function_icon01.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(2) {
  background-image: url(../img/shop_function_icon02.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(3) {
  background-image: url(../img/shop_function_icon03.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(4) {
  background-image: url(../img/shop_function_icon04.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(5) {
  background-image: url(../img/shop_function_icon05.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(6) {
  background-image: url(../img/shop_function_icon06.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(7) {
  background-image: url(../img/shop_function_icon07.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(8) {
  background-image: url(../img/shop_function_icon08.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(9) {
  background-image: url(../img/shop_function_icon09.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(10) {
  background-image: url(../img/shop_function_icon10.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(11) {
  background-image: url(../img/shop_function_icon11.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(12) {
  background-image: url(../img/shop_function_icon12.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(13) {
  background-image: url(../img/shop_function_icon13.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(14) {
  background-image: url(../img/shop_function_icon14.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(15) {
  background-image: url(../img/shop_function_icon15.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(16) {
  background-image: url(../img/shop_function_icon16.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(17) {
  background-image: url(../img/shop_function_icon17.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(18) {
  background-image: url(../img/shop_function_icon18.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(19) {
  background-image: url(../img/shop_function_icon19.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(20) {
  background-image: url(../img/shop_function_icon20.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(21) {
  background-image: url(../img/shop_function_icon21.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(22) {
  background-image: url(../img/shop_function_icon22.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(23) {
  background-image: url(../img/shop_function_icon23.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(24) {
  background-image: url(../img/shop_function_icon24.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(25) {
  background-image: url(../img/shop_function_icon25.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(26) {
  background-image: url(../img/shop_function_icon26.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(27) {
  background-image: url(../img/shop_function_icon27.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(28) {
  background-image: url(../img/shop_function_icon28.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(29) {
  background-image: url(../img/shop_function_icon29.png);
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(30) {
  background-image: url(../img/shop_function_icon30.png);
}
@media (max-width: 991px) {
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(1) {
    background-image: url(../img/mshop_function_icon01.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(2) {
    background-image: url(../img/mshop_function_icon02.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(3) {
    background-image: url(../img/mshop_function_icon03.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(4) {
    background-image: url(../img/mshop_function_icon04.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(5) {
    background-image: url(../img/mshop_function_icon05.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(6) {
    background-image: url(../img/mshop_function_icon06.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(7) {
    background-image: url(../img/mshop_function_icon07.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(8) {
    background-image: url(../img/mshop_function_icon08.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(9) {
    background-image: url(../img/mshop_function_icon09.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(10) {
    background-image: url(../img/mshop_function_icon10.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(11) {
    background-image: url(../img/mshop_function_icon11.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(12) {
    background-image: url(../img/mshop_function_icon12.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(13) {
    background-image: url(../img/mshop_function_icon13.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(14) {
    background-image: url(../img/mshop_function_icon14.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(15) {
    background-image: url(../img/mshop_function_icon15.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(16) {
    background-image: url(../img/mshop_function_icon16.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(17) {
    background-image: url(../img/mshop_function_icon17.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(18) {
    background-image: url(../img/mshop_function_icon18.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(19) {
    background-image: url(../img/mshop_function_icon19.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(20) {
    background-image: url(../img/mshop_function_icon20.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(21) {
    background-image: url(../img/mshop_function_icon21.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(22) {
    background-image: url(../img/mshop_function_icon22.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(23) {
    background-image: url(../img/mshop_function_icon23.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(24) {
    background-image: url(../img/mshop_function_icon24.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(25) {
    background-image: url(../img/mshop_function_icon25.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(26) {
    background-image: url(../img/mshop_function_icon26.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(27) {
    background-image: url(../img/mshop_function_icon27.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(28) {
    background-image: url(../img/mshop_function_icon28.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(29) {
    background-image: url(../img/mshop_function_icon29.png);
    background-size: cover;
  }
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(30) {
    background-image: url(../img/mshop_function_icon30.png);
    background-size: cover;
  }
}
.solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(8), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(9), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(12), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(14), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(16), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(25), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(26) {
  padding: 85px 0 14px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(8), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(9), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(12), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(13), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(14), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(15), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(16), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(25), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(26), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(27), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(28), .solution_guide .hom_f02.shop_f02 .cont_box ul li:nth-child(29) {
    padding: 15.9% 0 5%;
  }
}
.solution_guide .hom_f03 {
  background-color: #f4f5f9;
  padding: 30px 0px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f03 {
    padding-top: 30px;
  }
}
.solution_guide .hom_f03 .title_box {
  text-align: center;
}
.solution_guide .hom_f03 .sm_tab_box {
  padding-top: 50px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box {
    padding-top: 0px;
  }
}
@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box .tab_box {
    width: 100%;
    padding: 0;
    overflow: visible !important;
  }
}
.solution_guide .hom_f03 .sm_tab_box .tab_box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box .tab_box ul {
    display: block;
  }
}
.solution_guide .hom_f03 .sm_tab_box .tab_box ul li {
  width: 15%;
}
@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box .tab_box ul li {
    display: flex;
    min-width: 100%;
    flex-direction: column;
    padding:5px;
  }
}
.solution_guide .hom_f03 .sm_tab_box .tab_box ul li span {
  display: flex;
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 10px;
  background-color: #fff;
  cursor: pointer;

  height: 75px;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box .tab_box ul li span {
    display: inline;
    font-size: 14px;
    line-height: 39.5px;
    height: 37.5px;
    border-radius: 7px;
    border: none;
  }
}
.solution_guide .hom_f03 .sm_tab_box .tab_box ul li.on span {
  border: 1px solid #7757ff;
  background-color: #7757ff;
  color: #fff;
}

.solution_guide .hom_f03 .sm_tab_box .tab_box ul li span .spanTag {
  font-size: 0.7em;
}



@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box .tab_box ul li.on span {
    border: none;
  }
  .solution_guide .hom_f03 .sm_tab_box .tab_box ul li span .spanTag {
    display: inline-block;
    padding-left:10px;
    font-size: 0.9em;
  }

}
@media (max-width: 991px) {
  .solution_guide .hom_f03 .sm_tab_box .tab_box ul li + li span {
    margin-left: 0px;
  }
}
.solution_guide .hom_f03 .sm_tab_box .tab_con ul li {
  display: none;
}
.solution_guide .hom_f03 .sm_tab_box .tab_con ul li:nth-child(1) {
  display: block;
}
.solution_guide .hom_f03.hom .sm_tab_box .tab_box ul li:last-child {
  width: 13.85%;
}
.solution_guide .hom_f03.shop_f03 .sm_tab_box {
  padding-top: 50px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f03.shop_f03 .sm_tab_box {
    padding-top: 40px;
  }
}
.solution_guide .hom_f03.shop_f03 .sm_tab_box .tab_box ul li {
  width: 10.39%;
}
.solution_guide .hom_f04 {
  padding-top: 150px;
  padding-bottom: 160px;
}
.solution_guide .hom_f04 .title_box {
  text-align: center;
}
.solution_guide .hom_f04 .sample_box {
  padding-top: 50px;
}
.solution_guide .hom_f04 .sample_box ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 88px;
  column-gap: 58px;
}
.solution_guide .hom_f04 .sample_box ul li {
  width: calc(50% - 29px);
}
.solution_guide .hom_f04 .sample_box ul li .img_box {
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s;
}
.solution_guide .hom_f04 .sample_box ul li .img_box:hover {
  border: 1px solid #7757ff;
}
.solution_guide .hom_f04 .sample_box ul li .img_box img {
  width: 100%;
}
.solution_guide .hom_f04 .sample_box ul li .text_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 18px;
}
.solution_guide .hom_f04 .sample_box ul li .text_box p {
  color: #0c0c0c;
  font-size: 20px;
  font-weight: 500;
}
.solution_guide .hom_f04 .sample_box ul li .text_box .more_btn {
  display: inline-block;
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  background-color: #eeeeee;
  border-radius: 23px;
  padding: 0 30.563px;
  transition: 0.3s;
}
.solution_guide .hom_f04 .sample_box ul li .text_box .more_btn:hover {
  color: #fff;
  background-color: #7757ff;
}
.solution_guide .hom_f05 {
  background-color: #245bf6;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 {
    padding-bottom: 50px;
  }
}
.solution_guide .hom_f05 .container_fix {
  width: 1130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix {
    display: block;
  }
}
.solution_guide .hom_f05 .container_fix .tt {
  color: #fff;
  padding: 105px 0;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix .tt {
    text-align: center;
    padding: 50px 0 38.5px;
  }
}
.solution_guide .hom_f05 .container_fix .tt h2 {
  font-size: 45px;
  font-weight: 600;
  padding-bottom: 27px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix .tt h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }
}
.solution_guide .hom_f05 .container_fix .tt p {
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix .tt p {
    font-size: 12.5px;
  }
}
.solution_guide .hom_f05 .container_fix .btn_group {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix .btn_group {
    display: block;
    text-align: center;
  }
}
.solution_guide .hom_f05 .container_fix .btn_group .more_btn {
  display: inline-block;
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  line-height: 56px;
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 15px;
  box-shadow: 0 3px 30px rgba(44, 49, 61, 0.24);
  padding: 0 49.53px;
  margin-left: 20px;
  transition: 0.3s;
}
.solution_guide .hom_f05 .container_fix .btn_group .more_btn:hover {
  color: #fff;
  background-color: #7757ff;
  border: 2px solid #f4f5f9;
  box-shadow: 0 0 0 transparent;
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix .btn_group .more_btn {
    margin: 0 auto;
    display: block;
    font-size: 12px;
    line-height: 42px;
    font-weight: 500;
    border-radius: 10px;
    width: 45.45%;
    min-width: 150px;
    padding: 0 10px;
  }
}
@media (max-width: 991px) {
  .solution_guide .hom_f05 .container_fix .btn_group .more_btn + a {
    margin-top: 9px;
  }
}
@media (max-width: 991px) {
  .solution_guide .hom_f05.shop_f05 .container_fix .btn_group .more_btn + a {
    margin-top: 19px;
  }
}
.solution_guide .hom_f06 {
  padding-top: 160px;
  padding-bottom: 140px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f06 {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
.solution_guide .hom_f06 .container_fix .main_function {
  display: flex;
  align-items: center;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f06 .container_fix .main_function {
    display: block;
    padding-bottom: 65px;
  }
}
.solution_guide .hom_f06 .container_fix .main_function:nth-child(2n) {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.solution_guide .hom_f06 .container_fix .main_function:last-child {
  padding-bottom: 0;
}
.solution_guide .hom_f06 .container_fix .main_function .text_box {
  padding-left: 100px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f06 .container_fix .main_function .text_box {
    padding-left: 0;
    text-align: center;
  }
}
.solution_guide .hom_f06 .container_fix .main_function .text_box .tit {
  color: #0c0c0c;
  font-size: 30px;
  font-weight: 600;
  line-height: 45px;
  padding-bottom: 35px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f06 .container_fix .main_function .text_box .tit {
    font-size: 20px;
    line-height: 26px;
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
.solution_guide .hom_f06 .container_fix .main_function .text_box .text {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.solution_guide .hom_f06 .container_fix .main_function .text_box .text .ps {
  font-size: 16px;
  line-height: 26px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f06 .container_fix .main_function .text_box .text .ps {
    font-size: 11.5px;
    line-height: 19px;
  }
}
.solution_guide .hom_f06 .container_fix .main_function .text_box .text .ps.last-ps {
  padding-left: 10px;
}
@media (max-width: 991px) {
  .solution_guide .hom_f06 .container_fix .main_function .text_box .text {
    font-size: 12.5px;
    line-height: 21px;
  }
}


.sub_text.upkeeping_title {
  margin-bottom: 130px;
}
@media (max-width: 991px) {
  .sub_text.upkeeping_title {
    margin-bottom: 70px;
  }
}

.article-wrapper.article-upkeeping .article-content {
  border-bottom: 1px solid #f5f4f9;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .point_color {
  color: #7757ff;
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_01 .title {
  color: #0c0c0c;
  font-size: 45px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_01 .title {
    font-size: 25px;
    line-height: 35px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_01 .sub_text {
  color: #5d5d5d;
  margin-top: 80px;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_01 .sub_text {
    font-size: 12.5px;
    line-height: 21px;
    margin: 25px 0 70px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_01 .sub_text p {
  margin-top: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_01 .sub_text p {
    font-size: 12.5px;
    line-height: 21px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 {
  background-color: #f4f5f8;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box {
    display: block;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .left_chart {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .left_chart .chart_box {
    left: -5.5%;
    top: 0;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .left_chart .chart_box .chart_num {
    font-size: 32.5px;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .left_chart .chart_box .chart_num span.p {
    font-size: 60px;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt {
    width: 100%;
    padding: 50px 0 70px 0;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .top_cont {
  padding-bottom: 70px;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .top_cont {
    text-align: center;
    padding-bottom: 17px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .top_cont p {
  color: #0c0c0c;
  font-size: 42px;
  font-weight: 600;
  line-height: 65px;
}
@media (max-width: 1100px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .top_cont p {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .top_cont p {
    font-size: 22.5px;
    line-height: 35px;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .bottom_cont {
    text-align: center;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .bottom_cont p {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .bottom_cont p .b {
  color: #101010;
  font-weight: 600;
}
@media (max-width: 1100px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .bottom_cont p {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_02 .flex_box .right_txt .bottom_cont p {
    font-size: 12.5px;
    line-height: 22px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 {
  padding-top: 150px;
  padding-bottom: 140px;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 {
    padding-top: 70px;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .left_txt {
    text-align: center;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .left_txt h2 {
  color: #0c0c0c;
  font-size: 42px;
  font-weight: 600;
  line-height: 65px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .left_txt h2 {
    font-size: 22.5px;
    line-height: 32.5px;
    margin-bottom: 22.5px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .left_txt p {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .left_txt p {
    font-size: 12.5px;
    line-height: 20px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .right_graph .graph_tit .graph_li p {
  color: #101010;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .right_graph .graph_tit .graph_li p {
    font-size: 14px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .right_graph .graph_tit .graph_li div {
  color: #5d5d5d;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .right_graph .graph_tit .graph_li div {
    font-size: 10px;
    padding: 0;
    padding-left: 15px;
  }
}
.article-wrapper.article-upkeeping .article-content .maintenance_wrap.upkeeping .maintenance_03 .in_box .right_graph .graph_tit .graph_li div.free span {
  background-color: #235bf4;
}
.article-wrapper.article-upkeeping .main_cont_05 {
  border-top: none;
}


.board-container.status_custom .list-wrap {
  padding-top: 246px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap {
    padding-top: 115px;
    display: block;
  }
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .left_wrap .text_wrap {
    text-align: center;
    padding-bottom: 50px;
  }
}
.board-container.status_custom .list-wrap .left_wrap .text_wrap h2 {
  color: #0c0c0c;
  font-size: 45px;
  font-weight: 600;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .left_wrap .text_wrap h2 {
    font-size: 25px;
    padding-bottom: 22px;
  }
}
.board-container.status_custom .list-wrap .left_wrap .text_wrap p {
  color: #5d5d5d;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .left_wrap .text_wrap p {
    font-size: 12.5px;
    line-height: 21px;
  }
}
.board-container.status_custom .list-wrap .right_wrap {
  width: 59.7%;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap {
    width: 100%;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head {
  border-top: 1px solid #000;
  border-bottom: 1px solid #e0e0e0;
  padding: 20.5px 0;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head {
    padding: 15.75px 0;
    border-bottom: 1px solid #eee;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head > span {
  color: #000;
  font-size: 15px;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head > span {
    font-size: 12.5px;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head > span.wr-subject {
  padding-left: 90px;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head > span.wr-subject {
    padding-left: 0;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .div-head > span.wr-date {
  width: 250px;
  padding-right: 15px;
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item {
  cursor: pointer;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item {
    border-bottom: 1px solid #eee;
  }
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item:hover {
    background-color: #fff;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div {
  color: #5d5d5d;
  font-size: 14px;
  font-weight: 400;
  padding: 14px 0px;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div {
    padding: 18.5px 0;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-subject {
  padding-left: 20px;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-subject {
    padding-left: 15px;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-subject .item-subject {
  color: #5d5d5d;
  font-size: 14px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-subject .item-subject {
    font-size: 12px;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-date {
  width: 160px;
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr {
  width: 50px;
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #c6c6c6;
  background-color: #fff;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon {
    width: 33px;
    height: 33px;
    border: 1px solid #ddd;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon::before, .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon::after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: #c6c6c6;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon::before, .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon::after {
    background-color: #ddd;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon::before {
  transform: translate(-50%, -50%);
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item > div.wr-arr .wr-arr-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 1;
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon {
  border: 1px solid #000000;
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon::before, .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon::after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon::before, .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon::after {
    width: 15.5px;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon::before {
  transform: translate(-50%, -50%);
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .list-item.active .wr-arr .wr-arr-icon::after {
  transform: translate(-50%, -50%) rotate(0);
  opacity: 0;
}
.board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .board-view-row {
  background: #fff;
  padding: 25px 20px;
  color: #5d5d5d;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  display: none;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-board .list-body .board-view-row {
    font-size: 12px;
    line-height: 20px;
    padding: 17.5px 15px;
    border-bottom: 1px solid #eee;
  }
}
.board-container.status_custom .list-wrap .right_wrap .form .list-page {
  margin: 80px 0 280px !important;
}
@media (max-width: 991px) {
  .board-container.status_custom .list-wrap .right_wrap .form .list-page {
    margin: 50px 0 30px !important;
  }
}

.board-container.status_view {
  padding-top: 246px;
}


.article-body.portfolio-body {
  padding-top: 100px;
  padding-bottom: 105px;
  border-bottom: none;
}
.article-body.portfolio-body .container_fix {
  width: 1870px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body {
    padding-top: 55px;
    padding-bottom: 0;
  }
}
.article-body.portfolio-body.write-body {
  width: 1330px;
  padding: 100px 15px 0;
  margin: 0 auto;
  max-width: 100%;
  position: relative;
}
.article-body.portfolio-body.write-body .write-wrap .radio_btn {
  font-size: 14px;
}
.article-body.portfolio-body.write-body .write-wrap .inquiry_box .radio_wrap {
  display: flex;
  line-height: 50px;
  gap: 20px;
}
.article-body.portfolio-body.write-body .write-wrap .caption_box {
  padding-bottom: 10px;
}
.article-body.portfolio-body.write-body .write-wrap .caption_box .caption {
  font-size: 14px;
  line-height: 1.2em;
}
.article-body.portfolio-body.wr_id_body {
  padding-bottom: 110px;
  border-bottom: none;
}
@media (max-width: 991px) {
  .article-body.portfolio-body.wr_id_body {
    padding-bottom: 70px;
    padding-top: 55px;
  }
}
.article-body.portfolio-body.wr_id_body .container_fix {
  width: 100%;
  padding: 0;
}
.article-body.portfolio-body.wr_id_body .container_fix .top_btn_group {
  max-width: 1880px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding-bottom: 30px;
}
.article-body.portfolio-body.wr_id_body .container_fix .top_btn_group.btn-group > .btn {
  float: right;
}
.article-body.portfolio-body .slider_box {
  margin-bottom: 150px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box {
    margin-bottom: 70px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider {
  border-radius: 30px;
  overflow: hidden;
  width: 96.335%;
  margin: 0 auto;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider {
    border-radius: 15px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider.on {
  width: 100%;
  border-radius: 0;
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box {
  position: absolute;
  top: 25.9%;
  left: 50%;
  max-width: 1590px;
  padding: 0 14px;
  transform: translate(-50%, 0%);
  width: 100%;
}
@media (max-width: 1500px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box {
    top: 15.5%;
  }
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box {
    left: 56.5%;
    top: 20.5%;
    padding: 0 30px;
  }
}
@media (max-width: 768px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box {
    top: 10.5%;
  }
}
@media (max-width: 480px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box {
    left: 50%;
    top: 10.5%;
    padding: 0 30px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box {
  padding-bottom: 41px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box {
    padding-bottom: 24px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box span {
  margin-right: 16px;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box span {
    margin-right: 7.5px;
  }
}
@media (max-width: 1500px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box span img {
    height: 40px;
  }
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box span img {
    height: auto;
  }
}
@media (max-width: 480px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box .icon_box span img {
    height: 30px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 600;
}
@media (max-width: 1500px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box h1 {
    font-size: 50.5px;
  }
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box h1 {
    font-size: 34.5px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box p {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  padding-top: 46px;
}
@media (max-width: 1500px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box p {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box p {
    font-size: 18px;
    padding-top: 29px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .text_box p span {
  color: #d30f1a;
  font-weight: 600;
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .banner_txt_box {
  position: absolute;
  top: 67%;
  left: 50%;
  max-width: 1590px;
  padding: 0 15px;
  transform: translate(-50%, 0%);
  width: 100%;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .banner_txt_box {
    top: 41%;
    left: 56.5%;
  }
}
@media (max-width: 480px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .banner_txt_box {
    left: 56.5%;
    padding: 0 10px;
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .banner_txt_box .view_btn {
  width: 240px;
  line-height: 60px;
  background-color: #fff;
  color: #222222;
  font-size: 18px;
  font-weight: 400;
  display: block;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .banner_txt_box .view_btn {
    width: 165px;
    font-size: 13px;
    line-height: 40px;
    font-weight: 500;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  }
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-inner .item .banner_txt_box .view_btn:hover {
  background-color: #245bf6;
  color: #fff;
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.3);
  border: none;
  margin: 0 5px;
}
.article-body.portfolio-body .slider_box .portfolio_slider .carousel-indicators li.active {
  border: none;
  background-color: #fff;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .portfolio_custom {
    margin-bottom: 0;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix {
  width: 1870px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap {
    margin-bottom: 0;
  }
}
@media (max-width: 766px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row {
    width: 100% !important;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item {
  position: relative;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img {
  border: 1px solid #e5e5e5;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .post-sticker {
  position: absolute;
  display: flex;
  z-index: 1;
  left: 0;
  top: 0;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .post-sticker li img {
    height: 50px;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img a {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img a {
    height: auto;
    padding-bottom: 66%;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img a::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img a img {
  position: absolute;
  top: 0;
  left: 0;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .text-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  opacity: 0;
  transition: 0.3s;
  cursor: pointer;
  width: 100%;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .text-content .gallery_title {
  color: #fff;
  font-size: 33px;
  font-weight: 600;
  padding-bottom: 28px;
  text-align: center;
  line-height: 1.4em;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .text-content .gallery_title {
    font-size: 18px;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .text-content p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img .text-content p {
    font-size: 16px;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img:hover a::after {
  opacity: 1;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .list-img:hover .text-content {
  opacity: 1;
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .fix_gallery_content {
  text-align: center;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .fix_gallery_content {
    margin-top: 23px;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .fix_gallery_content .gallery_title {
  color: #0c0c0c;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .gallery_container .list-row .list-item .fix_gallery_content .gallery_title {
    font-size: 15px;
  }
}
.article-body.portfolio-body .portfolio_custom .container_fix .list-wrap .list-page {
  display: none;
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 800px;
  flex-direction: column; /*수직 정렬*/
  position: relative;
  color: #fff;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner {
    height: auto;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box {
  position: absolute;
  width: 96.335%;
  height: 100%;
  background-color: #999;
  border-radius: 30px;
  overflow: hidden;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box {
    width: 92.335%;
    top: 0;
    height: auto;
    padding-bottom: calc(100vh - 130px);
    border-radius: 15px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box.on {
  width: 100%;
  border-radius: 0;
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box br {
  display: none;
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image {
  height: 100%;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image:nth-child(1) {
  display: block;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image:nth-child(1) {
    display: none;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image:nth-child(3) {
  display: none;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .img_box .view_image:nth-child(3) {
    display: block;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box {
  text-align: center;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box {
    height: calc(100vh - 130px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .icon_box {
  position: relative;
  z-index: 1;
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .icon_box span {
  margin-right: 19px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .icon_box span {
    margin-right: 10px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .icon_box span:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .icon_box span img {
    height: 30.5px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .subject_text {
  position: relative;
  z-index: 1;
  padding: 45px 0;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .subject_text {
    padding: 23px 0;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .subject_text h2 {
  font-size: 70px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .subject_text h2 {
    font-size: 32.5px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .text {
  position: relative;
  z-index: 1;
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .text p {
  font-size: 26px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_banner .tt_box .text p {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info {
  padding-top: 150px;
  padding-bottom: 200px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info {
    padding-top: 64px;
    padding-bottom: 65px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix {
  width: 1330px;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix {
    display: block;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .left_info {
  width: calc(100% - 400px);
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .left_info {
    width: calc(100% - 50px);
    padding-bottom: 50px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .left_info h3 {
  color: #0c0c0c;
  font-size: 45px;
  font-weight: 600;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .left_info h3 {
    font-size: 27.5px;
    padding-bottom: 27.5px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .left_info .content_text {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .left_info .content_text {
    font-size: 13px;
    line-height: 21px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info {
  width: 300px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info {
    width: calc(100% - 112px);
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li {
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li {
    padding-bottom: 27.5px;
  }
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li:last-child {
    padding-bottom: 0;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li .top_text {
  color: #0c0c0c;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 2px solid #313131;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li .top_text {
    font-size: 13px;
    font-weight: 700;
    border-bottom: 1px solid #313131;
    padding-bottom: 10px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li .bot_text {
  color: #5d5d5d;
  font-size: 18px;
  font-weight: 400;
  padding-top: 20px;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .portfolio_info .container_fix .right_info li .bot_text {
    font-size: 14px;
    padding-top: 10px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .view-padding {
  padding: 0 15px 15px;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .view-padding {
    padding-bottom: 7px;
  }
}
.article-body.portfolio-body .view-wrap .portfolio_view .view-padding .view_image img {
  max-width: 100%;
}
.article-body.portfolio-body .view-wrap .portfolio_view .view-padding .view-content {
  min-height: auto;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .view-wrap .portfolio_view .view-padding .view-content {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .view-btn {
    margin-bottom: 0;
  }
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1690px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .article-body.portfolio-body .view-wrap .view-btn .btn-group {
    padding: 0 15px;
  }
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn {
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn img {
  margin-right: 8px;
  position: relative;
  top: 1px;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn img {
    width: 11px;
    top: 0;
  }
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn > span {
  color: #0c0c0c;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn > span {
    font-size: 13px;
  }
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn i {
  color: #0c0c0c;
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn:first-child {
  padding-left: 0;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn:first-child > span .f_suit_m {
    padding-right: 15px;
  }
}
.article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn:nth-child(3) {
  padding-right: 0;
}
@media (max-width: 480px) {
  .article-body.portfolio-body .view-wrap .view-btn .btn-group > .btn:nth-child(3) > span .f_suit_m {
    padding-left: 15px;
  }
}


.expiration_body .article-content {
  padding: 0;
  height: 100vh;
  overflow: hidden;
  background-color: #d6e2ee;
}
@media (max-width: 1250px) {
  .expiration_body .article-content {
    overflow: visible;
  }
}
.expiration_body .article-content .expiration-content .container_fix {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix {
    display: block;
  }
}
.expiration_body .article-content .expiration-content .container_fix .img_box {
  width: 47.693%;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .img_box {
    width: 100%;
    padding-top: 25px;
  }
}
@media (max-width: 1330px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box {
    padding: 100px 0;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box {
    padding: 33px 0 44px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box h1 {
  color: #7757ff;
  font-size: 75px;
  font-weight: 800;
  line-height: 90px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box h1 {
    font-size: 32px;
    line-height: 37px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box h2 {
  color: #222222;
  font-size: 37px;
  font-weight: 600;
  padding: 60px 0 35px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box h2 {
    font-size: 17px;
    padding: 20px 0 16px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box .text {
  padding-bottom: 45px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box .text {
    padding-bottom: 25px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box .text p {
  color: #666666;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box .text p {
    font-size: 12px;
    line-height: 19px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box .method_box {
  display: flex;
  align-items: flex-start;
  padding-bottom: 65px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box .method_box {
    display: block;
    padding-bottom: 30px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box .method_box .tt {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  padding-right: 24px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box .method_box .tt {
    font-size: 12px;
    line-height: 16px;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box .method_box p {
  color: #666666;
  font-size: 20px;
  font-weight: 500;
  line-height: 35px;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box .method_box p {
    font-size: 12px;
    line-height: 23px;
  }
}
.expiration_body .article-content .expiration-content .container_fix .text_box .go_box a {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  background-color: #222222;
  border-radius: 30px;
  padding: 0 46.24px;
  text-align: center;
}
@media (max-width: 991px) {
  .expiration_body .article-content .expiration-content .container_fix .text_box .go_box a {
    font-size: 13px;
    line-height: 42.5px;
    padding: 0 35.35px;
  }
}

.bottom_banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height:100px;
  background-color: #CABEFF;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  z-index: 9999;
  margin:0px auto;
  display: none;

}

@media (max-width: 991px) {
  .bottom_banner {display:none !important;}
}


.bottom_banner_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width:1200px;
  padding:20px 30px;
  margin:0px auto;
  justify-content: space-between;

}

.bottom_banner_box h3{
  padding: 0px 30px 0px 0;
  font-weight:800;
  font-size:1.2em;
  line-height: 1.2;
  color:#291E59;
}

.bottom_banner_box h3 span{
  color:#291E59;
}



.bottom_banner_input input[type="text"] {
  width: 160px;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #5d5d5d;
  margin-right: 10px;
}

.bottom_banner_btn{
  display: flex;
  justify-content: center;
  align-items: center;

}


.bottom_banner_btn input[type=checkbox] {
  margin:0px 5px;
}


.bottom_banner_btn label {
  margin:0px 10px 0 0px;
  color: #fff;
  font-weight:500;
}

.bottom_banner_btn button {
  width: 150px;
  height: 40px;
  background-color: #7757ff;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 20px;
  cursor: pointer;
}



.my-checkbox {
  transform: scale(1.2);
  margin-right: 11px;
}

.bottom_banner_tt {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.form-con{display: flex;    align-items: center;}
.form-con ul li{float:left;padding:10px 5px 10px 0px;}
.form-con ul li select{float:left;padding:12px 25px;border-radius: 30px;
  font-size: 16px;
  appearance:none;
  width: 165px;
  background:url('/img/icon_select_arrow.png') no-repeat right 24px center #fff;}
.form-con ul li .fl-name{float:left;width:20%;}
.form-con ul li .fr-con{float:left;width:80%;}

.form-con ul li .text-box{display:table;width:100%;}
.form-con ul li .text-box input{float:left;}
.form-con ul li .text-box select{float:left;}


.receive-btn input{width:100%;padding:15px 20px;background:#7757ff;color:#fff;border:0;border-radius: 30px;}
@media (max-width: 600px){
	.receive-btn input{padding:10px 0;}
}




/* 상단 */
.header_menu {margin-right:0;margin-left:auto;}
.hd_burger_wrap {position:absolute;top: 31px;right: 30px;}
.hd_burger_wrap, .hd_burger_wrap * {box-sizing:border-box}
.burger_btn{display:block;position:relative;width:35px;height:35px;cursor:pointer;transition:.2s;}
.burger_btn span, .burger_btn span:before, .burger_btn span:after {position:absolute;z-index:20;width:19px;height:1px;background-color:#0c0c0c;}
.burger_btn span {position:absolute;top:50%;left:15px;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s; height: 2px;	}
.burger_btn span:before, .burger_btn span:after {content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s; height: 2px;}
.burger_btn span:before {top:-6px}
.burger_btn span:after {top:6px; height: 2px;}
.burger_btn.active {z-index:200}
.burger_btn.active span {background-color:transparent !important;}
.burger_btn.active span:before {-webkit-transform:translateY(6px) translateX(0) rotate(45deg);-ms-transform:translateY(6px) translateX(0) rotate(45deg);transform:translateY(6px) translateX(0) rotate(45deg)}
.burger_btn.active span:after {-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg)}

@media (max-width: 991px){
	.hd_burger_wrap {display:none;}
}

/* 메인배너 */
.m1_swiper {position:relative;width:100%;overflow:hidden;}
.m1_swiper .m1_paging {top: auto;bottom: 0;left: 0;z-index: 5;width: 100%;display: flex;justify-content: center;}
.m1_swiper .m1_paging p {position:relative;display: flex;width: 40px;height: auto;aspect-ratio: 1/1;background: none;opacity: 1;color: #7757ff;font-size: 16px;text-align: center;margin: 10px 0;justify-content: center;align-items: center;}
.m1_swiper .m1_paging .cl {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:6px;height:6px;background:#7757ff;border-radius:6px;}
.m1_swiper .m1_paging svg {width: 40px;height: 40px;stroke-dashoffset: 150;stroke-dasharray:150;position: absolute;top: 0;left: 0;transform: rotate(-90deg);}
.m1_swiper .m1_paging svg circle {fill:none;stroke:#7757ff;stroke-width:2;width: 18px;height: 18px;}
.m1_swiper .m1_paging .swiper-pagination-bullet-active svg {animation:60s ease svgPath;}
.main_cont_01_wrap .ytb {background:#000;}
.main_cont_01_wrap iframe {position: absolute;top: 50%;left: 50%;width: 100vw;height: 100dvh;transform: translate(-50%, -50%) scale(1.3);object-fit: cover;z-index:-1;}
.main_cont_01_wrap .inner {padding: 0 150px;position: relative;display:flex;flex-direction:column;justify-content:center;width: 100%;height: calc(100vh - 150px);}
.main_cont_01_wrap .inner::before {content:'';position:absolute;top:0;left:0;width:100vw;height:100%;background: rgba(0,0,0,0.3);z-index: -1;}
.main_cont_01_wrap .tit {font-size: 60px;font-weight: 700;line-height: 1.3;color:#fff;}
.main_cont_01_wrap .tit span{font-size: 60px;font-weight: 700;line-height: 1.3;color:#000;}
.main_cont_01_wrap .txt {font-size: 26px;margin-top: 20px;font-weight: 300;color:#fff;}
.main_cont_01_wrap .txt span{font-size: 26px;margin-top: 20px;font-weight: 300;color:#000;}
.main_cont_01_wrap .mo {display:none;}
.main_cont_01_wrap a {background: #fff;display: inline-block;width: fit-content;padding: 21px 58.29px;color: #333;font-size: 18px;font-weight: 500;border-radius: 30px;margin-top: 50px;transition: 0.3s;}

@keyframes infiline {from{top: 120%;}to{top: -15%;}}
@keyframes svgPath {
0% { stroke-dashoffset: 150; }
100% { stroke-dashoffset: 0; }
}

@media (max-width: 1450px){
  .main_cont_01_wrap iframe {transform: translate(-50%, -50%) scale(1);width:auto;aspect-ratio:16/9;}
  .main_cont_01_wrap .tit, .main_cont_01_wrap .tit span {font-size: 37px;}
  .main_cont_01_wrap .txt, .main_cont_01_wrap .txt span {font-size: 20px;}
}
@media (max-width: 991px){
  .main_cont_01_wrap .inner {padding:0 20px;position:relative;text-align:center;}
  .main_cont_01_wrap br:not(.brn, .mo) {display:none;}
  .main_cont_01_wrap .mo {display:block;}
  .main_cont_01_wrap .tit, .main_cont_01_wrap .tit span {font-size: 27px;}
  .main_cont_01_wrap .txt, .main_cont_01_wrap .txt span {font-size: 16px;}
  .main_cont_01_wrap a {background: #fff;padding: 15px 30px;color: #333;font-size: 13px;margin-top: 33px;border-radius: 8.5px;}
}

/* 하단 */
.footer .lnk_a1, .footer .lnk_a2 {padding:13px 20px;font-weight:500;display:flex;align-items:center;gap:15px;color:#fff;}
.footer .lnk_a1 i, .footer .lnk_a2 i {font-size:25px;}
.footer .lnk_a1 {background:#fa7821;}
.footer .lnk_a2 {background:#00b900;}

@media (max-width: 991px){
  .footer .lnk_a1, .footer .lnk_a2 {width:220px;}
  .footer .lnk_a2 {margin-bottom: 42px;}
}

/* 상담문의 */
.contact {max-width:1000px;padding: 65px 0 95px;margin:0 auto;position: relative;}
.contact .contact_btn {position: absolute;right: 20px;top: 7.5px;border: 1px solid #aaa;color: #aaa;width: 70px;background: none;line-height: 23px;border-radius: 50px;text-align: center;display: block;z-index: 5;}
.contact ul li {display:flex;position: relative;align-items: center;}
.contact ul li+li {margin-top:30px;}
.contact ul li p {font-size: 16px;font-weight: 600;min-width: 190px;margin-right: 20px;line-height: 1;}
.contact ul li p::after {content:'*';position: relative;display:inline-block;color: #7754ff;font-size: 15px;font-weight: 400;top: -3px;right: -4px;}
.contact ul li .ipt {width:calc(100% - 120px);display:block;padding:0 20px;height:40px;font-size: 14px;border: 1px solid #ccc;font-size: 14px;}
.contact ul li textarea.ipt {padding:20px;height:100px;}
.contact ul li > div {width:calc(100% - 120px);}
.contact ul li > div .ipt {width:100%;}
.contact ul li > div .ipt + .ipt {margin-top:10px;}
.contact ul li .ipt:focus,.contact ul li .ipt:active {border:1px solid #000 !important;box-shadow:none;}
.contact ul li .checkbox {display:flex;gap: 10px 20px;flex-wrap: wrap;}
.contact input[type="radio"]{display: none;}
.contact input[type="radio"] + label{font-size: 14px;display: flex;align-items:center;line-height: 16px;cursor: pointer;}
.contact input[type="radio"] + label::before{content: '';width: 16px;height: 16px;font-size: 16px;font-weight: 600;text-align: center;line-height: 14px;background-color: #fff;border: 1px solid #e6e6e6;margin-right:10px;}
.contact input[type="radio"]:checked + label::before{color:#fff;background:#7757ff;content: '✓';border: 1px solid #7757ff;}
.contact input[type="checkbox"]{display: none;}
.contact input[type="checkbox"] + label{font-size: 14px;font-weight: 400;display: flex;align-items:center;line-height: 16px;cursor: pointer;}
.contact input[type="checkbox"] + label::before{content: '';width: 16px;height: 16px;font-size: 16px;font-weight: 600;text-align: center;line-height: 14px;background-color: #fff;border: 1px solid #e6e6e6;margin-right:10px;}
.contact input[type="checkbox"]:checked + label::before{color:#fff;background:#7757ff;content: '✓';border: 1px solid #7757ff;}
.contact .filebox {display:flex;gap:20px;align-items: center;}
.contact .filebox .none{display:none;}
.contact .filebox .quick_input{background:#fff;width: calc(100% - 100px);border: 0;font-size: 14px;}
.contact .filebox .contact_btn {position:initial;}
.contact .sbm_btn {margin:50px auto 0;cursor:pointer;width:140px;line-height: 40px;background:#000;color:#fff;border:none;font-size:15px;font-weight:600;border-radius:5px;display: block;text-align: center;}
.contact .ck_txt {margin-top: 50px;text-align:center;line-height: 1.5;}
.contact .check label {margin:20px 0 50px;justify-content:center;}

@media screen and (max-width:991px){
	.contact {padding: 20px 0 50px;}
}
@media screen and (max-width:480px){
	.contact ul li {flex-direction:column;gap:10px;}
	.contact ul li .ipt,.contact ul li > div {width:100%;position: relative;}
	.contact ul li+li {margin-top:20px;}
	.contact ul li p {width:100%;margin-right:0;}
	.contact ul li .ipt {padding:0 10px;}
	.contact .res_btn {right:10px;}
}

/* 피해내용 알아보기 */
.damage img {max-width:100%;width: 100%;height:auto;}
.damage .sec1 {position: relative;color: #fff;padding: 130px 0;background: url("/img/damage_s1_img.jpg") no-repeat center/cover;z-index:2;}
.damage .sec1::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3)}
.damage .sec1 .tit {font-size:45px;font-weight:600;}
.damage .sec1 .txt {margin-top: 60px;font-size:20px;line-height:1.5;}
.damage .sec2 {padding: 130px 0;font-size:18px;line-height:1.5;color: #5d5d5d;}
.damage .sec2 .tit {margin-bottom: 100px;color: #0c0c0c;font-size:30px;line-height: 1.3;font-weight: 600;text-align:center;}
.damage .sec2 dl {display:flex;align-items: center;gap:100px;}
.damage .sec2 dl:nth-child(odd) {flex-direction:row-reverse;}
.damage .sec2 dl + dl {margin-top:80px;}
.damage .sec2 dl > * {flex:1;width:calc(100%/2 - 100px/2);}
.damage .sec2 .img_box {border-radius: 30px;overflow: hidden;}
.damage .sec2 .cont4 {margin-top: 100px;}
.damage .tb_wrap table{width:100%; border-spacing:0;}
.damage .tb_wrap table thead th{padding: 15px 20px;text-align: center;font-weight: 600;border-top: 1px solid #000;border-bottom: 1px solid #e7e7e7;}
.damage .tb_wrap table tbody th{padding: 15px 20px;text-align: center;font-weight: 600;border-bottom: 1px solid #e7e7e7;}
.damage .tb_wrap table tbody td{padding: 15px 20px;border-bottom: 1px solid #e7e7e7;border-left: 0;border-top: 0;text-align:center;}
.damage .tb_wrap table tbody td:last-child{border-right:0;}
.damage .tb_wrap table .bgh {background:#f4f5f9;}

@media screen and (max-width:991px){
	.damage .sec1 {padding:80px 0;}
	.damage .sec1 .tit {font-size: 25px;}
	.damage .sec1 .txt {margin-top: 27.5px;font-size:1.2em}
	.damage .sec2 {padding:80px 0;font-size:1.2em;}
	.damage .sec2 .tit {margin-bottom: 65px;}  
	.damage .sec2 dl, .damage .sec2 dl:nth-child(odd) {flex-direction:column-reverse;gap: 65px;}
	.damage .sec2 dl > * {width:100%;}
	.damage .sec2 .cont4 {margin-top:80px;}
	.damage .tb_wrap table thead th,
	.damage .tb_wrap table tbody td{padding:5px 10px;}
}
@media screen and (max-width:480px){
	.damage .tb_wrap{margin-top:20px;}
	.damage .tb_wrap table{font-size:12px;}
	.damage .tb_wrap table thead th,
	.damage .tb_wrap table tbody td{padding:8px;}
}

/* LINE 상담 */
.line_sub {padding: 65px 0 95px;font-size: 16px;line-height: 1.5;}
.line_sub img {max-width: 100% !important;height:auto;}
.line_sub .flx {padding: 0 !important;display:flex;justify-content: space-between;gap:50px;}
.line_sub .flx > * {flex:1;}
.line_sub .mt3 {margin-top: 30px !important;}
.line_sub .mt5 {margin-top: 50px !important;}
.line_sub .mt8 {margin-top: 80px !important;}
.line_sub .pd {padding: 20px 30px;}
.line_sub .tit {font-size:20px;font-weight:600;}
.line_sub .line_dl dt {padding: 20px 30px;font-size: 18px;font-weight:500;background:#f4f5f9;border-radius: 10px;}
.line_sub .num_txt {font-size: 22px;font-weight: 600;}
.line_sub .hl {background: linear-gradient(transparent 70%, #dfd7ff 70%);}
.line_sub .gr_ul {padding:0 !important;}
.line_sub .gr_ul > li {background:#f4f5f9;border-radius: 10px;overflow: hidden;}
.line_sub .gr_box {background:#f4f5f9;}
.line_sub .vl_box {padding: 20px 30px;color:#fff;background:#7757ff;border-radius: 10px;line-height: 2;}
.line_sub .vl_tit {padding: 20px 30px;font-size: 18px;color:#fff;font-weight: 600;background:#7757ff;}
.line_sub .cont2 .flx {flex-wrap:wrap;justify-content: space-between;}
.line_sub .cont2 .txt_box {flex:auto;}
.line_sub .cont2 .img_box {flex:auto;text-align:right;}
.line_sub .cont3 .vl_box {font-size:20px;}
.line_sub .cont4 {text-align:center;}

@media screen and (max-width:991px){
	.line_sub {padding: 20px 0 50px;}
	.line_sub {font-size:14px;}
	.line_sub .tit, .line_sub .cont3 .vl_box {font-size:18px;}
	.line_sub .num_txt {font-size:20px;}
	.line_sub .line_dl dt, .line_sub .vl_tit {font-size:16px;}
}
@media screen and (max-width:766px){
	.line_sub .flx {flex-direction:column;}
	.line_sub .cont5 img, .line_sub .cont6 img {width:100%;}
}