#piw_header, .m_con04, #pw_footer{display: none;}
#header {position: fixed;top:0;left:0;width: 100%;border-bottom: 0;z-index: 9998;}
#header.on .header{ background-color: rgba(255,255,255,0.9); box-shadow: 0 0 7px rgb(0 0 0 / 10%);}
#header .container{display:flex;align-items: center; padding: 0 3rem; margin: auto; background-color: #fff; border-radius: 10px; box-shadow: 0 0 7px rgb(0 0 0 / 10%); transition: .3s;}
#header.sticky .container {box-shadow:none; transition: .3s;}
#header .logo {width:15%; display: flex;  z-index: 999999;}
#header .logo a{display: inline-block;text-align: center; }
#header #menu{width:70%;/* margin:0 20px; */font-family: var(--notoSans), serif;}
#header #menu .menu{width: calc(100% / 7);position: relative;top:0;display: block!important;}
#header #menu .depth001{padding:25px 0;display:block;text-align: center; font-size: 1.250rem; font-weight: 500;}
#header #menu .depth002{display:none;position:absolute;top:100%;left:0;width:100%;}
#header .depth001:after{display: block;content:"";clear:both;width: 0;height: 2px;position:absolute;bottom:15px;left:0;transition: .3s all ease;background-color: var(--pointcolor);}

.header.mOpen .logo img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(107%) contrast(101%)}
.header.mOpen .tel img{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(107%) contrast(101%)}

#header ul.lang{position: absolute; top: 32%; right: 28%;}

.nav_btn{display: none;width: 30px;height: 20px;position: fixed;top: 17px;right: 5%;transition: .1s;cursor: pointer;z-index:10000;}
.nav_btn span{width: 100%;height: 3px;background-color: #3a3a3a;display: inline-block;position: absolute;border-radius: 5px; transition: all 0.3s;}
.nav_btn .border1 {top: 0; right:0; width: 100%;}
.nav_btn .border2 {top: 0; right:0; bottom: 0; margin: auto; width: 100%;}
.nav_btn .border3 {bottom: -2px; right:0; width: 100%;}


.nav_btn.open {transform: rotate(360deg);}
.nav_btn.open .border1 {transform: translateY(16px) rotate(-45deg);width: 100%; top:-10px;}
.nav_btn.open .border2 {opacity: 0;}
.nav_btn.open .border3 {transform: translateY(-16px) rotate(45deg);width: 100%; bottom: -5px;}


#header{transition: .3s all ease;}

footer a{color: #fff !important;}
footer .member_menu{color: #fff;}
footer .member_menu a{padding: 0 1rem;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}
.swiper-pagination-bullet-active{width: 30px; background-color: #9a8675; border-radius: 30px;}
.signature .flexList{--x-gap: 0rem; --y-gap: 0rem;}



.equipment ul li{text-align: center !important;}

.special .flexList{--x-gap: 0rem; --y-gap: 0rem;}

ul.tabs, ul.tabs02{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
ul.tabs li,  ul.tabs02 li{
  background: none;
  cursor: pointer;
}
ul.tabs li .on{display: none;}
ul.tabs li.current .on{display: block;}
ul.tabs li.current .off{display: none;}
ul.tabs02 li{padding:5px 0;}
ul.tabs02 li.current{color: #9f8d7c; font-weight: 700; border-top: 1.5px solid transparent; border-bottom: 1.5px solid transparent; border-image: linear-gradient(to right, white,#9f8d7c,white );border-image-slice: 1;}
.tab-content00,.tab-content02{
  display: none;
}

.tab-content00.current, .tab-content02.current{
  display: inherit;
}

  .map_wrap .container{margin-top: 80px;}
  .map{width: 100%!important; height: 400px !important;}

  .map_wrap .color-box{background-color: #46af00; padding: 0 10px; border-radius: 30px;}
  .root_daum_roughmap .wrap_controllers{display: none;}
  footer.section_mini{background-color: #3e332b; padding: 50px 0 150px 0;}
  

  .beaf .flexList{--x-gap: 0rem;}
  .beaf .before{background-color: #f9f2eb;}
  .beaf .after{background-color: #4a4544; color: white;}
  .beaf .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
  .beaf .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}
  .beaf .swiper-button-prev, .swiper-rtl .swiper-button-next{background-image: url(/m/view/RENEW/img/beafL.png); width: 40px;height: 40px; z-index: 1; left: auto; right: 60px; background-size: 100%;}
  .beaf .swiper-button-next, .swiper-rtl .swiper-button-prev{background-image: url(/m/view/RENEW/img/beafR.png); width: 40px; height: 40px; z-index: 1; right: 0; background-size: 100%;}
  .beaf .more img{max-width: 40%;}

  
  .equipment .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
  .equipment .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}
  .equipment .swiper-button-prev, .swiper-rtl .swiper-button-next{background-image: url(/_view/RENEW/img/beafL.png); width: 40px;height: 40px; left: -50px; top: 40%; z-index: 1; background-size: 100%;}
  .equipment .swiper-button-next, .swiper-rtl .swiper-button-prev{background-image: url(/_view/RENEW/img/beafR.png); width: 40px; height: 40px; right: -50px; top: 40%; z-index: 1; background-size: 100%;}


    #header { height: 60px;}
    #sitemap{display: none!important;}
    #header .container{width: 90%;padding: 0;}
    html.open-menu {overflow: hidden;}
    .nav_btn{display: inline-block;}
    .dropdown-menu{height:auto;width:100%!important; margin: auto;}
    #header .nav-menu{padding:0;width: 100%;height:100%;overflow: scroll;position: fixed;right: 0;top:-100%;bottom: 0;background-color: #9a8675;z-index: 9997;letter-spacing: 0px;transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-duration: .5s;
        -ms-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;padding: 50px 0 ; 
    }
    
    #header .nav-menu.on:after {display: block;content: "";clear: both;width: calc(100% - 8px);height: 60px;background: #9a8675;position: fixed;top: 0;left: 0; width: 100%;}
    #header .nav-menu.on {top: 0;} 
    .nav_btn.open span{background-color: #fff;}
    #header #menu #lnb{border-top: 1px solid #fff; width: 100%; margin: auto;}
    #header #menu #lnb .menu {width: 100%!important;text-align: left; }
   
    #header #menu #lnb .depth001 {padding: 15px 5%;font-size: 2.3rem;text-align: left;font-family: var(--mainfont), sans-serif; font-weight: 700; color: #fff; border-bottom: 1px solid #fff; text-decoration: none;}

    .header.mOpen{background-color: #9a8675;}
    .header.mOpen #menu #lnb .depth001.void_link {position: relative;}
    .header.mOpen #menu #lnb .depth001.void_link:after {content:''; width: 21px; height: 3px; background-color:#fff; position: absolute; right:5%; left:auto; top:0; bottom:0; margin: auto; transition: .3s;}
    .header.mOpen #menu #lnb .depth001.void_link:before {content:''; width: 3px; height: 21px; background-color: #fff; position: absolute; right: 7.2%; top:0; bottom:0; margin: auto; transition: .3s;}
    .header.mOpen #menu #lnb .active .depth001.void_link:after {background-color: var(--pointcolor); transform: rotate(0deg);}
    .header.mOpen #menu #lnb .active .depth001.void_link:before {background-color: var(--pointcolor); transform: rotate(90deg);}

    #header #menu #lnb .menu.active .depth001{ font-weight: 800; background-color: #fff; color: #9a8675; border-bottom: 1px solid #9a8675;;}
    #header #menu #lnb .menu.active .depth002 a {color: #9a8675; text-decoration: none;}
    #header #menu #lnb .menu.active .depth002 a:hover {color:var(-pointcolor)}

    #header #menu #lnb .depth002 {left: 0;transform: translateX(0);position: relative;top: 0;font-size: 1.8rem; padding: 1rem; background-color: #fff;}
    #header #menu #lnb .depth002 a{padding: 10px 10px;color: #fff;display: block;}

    #header #menu #lnb .menu01 a, #header #menu #lnb .menu02 a{color: #ffecdb;}


    #header #menu #lnb .menu.menu13 .depth001 {border-bottom: none; padding: 30px 5%; position: relative;}
    #header #menu #lnb .menu.menu13 .depth001:after {position: absolute; right: 5%; top: 50%; transform: translateY(-50%); width: 39px; height: 39px; background: #fff; border-radius: 50%; content: ">"; color: #9a8675; font-weight: bold; left: auto; text-align: center; line-height: 38px;}
    #header #menu #lnb .menu.menu13 a span {background: #fff; color: #9a8675; padding: 1rem 2rem; border-radius: 50px; font-size: 1.8rem;}





    #header #menu #lnb .depth002 a.void_link span {transform: rotate(90deg);transition: .5s all ease;}
    #header #menu #lnb .depth002 a.void_link {display: flex;justify-content: space-between;}

    #header #menu #lnb .depth002 {display: flex; flex-wrap: wrap;}

    #header #menu #lnb .depth002 > li.active a span{transform: rotate(270deg);}

    /* #header #menu #lnb {border-bottom:1px solid #fff;} */
 
    #header .menu-btn {display: block;width: 25px;height: 15px;top:0; bottom:0; margin:auto; right: 5%;position: absolute; z-index: 9999;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;}
    #header .menu-btn span {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";right: 0;display: block;width: 100%;height: 1px;border-radius: 10px;background-color: #000;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
    #header .menu-btn .btn_line01 {top: 0;}
    #header .menu-btn .btn_line02 {top: 7px;}
    #header .menu-btn .btn_line03 {bottom: 0;}

    #header .menu-btn.on {position: fixed;top: 20px;right: 5%;bottom: auto;height:35px;width:35px}
    #header .menu-btn.on span:nth-child(1) {top: 17px;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
    #header .menu-btn.on span:nth-child(2) {opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";right: -60px;}
    #header .menu-btn.on span:nth-child(3) {top: 17px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}


    #header .logo{padding: 15px 0;width: auto; width: fit-content; height: fit-content;}
    #header.mOpen .logo{position: fixed;top: 0;/* left:5%; */z-index: 9999; } 
    #header .tel{display: block;position: absolute;top:23%; right: 15%; color:var(--pointcolor);font-size: 20px !important; z-index: 9999; text-align: center;}
    #header .tel i {font-size: 24px;}
    #header.sticky .tel {color:var(--pointcolor);}
    #header .tel img{max-width: 75%;}

    #qqc {position: fixed; background: #000;}
    #qqc_btn {position: absolute;background: #e93b7b;    z-index: 999; top: -3rem;   left: 50%;    transform: translateX(-50%); width: 50px; height: 50px; border-radius: 50%;}
    #qqc_btn span { width: 31px;height: 19px;  background-image: url(/m/view/RENEW/img/arrow_off.png);   background-repeat: no-repeat;background-size: contain; top: 50%; left: 50%;transform: translate(-50%,-50%);position: relative;    display: block;}
    #qqc_btn.active span {background-image:url(/m/view/RENEW/img/arrow_on.png)}
      
    #qqc {transform: translateY(80%); transition: .2s;}
    #qqc.active {transform: translateY(1px); }
    #qqc .qqc {overflow: hidden; text-align: center;}
    #footer .footWrap {z-index: 21;}

    #qqc .qqc .tit p {font-size: 40px; color: #fff}
    #qqc .qqc .tit .logo {    width: 55px; }
    
/*빠른상담*/
#qqc.on{display: none;}
#qqc .qqc{margin: auto; padding: 5% 5%; display: flex;  justify-content: center;}
#qqc .qqc .tit{width: 100%;}
#qqc .qqc .tit .title{display: flex; align-items: center;}
#qqc .qqc .tit .logo{width: 10%; margin-right: 10px;}
#qqc .qqc .tit .logo img{width: 100%;}
#qqc .qqc .tit p{font-size: 7vw; color: #fff; font-weight: 500; letter-spacing: -0.5px;}
#qqc .qqc .tit .qc_box{width: 100%; margin-top: 16px; }
#qqc .qqc .tit .qc_box input{width: 48%; padding: 10px 10px 10px 30px !important; background: #525151; border:none; -webkit-border:none; color: #fff; outline: none; font-size: 4vw; box-sizing: border-box; }
#qqc .qqc .tit .qc_box input::-webkit-input-placeholder { color: #fff; }
#qqc .qqc .tit .qc_box select{width: 100%; padding: 10px 10px 10px 30px !important; background: #525151; border:none; -webkit-border:none; color: #fff; outline: none; font-size: 4vw;}
#qqc .qqc .tit .qc_box select:first-child{}
#qqc .qqc .tit .qc_box select option:hover{background: #888;}
#qqc .qqc .tit .qc_box select option{ margin: 2px 0;}
/* #qqc .qqc .tit .qc_box input:first-child{margin-right: 4%; } */
#qqc .qqc .qqc_img{width: 50%;}
#qqc .qqc .tit .qc_box .agg{overflow: hidden;  margin-top: 13px; display: flex; align-items: center;}
#qqc .qqc .tit .qc_box .agree{text-align: left; color: #d0d2d3; font-weight: 500; float: left; width: 70%; font-size: 3.4vw;}
#qqc .qqc .tit .qc_box .agree input[type="checkbox"]  { width: auto !important; margin-right: 0 !important; width: 16px !important; height: 16px !important; -webkit-appearance: none; background: #fff; appearance: none; padding: 0 !important; }

#qqc .qqc .tit .qc_box .agree input:checked[type="checkbox"]  {	background-color: #fff; -webkit-appearance: checkbox;
}
#qqc .qqc .tit .qc_box .agree span{display: inline-block; background: #d0d2d3; color: #525151; border-radius: 50px; font-size: 3vw; padding: 5px 10px; line-height: 1; margin-left: 5px;}

	#qqc .qqc .tit .qc_box input,#qqc .qqc .tit .qc_box select {margin-bottom: 1rem;    width: 100%;}
	#qqc .qqc .tit .qc_box {flex-direction: column;}
	#qqc .qqc .tit .qc_box .agg {flex-wrap: wrap; margin-top: 0;}
	#qqc .qqc .tit .qc_box .submit {width: 100%  !important;}
	#qqc .qqc .tit .qc_box .agree {width: 100%; text-align: center;}
	#qqc .qqc .tit .qc_box .agree input[type="checkbox"] {margin-bottom: 3px;}
	#qqc .qqc .tit .title {justify-content: center;  padding-bottom: 10px;flex-wrap: nowrap; }
	#qqc .qqc .tit .qc_box .agg .home .submit {color: transparent;	-webkit-background-clip: text; margin-bottom: 0; font-weight: 800;}
	#qqc .qqc .tit .qc_box .agg .home {position: relative; width: 100%;margin-bottom: 1rem; background-color: #fff; text-align: center; font-size: 26px;    box-sizing: border-box;
		padding-left: 25px !important;}
	#qqc .qqc .tit .qc_box .agg .home span>span {width: 15px; height: 18px; margin-left: 10px;     display: inline-flex;}
	#qqc .qqc .tit .qc_box input,#qqc .qqc .tit .qc_box select {font-size: 26px;}


  #qqc .qqc .tit .qc_box input:first-child, #qqc2 .qqc .tit .qc_box input:first-child{margin-right: 0;}

  #qqc .qqc .tit .qc_box .submit {
    float: right;
    background-image: linear-gradient(to right, #e8529c, #535179);
    padding: 10px 10px !important;
    cursor: pointer;
    font-weight: 600;
}

#qqc .qqc .tit .qc_box .agree span a, #qqc2 .qqc .tit .qc_box .agree span a{color: #3a3a3a;}