@charset "utf-8";
@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */ 
}
/* base */
::selection{background: rgba(226, 216, 38, 0.622); color:#222;}
body{font-size:16rem; word-break:keep-all; letter-spacing: -.4rem;}
th[data-view="file"] + td ul li a{line-height:1em;}
ul li:last-child{margin-right:0;}

::-webkit-scrollbar{width:10rem;}
::-webkit-scrollbar-thumb{background-color:hsla(0, 0%, 42%, 0.3); border-radius:100rem;}

html,
body{height:100vh; height: var(--vh);}
body{overflow-y: overlay;} 
#wrap{overflow: hidden;}
/* root ---------------  */
:root{--vh: 100%;--color-point:#e2c71b; --animation-basic:all 0.4s ease; --animation-lazy:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); --lang-kor:"Pretendard", Sans-serif; --lang-mob:Sans-serif;}

/* 공통 --------------- */
.inner{ box-sizing: border-box; margin: 0 260rem;}
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}

.empty{height: 330rem;display: flex;align-items: center;text-align: center;justify-content: center;}

[data-ani]{opacity:0; transition:transform 1.6s ease, opacity 1.3s ease; transform-style:preserve-3d; will-change:transform;}
[data-ani].is_moved{opacity:1; transform:none;}
[data-ani="img"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-ani="top"]{transform:translateY(70rem); transition-delay:0.1s;}
[data-ani="right"]{transform:translateX(70rem); transition-delay:0.1s;}
[data-ani="left"]{transform:translateX(-70rem); transition-delay:0.1s;}
[data-ani="scale"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}
[data-ani="rotate"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}

/* start motion  for All contents */
.motion-on [data-motion]{transition:transform 1.4s ease, opacity 1.3s ease;transform: none;opacity:1;will-change: transform;}
[data-motion]{opacity:0;}
[data-motion="scrollTop"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-motion="top"]{transform: translateY(70rem);transition-delay:0.1s;}
[data-motion="right"]{transform:translateX(140rem); transition-delay:0.1s;}
[data-motion="scale"]{opacity:1 !important; transform:scale(1.15); transition-delay:0.1s;}
[data-motion="txt"].motion_in > *{transform:translateY(0);display: block;}
[data-motion="txt"] > *{opacity:1; transition:all 0.9s ease; transform:translateY(100%);}
[data-motion="txt"]{/* opacity:1 !important; */overflow:hidden; transition-delay:0.5s;}

/* delay set */
[data-delay="100"]{transition-delay:100ms !important;}
[data-delay="150"]{transition-delay:150ms !important;}
[data-delay="200"]{transition-delay:200ms !important;}
[data-delay="250"]{transition-delay:250ms !important;}
[data-delay="300"]{transition-delay:300ms !important;}
[data-delay="350"]{transition-delay:350ms !important;}
[data-delay="400"]{transition-delay:400ms !important;}
[data-delay="450"]{transition-delay:450ms !important;}
[data-delay="500"]{transition-delay:500ms !important;}
[data-delay="550"]{transition-delay:550ms !important;}
[data-delay="600"]{transition-delay:600ms !important;}
[data-delay="650"]{transition-delay:650ms !important;}

/*  keyframe */
@keyframes motion-scale{
	0%{transform: scale(1.05);}
	100%{ransform: scale(1);}
}

/* 버튼 */
.area_button{display: flex;}
.area_button .btn{width: 170rem; height: 55rem; transition: all .3s; cursor: pointer; display: flex; border:1px solid transparent; background-color: transparent; align-items: center; justify-content: center; box-sizing: border-box;}
.area_button .btn span{font-size: 14rem;}
.area_button .btn.white{border-color: #222; background-color: #fff;}
.area_button .btn.white span{color: #222;}
.area_button .btn.white:hover{background-color: #222;}
.area_button .btn.white:hover span{color: #fff;}
.area_button .btn.black{background-color: #222;}
.area_button .btn.black span{color: #fff;}
.area_button .btn.black:hover{background-color: #fff; border:1px solid #222}
.area_button .btn.black:hover span{color: #222;}
.area_button .btn.w_tr{border-color: #fff;}
.area_button .btn.w_tr span{color: #fff;}
.area_button .btn.v2{border-radius: 80rem; width: 210rem; height: 76rem; box-sizing: border-box; border:4rem solid #ecdf8d;}
.area_button .btn.v2 span{font-size: 18rem; color: #e2c71b; font-weight: 600;}

/* 체크 */
[data-check] label{padding-left: 35rem; box-sizing: border-box; cursor: pointer; position: relative; }
[data-check] label em{}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position: absolute;left: 0;opacity: 0.01;}
[type="checkbox"]:not(:checked) + .mark,[type="checkbox"]:checked + .mark {position:absolute; cursor: pointer; width: 20rem;height: 20rem; left: 0;top: 0; background: transparent; border:1px solid transparent; -webkit-transition: all .275s;transition: all .275s;}
[type="checkbox"]:not(:checked) + .mark:after, [type="checkbox"]:checked + .mark:after {content: '';width: 7rem;height: 12rem;box-sizing: border-box;border-bottom: 2rem solid var(--color-point);border-right: 2rem solid var(--color-point);position: absolute;top: 2rem;left: 7rem;-webkit-transition: all .2s;transition: all .2s;}
[type="checkbox"]:not(:checked) + .mark:after {opacity: 0;-webkit-transform: scale(0) rotate(0);transform: scale(0) rotate(0);}
[type="checkbox"]:checked + .mark:after {opacity: 1;-webkit-transform: scale(1) rotate(37deg);transform: scale(1) rotate(37deg);}
[type="checkbox"]:disabled:not(:checked) + .mark:before,[type="checkbox"]:disabled:checked + .mark:before {box-shadow: none;border-color: #bbb;background-color: #e9e9e9;}
[type="checkbox"]:disabled:checked + .mark:after {color: #777;}
[type="checkbox"]:disabled + .mark {color: #aaa;}

/* Accessibility */
[type="checkbox"]:checked:focus + .mark:before, [type="checkbox"]:not(:checked):focus + .mark:before {
    box-shadow: inset 0 1rem 3rem rgba(0,0,0, .1), 0 0 0 6px rgba(100, 164, 247, 0.2);
}

/* 동의하기 */
.area_agree{margin-top: 40rem;}
.area_agree [type="checkbox"]:not(:checked) + .mark, .area_agree [type="checkbox"]:checked + .mark{border:1px solid #222}
.area_agree label em a{border-bottom: 1px solid #222; cursor: pointer;}

#header{position: fixed; top: 0; width: 100%; left: 0; z-index: 99; transition: all .4s;}
#header nav .gnb > li{padding: 0 36rem; position: relative;}
#header .btn_menu{display:none;}
#header .btn_menu{position:absolute; top:0; right:0; z-index:9999; width:23rem; height:24rem; font-size:0rem; transition:all 0.3s ease 0s;}
#header .btn_menu > span{display:block; position:absolute; left:0rem; width:100%; height:2rem; background:#fff;}
#header .btn_menu > span:nth-of-type(1){top:5rem;}
#header .btn_menu > span:nth-of-type(2){top:50%; margin-top:-1rem; transition:background 0.3s ease 0s;}
#header .btn_menu > span:nth-of-type(3){top:17rem;}
#header .btn_menu > span:nth-of-type(1),
#header .btn_menu > span:nth-of-type(3){transition:all 0.3s ease; transition-property:top, transform; transition-delay:0.3s, 0s;}
#header .btn_menu.active{/* position:fixed; */ /* top:25rem; */ transform:rotate(180deg);}
#header .btn_menu.active > span{background-color: #111;}
#header .btn_menu.active > span:nth-of-type(1){top:10rem; transform:rotate(-45deg);}
#header .btn_menu.active > span:nth-of-type(2){background:transparent;}
#header .btn_menu.active > span:nth-of-type(3){top:10rem; transform:rotate(45deg);}
#header .btn_menu.active > span:nth-of-type(1),
#header .btn_menu.active > span:nth-of-type(3){transition-delay:0s, 0.3s;}
#header .btn_close{position:fixed; opacity:0; visibility:hidden; top:0rem; left:0rem; width:-webkit-calc(100% - 320rem); width:100%; height:-webkit-calc(100vh - -0rem * 1); height:calc(100vh - -0px * 1); background:#000; font-size:0; transition:all 0.3s ease-out 0s;}
.active #header .btn_close{opacity:0.4; visibility:visible;}

#header .inq_btn{transition: all .5s; width: 203rem; height: 35rem; border-radius: 30rem; background-color: rgba(255,255,255,0.17); display: flex; align-items: center; justify-content: center;}
#header .inq_btn img{width: 15rem; margin-right: 8rem;}
#header .inq_btn span{display: flex; align-items: center; font-weight: 500; color: #fff; font-size: 15rem; line-height: 1;}
#header .inq_btn b{padding: 0 0 0 5rem; font-size: 20rem; font-family: 'Pretendard'; color: #fff; }
#header .inq_btn b i {display: inline-block; animation: wave 2s ease-in-out infinite; letter-spacing: -5rem;}
#header .inq_btn b i:nth-child(1){animation-delay: 0.5s;}
#header .inq_btn b i:nth-child(2){animation-delay: 0.55s;}
#header .inq_btn b i:nth-child(3){animation-delay: 0.58s;}
#header .inq_btn b i:nth-child(4){animation-delay: 0.61s;}
#header .inq_btn b i:nth-child(5){animation-delay: 0.64s;}
#header .inq_btn b i:nth-child(6){animation-delay: 0.67s;}
#header .inq_btn b i:nth-child(7){animation-delay: 0.70s;}
#header .inq_btn b i:nth-child(8){animation-delay: 0.73s;}
#header .inq_btn b i:nth-child(9){animation-delay: 0.76s;}
@keyframes wave {
    0%, 40%, 100% {opacity: 1;}
    20%{opacity: 0;}
    60%{opacity: 1;}
}
@keyframes blink-effect {
    50% {
      opacity: 0;
    }
  }

.full_open #header .btn_menu_wrap{position: fixed;} 
.full_open #header h1 img.black{display: none;}
.full_open #header h1 img.white{display: block;}
.full_menu{display:none;display:flex;justify-content: center;position:absolute;align-items: center;opacity:0;visibility:hidden;overflow:hidden;top:0;left: 0;z-index:990;width:100%;height:100vh;background:#fff;transition:all 0.5s ease;}
.full_menu [data-full="menu"]{z-index: 11; position: relative; align-items: baseline;justify-content: center;display: flex; max-width: 1200rem; width:90%;/* height: 20vh; */gap: 80rem;}
.full_menu [data-full="menu"] > li{opacity: 0; transform: translateY(100rem); transition:  all 1s; width: 20%;}
.full_menu [data-full="menu"] > li > a{font-size: 18rem; font-weight: 500; }
.full_menu [data-full="menu"] a{color: #111;}
.full_menu [data-full="menu"] > li  ul{margin-top: 22rem;}
.full_menu [data-full="menu"] > li  ul li{padding:6rem 0;}
.full_menu [data-full="menu"] > li  ul a{opacity: 0.5; font-family:'Pretendard', Sans-serif; font-size: 16rem; font-weight: 300;}
.full_menu .closeBtn{width: 60rem;height: 60rem;position: absolute;top: 0;right: 0;z-index: 11;}
.full_menu .closeBtn::before,.full_menu .closeBtn::after{content: "";width: 24rem;height: 3rem;background-color: #000;position: absolute;left: 50%; top: 50%;}
.full_menu .closeBtn::before{transform: translate(-50%,-50%) rotate(45deg);}
.full_menu .closeBtn::after{transform:translate(-50%,-50%)  rotate(-45deg);}

.full_menu.open{opacity:1;visibility:visible;background: #fff; position: fixed; left: 0; top: 0; overflow: hidden;}
.full_menu.open [data-full="menu"] > li{opacity: 1; transform: translateY(0); padding-top: 24rem; box-sizing: border-box; border-top: 1px solid #222;}
.full_menu.open [data-full="menu"] > li:nth-child(1){transition-delay: .2s;}
.full_menu.open [data-full="menu"] > li:nth-child(2){transition-delay: .3s;}
.full_menu.open [data-full="menu"] > li:nth-child(3){transition-delay: .4s;}
.full_menu.open [data-full="menu"] > li:nth-child(4){transition-delay: .5s;}
.full_menu.open [data-full="menu"] > li:nth-child(5){transition-delay: .6s;}
.full_menu.open [data-full="menu"] > li:nth-child(6){transition-delay: .7s;}
.full_menu.open [data-full="menu"] > li:nth-child(7){transition-delay: .8s;}

body.full_open{overflow: hidden;}


#footer{padding:90rem 0 85rem; background-color: #080808; background: url("../images/common/img_f_bg.jpg") no-repeat; background-size: cover; background-position: right;}
#footer *{color: #fff;}
#footer .title em{display: block; font-size: 40rem; font-weight: 800;}
#footer .title p{font-size: 17rem; line-height: 1.5; margin-top: 12rem;}
#footer .f_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rem; margin-top: 55rem;}
#footer .logo{height: 29rem; display: block;}
#footer .logo img{height: 100%; display: block;}
#footer .part_admin{display: flex;}
#footer .part_admin a{display: block; margin-left: 38rem; opacity: 0.42; transition: opacity .3s;}
#footer .part_admin a:nth-child(2) {opacity: 1;}
#footer .part_admin a:hover{opacity: 1;}
#footer .part_admin a:nth-child(1){margin-left: 0;}
#footer .f_bottom{display: flex; justify-content: space-between; align-items: end; position: relative; border-top: 1px solid rgba(255,255,255,.16); padding-top: 30rem; border-top: 1px solid rgba(255,255,255,.16);} 
#footer .f_bottom .info *{font-family: "Pretendard";}
#footer .info strong{font-size: 14rem;  display: block; margin-bottom: 30rem;}
#footer .info address span{font-size: 14rem; opacity: 0.42; margin-right: 17rem}
#footer .info .copyright{font-size: 14rem;  opacity: 0.42; margin-top: 16rem; }
#footer .family{width: 200rem;height: 50rem;position: relative;position: absolute;right: 0;z-index: 11;top: 32px;}
#footer .family button{width: 200rem;height: 50rem;box-sizing: border-box;padding: 0 30rem;align-items: center;font-weight: 300;display: flex;background: transparent;justify-content: space-between;border:1px solid rgba(195,197,200,0.45)}
#footer .family button span{font-size: 14rem; opacity: 0.42;}
#footer .family button i{display: block; width: 11rem; height: 7rem; background:url(/images/common/icon_arrow.svg) no-repeat; background-size: cover; opacity: 0.42;}
#footer .family button.on{border:1px solid #fff;}
#footer .family button.on i{transform: rotate(180deg);}
#footer .family_under{z-index:50;display:none;overflow-y:auto;position:absolute;top:100%;left:0;width:100%;max-height: 100rem;padding:10px 0; box-sizing: border-box; background-color: #222; border:1px solid rgba(195,197,200,0.45);}
#footer .family_under li a{display:block;padding: 5rem 30rem;}
#footer .family_under li a span{font-size:13rem;font-weight:300;}

.area_quick{position: fixed; right: 30rem; bottom: 80rem; z-index: 90; display: flex; flex-direction: column; align-items: flex-end; }
.area_quick .q_btn{width: 64rem; height: 64rem; cursor: pointer; box-shadow: 7px 8px 13.44px 2.56px rgba(134, 134, 134, 0.22); border-radius: 100rem; display: flex; align-items: center; justify-content: center;}
.area_quick .q_btn + .q_btn{margin-top: 10rem;}
.area_quick .blog{background-color: #42b649;}
.area_quick .location{background-color: #222;}
.area_quick .blog img{width: 26rem;}
.area_quick .kakao{background-color: #eec76b;}
.area_quick .kakao img{width: 26rem;}
.area_quick .location img{width: 17rem;}
.area_quick .call {background-color: #fff;}
.area_quick .call i{font-size: 18rem; color: #000;}
.area_quick .q_btn.mo_v{display: none;}
.area_quick .q_btn.pc_v{white-space: nowrap; transition: all .3s; display: block; overflow: hidden;}
.area_quick .q_btn.pc_v em{font-weight: 600; margin-left: 8rem; overflow: hidden; opacity: 0; transition: all .3s;}
.area_quick .q_btn.pc_v i{width: 62rem; text-align: center; line-height: 62rem; transition: all .3s;}
.area_quick .q_btn.pc_v:hover{width: 154rem;}
.area_quick .q_btn.pc_v:hover em{opacity: 1;}
.area_quick .q_btn.pc_v:hover i{width: auto; padding-left: 20rem;}

.area_policy{padding-top:0;}
.area_policy h2{padding:30rem 0;font-size:40rem;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:17rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15rem; color:#666;}
.area_policy p{line-height:1.6; font-size:14rem;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

.ft_logo {margin-bottom: 20rem;}
.ft_logo img {height: 60rem;}

.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

@media (min-width:2000px){
	html{font-size:0.05254860746190225vw;}
}
@media (max-width:1800px){
    .inner{margin: 0 140rem;}
}
@media (max-width:1680px){
    #header .h_menu .inner{margin: 0 40rem;}
}
@media (max-width:1480px){
	html{font-size:0.06756756756756757vw;}
 
    .inner{margin: 0 90rem;}
}

@media all and (min-width:1300px){
    #header {border-bottom: 1rem solid rgba(255,255,255,.16);}
    #header .head-box {display: flex; align-items: center; justify-content: space-between; max-width: 1400rem; margin: 0 auto; height: 82rem;}
    #header  h1 img{height: 47rem;}
    #header .mn_btn{position: absolute; left: 0; top: 50%; transform: translateY(-530%); background:transparent; display: flex; align-items: center; transition: all .5s;}
    #header .mn_btn .burger{width: 18rem; height: 14rem; position: relative;}
    #header .mn_btn .burger i{width: 18rem; height: 2rem; background-color: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    #header .mn_btn .burger::before,
    #header .mn_btn .burger::after{content: ""; position: absolute; left: 0; width: 100%; height: 2rem; background-color: #fff;}
    #header .mn_btn .burger::before{top: 0;}
    #header .mn_btn .burger::after{bottom: 0;}
    #header .mn_btn  em{font-size: 14rem; font-weight: 700; color: #fff; margin-left: 13rem;}
    #header nav .gnb {display: flex; justify-content: center; }
   
    #header nav .gnb > li > a{color: #fff; font-weight: 500; font-size: 18rem; box-sizing: border-box; padding: 19rem 0; /* 26.5rem 0 */ display: block;}
	#header nav .gnb > li ul{display:none; position:absolute; opacity:0; visibility:hidden; top:15rem; left: 50%; width:100%; transform: translateX(-50%); box-sizing: border-box; padding:8rem 17rem; background:#fff; border:1rem solid #444; box-shadow:15rem 20rem 29rem 0rem rgba(0, 0, 0, 0.23); transition:all 0.4s ease-out; transition-property:opacity, top, visibility; transition-delay:0s, 0s, 0s;}
	#header nav .gnb > li ul.active{display:block; transition-delay:0.1s;}
	#header nav .gnb > li.active ul{opacity:1; visibility:visible; top:65rem; z-index:10; transition-delay:0s, 0s, 0s;}
	#header nav .gnb > li ul > li > a{display:block; position:relative; padding:10rem 0rem; background:#fff; border-top:1rem solid #e1e1e1; font-family:'Pretendard', Sans-serif; font-size:15rem; color:#404040; text-align:left; transition:all 0.3s ease 0s;}
	#header nav .gnb > li ul > li > a:hover{opacity:0.5;}
	#header nav .gnb > li ul > li:first-child > a{border-top-width:0px;}
}

@media all and (max-width:1440px){
	.inner{margin: 0 100rem}
    .area_quick .q_btn{width: 54rem; height: 54rem;}
    .area_quick .q_btn.pc_v i{width: 54rem; line-height: 54rem;}
}
@media all and (max-width:1300px){
    html{font-size:0.09775171065493645vw;}
    body{font-size: 15rem}
	.inner{margin: 0 40rem;}

    .area_button .btn{width: 140rem; height: 44rem;}
    .area_button .btn span{font-size: 13rem;}

	#header .btn_menu,
	#header .btn_close{display:block;}

    #header{height: 64rem;}
    #header h1 a{height: 34rem; display: block;}
    #header h1 a img{height: 100%;}
    #header .h_menu .inner{margin: 0;}
    #header .btn_menu{top: 50%; right: 40rem; transform: translateY(-50%); z-index: 999999;}
    #header .btn_menu > span{background-color: #111;}
    #header .btn_menu.active{top: 33%;}
    #header .h_menu{display: none; position: absolute; width: 50%; height: 100vh; background-color: #fff; right: 0; z-index: 11111; top: 0;}
    #header .h_menu .mn_btn{display: none;}
    #header .h_menu .inq_btn{display: none;}
    #header .h_top{position: relative; box-sizing: border-box; height: 64rem; }
    #header h1{position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
    #header nav {position: fixed; top: 0; right: -100%; z-index:99; width: 400rem; height: calc(var(--vh, 1vh) * 100); margin:0; background: var(--color-white); border-top: 1rem solid #e8e8e8; transition:all 0.6s ease-out 0s;}
    #header nav.active {right:0rem; background: #fff; transition:all 0.6s ease-out 0s; display: unset;}
    #header nav .gnb {padding-top: 80rem;}
    #header nav .gnb > li{padding: 0;}
    #header nav .gnb > li > a{padding: 10rem 20rem !important; font-size: 19rem; display: block; font-weight: 500; color: #111;}
    #header nav .gnb > li ul{padding: 20rem; background-color: #f6f6f6; box-sizing: border-box;}
    #header nav .gnb > li ul a{padding:5rem 0; display: block; }
    #header nav .gnb > li:nth-child(2) ul{display: flex; flex-wrap: wrap;}
    #header nav .gnb > li:nth-child(2) ul li{width: 50%;}
    body.active{overflow: hidden !important;}
    body.active  #header .h_menu{display: block;}

    #header .inq_btn {position: absolute; top: 50%; right: 100rem; transform: translateY(-50%);}

    #footer .title em{font-size: 30rem;}
    #footer .title p{font-size: 16rem;}
    #footer .f_bottom .info{padding-right: 40%;}
    #footer .f_top{margin-bottom: 20rem;}

    .area_quick .q_btn.mo_v{display: flex;}
    .area_quick .q_btn.pc_v{display: none;}
    
}
@media (max-width:860px){
	html{font-size:0.13020833333333335vw;}
    .inner{margin: 0 32rem;}

    #footer{padding: 50rem 0;}
    #footer .title em{font-size: 26rem;}
    .ft_logo img {height: 40rem;}
}

@media (max-width: 540px){
    .inner{margin: 0 22rem;}
	::-webkit-scrollbar{height:0rem;}
	::-webkit-scrollbar-thumb{background-color: hsla(0, 0%, 42%, 0.1);}

	html{font-size:0.26666666666666665vw;}	
    #header h1{left: 20rem;}
    #header h1 a{height: 24rem;}
    #header .btn_menu{right: 20rem;}
    #header,#header .h_top{height: 70rem;}
    #header .btn_menu.active{top: 15rem;}
    #header .h_menu{width: 80%;}
    #header nav {width: 100%;}
    #header nav .gnb{height: 80vh; overflow-y: scroll; overflow-x: hidden;}
    #header .inq_btn {right: 60rem; flex-direction: column; width: 124rem; height: 55rem; border-radius: 5rem;}
    #header .inq_btn b {padding: 5rem 0 0; line-height: 1;}

    .area_quick{right: 10rem;}
    .area_quick .q_btn{width: 34rem; height: 34rem; border-radius: 5rem;}
    .area_quick .blog img,.area_quick .kakao img{width: 14rem;}
    .area_quick .call i{font-size: 10rem;}
    .area_quick .location img{width: 9rem;}

    #footer{padding: 30rem 0;}
    .ft_logo img {height: 30rem;}
    .ft_logo {margin-bottom: 12rem;}
    #footer .title {margin-bottom: 24rem;}
    #footer .title em{font-size: 20rem;}
    #footer .title p{font-size: 14rem;}
    #footer .f_top{margin-bottom: 10rem; margin-top: 25rem;}
    #footer .f_top .logo img{display: none;}
    #footer .f_bottom{/* padding-top: 20rem; */ padding-top: 0; border-top: 0;}
    #footer .f_bottom .info{padding-right: 0;}
    #footer .part_admin a{font-size: 12rem; margin-left: 14rem;}
    #footer .info strong{margin-bottom: 10rem;}
    #footer .info address span,#footer .info .copyright{display: block; font-size: 12rem;}
    #footer .family{position: relative ; top: 0; margin-top: 20rem; display: none;}
    #footer .f_bottom {flex-direction: column; align-items: start; gap: 30rem;}
}
@media all and (max-width:480px){}