::-moz-selection {
  background: var(--mc1);
  color: #fff;
}
::selection {
  background: var(--mc1);
  color: #fff;
}

.main_slide {width:100%;height: 100vh; /* fallback */
  height: calc(var(--vh, 1vh) * 100);}

.pop-win h2, .ifram-win h2 {font-size:2rem !important;}


.f-15 {font-size:1.5rem;}
.f-16 {font-size:1.6rem;}
.f-18 {font-size:1.8rem;}
.f-20 {font-size:2.0rem;}
.f-24 {font-size:2.4rem;}
.f-30 {font-size:3.0rem;}
.f-40 {font-size:4.0rem;}
.f-45 {font-size:4.5rem;}
.f-60 {font-size:6.0rem;}
.f-80 {font-size:8.0rem;}


.mainLayout {margin:0 auto;width:84%;}
.contLayout {margin:0 auto;width:68.5%;}
.subLayout {width:68.5%;margin:0 auto !important;max-width:1300px;}
.dePadding {padding:15rem 0;}
.fullLayout {width:94%;margin:0 auto;}

.sub-img-wrap {width:100%;}
.sub-img-wrap img {width:100%;height:auto;}


/*헤드메뉴*/


.header-all-cont {width:100%;height:auto;position:absolute;top:0;z-index: 10000;}

#header {width:100%;position:fixed;top:3rem;left: 50%; transform:translateX(-50%) ;z-index:6;height:6.5rem;-webkit-transition:all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
#header .header-inner {width:84%;display:flex;margin:0 auto;justify-content: space-between;align-items: center;}
#header .gnb {display:flex;list-style:none; height:100%;}
#header .gnb > li {height:8rem;position:relative; display:block;width:13rem;vertical-align:middle; text-align:center;}
#header .gnb > li:last-of-type:after {
display:none;
}
#header .gnb > li > a {display:block; width:100%;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: -0.01em;
  color: #fff;transition:all 0.4s;}
#header .gnb > li > a:hover {color: var(--mc1);font-weight:700;}
#header .gnb > li.active {background-color: var(--mc2)}
#header .gnb > li.active > a {color: #fff}

#header .header-inner .menu {cursor:pointer;text-indent:-9999px; position:absolute;top:29px; left:50%;width:25px;height:2rem; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none}
#header .header-inner .menu.on {background-image: url(../img/cate_close.gif)}
#header .gnb > li, #header #right-side-open {height:6rem;line-height:6rem; -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
#header #right-side-open { position:absolute; right:0; width:100%; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; }
#header #right-side-open span{display:inline-block;width:2rem; height:2rem;font-size:2rem;line-height:1em;margin-top:-1rem; margin-left:-1rem; position:absolute; top:50%;left:50%; color:#fff;}
#header .gnb .snb {list-style:none; display:none;}
#header #logo {text-align:center;}
#header #logo a { display:inline-block;}
#header #logo img {height:5.8rem;}
#header .gnb .snb,.device-md #header .gnb .snb{border-radius:1rem;padding:1rem 0;display: none;position: absolute;left:0;width: 100%; top:7rem; border-top: 0;background-color:var(--mc1); z-index:2}
#header .gnb .snb li { font-size:1.5rem; line-height:2.6; text-align:left;}
#header .gnb .snb li a { color:#eee;font-weight:400; display:block; padding:0 1.5rem;}
#header .gnb .snb li a:hover {color:#fff;font-weight:500;  display:block; text-decoration:none; line-height:2.6}
#header .gnb .snb li:first-child {border-top:0}
.phone-call {white-space: nowrap;}
.phone-call a {color:#fff;display:block;height:6rem;background:var(--mc1);font-size:2.4rem;line-height:6rem;font-weight:600;letter-spacing: -0.025em;padding:0 3.5rem;border-radius:500px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.phone-call a img {margin-right:1.2rem;margin-top:-0.1rem;}
.phone-call:hover a {background:var(--mc3);transition: all 0.4s;}
.header-all-cont.subHeader {width:100%;height:auto;position:relative;top:0;z-index: 100;margin-bottom:18rem;}
.header-all-cont.subHeader #header {width:100%;background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.02) 0px 10px 10px -5px;}

.header-all-cont.subHeader #header {top:0;height:16rem;}
.header-all-cont.subHeader #header .header-inner {flex-wrap:wrap;}
.header-all-cont.subHeader #header #logo {width:100%;padding:2.5rem 0 0.8rem 0;}
.header-all-cont.subHeader #header .gnb {width:100%;justify-content: center;}
.header-all-cont.subHeader #header .gnb > li > a {color:#555;font-weight:700;height:7rem;line-height:7rem;font-size:1.8rem}
.header-all-cont.subHeader #header .gnb > li > a:hover {color:var(--mc1)}
.header-all-cont.subHeader .phone-call {position:absolute;right:3rem;top:2rem}
.header-all-cont.subHeader .phone-call a {background:var(--mc1)}

.scrolled .header-all-cont.subHeader #header #logo {width:auto;padding:0;}
.scrolled .header-all-cont.subHeader #header .gnb {width:auto;}
.scrolled .header-all-cont.subHeader #header {height:7rem;}
.scrolled .header-all-cont.subHeader .phone-call {position:static;}
.scrolled .header-all-cont.subHeader #header .gnb > li > a {line-height:7rem;height:7rem;}

.side_hd_icon {width:20rem;display:flex;justify-content:space-between;position:absolute;right:7%;top:4rem;}
.side_hd_icon li {width:calc(100% / 3);transition:all 0.4s;}
.side_hd_icon li:hover {transform:translateY(-0.5rem);}
.side_hd_icon li a {position:relative;display:block;text-align:center;}
.side_hd_icon li a img {height:3rem;margin:0 0 0.5rem;}
.side_hd_icon li a span {font-size:0;}
.side_hd_icon li a span:first-of-type {display:block;font-size:0;}
.side_hd_icon li a span.total_cnt {position:absolute;background:#000;color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;width:2rem;height:2rem;line-height:2rem;top:0;font-size:1.4rem;}

.scrolled #header {background:rgba(255,255,255,0.9);top:0;height:7rem;box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}
.scrolled #header #logo img {height:4.5rem;margin-top:0.9rem}
.scrolled .phone-call a {height:5rem;line-height:5rem;font-size:2.4rem;padding:0 2.5rem;margin-top:0.7rem;}
.scrolled .phone-call a img {height:3rem;}
.scrolled #header .gnb > li > a {color:#333;font-size:1.8rem;font-weight:600;line-height:7rem;}
.scrolled #header .gnb > li > a:hover {color:var(--mc1);font-weight:700;}

.main-contact-wrap {position:relative;margin:0 auto 18rem;}
.main-contact-wrap>h2 {font-weight:600;color:#999;font-size:2.6rem;letter-spacing: -0.08em;position:absolute;top:2.5rem;font-family:'MaruBuri';}
.main-contact-wrap>h2 span {color:#333;}
.main-contact-wrap:after {content:'';display:block;width:120%;background:#f5f5f6;aspect-ratio: 1/0.18;border-radius:0 50rem 50rem 0;position:absolute;left:-30%;bottom:-25%;z-index: -1;}
.contact-flex-wrap {display:flex;justify-content: space-between;}
.main-contact-wrap .left-wrap {width:68%;background:#fff;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border-radius:2.5rem;display:flex;height:100%;}
.main-contact-wrap .left-wrap>div {width:50%;padding:3rem 1rem 3.5rem 4rem}
.main-contact-wrap .left-wrap>div:first-of-type {border-right:4px dotted #eee;}
.main-contact-wrap .left-wrap {margin-top:8rem;}
.main-contact-wrap .left-wrap .area ul {display:flex;flex-wrap:wrap;padding:1.5rem 0 0 2rem;}
.main-contact-wrap .left-wrap .area ul li {width:100%;font-size:1.8rem;color:#777;letter-spacing: -0.03em;list-style: disc;margin:0.3rem 0 1.3rem;}
.main-contact-wrap .left-wrap .area ul li:nth-child(1)::marker {color:#333}
.main-contact-wrap .left-wrap .area ul li:nth-child(2)::marker {color:#4f94fd}
.main-contact-wrap .left-wrap .area ul li:nth-child(3)::marker {color:#a92f31}
.main-contact-wrap .left-wrap .expense {padding:3rem 4rem 3.5em 4rem}
.main-contact-wrap .left-wrap .expense ul {display:flex;flex-wrap:wrap;padding-right:3rem;}
.main-contact-wrap .left-wrap .expense ul li {width:100%;font-size:1.8rem;color:#777;letter-spacing: -0.03em;border-bottom:1px solid #eee;}
.main-contact-wrap .left-wrap .expense ul li:last-child {border-bottom:0;}
.main-contact-wrap .left-wrap .expense ul li span {display:inline-block;font-size:1.8rem;color:#777;letter-spacing: -0.03em;margin:0.5rem 0;padding:0 1rem;}
.main-contact-wrap .left-wrap .expense ul li span:first-of-type {width:30%;}

.main-contact-wrap .left-wrap h3 {color:#555;font-weight:700;letter-spacing: -0.04em;font-size:3rem;margin-bottom:2.5rem;display:flex;justify-content: space-between;align-items: baseline;line-height:1.5;}
.main-contact-wrap .left-wrap h3 span {color:#777;font-weight:400;letter-spacing: -0.03em;font-size:1.4rem;padding-left:2rem;}
.main-contact-wrap .right-wrap {width:28%;aspect-ratio: 1/1;background:var(--mc1);border-radius:2rem;padding:2.5rem 3.5rem;position:relative;display:flex;flex-direction: column;justify-content: space-between;cursor:pointer;}
.main-contact-wrap .right-wrap h3 {font-size:4rem;color:#fff;font-weight:600;letter-spacing:-0.03em;}
.main-contact-wrap .right-wrap h3 span {font-size:3rem;font-weight:500;color:#eee;}
.main-contact-wrap .right-wrap a {display:block;text-align: right;color:#fff;font-size:3.8rem;font-weight:400;}
.main-contact-wrap .right-wrap a img {margin-bottom:2rem;height:12.5rem;}
.main-contact-wrap .right-wrap:hover {background:var(--mc3)}
.main-contact-wrap .right-wrap:hover a img {      animation-name: move;
  animation-duration: 1s;
  animation-iteration-count: infinite;}

@keyframes move {
  /* keyframe */
  0% {
    margin-bottom:2rem;
  }
  /* keyframe */
  50% {
    margin-bottom:4rem;
  }
  100% {
    margin-bottom:2rem;
  }
}

.main-contact-wrap .left-wrap span.title {font-size:1.8rem;color:#777;font-weight:600;letter-spacing: -0.05em;display:block;}
.main-contact-wrap .left-wrap span.time {font-size:1.7rem;color:#999;font-weight:500;letter-spacing: -0.025em;display:block;margin-top:0.4rem;}
.main-map-wrap span.title {margin-top:1rem;}
.main-map-wrap {width:100%;}
.main-map-wrap .main-map-container {width:100%;}
.main-map-wrap .main-map-container #daumRoughmapContainer1696490110584 {width:100%;aspect-ratio: 330/126;border-radius:1.5rem;border:1px solid #ccc;}
.main-map-wrap .main-map-container .root_daum_roughmap .wrap_map {height:100%}

/*전체메뉴 버튼*/
#open-button{display:none;position:fixed;z-index:33000;left:3%;width:5rem;top:3.5rem;height:4rem;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;}
#open-button .navicon-line{position:absolute;width:2rem;height:2px;border-radius:1px;background:#000;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
#open-button .nl1 {top: 1rem;right:0; width:100%}
#open-button .nl2 {top: 2rem;right:0; width:100%}
#open-button .nl3 {top: 3rem;right:0; width:100%}
#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:1rem;margin:0;padding:0;background-color:#fff !important;}
#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
#open-button.scrolled .navicon-line {background-color: #000;}
#open-button.on.scrolled >div>div{background-color:#000;}
/*전체메뉴 버튼*/

.scrolled #open-button {top:1.3rem;transform:scale(0.8)}
.scrolled #open-button .nl1 { background-color:#000}
.scrolled #open-button .nl2 { background-color:#000}
.scrolled #open-button .nl3 { background-color:#000}
.scrolled #open-button .navicon-line  { background-color:#333}
.scrolled #open-button.on .navicon-line { background-color:#fff}

.open #open-button {top:4rem !important;}

/* 전체메뉴 */

.navi {
  z-index: 30009;
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.navi:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #202020;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 100%;
  transform: scale(0.04), translateY(9999px);
  overflow: hidden;
}
.open .navi {
  top: 0;
}
.open .navi:before {
  -webkit-animation: menu-animation 0.8s ease-out forwards;
          animation: menu-animation 0.8s ease-out forwards;
}

ul.menu {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000;
  color: white;
  padding:20rem 0;
}
ul.menu li {
  opacity: 0;
  text-align: center;
  transform: translate3d(0, 36px, 0);
}
ul.menu li a {position:relative;z-index: 100;}
ul.menu li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  left: auto;
  background-color: white;
  height: 100%;
  width: 0;
  overflow: hidden;
  transition: width 0.14s ease-out;
}
ul.menu li:after {
  opacity: 0;
  content: attr(data-text);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: var(--mc2);
  overflow: hidden;
  transform: translate(-24px, 0);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
}
ul.menu li:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}
ul.menu li:hover:after {
  opacity: 1;
  transform: translate(0px, 0);
  transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out;
}
.open ul.menu li {
  font-size:4.5rem;margin:0 0 6rem 0;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}
.open ul.menu li a {color:#fff;font-weight:500;letter-spacing: -0.03em;white-space: nowrap;}
.open ul.menu li .depth-2 {display:flex;width:100%;justify-content: center;position:absolute;top:4rem;}
.open ul.menu li .depth-2 a {font-size:2rem;color:#eee;font-family:'pretendard';font-weight:300;}
.open ul.menu li .depth-2 a:hover {color:#fff;font-weight:500;}
.open ul.menu li .depth-2 .li {padding:0 1rem;position:Relative;}
.open ul.menu li .depth-2 .li:after {content:'';display:block;width:4px;height:4px;border-radius:50%;position:absolute;z-index:1000;right:-0.2rem;top:65%;transform:translateY(-50%);background:#ccc;}
.open ul.menu li .depth-2 .li:last-of-type:after {display:none;}

.open ul.menu li:nth-child(1) {
  transition-delay: 0.75s;
  margin:0 0 8rem 0;
}
.open ul.menu li:nth-child(2) {
  transition-delay: 0.85s;
}
.open ul.menu li:nth-child(3) {
  transition-delay: 0.95s;
}
.open ul.menu li:nth-child(4) {
  transition-delay: 1.05s;
}
.open ul.menu li:nth-child(5) {
  transition-delay: 1.15s;
}
.open ul.menu li:nth-child(6) {
  transition-delay: 1.25s;
}
@-webkit-keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

@keyframes menu-animation {
  0% {
    opacity: 0;
    transform: scale(0.04) translateY(300%);
  }
  40% {
    transform: scale(0.04) translateY(0);
    transition: ease-out;
  }
  40% {
    transform: scale(0.04) translateY(0);
  }
  60% {
    opacity: 1;
    transform: scale(0.02) translateY(0px);
  }
  61% {
    transform: scale(0.04);
  }
  99.9% {
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
  }
  100% {
    transform: scale(2);
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
  }
}

/* 전체메뉴 */





@media screen and (max-width: 960px) {
	#header {display:block; background-color:transparent;}
	#header #logo { display:block}

}

/*헤드메뉴*/


/* 버튼 */

.btn-wrap {
  color: var(--mc1);
  font-size: 1.8rem;
  border: 1px solid var(--mc1);
  border-radius: 50em;
  width: 15rem;
  height: 5.5rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.05em;
  text-align: center;
  line-height: 5.5rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
  margin: 6rem auto 0;
  cursor:pointer;
}

.btn-wrap span {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: var(--mc1);
  transform: translateY(150%);
  border-radius: 50%;
  left: calc((var(--n) - 1) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  z-index: -1;
}

.btn-wrap.white {
  color:#fff;
  border-color:#fff;
}
.btn-wrap:hover {
  color: #fff;
}
.btn-wrap.white:hover {
  border-color:var(--mc1);
}
.btn-wrap:hover span {
  transform: translateY(0) scale(2);
}

.btn-wrap span:nth-child(1) {
  --n: 1;
}

.btn-wrap span:nth-child(2) {
  --n: 2;
}

.btn-wrap span:nth-child(3) {
  --n: 3;
}

.btn-wrap span:nth-child(4) {
  --n: 4;
}


/* 버튼 */


/*우측 전체 메뉴*/
#right-side {background-color:#333;position:fixed; z-index:1000; top:0;right:-40rem;max-width:40rem; width:100%; height:100%; color:#FFF; padding:3rem;-webkit-transition: right .3s ease;-moz-transition: right .3s ease;-ms-transition: right .3s ease;-o-transition: right .3s ease;transition: right .3s ease; box-sizing:border-box; overflow:auto;}
#right-side .side_gnb .call a {text-align:center; display:block;position:relative;background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:1rem; padding:2px 0 4px 0;}
#right-side #btn-close-right-side {position:absolute;top:2rem;right:0;color:#fff;width:6rem;text-align:center;line-height:4rem; font-size:16px; cursor:pointer}
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:2rem}
.right-side-on #right-side {right:0;}
.right-side-on #rs-overlay {display:block;}

.quick_menu {width:100%; margin:auto; padding-top:2rem}
.quick_menu ul { text-align:center}
.quick_menu li{display:inline-block; margin-left:-3px; width:8rem; border-right:1px solid #555;}
.quick_menu li:last-child { border:0} 
.quick_menu li a{display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative;  font-size:12px}
.quick_menu li a:hover{color:#fff;backface-visibility:hidden}
.quick_menu li a.on{color:#fff;border-bottom-color:#FF3300;border-bottom-width:2px;border-bottom-style:solid}
.quick_kakao{text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both}
.quick_kakao a{display:block;position:relative;background:#ffd800}
.quick_kakao a img{display:block;margin:0 auto}

.side_gnb{position:relative;width:100%;float:left;padding-top:2rem;}
.side_gnb p{color:#fff; text-align:center; padding:2rem }
.side_gnb .menu-list{display:block;position:relative;border-bottom:1px solid #555; margin-top:6rem}
.side_gnb .menu-list>li>a{display:block;position:relative;color:#fff;font-size:15px;line-height:3.8em;padding:0 1.0em;border-top:1px solid #555; text-decoration:none}
.side_gnb .menu-list>li>a i{display:block;position:absolute;top:50%;transform:translateY(-75%) rotate(135deg);-webkit-transform:translateY(-75%) rotate(135deg);right:1.5em;width:5.31%;max-width:32px;border:1px solid #ddd;border-left-width:0;border-bottom-width:0;transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;-ms-transition:transform .3s ease}
.side_gnb .menu-list>li.on>a i{-webkit-transform:translateY(-25%) rotate(315deg);transform:translateY(-25%) rotate(315deg)}
.side_gnb .menu-list>li>a i:before{content:"";display:block;position:relative;padding-top:100%}
.side_gnb .depth-2{display:none;}
.side_gnb .depth-2>li { background-color:#ddd}
.side_gnb .depth-2>li>a{display:block;color:#ddd;font-size:1.2em;line-height:3.0em;padding:0 1.5em 0 2.2em;border-bottom:1px solid #fff; color:#000}

@media screen and (max-width: 640px) {
    .side_gnb .depth-2>li>a { font-size:16px}
}
/*우측 전체 메뉴*/



/* 메인페이지 */

/* .animate.vs_main_text {
  animation: fadeUpEffect ease-in-out forwards 2s;
} */

@keyframes fadeUpEffect {
  from {
    opacity: 0;
    transform:translateY(4rem);
  }
  to {
    opacity: 1;
    transform:translateY(0);
  }
}


.titleText {
  font-style: normal;
  font-weight: 700;
  font-size: 6rem;
  font-family:'MaruBuri';
  letter-spacing: -0.08em;
  color:#333;
}
.subTitleText {
  font-weight: 400;
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 180%;
  letter-spacing: -0.048em;
  color: #999;
  margin-bottom:1rem;}

.review-main-wrap {text-align: center;width:100%;background:url(../img/background.jpg) no-repeat center/cover;background-attachment: fixed;padding:17rem 0;}
.review-main-wrap h2 {color:#eee;font-weight:600;}
.review-main-wrap h3 {color:#fff;font-weight:500;}
.review-main-wrap .btn-wrap {margin:4rem auto 0;}

.gallery-wrap {margin:13rem auto 16rem;text-align: CENTER;}
.gallery-wrap  .titleText {margin-bottom:1rem;position:relative;}
.gallery-wrap  .subText {margin-bottom:4rem;}

.slide_wrap {width:100%;margin-top:3rem;}
.slide_head {width:100%;display:flex;justify-content: space-between;
  border-bottom:2px solid #333;line-height:3rem;padding:2rem 0;cursor:pointer;}
.slide_head.open {border-bottom:0;}
.slide_head span {
  font-weight: 400;font-size: 2.2rem;
  letter-spacing: -0.048em;color: #000;}
.slide_head i {font-size:2rem;color:#000;position:relative;line-height:3rem;}
.slide_body {display:none;width:100%;border-bottom:1px solid #333;}

.main-box-wrap {text-align: center;padding:15rem 0 21rem}
.main-box-wrap .flex-wrap {width:100%;display:flex;justify-content: space-between;margin-top:5rem;}
.main-box-wrap .flex-wrap .main-box {width:24%;cursor:pointer;}
.main-box-wrap .flex-wrap .main-box h4 {font-size:2.8rem;font-weight:600;color:#333;letter-spacing: -0.05em;width:100%;text-align: left;margin-top:2rem;}
.main-box-wrap .flex-wrap .main-box h4 a {font-size:1.5rem;color:#999;margin-left:2rem;}
.main-box-wrap .flex-wrap .main-box .img-box {width:100%;border-radius:2rem;overflow: hidden;}
.main-box-wrap .flex-wrap .main-box .img-box img {width:100%;transition:all 0.4s;}
.main-box-wrap .flex-wrap .main-box:hover .img-box img {transform:scale(1.1);}
.main-box-wrap .flex-wrap .main-box:hover h4 a {color:var(--mc1)}

.main-box-wrap .subTitleText {font-size:3.5rem;font-weight:600;letter-spacing: -0.05em;line-height:1.5;}
.main-box-wrap .subTitleText span {color:var(--mc1);padding-right:2px;}
/*메인유튜브*/

.main_video {background:#f9f3e6;padding:13rem 0}
.main_video .flex-wrap {width:100%;display:flex;align-items: center;}
.main_video .flex-wrap .main-video-text {width:35%;margin-left:15.75%;}
.main_video .flex-wrap .main-video-text p {color:#777;font-size:1.8rem;font-weight:400;letter-spacing: -0.03em;margin-top:18rem;line-height: 1.4;padding-bottom:4rem;}
.main_video .flex-wrap .main_video_wrap {position:relative;width:38%;margin-left:4%;aspect-ratio: 725/600;background:url(../img/mainyoutube.jpg) no-repeat center/cover;border-radius:3rem;box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}


.play_btn {cursor:pointer;transform:scale(1);    cursor: pointer;
  transform: scale(1);
  position: absolute;
  top: 50%;
  left: 50%;}


  .glightbox_video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	}
  
  .outer_circle {
	stroke-width: 3;
	stroke-dasharray: 410; 
	 stroke-dashoffset: 0;
	stroke-linecap: square;
	transition: all .4s ease-out;
  }
  
  .glightbox_video:hover .outer_circle {
  stroke-dashoffset:410;
	transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out
  }
  
  .glightbox_video:hover 
  .inner-circle {
	fill: var(--mc1);
	transition:fill .4s .3s ease-out;
	
  }
  
  .glightbox_video:hover
  .play{
	  fill: white;
	transition:fill .4s .3s ease-out;
  }


/* 메인페이지 */






/*서브상단*/
.sub_visual{position:relative;max-width:256rem;margin:0 auto;aspect-ratio: 3.8/1;min-height:30rem;overflow:hidden;background-repeat:no-repeat;background-position:center;}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}
/* .sub_visual:hover .bg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} */
.sub_visual .title_warp {margin:0 auto; z-index:5;}
.sub_visual .title_warp .table-cell {}
.sub_visual h3{z-index:5;font-size:6rem;font-weight:500;letter-spacing:-0.02em; color:#fff;position:absolute;bottom:5rem;}
.sub_visual .sub_title{padding-bottom:1rem; font-size:2rem; font-weight:300; color:#fff;opacity:.8; z-index:5;position:absolute;bottom:calc(5rem + 8rem);}

.sub_visual .cover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-attachment: fixed;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
}
/*서브상단*/



.content_wrap { width:100%;}
.content_wrap .sub-wrap {font-size:1.5rem;padding-bottom:13rem;}
.content_wrap .sub-wrap .sub_title {text-align:center;position:relative;margin-bottom:4rem;max-width:100%;}
.content_wrap .sub-wrap .sub_title svg {max-width:90%;}
.content_wrap .sub-wrap .sub_title h1 {  font-style: normal;
  font-weight: 700;
  font-size: 4.5rem;
  font-family:'MaruBuri';
  letter-spacing: -0.08em;
  color:#333;white-space: nowrap;}

.service-guide-title h2 {font-size:2.4rem;color:#ddd;font-weight:400;position:relative;top:1.5rem;}

.content_wrap .txtboard { max-width:1200px;  font-size:12px;}


/*서브 하단 네비*/

.category-wrap {width:100%; height:70px;clear:both; background-attachment:scroll; position:relative; z-index:3;}
.sub_navI_warp {width:94%; z-index:3; position:relative; margin:0 auto;}
.all-wrap{ height:69px; margin:0 auto 4rem;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px;position:relative;display:flex;justify-content: right;}
.all-wrap .loca-wrap .loca-area{height:69px;}
.all-wrap .loca-wrap .loca-area:after{content:'';display:inline-block;width:4px;height:4px;background: #C0C0C0;border-radius:50%;margin:0 0.3rem;}
.all-wrap .loca-wrap .loca-area i{display:inline-block;width:30px;height:71px; line-height:69px;  color:#555; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%;line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {margin:0; padding:0;}
.all-wrap .loca-wrap .loca_li{padding:0 9px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca_li span{background-color: transparent;font-weight: 400;line-height:69px;font-size: 1.6rem;letter-spacing: -0.048em;color: #555555;}
.all-wrap .loca-wrap .loca_1 {text-align: center;width:auto;}
.all-wrap .loca-wrap .loca_2 {text-align:left;}
.loca_middle_dot {display:inline-block;width:4px;height:4px;background: #C0C0C0;border-radius:50%;margin:33px 0.3rem;}
.all-wrap .loca-wrap .loca_li button{height:69px;width:180px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;}
.all-wrap .loca-wrap .loca_li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca_li a  {background-color: transparent;font-weight: 400;font-size: 1.6rem;letter-spacing: -0.048em;color: #555555;line-height:69px;}
.all-wrap .loca-wrap .loca_li a:hover {color:#000;}
.all-wrap .loca-wrap .loca_2 button span {color:#555}
.all-wrap .loca-wrap .loca_li div{overflow:hidden;height:0;position:relative;z-index: 1000;}
.all-wrap .loca-wrap .loca_li div ul{border-radius:1rem;overflow:hidden;display:block;position:absolute;width:100%;left:0; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca_li div ul li a{background:#000;font-size:1.4rem;color:#fff;font-weight:400;display:block;padding:1rem 0;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:1.5rem;box-sizing:border-box}
.all-wrap .loca-wrap .loca_li div ul li a:hover { color:#fff; font-weight:700}

/*서브 하단 네비*/





/*푸터*/
#footer {width:100%;aspect-ratio:192/30;background:#1c1c1c;position:relative;z-index: 101;}


.footer_contents_wrap {position:Relative;padding:6.7vh 0;}
.footer_contents_wrap .footer-logo {height:5rem;margin-bottom:5rem;}
.footer_contents_wrap .footer-logo img {height:100%;}
.footer_contents_wrap .information {display:flex;
  font-weight: 500;
  font-size: 1.6rem;
  color: #ddd;
  line-height:180%;
  }
  .footer_contents_wrap .information li:after {
    content:'';
    width:1px;
    height:1.2rem;
    background:#b0b0b0;
    display:inline-block;
    margin:0 2rem;

  }
  .footer_contents_wrap .information li:last-of-type:after {
    display:none;
  }

  .footer_contents_wrap .copyright {
    font-size: 1.5rem;
    line-height: 160%;
    letter-spacing: -0.02em;
    margin-top:5rem;
    font-weight:500;
    color: #ccc;
    }

    .footer_contents_wrap  .footer-aside {
      position:absolute;right:0;top:50%;transform:translateY(-50%);
      text-align:right;
    }
    .footer_contents_wrap  .footer-aside li {
      display:block;
      margin:1.5rem 0;
    }
    .footer_contents_wrap  .footer-aside a {
      font-weight: 500;
      font-size: 1.9rem;
      display:block;
      letter-spacing: -0.03em;
      word-break: keep-all;
      color: #222222;
      
    }
    .footer_contents_wrap  .footer-aside a:hover {
      font-weight:700;
    }
/*푸터*/
 

/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:8rem;line-height:8rem;font-size:2rem;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:5rem;margin-right:5px;margin-top:-1rem;width:12rem;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:5rem;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:4rem 5rem; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 4rem; height: 4rem; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/


/* 서브페이지 */


.company-info-wrap {width:100%;}
.company-info-wrap>h2 {width:94%;text-align: center;margin:10rem auto 6rem;font-size:4rem;line-height:1.5;color:#555;font-weight:700;letter-spacing: -0.025em;}
/* .company-info-wrap>h2 span {color:#333;font-weight:800} */
.company-info-wrap>h2 b {color:#999;font-size:0.8em;font-weight:600;}
.company-info-wrap .company-img-wrap {width:100%;aspect-ratio: 192/55;background:url(../img/ciimg.jpg) no-repeat center/cover;}
.company-info-wrap .text-wrap {font-size:2.2rem;color:#333;letter-spacing: -0.03em;font-weight:500;margin:6rem auto !important;max-width:900px;}
.company-info-wrap .text-wrap>p {margin-bottom:3rem;line-height:1.6;font-weight:400;text-align: center;color:#555;}
.company-info-wrap .text-wrap>p.bold {font-weight:600;font-size:1.3em;color:#333;}
.company-info-wrap .text-wrap .flex-wrap {width:100%;display:flex;justify-content: space-between;}
.company-info-wrap .text-wrap .flex-wrap>div {width:48.5%;aspect-ratio: 1/0.7;height:auto;border-radius:2.5rem;padding:5rem;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;font-size:1.7rem;position:relative;color:#999;line-height:1.5;}
.company-info-wrap .text-wrap .flex-wrap>div svg {display:block;position:absolute;opacity:0.3}
.company-info-wrap .text-wrap .flex-wrap>div.wrap1 {background:var(--mc1);color:#eee;}
.company-info-wrap .text-wrap .flex-wrap>div.wrap2 {background:#1c1c1c}
.company-info-wrap .text-wrap .flex-wrap>div h3 {font-size:4.5rem;color:#fff;margin-bottom:3rem;}
.company-info-wrap .text-wrap .flex-wrap>div.wrap2 svg {width:45%;right:5%;bottom:-5%;opacity:0.2;}
.company-info-wrap .text-wrap .flex-wrap>div.wrap1 svg {width:60%;right:5%;bottom:-6%}
.company-info-wrap .text-wrap>h4 {text-align: center;margin-top:6rem;}
.company-info-wrap .text-wrap>h4 span {font-size:1.3em;color:var(--mc1);margin-left:1rem;}



.expense-wrap {}
.expense-wrap>h2 {width:100%;text-align: center;margin:7rem auto 3rem;font-size:3rem;font-weight:200;line-height:1.4;color:#333;letter-spacing: -0.04em;}
.expense-wrap>h2 span {color:var(--mc1)}
.expense-wrap>table {width:100%;background:#fff;border-radius:2.5rem;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;overflow: hidden;
  font-size:2.4rem;color:#333;font-weight:500;letter-spacing: -0.02em;max-width:900px;margin:0 auto;}
  .expense-wrap>table td {padding:1.5rem 2rem;border-bottom:2px solid #eee;}
.expense-wrap>table tr:first-child td:first-child {background:var(--mc1);color:#fff;text-align:center;font-size:3rem;width:24rem;}
.expense-wrap>table tr:first-child td:nth-child(2) {border-right:2px solid #eee;}
.expense-wrap>table tr td:nth-child(1) {border-right:2px solid #eee;}
.expense-wrap .btn-wrap {width:18rem}

/*오시는길*/



.location_info_wrap {display:flex;width:100%;margin:50px 0 0 0;}
.location_info_wrap .info_title {width:30%;}
.location_info_wrap .info_title h1 span {display:block;font-size:4rem;font-family:'MaruBuri';letter-spacing: -0.07em;color:#333;}
.location_info_wrap .info_title h1 span:nth-child(2) {font-size:2.4rem;}
.location_info_wrap .info_title h2 span {display:block;font-weight:400;font-family:'Pretendard Variable';letter-spacing: -0.04em;color:#999;}
.location_map_wrap {width:100%;height:40rem;overflow: hidden;border-radius:3rem;border:1px solid #ccc;}
.location_info_wrap .info_contents_wrap {width:70%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.location_info_wrap .info_contents_wrap .info_contents {width:48%;padding:3rem 3rem 10rem 3rem;border-top:2px solid #999;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title{width:100%;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title:after{content:'';display:block;clear:both;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title img{float:left;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_title h3 {color:#555;float:left;margin:10px 0 0 20px;font-family:'MaruBuri';letter-spacing: -0.08em;}
.location_info_wrap .info_title h2 {line-height:1.6;margin-top:3vh;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom {margin-top:40px;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map {padding:5px 10px;border:1px solid #555;margin-right:10px;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map:hover {background:#fef01b;border:1px solid #fef01b;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map:hover a {color:#1a1616;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .kakao_map a {color:#555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map {padding:5px 10px;border:1px solid #555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map:hover {background:#1EC800;border:1px solid #1EC800;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map:hover a {color:#fff;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .naver_map a {color:#555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map {padding:5px 10px;border:1px solid #555;margin-right:10px;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map:hover {background:#ff0000;border:1px solid #ff0000;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map:hover a {color:#fff;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom .google_map a {color:#555;}
.location_info_wrap .info_contents_wrap .info_contents .info_contents_bottom>p {color:#555;line-height:1.8;word-break: keep-all;}

.location_info_wrap .info_contents_wrap .info_contents:nth-of-type(2) .info_contents_title img {margin-top:1rem;}


.services-wrap {padding-top:2rem;}
.services-wrap .flex-wrap {width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.services-wrap .flex-wrap .service-box {width:calc(50% - 3rem);aspect-ratio: 1/0.7;position:relative;margin-bottom:6rem}
.services-wrap .flex-wrap .service-box .img-container {width:100%;height:100%;background:#333;border-radius:2.5rem;overflow: hidden;}
.services-wrap .flex-wrap .service-box .img-container img {width:100%;height:100%;object-fit: cover;transition:all 0.4s;}
.services-wrap .flex-wrap .service-box .img-container:hover img {transform:scale(1.1);}
.services-wrap .flex-wrap .service-box .text-wrap {position:absolute;bottom:4rem;left:4rem;}
.services-wrap .flex-wrap .service-box .text-wrap h2 {font-size:3rem;color:#fff;font-weight:600;letter-spacing: -0.02em;}

.main-text-wrap {text-align: center;margin:10rem auto 6rem;}
/* 서브페이지 */




/* 반응형 */

.wrap-site-map-image::-webkit-scrollbar {
  display: none;
}



@media screen and (min-width:2200px){
  .main-contact-wrap .left-wrap>div {padding:7rem 1rem 7.5rem 4rem;}
  /* .main-contact-wrap .left-wrap .expense {padding:7rem 4rem 7.5rem 4rem;} */
  .main-contact-wrap .left-wrap {margin-top:11rem;}
  .main-contact-wrap>h2 {font-size:3rem;}
}

@media screen and (max-width:1700px){
  html {font-size:60% !important;}
  .not_swiper .not_info {aspect-ratio: 634/190 !important;}
}

@media screen and (max-width:1441px){
  html {font-size:56% !important;}

  .contLayout {width:94%;}
  .subLayout {width:94%;}
  .mainLayout {width:94%;}
  .main_video .flex-wrap {justify-content: space-between;width:94%;margin:0 auto;}
  .main_video .flex-wrap .main-video-text {width:50%;margin-left:0;padding-right:5rem;}
  .main_video .flex-wrap .main_video_wrap {width:50%;margin-right:0;}
  .contact-flex-wrap {    align-items: flex-end;}
}

@media screen and (max-width:1281px){
  html {font-size:54% !important;}

  #header .gnb {display:none;}
  #open-button {display:block;}
  .vs_main_text h3 {font-size:8rem !important;}
  .vs_main_text h2 {font-size:4rem !important;}
  #open-button .navicon-line {background:#fff;}
  #open-button.sub .navicon-line {background:#333;}
  #header #logo {margin-left:6.5rem;}
  .scrolled #header #logo {margin-left:1rem;}

  .gallery-wrap {margin:8rem auto 10rem}
  .review-main-wrap {padding:10rem 0;}

  .scrolled #open-button.sub {top:1rem}
  /* .scrolled .subHeader #header #logo img {margin-top:0.3rem;} */
  .header-all-cont.subHeader #header #logo {width:auto;margin-top:1.5rem;padding:0;margin-left:3rem;}
  .header-all-cont.subHeader #header #logo img {height:5rem;}
  .scrolled  .header-all-cont.subHeader #header #logo {margin-top:0.5rem;}
  .scrolled  .header-all-cont.subHeader #header #logo img {height:4.5rem;}
  .scrolled  .header-all-cont.subHeader .phone-call a {margin-top:0.9rem;}
  .scrolled #open-button.sub {top:1.3rem;}
  .header-all-cont.subHeader #header {height:8rem;}
  .header-all-cont.subHeader {margin-bottom:10rem;}
  .header-all-cont.subHeader .phone-call {top:1rem;}
  .content_wrap .sub-wrap .sub_title h1 {margin-top:3rem;}
  .company-info-wrap>h2 {margin:7rem auto 3rem;font-size:3.5rem;}
  #open-button.sub {top:1.8rem}
  .company-info-wrap .company-img-wrap {min-height:40rem;}
  .company-info-wrap .text-wrap .flex-wrap>div {width:49%}
  .content_wrap .sub-wrap {padding-bottom:10rem;}
  .expense-wrap>h2 {margin:8rem auto 3rem}
  #header .header-inner {width:92%;padding-left:4rem;}

  .main-box-wrap {padding:12rem 0 16rem 0;}
  .main-text-wrap {margin:8rem auto 0;}
}
@media screen and (max-width:1181px){
  .footer-btn-wrap button:hover {animation:unset;}

}
@media screen and (max-width:1081px){
  html {font-size:52% !important;}

  .main-video-text .titleText {width:300px;}
  .main_video .flex-wrap .main-video-text {width:300px;}
  .main_video .flex-wrap .main_video_wrap {width:calc(100% - 300px)}
  .main_video .flex-wrap .main-video-text p {margin-top:10rem;}
  .main-contact-wrap .right-wrap a img {height:7rem;}

}



@media screen and (max-width:961px){
  .contact-flex-wrap {flex-wrap:wrap;}
  .main-contact-wrap .left-wrap {width:100%;}
  .main-contact-wrap .right-wrap {width:100%;margin-top:3rem;aspect-ratio: unset;}
  .main-contact-wrap {margin:3rem auto 13rem;}
  .main-contact-wrap .right-wrap a {margin-top:-3rem;}
  .main-contact-wrap:after {bottom:-10%}
  .footer_contents_wrap {padding:4rem 0 5rem;}
  .footer_contents_wrap .footer-logo {margin-bottom:2rem;height:5rem;}
  .footer_contents_wrap .copyright {margin-top:1rem;}
  .titleText {width:94%;margin:0 auto;}
  .expense-wrap>table {max-width:100%;}
  .content_wrap .sub-wrap .sub_title h1 {margin-top:0;}

  .services-wrap .flex-wrap .service-box {width:49%;margin-bottom:1.8vw;}
  .services-wrap .flex-wrap .service-box .text-wrap {bottom:2rem;left:3rem;}

  .location_info_wrap {flex-wrap:wrap;}
  .location_info_wrap .info_title {width:100%;margin-bottom:4rem;}
  .location_info_wrap .info_contents_wrap {width:100%}
  .location_info_wrap .info_title h1 span {display:inline-block;margin-left:0.5rem;}
  .location_info_wrap .info_title h2 span {display:inline-block;}
  .location_info_wrap .info_title h2 {margin-top:1rem;}

  .main-box-wrap .flex-wrap {flex-wrap:wrap;}
  .main-box-wrap .flex-wrap .main-box {width:49%;margin-bottom:2rem;}
  .main-box-wrap .flex-wrap .main-box .img-box {border-radius:1.5rem;}
  .main-box-wrap .flex-wrap .main-box h4 {margin-top:1rem;}
  .main-box-wrap {padding:7rem 0;}
  .main-box-wrap .subTitleText {margin-bottom:2.5rem;}

}

@media screen and (max-width:831px){
  html {font-size:50% !important;}

  .not_swiper .not_info {aspect-ratio: unset !important;}
  .not_swiper .not_info .not_info_cont_wrap {position:static !important;transform:none !important;padding:3% !important;}
  .titleText {font-size:5rem;}
  .main_video .flex-wrap {width:100%;flex-wrap:wrap;}
  .main_video .flex-wrap .main-video-text {width:94%;margin:0 auto;}
  .main_video .flex-wrap .main_video_wrap {width:94%;margin:0 auto;}
  .main-video-text .titleText {width:100%;}
  .main_video {padding:8rem 0;}
  .main_video .flex-wrap .main-video-text p {margin-top:2rem;}
  .vs_main_text h3 {font-size:6rem !important;}
  .vs_main_text h2 {font-size:3rem !important;}
  .photo_swiper .swiper-container {padding:3rem 0 0 0 !important;}


}


@media screen and (max-width:768px){
  .titleText {font-size:4rem;}
}

@media screen and (max-width:641px){
  html {font-size:47% !important;}
  .main-contact-wrap {margin:0 auto 12rem}
  .main-contact-wrap .left-wrap {flex-wrap:wrap;}
  .main-contact-wrap .left-wrap>div {width:100%;}
  .main-contact-wrap .left-wrap>div:first-of-type {border-right:0;border-bottom:4px dotted #eee}
  .main-contact-wrap .left-wrap h3 {margin-bottom:1rem;}
  .main-contact-wrap .left-wrap .expense ul {margin-top:2rem;}
  .main-contact-wrap .left-wrap h3 span {font-size:1.5rem;}
  .vs_main_text h3 {width:100%;}
  .vs_main_text h3 {font-size:4.5rem !important;}
  .vs_main_text h2 {font-size:2.5rem !important;}
  .btn-wrap {margin:3rem auto 0;}
  .main_video {padding:6rem 0}
  .review-main-wrap {padding:6rem 0 8rem 0;}
  .review-main-wrap .btn-wrap {margin:1rem auto 0;height:4.5rem;line-height:4.5rem}
  .main_video .flex-wrap .main-video-text p {margin-top:1.5rem}
  .main-contact-wrap .left-wrap h3 span {padding-left: 5rem;
    text-align: right;}


    .phone-call {display:none;}
    #header #logo {margin-left:0;}
    .scrolled #header #logo {margin-left:0;}
    #header #logo img {height:4.5rem;}
    #open-button {left:unset;right:3%;top:3rem}

    .company-info-wrap .text-wrap .flex-wrap {flex-wrap:wrap;}
    .company-info-wrap .text-wrap .flex-wrap>div {width:100%;aspect-ratio: 1/0.6;}
    .company-info-wrap .text-wrap .flex-wrap>div.wrap1 {margin-bottom:2rem;}
    .company-info-wrap .company-img-wrap {min-height:25rem}
    .content_wrap .sub-wrap {padding-bottom:8rem;}
    .company-info-wrap .text-wrap>h4 {margin-top:4rem;margin-bottom:0;}
    .header-all-cont.subHeader #header #logo {margin:1.4rem 0 0 0;}
    .scrolled .header-all-cont.subHeader #header #logo {margin-top:0.2rem}
    .expense-wrap>table tr:first-child td:first-child {width:3rem;}
    .expense-wrap>h2 {margin:3rem auto 3rem}
    .company-info-wrap .text-wrap {margin:3rem auto !important}
    .company-info-wrap>h2 {margin:3rem auto }
    .all-wrap {margin:0 auto}
    .footer_contents_wrap .footer-logo {height:4rem;}
    .company-info-wrap>h2 {font-size:2.5rem;}
    .main-contact-wrap>h2 {text-align: center;width:100%;}
    .main-contact-wrap .left-wrap .expense ul {padding-right:0}
    .not_swiper {margin-top:2rem !important}
    .company-info-wrap .text-wrap>p br {display:none;}
    .company-info-wrap .text-wrap .flex-wrap>div {padding:3rem;}
    .content_wrap .sub-wrap .sub_title {margin-bottom:2rem;}

    .footer_contents_wrap .information {flex-wrap:wrap;}
    .footer_contents_wrap .information li {width:100%;display:block;}
    .footer_contents_wrap .information li:after {display:none !important;}
    .vs_main_cont_wrap img {height:28rem !important;}

    .scrolled #header #logo img {margin-top:1.3rem;}
    #header .header-inner {padding-left:0;}

    .services-wrap .flex-wrap .service-box {width:100%;margin-bottom:1.5rem;}

    .location_info_wrap .info_contents_wrap .info_contents {width:100%;padding:2rem 2rem 5rem 2rem}
    .location_info_wrap .info_title h1 span {margin-left:0;}

    .scroll-down {transform:translateX(-50%) scale(0.7) !important;bottom:10% !important}
    .navigator-wrap {bottom:4% !important}
    .main-text-wrap {margin:6rem auto 0rem;}
    .main-box-wrap .flex-wrap {margin-top:2rem;}

    .main-map-wrap .main-map-container #daumRoughmapContainer1696490110584 {aspect-ratio: 10/7 !important;}
    .main-contact-wrap .left-wrap>div, .main-contact-wrap .left-wrap .expense {padding:2rem 3rem !important}
    .main-contact-wrap .left-wrap, .main-contact-wrap .right-wrap {border-radius:1.5rem;}
    .expense-wrap>table tr:first-child td:first-child, .expense-wrap>table {font-size:2rem;}
    .header-all-cont.subHeader #header #logo img {height:4rem;}
    .header-all-cont.subHeader #header #logo {margin:2rem 0 0 0;}
    .scrolled .header-all-cont.subHeader #header #logo img {height:4rem !important}
}
@media screen and (max-width:516px){
  .main-contact-wrap:after {bottom:-7%}
}
@media screen and (max-width:431px){
  html {font-size:45.5% !important;}
  .expense-wrap>h2 {font-size:2.5rem}


}
@media screen and (max-width:376px){
  html {font-size:44% !important;}



}

/* 반응형 */