@import url('font.css');
*{box-sizing: border-box !important;}
:root{
    --font-notosans: 'Noto Sans KR';
    --footer-bg:#fffcf5;
    --primary-color:#987c56;
    --primary-color-hover:#776142;
}
.hide{display: none !important;}

/* 공통 버튼 CSS */
.bold{
    font-weight: 700;
}

.text-align-left{
    text-align: left !important;
}
.text-align-center{
    text-align: center;
}
img{
  max-width: 100%;
}


html,
body {
  font-size: 16px;
  color: #000;
  font-family: var(--font-notosans);
  font-weight: 400;
  line-height: 1;
}

textarea,
input,
select{
  font-family:var(--font-notosans);
}

#container{
  width: 1386px;
  max-width: 94%;
  margin:0 auto;
  padding:50px 0;
}
.inner {
  margin: 0 auto;
  max-width: 94%;
  width: 1386px;
}

button {
  padding: 0;
  border: initial;
  background-color: initial;
  cursor:pointer;
}

.d-flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: start;
}

.align-baseline {
  align-items: baseline;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.hidden {
  overflow: hidden;
}

#hd_login_msg{
    display: none;
}

header{
    position: sticky;
    left:0;
    right:0;
    top:0;
    z-index: 100;
    background-color: #fff;
    transition: background 0.3s;
}
header .inner{
    width: 1500px;
}
header .header-top .inner{
    height: 125px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header h1{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
  width: 214px;
}
header h1 a{
  display: block;
}
header h1 a img{
  display: block;
  width: 100%;
}
header .header-sns ul{
    display: flex;
    align-items: center;
    gap:6px;
}
header .header-sns ul a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: var(--primary-color);
    border-radius: 100%;
}
header .header-sns ul a img{
    display: block;
}
header .header-sns ul li:nth-child(1) a img{
  max-width: 54%;
}
header .header-sns ul li:nth-child(2) a img{
  max-width: 67%;
}
header .header-sns ul li:nth-child(3) a img{
  max-width: 59%;
}
header .header-util ul{
    display: flex;
    align-items: center;
}
header .header-util ul li+li{
    position: relative;
    margin-left: 16px;
    padding-left: 16px;
}
header .header-util ul li+li::before{
    content:'';
    width: 1px;
    height: 13px;
    background-color: #4a4a4a;
    position: absolute;
    left:0;
    top:50%;
    transform: translate(-50%,-50%);
}
header .header-util ul li a{
    display: block;
    color:#4a4a4a;
    letter-spacing: -0.07em;
}
header .btn-menu{
  display: none;
  border:0;
  cursor: pointer;
  background-color: transparent;
}
header .btn-menu img{
  display: block;
}
header .header-btm{
    position: relative;
    color:#000;
    border-top: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
}
#main header .header-btm{
  background-color: var(--primary-color); 
    color:#fff;
}
header #gnb>ul{
    display: flex;
    align-items: stretch;
    position: relative;
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
}
header #gnb>ul>li{
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
header #gnb>ul>li+li{
    border-left: 1px solid #a1a1a1;
}
header #gnb>ul>li>.gnb_1da{
    display: block;
    text-align: center;
    color:#000;
    font-size: 18px;
    line-height: 43px;
}
#main header #gnb>ul>li>.gnb_1da{
  color:#fff;
}
header #gnb>ul>li .depth-menu{
    position: absolute;
    left:0;
    right:0;
    top:100%;
    box-sizing: border-box;
    text-align: center;
    /* display: none; */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s;
    padding-top: 15px;
}
header #gnb:hover>ul>li .depth-menu{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
header #gnb>ul>li .depth-menu a{
  display: block;
  color:#2d2d2d;
  font-size: 16px;
  line-height: 1.5em;
  padding:0.3em 0;
  transition: color 0.3s;
}
header #gnb>ul>li .depth-menu a:hover{
  color:var(--primary-color);
}
header #gnb+.mask{
  position: absolute;
  left:0;
  right:0;
  top:100%;
  height: 200px;
  background: rgba(224,214,200,0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  pointer-events: none;
}
header #gnb:hover+.mask{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.btm-section{
  padding:70px 0;
}
.btm-section .inner{
  display: flex;
  align-items: stretch;
  width: 1790px;
  gap:13px;
}

#sub .btm-section{
  padding:0;
}
#sub .btm-section .inner{
  gap:0;
  width: 100%;
  max-width: 100%;
}
.btm-section .banner{
  min-height: 100%;
  width: 18%;
  background-color: #e5decf;
  box-sizing: border-box;
}
#sub .btm-section .banner+.banner{
  border-left:1px solid #d2cec6;
}
.btm-section .banner a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.btm-section .banner .img{
  width: 116px;
  height: 116px;
  overflow: hidden;
  border-radius: 100%;
}
.btm-section .banner .img img{
  display: block;
  width: 100%;
}
.btm-section .banner p{
  margin-top: 28px;
  font-size: 20px;
  letter-spacing: -0.095em;
}
.btm-section .inquiry-wrap{
  width: calc(46% - 39px);
}
#sub .btm-section .inquiry-wrap{
  width: 46%;
}
.btm-section .inquiry-wrap form{
  height: 100%;
}
.btm-section .inquiry-wrap .inquiry-form{
  display: flex;
  align-items: stretch;
  height: 100%;
}
.btm-section .inquiry-wrap .inquiry-form .form-left{
  background: #ccc url(/img/btm_form_bg.jpg) no-repeat center center / cover;
  padding:24px;
  box-sizing: border-box;
  width: 72%;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table{
  width: 100%;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table th{
  vertical-align: top;
  color:#fff;
  padding-bottom: 13px;
  font-size: 20px;
  letter-spacing: -0.05em;
  line-height: 45px;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table td{
  padding-bottom: 13px;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table td input[type=text]{
  display: block;
  width: 100%;
  border:0;
  cursor: pointer;
  box-sizing: border-box;
  padding:0 15px;
  font-size: 18px;
  height: 45px;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table td textarea{
  overflow: auto;
  width: 100%;
  border:0;
  cursor: pointer;
  box-sizing: border-box;
  padding:15px;
  height: 100px;
  font-size: 18px;
  resize: none;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table tr:last-child th{
  line-height: normal;
}
.btm-section .inquiry-wrap .inquiry-form .form-left table tr:last-child th,
.btm-section .inquiry-wrap .inquiry-form .form-left table tr:last-child td{
  padding-bottom: 0;
}
.btm-section .inquiry-wrap .inquiry-form .agree{
  display: flex;
  align-items: center;
  gap:8px;
}
.btm-section .inquiry-wrap .inquiry-form .agree input{
  width: 20px;
  height: 20px;
  margin:0;
}
.btm-section .inquiry-wrap .inquiry-form .agree label{
  border:0;
  color:#fff;
  font-size: 18px;
}
.btm-section .inquiry-wrap .inquiry-form .agree button{
  color:#fff;
  font-size: 16px;
  height: 26px; 
  letter-spacing: -0.05em;
  padding:0 10px;
  background-color: #000;
}
.btm-section .inquiry-wrap .inquiry-form .form-right{
  width: 28%;
}
.btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #b09874;
  color:#fff;
  border:0;
  cursor: pointer;
  font-size: 20px;
  letter-spacing: -0.1em;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit span{
  margin-bottom: 15px;
}
.btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit img{
  width: 36px;
}
.footer-menu{
  background-color: #463e33;
}
.footer-menu ul{
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap:50px;
}
.footer-menu ul li+li{
  position: relative;
}
.footer-menu ul li+li::before{
  content:'';
  width: 1px;
  height: 16px;
  background-color: rgba(255,255,255,0.75);
  position: absolute;
  left:-25px;
  top:50%;
  transform: translate(-50%,-50%);
}
.footer-menu ul li a{
  display: block;
  font-size: 18px;
  color:#fff;
  opacity: 0.75;
  padding:20px 0;
}
footer{
    background-color: var(--footer-bg);
    padding:60px 0;
}
footer .inner>.footer-logo{
  display: none;
}
footer .footer-info{
  display: flex;
  align-items: stretch;
}
footer .footer-info .info-item+.info-item::before{
  content:'';
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  width: 1px;
  background: rgb(220,216,208);
  background: linear-gradient(0deg, rgba(220,216,208,0) 0%, rgba(220,216,208,1) 50%, rgba(220,216,208,0) 100%);
  transform: translate(-50%,0);
}
footer .footer-info .info-item+.info-item{
  position: relative;
}
footer .footer-info .info-item.item-1+.item-3{
  display: none;
}
footer .footer-info .info-item{
  font-size: 16px;
  line-height: 1.75em;
  width: 25%;
  text-align: center;
}
footer .footer-info .info-item:nth-child(1){
  text-align: left;
}
footer .footer-info .info-item:nth-child(5){
  text-align: right;
}
footer .footer-info .info-item .item-inner{
  text-align: left;
  padding:0 20px;
  /* display: inline-block; */
}
footer .footer-info .info-item .item-tit{
  display: block;
  font-size: 25px;
  margin-bottom:0.9em;
  color:#4a4336;
  letter-spacing: -0.06em;
}
footer .footer-info .item-1 .footer-logo{
  display: block;
  width: 202px;
  margin-bottom: 25px;
}
footer .footer-info .item-1 .info{
  display: flex;
  flex-direction: column;
  gap:0.35em;
  font-size: 16px;
  line-height: 1.4em;
}
footer .footer-info .item-1 .info li{
  display: flex;
  align-items: flex-start;
}
footer .footer-info .item-1 .info li span{
  width: 70px;
  font-weight: 500;
}
footer .footer-info .item-1 .info li p{
  font-weight: 400;
  width: calc(100% - 70px);
}


footer .footer-info .item-1 .sns a img{
  display: block;
  width: 100%;
}
footer .footer-info .item-4 li span{
  font-weight: 500;
}
footer .footer-info .footer-sns{
  display: flex;
  align-items: center;
  gap:7px;
  margin-top: 30px;
}
footer .footer-info .item-1 .footer-sns a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #463e33;
}
footer .footer-info .footer-sns li a,
footer .footer-info .footer-sns li img{
  display: block;
}
footer .footer-info .footer-sns li:nth-child(1) a img{
  max-width: 54%;
}
footer .footer-info .footer-sns li:nth-child(2) a img{
  max-width: 67%;
}
footer .footer-info .footer-sns li:nth-child(3) a img{
  max-width: 59%;
}

#quick-menu{
  position: fixed;
  right:10px;
  top:200px;
  z-index: 1000;
  background-color: #fff;
  width: 148px;
  text-align: center;
}
#quick-menu ul{
  border:1px solid #ccc;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
#quick-menu ul li+li{
  border-top: 1px solid #ccc;
}
#quick-menu ul li a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 133px;
  background-color: #fff;
  transition: background 0.3s;
}
#quick-menu ul li a:hover{
  background-color: #f3ecda;
}
#quick-menu ul li a .img{
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#quick-menu ul li a p{
  font-size: 18px;
  letter-spacing: -0.075em;
  color:#000;
  margin-top: 0.5em;
}
#quick-menu #btn-top{
  background-color: var(--primary-color);
  color:#fff;
  text-align: center;
  border:0;
  cursor: pointer;
  height: 50px;
  font-size: 20px;
  display: block;
  width: 100%;
  letter-spacing: -0.075em;
  transition: background 0.3s;
}
#quick-menu #btn-top:hover{
  background-color: var(--primary-color-hover);
}

#container_title{
  display: none;
}

.sub-top{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
  height: 450px;
  color:#fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:35px;
  background-color: var(--primary-color);
}
.sub-top h2 span{
  display: block;
  font-weight: 500;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.03em;
  color:#fff;
}
.sub-top .bar{
  width: 52px;
  height: 1px;
  background-color: #fff;
  margin:35px auto;
}
.sub-top .sub-title{
  display: block;
  font-size: 22px;
  letter-spacing: -0.05em;
  line-height: 1.3em;
}

.btn_bo_user li button span,
.btn_bo_user li a span{
  display: none;
}
#bo_btn_top{
  /* margin-top: 50px !important; */
  /* margin-bottom: 30px !important; */
}
.bo_fx .btn_bo_user li>*{
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.pg_wrap{
  margin-top: 70px;
  margin-bottom: 200px;
}
.pg_wrap .pg{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:13px;
}
.pg_wrap .pg .pg_page,
.pg_wrap .pg .pg_current{
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  border:1px solid #c6c6c6;
  color:#a1a0a0;
  letter-spacing: -0.05em;
  font-size: 16px;
}
.pg_wrap .pg .pg_current{
  background-color: #c8af88;
  color:#fff;
}
.pg_wrap .pg .pg_end,
.pg_wrap .pg .pg_start{
  overflow: hidden;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
}
.pg_wrap .pg .pg_start{
  background-image: url(/img/paging_first.png);
  background-size: 35% auto;
}
.pg_wrap .pg .pg_end{
  background-image: url(/img/paging_last.png);
  background-size: 35% auto;
}

.pg_wrap .pg .pg_prev{
  background-image: url(/img/paging_prev.png);
  background-size: 16% auto;
}
.pg_wrap .pg .pg_next{
  background-image: url(/img/paging_next.png);
  background-size: 16% auto;
}




@media all and (max-width:1280px){
  header .header-top .inner{
    height: 95px;
  }
  header #gnb>ul>li>.gnb_1da{
    font-size: 14px;
    line-height: 36px;
  }
  header .header-util ul li a{
    font-size: 14px;
  }
  header #gnb>ul>li .depth-menu a{
    font-size: 13px;
  }

  #quick-menu{
    width: 120px;
  }
  #quick-menu ul li a .img{
    height: 45px;
  }
  #quick-menu ul li a p{
    font-size: 15px;
  }
  #quick-menu ul li a{
    height: 113px;
  }
  #quick-menu #btn-top{
    font-size: 15px;
    height: 40px;
  }

  .sub-top{
    height: 370px;
  }
  .sub-top h2 span{
    font-size: 33px;
  }
  .sub-top .sub-title{
    font-size: 18px;
  }
  .sub-top .bar{
    margin:35px auto;
  }

  .btm-section{
    padding:40px 0;
  }
  .btm-section .inner{
    flex-wrap: wrap;
  }
  .btm-section .banner{
    width: calc((100% - 26px) / 3); 
  }
  #sub .btm-section .banner+.banner{
    width: calc(100%  / 3);
  }
  .btm-section .banner a {
    padding:20px;
  }
  .btm-section .banner .img{
    width: 90px;
    height: 90px;
  }
  .btm-section .banner p{
    font-size: 16px;
    margin-top: 1em;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table th{
    font-size: 18px;
    line-height: 2em;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table td input[type=text]{
    font-size: 15px;
    padding:0 1em;
    height: 40px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table td textarea{
    font-size: 15px;
    padding:1em;
    height: 70px;
  }
  .btm-section .inquiry-wrap .inquiry-form .agree label{
    font-size: 15px;
  }
  .btm-section .inquiry-wrap .inquiry-form .agree button{
    font-size: 13px;
    line-height: 22px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit span{
    font-size: 15px;
    margin-bottom: 1em;
  }
  .btm-section .inquiry-wrap{
    width: 100%  !important;
  } 

  footer{
    padding:40px 0;
  }
  footer .footer-info .item-1 .footer-logo{
    width: 150px;
  }
  footer .footer-info .info-item .item-tit{
    font-size: 20px;
  }
  footer .footer-info .item-1 .info,
  footer .footer-info .info-item{
    font-size: 14px;
  }
  footer .footer-info .info-item{
    box-sizing: border-box;
    padding:0 20px;
  }
  footer .footer-info .item-1{
    padding-left: 0;
  }
  footer .footer-info .item-4{
    padding-right: 0;
  }

  .pg_wrap{
    margin-bottom: 140px;
  }
  .pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current{
    width: 30px;
    height: 30px;
    font-size: 14px;
  }
}

@media all and (min-width:1025px){
  
  .aside-mask,
  #aside{
    display: none !important;
  }
}
@media all and (max-width:1024px){
  header{
    border-bottom: 1px solid #dfdfdf;
  }
  header .header-top .inner{
    height: 80px;
  }
  header .header-sns,
  header .header-util,
  header .header-btm{
    display: none;
  }
  header .header-top .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header h1{
    position: static;
    transform: unset;
    width: 150px;
  }
  header .btn-menu{
    width: 30px;
    display: block;
  }

  #quick-menu{
    top:initial;
    bottom:0;
    right:0;
    left:0;
    width: 100%;
  }
  #quick-menu ul{
    flex-direction: row;
  }
  #quick-menu ul li{
    width: 25%;
  }
  #quick-menu ul li+li{
    border-top: 0;
    border-left: 1px solid #ccc;
  }
  #quick-menu ul li a{
    height: 83px;
  }
  #quick-menu ul li a .img{
    height: 30px;
  }
  #quick-menu ul li a .img img{
    max-height: 100%;
  }
  #quick-menu ul li:last-child{
    display: none;
  }
  #quick-menu ul li a p{
    font-size: 14px;
  }
  #quick-menu #btn-top{
    display: none;
  }

  .footer-menu ul{
    gap:35px;
  }
  .footer-menu ul li+li::before{
    left:-17.5px
  }
  .footer-menu ul li a{
    font-size: 14px;
    padding:0.8em 0;
  }
  footer .footer-info{
    flex-wrap: wrap;
  }
  footer .footer-info .info-item{
    width: 50%;
    padding:0;
  }
  footer .footer-info .info-item .item-inner{
    display: block;
  }
  footer .footer-info .info-item:nth-child(even){
    border-left: 1px solid #ccc;
    padding-left: 20px;
  }
  footer .footer-info .info-item+.info-item::before{
    content:none;
  }
  #wrapper{
    padding-bottom: 83px;
  }

  .aside-mask{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    left:0;
    top:0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background-color: rgba(0,0,0,0.6);
  }
  #aside{
    position: fixed;
    z-index: 10000;
    background-color: #fff;
    right:0;
    top:0;
    bottom:0;
    width: 100%;
    margin:0;
    float: none;
    width: 400px;
    max-width: 80vw;
    transform: translate(100%,0);
   transition: 0.3s;
   overflow: auto;
  }
  .aside-mask.show{
    opacity: 1;
    visibility: visible;
  }
  #aside.show{
    transform: translate(0,0);
  }
  #aside .aside-header{
    background-color: var(--primary-color);
  }
  #aside .aside-header ul{
    display: flex;
    align-items: center;
    gap:20px;
    padding:0 20px;
  }
  #aside .aside-header li+li{
    position: relative;
  }
  #aside .aside-header li+li::before{
    content:'';
    position: absolute;
    left:-10px;
    top:50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 10px;
    background-color: #fff;
  }
  #aside .aside-header ul a{
    display: block;
    color:#fff;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
  }
  #aside #m-gnb{
    border-top: 1px solid #fff;
  }
  #aside #m-gnb>ul{
    display: flex;
    flex-direction: column;
  }
  #aside #m-gnb>ul>li{
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  #aside #m-gnb>ul>li>*,
  #aside .depth-menu a{
    padding: 17px 20px;
    font-size: 18px;
    line-height: 1.45em;
    display: block;
  }

  #aside #m-gnb>ul>li>*.hasChild{
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-image: url(/img/step_arr.png);
    background-size: 8px auto;
  }
  #aside #m-gnb>ul>li>*.cur{
    background-color: var(--primary-color);
    font-weight: 500;
    color:#fff;
    background-image: url(/img/step_arr_white.png);
  }
  #aside #m-gnb>ul>li>.depth-menu{
    border-top: 1px solid #ccc;
    padding:0 !important;
    display: none;
    background-color: #fff8ef;
  }
  #aside .depth-menu li+li{
    border-top: 1px solid #ccc;
  }

  #aside .btn-close{
    position: absolute;
    right:10px;
    top:10px;
    width: 30px;
    height: 30px;
    bordeR:0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(/img/icon_close_white.png);
  }
  .pg_wrap{
    margin-bottom: 100px;
  }
}

@media all and (min-width:769px){
  .mobile-quick{
    display: none;
  }
}
@media all and (max-width:768px){
  header .header-top .inner{
    height: 74px;
  }

  #aside #m-gnb>ul>li>*,
  #aside .depth-menu a{
    padding:10px 20px;
    font-size: 15px;
    line-height: 1.45em;
    display: block;
  }

  .btm-section{
      padding:37px 0 0;
  }
  .btm-section .inner{
      max-width: 100%;
      gap:0 6px !important;
  }
  .btm-section .banner{
      width: calc((100% - 12px) / 3) !important;
  }
  #sub .btm-section .banner+.banner{
    border-left: 0;
  }
  .btm-section .inquiry-wrap .inquiry-form{
      align-items: center;
      flex-direction: column;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left{
      width: 100%;
      padding:27px;;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table td{
    padding-bottom: 8px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table td input[type=text]{
    font-size: 14px;
    height: 37px;
    padding:0 1em;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table td textarea{
    height: 98px;
    padding:1em;
    font-size: 14px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-left table th{
    font-size: 15px; 
    line-height: 37px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-right{
      width: 100%;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit{
      flex-direction: row;
      height: 63px;
  }
  .btm-section .banner a{
      padding:33px 0;
  }
  .btm-section .banner .img{
      width: 65px;
      height: 65px;
  }
  .btm-section .banner p{
      font-size: 14px;
      margin-top: 8px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit span{
      font-size: 22px;
      margin-bottom: 0;
      margin-right: 10px;
  }
  .btm-section .inquiry-wrap .inquiry-form .form-right .btn-submit img{
    width: 20px;
  }
  .btm-section .inquiry-wrap .inquiry-form .agree{
    justify-content: flex-end;
  }
  .footer-menu ul li a{
    font-size: 12px;
    padding:0;
    line-height: 38px;
  }
  .footer-menu ul li+li::before{
    height: 10px;
    width: 1px;
  }
  footer .footer-info{
  }
  footer .footer-info .info-item .item-tit{
    font-size: 17px;
    margin-bottom: 8px;
  }
  footer .footer-info .item-1 .info, footer .footer-info .info-item{
    font-size: 11px;
    word-break: keep-all;
  }
  footer .footer-info .info-item.item-3{
    display: none;
  }
  footer .footer-info .info-item.item-1+.item-3{
    display: block;
  }
  footer .footer-info .info-item.item-4{
    border-left: 1px solid #ccc;
  }
  footer .footer-info .item-1 .info li span{
    width: 56px;
  }
  footer .footer-info .item-1 .footer-logo{
    display: none;
  }
  footer .inner>.footer-logo{
    width: 110px;
    display: block;
    margin-bottom: 25px;
    margin-left: 20px;
  }
  footer .footer-info .info-item.item-1,
  footer .footer-info .info-item.item-2{
    padding-right: 25px;
  }
  footer .footer-info .info-item.item-2,
  footer .footer-info .info-item.item-4{
    padding-top: 20px;
  }
  footer .footer-info .info-item.item-3{
    padding-left: 0;
  }
  footer .footer-info .footer-sns{
    display: none;
  }
  footer .footer-info .item-2 .footer-sns{
    display: flex;
    margin-top: 18px;
  }
  footer .footer-info .item-2 .footer-sns a{
    width: 25px;
    height: 25px;
    border-radius: 100%;
  background-color: #463e33;
  display: flex;
  align-items: center;
  justify-content: center;
  }
  footer .footer-info .footer-sns a{
    width: 26px;
  }

  .mobile-quick{
    position: fixed;
    right:10px;
    bottom:100px;
    z-index: 10;
    display: flex;;
    flex-direction: column;
    width: 80px;
    gap:6px;
  }
  .mobile-quick a{
    display: block;
  }
  .mobile-quick a img{
    display: block;
  }

  .sub-top{
    height: 263px;
  }
  .sub-top h2 span{
    font-size: 24px;
  }
  .sub-top .bar{
    width: 26px;
    margin:16px auto;
  }
  .sub-top .sub-title{
    font-size: 16px;
  }

  .pg_wrap{
    margin-top: 47px;
    margin-bottom: 70px;
  }
  .pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current{
    width: 25px;
    height: 25px;
    font-size: 10px;
  }
}