@charset "utf-8";

html,body{height: 100%;}
.wrap{position: relative;height: 100%;}
.inner{position: relative;margin: 0 auto;}
.in_160{max-width: 1600px;}
.in_140{max-width: 1400px;}
.in_124{max-width: 1240px;}
.in_142{max-width: 1420px;}
.in_149{max-width: 1490px;}

header{position: fixed;left: 0;top: 0;width: 100%;padding: 0 20px;z-index: 100;transition: 0.3s;overflow: hidden;height:90px}
header::after{content: "";background-color: rgba(108,86,81,0.7);position: absolute;left: 0;top: 90px;width: 100%;;height: 85px;}
header .inner{height:100%;}
header h1{position: absolute;left: 0;top: 23px;}
header h1 a{display: block;width: 277px;height: 45px;background: url(../images/logo.png) no-repeat center;background-size: contain;}
header .gnb::after{content: "";display: block;clear: both;}
header .gnb .dep1{float: right;}
header .gnb .dep1::after{content: "";display: block;clear: both;}
header .gnb .dep1 > li{float: left;padding: 0 20px;}
header .gnb .dep1 > li > a{display: block;color: #434242;font-size: 1.188rem;font-weight: 500;padding: 0 30px;line-height: 90px;position: relative;}
header .gnb .dep1 > li > a::after{content: "";background-color: #6c5651;height: 3px;width: 0;position:absolute;left: 50%;bottom: 0;transition: 0.3s;}
header .gnb .dep2{width: 100%;position: absolute;left: 0;top: 90px;z-index: 10;display: flex;justify-content: center;}
header .gnb .dep2::after{content: "";display: block;clear: both;}
header .gnb .dep2 li{padding: 0 40px;}
header .gnb .dep2 li a{display: block;line-height: 85px;color:#e9dbcc;font-size: 1.125rem;transition: 0.2s;}
header.on{height: 175px;}
header .gnb .dep2 li a:hover{color: #fff;}
header .gnb .dep1 > li:hover > a::after{width: 100%;left: 0;}
header.h_on{background-color: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
header.shd_no{box-shadow:none;}
header .nav_btn{display:none;width:25px;position:absolute;right:0;top:50%;margin-top:-8px;cursor:pointer;}
header .nav_btn span{display:block;background-color:#4b4849;height:2px;}
header .nav_btn span ~ span{margin-top:5px;}

nav{z-index:150;position:fixed;right:-80%;top:0;background-color:#a78662;width:80%;height:100%;transition:0.3s;}
nav .close{position:absolute;top:17px;right:20px;width:25px;}
nav .close span{display:block;background-color:#fff;height:2px;}
nav .close span ~ span{margin-top:12px;}
nav .close span:nth-child(1){transform: translate(0 , 7px) rotate(45deg);}
nav .close span:nth-child(2){transform: translate(0 , -7px) rotate(-45deg);}
nav .dep1{padding-top:60px;}
nav .dep1 > li{border-bottom:1px solid rgba(255,255,255,0.3);}
nav .dep1 > li > a{display:block;padding: 0 30px;font-size:1.3rem;font-weight:500;color:#fff;line-height:50px;}
nav .dep1 > li.active .dep2{display:block;}
nav .dep2{display:none;background-color: rgba(221,194,164,0.3);}
nav .dep2 li{border-top:1px solid rgba(255,255,255,0.3);}
nav .dep2 li a{display:block;font-weight:500;color:#fff;font-size:1.1rem;line-height:40px;padding: 0 45px;}
nav .dep2 li.active a{color:#664017;}
nav.on{right:0;}
.nav_dim{position:fixed;left:0;top:0;z-index:140;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:none;}

footer{background-color: #353535;padding: 80px 20px 85px;}
footer .foot_wrap{display: flex;align-items: center;font-family: 'Noto Sans KR';}
footer .logo{padding-right: 8%;}
footer .info .terms{margin-bottom: 35px;display: flex;align-items: center;}
footer .info .terms a{color: #9f9e9d;}
footer .info .terms .co{color: #c0aa92;font-weight: 500;}
footer .info .terms em{color: #9f9e9d;font-weight: 500;margin: 0 20px;font-size: 0.7rem;}
footer .info .ori ul li ~ li{margin-top: 10px;}
footer .info .ori ul li span{color: #9f9e9d;font-size: 0.938rem;}
footer .info .ori ul li span ~ span{padding-left: 30px;}
footer .info .ori ul li strong{color: #fff;font-weight: 500;}
footer .info address{display: block;color: #9a9a9a;font-size: 0.875rem;margin-top: 30px;}

.quick{position: fixed;right: 110px;bottom: 90px;z-index: 50;width:0;}
.quick ul li{border-radius: 50%;width: 60px;height: 60px;}
.quick ul li ~ li{margin-top: 10px;}
.quick ul li .btn{display: block;border-radius: 50%;box-shadow: 0 2px 15px rgba(51,51,51,0.2);background-color: #fff;background-repeat: no-repeat;background-position: center;border: none;width: 100%;height: 100%;}
.quick ul li.more{position: relative;z-index: -1;opacity: 0;transform:translate(0,20px);visibility: hidden;transition: 0.3s;}
.quick ul li.more .btn span{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;}
.quick ul li.blog .btn span{background-image: url(../images/blog-icon.png);}
.quick ul li.blog{transition-delay: 0.2s;}
.quick ul li.loca .btn span{background-image: url(../images/loca-icon.png);}
.quick ul li.loca{transition-delay: 0.1s;}
.quick ul li.tel .btn span{background-image: url(../images/tel-icon.png);}
.quick ul li.plus{transition: 0.2s;}
.quick ul li.plus .btn{background-image: url(../images/plus-icon.png);transition: 0.3s;}
.quick ul li.top .btn{background-image: url(../images/top-icon.png);transition: 0.3s;}
.quick.on ul li.plus{transform: rotate(45deg);}
.quick.on ul li.more{opacity: 1;z-index: 10;transform: none;visibility: visible;}
.quick ul li.plus .btn:hover{background-color: #ae906f;background-image: url(../images/plus-wh-icon.png);}
.quick ul li.top .btn:hover{background-color: #ae906f;background-image: url(../images/top-wh-icon.png);}
.quick ul li.more:hover .btn span{animation: quick 0.5s ease-in-out;animation-fill-mode: backwards;}
@keyframes quick{
	0% {transform: scaleX(1);}
	25% {transform: scaleX(0);}
	50% {transform: scaleX(-1);}
	75% {transform: scaleX(0);}
	100% {transform: scaleX(1)}
}

.vis,
.vis_sd,
.vis_sd .bg{height: 100%;overflow: hidden;}
.vis_sd .bg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.vis_sd .sd1 .bg{background-image: url(../images/vis1.jpg?ver=1);}
.vis_sd .sd2 .bg{background-image: url(../images/vis2.jpg?ver=2);}
.vis_sd .sd3 .bg{background-image: url(../images/vis3.jpg?ver=2);}
.vis_sd .sd4 .bg{background-image: url(../images/vis4.jpg?ver=1);}
.vis .vis_txt{position: absolute;right: 30%;top:30%;transform: translate(50%,0);z-index: 10;text-align: center;}
.vis .vis_txt .top_txt{margin-bottom: 25px;}
.vis .vis_txt .top_txt p{color: #5f5243;font-size: 3.375rem;line-height: 1.222em;font-family:'SourceHanSerifKR';display:flex;justify-content:center;overflow: hidden;}
.vis .vis_txt .top_txt p strong{font-weight: 600;display:flex;}
.vis .vis_txt .top_txt p em{display: block;opacity:0;transform: translate(0,110%);transition: 0.8s;}
.vis .vis_txt .box_txt{margin-bottom: 60px;}
.vis .vis_txt .box_txt p{color:#55514e;font-size: 1.188rem;line-height: 1.579em;overflow: hidden;font-weight: 300;}
.vis .vis_txt .box_txt p span{display: block;transform: translate(0,110%);transition: 0.6s;}
.vis .vis_txt .more{opacity: 0;transform: translate(-50px,0);transition: 0.6s;}
.vis .vis_txt .more a{position: relative;display: inline-block;line-height: 60px;background: url(../images/vis-arr.png) no-repeat right center;position: relative;}
.vis .vis_txt .more a span{color: #fff;font-size: 0.813rem;font-weight: 600;height: 0;padding: 0 25px 0;display: inline-block;position: relative;z-index: 5;}
.vis .vis_txt .more a .magnetic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.vis .vis_txt .more a .magnetic::before{content: "";width: 60px;height: 60px;background-color: #bf966a;border-radius: 50%;position: absolute;left: 0;top: 0;transform: scale(0);opacity: 0;transition: 0.5s;}
.vis .swiper-slide-active .vis_txt .top_txt p em{opacity: 1;transform:none;}
.vis .swiper-slide-active .vis_txt .top_txt p .m1{transition-delay: 0.5s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m2{transition-delay: 0.6s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m3{transition-delay: 0.7s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m4{transition-delay: 0.8s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m5{transition-delay: 0.9s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m6{transition-delay: 1s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m7{transition-delay: 1.1s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m8{transition-delay: 1.2s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m9{transition-delay: 1.3s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m10{transition-delay: 1.4s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m11{transition-delay: 1.5s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m12{transition-delay: 1.8s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m13{transition-delay: 1.9s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m14{transition-delay: 2s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m15{transition-delay: 2.1s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m16{transition-delay: 2.2s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m17{transition-delay: 2.3s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m18{transition-delay: 2.4s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m19{transition-delay: 2.5s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m20{transition-delay: 2.6s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m21{transition-delay: 2.7s;}
.vis .swiper-slide-active .vis_txt .top_txt p .m22{transition-delay: 2.8s;}
.vis .swiper-slide-active .vis_txt .box_txt p span{transform: none;transition-delay: 3.5s;}
.vis .swiper-slide-active .vis_txt .more{opacity: 1;transform: none;transition-delay: 3.8s;}
.vis .swiper-slide-active .vis_txt .more a .magnetic::before{opacity: 1;;transform: scale(1);transition-delay: 4s;}
.vis .vis_letter{position: absolute;right: 0;bottom: 0;overflow: hidden;}
.vis .vis_letter p{font-size: 4.8vw;font-family: 'GmarketSansBold';font-weight: 600;white-space: nowrap;letter-spacing: -0.04em;transition: 1.2s;}
.vis .sd1 .vis_letter p{color: rgba(253,248,226,0.1);}
.vis .sd2 .vis_letter p{color: rgba(251,243,240,0.2);}
.vis .sd3 .vis_letter p{color: rgba(253,248,226,0.15);}
.vis .sd4 .vis_letter p{color: rgba(223,220,206,0.2);}
.vis .vis_pagination{position: absolute;left: 50px;bottom: 90px;width: auto;z-index: 20;color:#fff;font-family: 'Montserrat';font-size: 1.125rem;letter-spacing: 0.14em;transform: rotate(-90deg) translate(0,100%);transform-origin : 0 100%;display: flex;align-items: flex-start;}
.vis .vis_pagination span::before{content: "0";}
.vis .vis_pagination .swiper-pagination-current{font-size: 5rem;font-weight: 700;letter-spacing: 0em;line-height: 3.5rem;padding-right: 10px;}
.vis .vis_pagination .swiper-pagination-total{padding-left: 5px;}
.vis .scroll{position: absolute;bottom: 50px;left: 50%;z-index: 10;width: 64px;height: 65px;margin-left: -32px;background: url(../images/scroll.png) no-repeat center;background-size: contain;animation: scr 2.5s infinite;}
@keyframes scr{
	0% {bottom: 50px;}
	50% {bottom: 30px;}
	100% {bottom: 50px;}
}

.main_sd_arr{position: absolute;display: flex;z-index: 10;}
.main_sd_arr a,
.main_sd_arr button{display: block;width: 80px;height: 80px;border: none;background-repeat: no-repeat;background-position: center;}
.main_sd_arr button{background-color: #bf966a;}
.main_sd_arr .plus{background-color: #353535;background-image: url(../images/con-plus.png);}
.main_sd_arr .prev{background-image: url(../images/con-prev.png);}
.main_sd_arr .next{background-image: url(../images/con-next.png);}

.clinic{padding: 150px 20px 75px;position: relative;overflow: hidden;}
.clinic_con{max-width: 1290px;margin: 0 auto 0 0;text-align: center;}
.clinic_con .tit{text-align: left;display: inline-block;}
.clinic_con .tit p{font-family: 'Poppins';color: #2b2c2c;font-size: 3.75rem;font-weight: 300;opacity: 0;transform: translate(-60px,0);transition: 0.8s;}
.clinic_con .tit p strong{font-weight: 600;opacity: 0;position: relative;top: 40px;transition: 0.6s;transition-delay: 0.6s;}
.clinic_con .tit span{display: block;margin-top: 15px;font-size: 1.125rem;color: #818181;font-weight: 300;opacity: 0;transition: 0.8s;transition-delay: 1s;}
.clinic_sd{margin-top: 70px;position: relative;padding-right: 50px;padding-bottom: 80px;}
.clinic_sd .img_sd{overflow: hidden;border-radius: 300px;opacity: 0;transform: translate(0,30%);transition: 1.2s;transition-delay: 1s;}
.clinic_sd .img_sd .swiper-slide{overflow: hidden;}
.clinic_sd .img_sd .bg{background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 600px;}
.clinic_sd .img_sd .sd1 .bg{background-image: url(../images/clinic-img1.jpg);}
.clinic_sd .img_sd .sd2 .bg{background-image: url(../images/clinic-img2.jpg);}
.clinic_sd .img_sd .sd3 .bg{background-image: url(../images/clinic-img3.jpg);}
.clinic_sd .img_sd .sd4 .bg{background-image: url(../images/clinic-img4.jpg);}
.clinic_sd .box{position: absolute;right: 0;bottom: 0;z-index: 10;background-color: #fff;transform: translate(0,50%);transition: 1.2s;transition-delay: 1s;}
.clinic_sd .main_sd_arr{right: 100%;bottom: 80px;opacity: 0;transform:translate(0,20px);transition: 1.2s;transition-delay:  1s;}
.clinic_sd .txt_sd{overflow: hidden;width: 530px;text-align: left;padding: 80px 0 0 110px;opacity: 0;transition: 1.2s;transition-delay:  1s;}
.clinic_sd .txt_sd dl dt{overflow: hidden;margin-bottom: 45px;color: #2d2d2d;font-weight: 600;font-size: 2.5rem;}
.clinic_sd .txt_sd dl dd{font-size: 1.188rem;color: #787878;line-height: 1.684em;letter-spacing: -0.05em;}
.clinic_sd .txt_sd dl dd p{overflow: hidden;}
.clinic_sd .txt_sd dl span{display: block;transform: translate(0,110%);transition: 0.5s;}
.clinic_sd .txt_sd .swiper-slide-duplicate-active dl,
.clinic_sd .txt_sd .swiper-slide-duplicate-prev dl,
.clinic_sd .txt_sd .swiper-slide-duplicate-next dl{opacity:0;transition-delay:0.2s;}
.clinic_sd .txt_sd .swiper-slide-active dl dt span,
.clinic_sd .txt_sd .swiper-slide-duplicate-active dl dt span{transform: none;transition-delay: 0.2s;}
.clinic_sd .txt_sd .swiper-slide-active dl dd span,
.clinic_sd .txt_sd .swiper-slide-duplicate-active dl dd span{transform: none;transition-delay: 0.4s;}
.clinic_pagination{margin-top: 70px;display: flex;align-items: center;}
.clinic_pagination p{color: #414040;font-weight: 600;padding-right: 15px;}
.clinic_pagination .clinic_bar{width: 240px;height: 2px;position: relative;background-color: #e4e4e4;margin-right: 15px;}
.clinic_pagination .clinic_bar span{position: absolute;left: 0;top: 0;width: 0;height: 100%;background-color: #888;}
.clinic_pagination .clinic_bar.active span{width: 100%;transition: 4.8s;transition-timing-function: cubic-bezier( 0.25, 0.25, 0.25, 0.25 );}
.clinic_pagination button{border: none;width: 9px;height: 11px;background-color: transparent;background-repeat: no-repeat;background-position: center;background-size: contain;}
.clinic_pagination .stop{background-image: url(../images/clinic-stop.png);}
.clinic_pagination .play{background-image: url(../images/clinic-play.png);}
.clinic .bg_txt{position: absolute;right: 0;top: 275px;z-index: -1;transform: translate(65%, 0);}
.clinic .bg_txt p{color: transparent;-webkit-text-stroke-width: 0.3px;-webkit-text-stroke-color: #ede3d9;white-space: nowrap;font-family: 'GmarketSansBold';font-size: 9.375rem;letter-spacing: -0.03em;}
.clinic_con.active .tit p,
.clinic_con.active .tit p strong,
.clinic_con.active .tit span{opacity: 1;transform: none;top: 0;}
.clinic_con.active .clinic_sd .img_sd{border-radius: 0;opacity: 1;transform: none;}
.clinic_con.active .clinic_sd .box{transform:none;}
.clinic_con.active .clinic_sd .txt_sd,
.clinic_con.active .clinic_sd .main_sd_arr{opacity: 1;transform:none;}

.interior{padding: 80px 20px;overflow: hidden;}
.interior .tit{text-align: center;overflow: hidden;}
.interior .tit p{color: rgba(43,44,44,0.15);font-size: 5.75rem;font-weight: 100;font-family: 'Lato';line-height: 0.8em;transform: translate(0,110%);transition: 1s;}
.interior_sd{max-width: 1240px;margin: 0 auto;position: relative;}
.interior_sd .img_sd .bg{background-repeat: no-repeat;background-position: center;background-size: cover;height: 640px;border-radius: 300px;opacity: 0;transform: translate(0,30%);transition: 1.2s;transition-delay: 0.8s;}
.interior_sd .img_sd .sd1 .bg{background-image: url(../images/interior-img1.jpg);}
.interior_sd .img_sd .sd2 .bg{background-image: url(../images/interior-img2.jpg);}
.interior_sd .img_sd .sd3 .bg{background-image: url(../images/interior-img3.jpg);}
.interior_sd .img_sd .sd4 .bg{background-image: url(../images/interior-img4.jpg);}
.interior_sd .img_sd .swiper-slide{opacity: 0.2;transition: 0.5s;}
.interior_sd .img_sd .swiper-slide-active,
.interior_sd .img_sd .swiper-slide-duplicate-active{opacity: 1;}
.interior_sd .img_sd .swiper-slide-prev .bg,
.interior_sd .img_sd .swiper-slide-next .bg{opacity: 0;transition-delay: 1.2s;}
.interior_sd .main_sd_arr{right: 0;bottom: 0;opacity: 0;transition: 0.8s;transition-delay: 1.8s;}
.interior_sd .txt_sd{width: 220px;overflow: hidden;background-color: #353535;}
.interior_sd .txt_sd .swiper-slide{height: 80px;display: flex;align-items: center;}
.interior_sd .txt_sd .txt{overflow: hidden;}
.interior_sd .txt_sd p{color: #fff;font-size: 1.25rem;padding-left: 50px;transform: translate(0,110%);transition: 0.5s;}
.interior_sd .txt_sd p span{padding-right: 15px;}
.interior_sd .txt_sd .swiper-slide-duplicate-active .txt{opacity: 0;}
.interior_sd .txt_sd .swiper-slide-active p,
.interior_sd .txt_sd .swiper-slide-duplicate-active p{transform: none;transition-delay: 0.4s;}
.interior.active .tit p{transform: none;}
.interior.active .interior_sd .img_sd{opacity: 1;}
.interior.active .interior_sd .img_sd .bg{border-radius: 0;opacity: 1;transform: none;}
.interior.active .interior_sd .img_sd .swiper-slide-prev .bg,
.interior.active .interior_sd .img_sd .swiper-slide-next .bg{opacity: 1;}
.interior.active .interior_sd .main_sd_arr{opacity: 1;}

.about{padding: 80px 20px 160px;position: relative;overflow: hidden;}
.about .tit{text-align: center;}
.about .tit em{display: block;font-family: 'Cormorant Infant';color: #bfa384;font-weight: 600;font-size: 1.25rem;opacity: 0;transform: translate(0,100%);transition: 1s;}
.about .tit strong{display: block;color: #2d2d2d;font-weight: 700;font-size: 3.125rem;margin-top: 30px;opacity: 0;transform: translate(0,100%);transition: 1s;transition-delay: 0.4s;}
.about .tit .txt{margin-top: 35px;}
.about .tit .txt p{overflow: hidden;color: #868686;font-size: 1.25rem;font-weight: 300;line-height: 1.4em;}
.about .tit .txt p span{display: block;transform: translate(0,110%);transition: 1s;transition-delay: 0.8s;}
.about .box{margin-top: 30px;}
.about .box ul{display: flex;justify-content: space-between;}
.about .box ul li:nth-child(2){margin-top: 90px;}
.about .box ul li a{display: block;}
.about .box ul li .img{overflow: hidden;border-radius: 170px;transform: translate(0,30%);opacity: 0;transition: 1.2s;}
.about .box ul li:nth-child(1) .img{transition-delay: 1.5s;}
.about .box ul li:nth-child(2) .img{transition-delay: 2.1s;}
.about .box ul li:nth-child(3) .img{transition-delay: 1.8s;}
.about .box ul li .txt_box{margin-top: 50px;}
.about .box ul li dl dt{overflow: hidden;color: #454444;font-weight: 600;font-size: 1.688rem;}
.about .box ul li dl dt span{display: block;transform: translate(0,100%);transition: 0.8s;transition-delay: 2.8s;}
.about .box ul li dl dd{margin-top: 20px;}
.about .box ul li dl dd p{overflow: hidden;color: #787878;font-size: 1.125rem;font-weight: 300;line-height: 1.333em;}
.about .box ul li dl dd p span{display: block;transform: translate(0,100%);transition: 0.8s;transition-delay: 3.2s;}
.about .box ul li strong{display: block;margin-top: 50px;opacity: 0;;transform: translate(-30px,0);transition: 0.8s;transition-delay: 3.5s;}
.about .box ul li strong em{display: inline-block;color: #bba284;font-size: 0.813em;font-weight: 600;line-height: 21px;padding-right: 27px;background: url(../images/about-plus.png) no-repeat right center;}
.about .bg_logo{background: url(../images/about-logo.png) no-repeat center;background-size: contain;width: 475px;height: 470px;position: absolute;z-index: -1;left: 50%;margin-left: -238px;top: 12%;opacity: 0;transition: 0.3s;transition-delay: 0.2s;}
.about.active .bg_logo{opacity: 1;}
.about.active .tit em,
.about.active .tit strong,
.about.active .tit .txt p span{opacity: 1;transform: none;}
.about.active .box ul li .img{opacity: 1;border-radius: 0;transform: none;}
.about.active .box ul li dl dt span,
.about.active .box ul li dl dd p span,
.about.active .box ul li strong{transform: none;opacity: 1;}

.contact{padding: 150px 20px 130px;background: url(../images/contact-bg.jpg) no-repeat center top;background-size: cover;overflow: hidden;position: relative;z-index: 1;}
.contact .tit{text-align: center;color: #2b2c2c;font-size: 3.75rem;font-weight: 600;font-family: 'Poppins';margin-bottom: 60px;opacity: 0;transform: translate(0,100%);transition: 0.8s;}
.contact .map_area{position: relative;}
.contact .map_area .map{height: 445px;overflow: hidden;border-radius: 300px;opacity: 0;transition: 1.4s;transition-delay: 0.5s;}
.contact .map_area .plus{position: absolute;right: -40px;top: -25px;z-index: 10;overflow: hidden;border-radius: 50%;width: 140px;height: 140px;background: #5f5243 url(../images/contact-plus.png) no-repeat center;opacity: 0;transform: translate(-30%,30%);transition: 1s;transition-delay: 1.4s;}
.contact .map_area .plus span{display: block;width: 100%;height: 100%;background: url(../images/contact-rotate.png) no-repeat center;background-size: contain;animation: rotate 8s linear infinite;}
@keyframes rotate {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(180deg);}
	100% {transform: rotate(360deg);}
}
.contact .info{margin-top: 95px;}
.contact .info .inner > ul{display: flex;justify-content: space-between;}
.contact .info .inner > ul .loca{width: 33%;opacity: 0;transform: translate(-40%,0);transition: 1s;transition-delay: 2s;}
.contact .info .inner > ul .rsv{width: 25%;margin-right: 30px;opacity: 0;transform: translate(-40%,0);transition: 1s;transition-delay: 2.3s;}
.contact .info .inner > ul .time{width: 21%;margin-right: 80px;opacity: 0;transform: translate(-40%,0);transition: 1s;transition-delay: 2.6s;}
.contact .info .info_tit{padding-left: 45px;color: #2d2d2d;font-weight: 600;font-size: 1.75rem;line-height: 32px;background-repeat: no-repeat;background-position: left center;}
.contact .info .loca .info_tit{background-image: url(../images/info-icon1.png);}
.contact .info .rsv .info_tit{background-image: url(../images/info-icon2.png);}
.contact .info .time .info_tit{background-image: url(../images/info-icon3.png);}
.contact .info .co_txt{color: #a78867;font-size: 1.25rem;font-weight: 600;line-height: 1.3em;margin-top: 35px;}
.contact .info .txt{color: #575757;font-weight: 300;line-height: 1.25em;margin-top: 25px;}
.contact .info .traffic{margin-top: 25px;}
.contact .info .traffic li{padding: 20px 0 25px;}
.contact .info .traffic li ~ li{border-top: 1px dotted #ddd;}
.contact .info .traffic dl{padding-left: 45px;background-repeat: no-repeat;background-position: left top;}
.contact .info .traffic .subway dl{background-image: url(../images/traffic-subway.png);}
.contact .info .traffic .bus dl{background-image: url(../images/traffic-bus.png);}
.contact .info .traffic .parking dl{background-image: url(../images/traffic-parking.png);}
.contact .info .traffic dl dt{color:#ae906f;font-size: 1.063rem;line-height: 30px;}
.contact .info .traffic dl dd{color: #737373;font-size: 1.063rem;line-height:1.294em;}
.contact .info .num{margin-top: 40px;padding-bottom: 20px;border-bottom: 1px dotted #ddd;}
.contact .info .num dl{display: flex;align-items: center;}
.contact .info .num dl ~ dl{margin-top: 10px;}
.contact .info .num dt{font-size: 1.125rem;color: #353535;padding-right: 10px;}
.contact .info .num dd{font-size: 2.25rem;}
.contact .info .num .tel dd{color: #4d3e3b;font-weight: 700;}
.contact .info .num .fax dd{color:#998e8c;font-weight: 300;letter-spacing: 0.01em;}
.contact .info .pre{margin-top: 25px;}
.contact .info .pre strong{display: block;background-color: #bf966a;line-height: 40px;width: 150px;text-align: center;border-radius: 40px;color: #fff;font-size: 0.938rem;font-weight: 500;}
.contact .info .pre p{margin-top: 20px;color: #696969;font-size: 0.938rem;font-weight: 500;line-height: 1.46em;}
.contact .info .day{margin-top: 20px;}
.contact .info .day ul li{display:flex;justify-content:space-between;align-items:center;text-align:center;border-bottom: 1px dotted #ddd;}
.contact .info .day .rig li:nth-child(2){border-bottom:none;}
.contact .info .day ul li p{width:70px;display:flex;justify-content:space-between;color: #bf966a;font-weight: 600;padding: 20px 0;padding-left: 5px;}
.contact .info .day ul li strong{padding-right: 10px;display: block;color:#656565;font-size: 1.125rem;font-weight: 600;}
.contact .info .day ul li em{display: block;font-size: 0.875rem;color: #656565;padding-right: 10px;}
.contact .info .day .ori{border-bottom:none;color: #bf966a;font-weight: 600;padding-top: 10px;}
.contact .line{background: url(../images/contact-line.png) no-repeat center top;background-size: cover;position: absolute;top: 0;right: 40px;width: 408px;height: 0;z-index: -1;transition: 1s;transition-delay: 1.6s;}
.contact.active .tit,
.contact.active .map_area .map,
.contact.active .map_area .plus,
.contact.active .info .inner > ul .loca,
.contact.active .info .inner > ul .rsv,
.contact.active .info .inner > ul .time{opacity: 1;transform: none;}
.contact.active .map_area .map{border-radius: 0;}
.contact.active .line{height: 527px;}

.content{padding: 150px 0;overflow:hidden;}
.content.pad_none{padding: 0;}
.fit_in{padding: 0 20px;}

.sub_top{position: relative;}
.sub_top .svis{background: url(../images/svis-bg.jpg) no-repeat center;background-size: cover;padding: 165px 20px 80px;}
.sub_top .svis .sub_tit{text-align: center;}
.sub_top .svis .sub_tit span{display: block;transform: translate(0,110%);transition: 0.6s;}
.sub_top .svis .sub_tit p{font-family:"Cormorant Infant";font-size: 1.125rem;color: #826253;font-weight: 600;overflow: hidden;}
.sub_top .svis .sub_tit strong{display: block;margin-top: 25px;color: #4a413e;font-size: 3.375rem;font-weight: 500;font-family: 'Noto Sans KR';overflow: hidden;}
.sub_top .svis .sub_tit strong span{transition-delay: 0.3s;}
.sub_top.active .svis .sub_tit span{transform: none;}
.submenu{border-bottom: 1px solid #ebe2d3;}
.submenu .submenu_in{display: flex;}
.submenu .submenu_in .home{width: 65px;}
.submenu .submenu_in .home a{display: block;height: 100%;background: url(../images/submenu-home.png) no-repeat center;}
.submenu .submenu_in > li{position: relative;}
.submenu .submenu_in > li::after{content: "";position: absolute;right: 0;top: 50%;transform: translate(0,-50%);background-color: #bdbdbd;width: 1px;height: 12px;z-index: 60;}
.submenu .submenu_in .depth{width: 205px;position: relative;}
.submenu .submenu_in .depth > a{display: block;line-height: 80px;padding: 0 20px;font-weight: 300;font-size: 1.063rem;position: relative;z-index: 51;}
.submenu .submenu_in .dep1 > a{color: #2f2f2f;background: #fff url(../images/submenu-arr.png) no-repeat right 20px center;}
.submenu .submenu_in .dep2 > a{color: #836643;}
.submenu .submenu_in .dep2.active > a{background: #fff url(../images/submenu-arr.png) no-repeat right 20px center;}
.submenu .submenu_in .depth ul{display: none;padding: 15px 0;background-color: #fff;position: absolute;top: 100%;left: 0;width: 100%;z-index: 50;box-shadow: 0 0 15px rgb(0 0 0 / 10%);border-top: 1px solid #ebe2d3;}
.submenu .submenu_in .depth ul li a{padding: 0 20px;line-height: 45px;color: #2f2f2f;font-weight: 300;}
.submenu .submenu_in .depth:hover ul{display: block;}

.introduce{overflow: hidden;background: url(../images/introduce-bg.jpg) no-repeat center;background-size: cover;padding: 150px 20px 0;position: relative;}
.introduce .txt{padding-bottom: 230px;padding-right: 420px;max-width: 1200px;}
.introduce .txt dl{padding-bottom: 90px;}
.introduce .txt dl dt{font-size: 1.125rem;color: #bfa384;font-weight: 300;margin-bottom: 45px;opacity: 0;transition: 1s;transition-delay: 0.2s;}
.introduce .txt dl dd{color: #2d2d2d;font-size: 2.688rem;font-weight: 500;line-height: 1.256em;opacity: 0;transition: 1s;transition-delay: 0.6s;}
.introduce .txt .list{display: flex;justify-content: space-between;}
.introduce .txt .list ul li{color: #777;font-weight: 300;font-size: 1.188rem;line-height: 1.3em;letter-spacing: -0.05em;opacity: 0;transform: translate(-30px,0);transition: 0.8s;}
.introduce .txt .list ul li ~ li{margin-top: 25px;}
.introduce .txt .list ul li:nth-child(1){transition-delay: 1s;}
.introduce .txt .list ul li:nth-child(2){transition-delay: 1.1s;}
.introduce .txt .list ul li:nth-child(3){transition-delay: 1.2s;}
.introduce .txt .list ul li:nth-child(4){transition-delay: 1.3s;}
.introduce .txt .list ul li:nth-child(5){transition-delay: 1.4s;}
.introduce .txt .list ul li:nth-child(6){transition-delay: 1.5s;}
.introduce .txt .list ul li:nth-child(7){transition-delay: 1.6s;}
.introduce .per{position: absolute;right: 0;bottom: 0;opacity: 0;transform: translate(0,20%);transition: 1s;transition-delay: 2s;}
.introduce.active .txt dl dt,
.introduce.active .txt dl dd,
.introduce.active .txt .list ul li,
.introduce.active .per{opacity: 1;transform: none;}

.facility{overflow: hidden;opacity: 0;transition: 0.8s;transition-delay: 0.2s;}
.facility .top_sd{position: relative;}
.facility .top_sd button{border: none;background: none;position: absolute;z-index: 10;top: 50%;margin-top: -50px;}
.facility .top_sd button img{display: block;}
.facility .top_sd .prev{left: 0;}
.facility .top_sd .next{right: 0;}
.facility .bot_sd{margin-top: 65px;}
.facility .bot_sd .swiper-slide img{transition: 0.3s;}
.facility .bot_sd .swiper-slide-thumb-active img{opacity: 0.5;}
.facility .bot_sd p{margin-top: 25px;font-size: 1.25rem;color: #585858;text-align: center;}
.facility.active{opacity: 1;}

.information .tit{margin-bottom: 50px;}
.information .tit dt{color: #2d2d2d;font-weight: 600;font-size: 2.375rem;}
.information .tit dt span{display:block;transform:translate(-30px,0);opacity:0;transition:1s;}
.information .tit dd{margin-top: 20px;color: #494949;font-weight: 300;font-size: 1.125rem;overflow:hidden;}
.information .tit dd span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.information .box ~ .box{margin-top: 115px;}
.information .time ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.information .time ul li{width: calc(50% - 20px);background-color: #fbf9f5;padding: 90px 105px;display: flex;align-items: center;justify-content: space-between;position: relative;opacity:0;transform:translate(0,30%);transition:1s;}
.information .time ul li:nth-child(1){transition-delay:1s;}
.information .time ul li:nth-child(2){transition-delay:1.2s;}
.information .time ul li:nth-child(3){transition-delay:1.4s;}
.information .time ul li:nth-child(4){transition-delay:1.6s;}
.information .time ul li:nth-child(5){transition-delay:1.8s;}
.information .time ul li:nth-child(6){transition-delay:2s;}
.information .time ul li:nth-child(n+3){margin-top: 30px;}
.information .time ul li::after{content: "";width: 2px;height: 16px;background-color: #b3b3b3;position: absolute;top: 50%;margin-top: -8px;left: 40%;}
.information .time ul li.none::after{display: none;}
.information .time ul li span{color: #2d2d2d;font-size: 1.25rem;font-weight: 500;}
.information .time ul li strong{color: #404040;font-size: 1.875rem;font-weight: 600;position: relative;}
.information .time ul li strong em{color: #4d4d4d;font-size: 1rem;font-weight: 500;position: absolute;width: 100%;left: 0;top: calc(100% + 5px);text-align: center;}
.information .active .tit dt span,
.information .active .tit dd span,
.information .active .time ul li{transform:none;opacity:1;}

.information .consulting{display: flex;align-items: center;justify-content: space-between;background-color: #bf966a;padding: 50px 115px;opacity:0;transition:0.8s;transition-delay:0.5s;}
.information .consulting .num p{display: flex;align-items: center;transform:translate(-10%,0);opacity:0;transition:1s;transition-delay:0.8s;}
.information .consulting .num p ~ p{margin-top: 10px;}
.information .consulting .num p span{color: #fff;font-size: 1.375rem;padding-right: 10px;}
.information .consulting .num p strong{color: #fff;font-size: 2.75rem;}
.information .consulting .num p.tel span,
.information .consulting .num p.tel strong{font-weight: 600;}
.information .consulting .num p.fax strong{font-weight: 300;}
.information .consulting dl{margin-top: 50px;}
.information .consulting dl dt{color: #fff;font-size: 1.375rem;font-weight: 600;padding-left: 50px;line-height: 40px;background: url(../images/consulting-icon.png) no-repeat left center;opacity:0;transform:translate(0,100%);transition:1s;transition-delay:1s;}
.information .consulting dl dd{color: #fff;margin-top: 20px;font-size: 1.063rem;line-height: 1.412em;opacity:0;transform:translate(0,20%);transition:1s;transition-delay:1.5s;}
.information .consulting .rig{position: relative;opacity:0;transition:1s;transition-delay:2s;}
.information .consulting .rig > img{animation: rotate 12s linear infinite;}
.information .consulting .rig span{position: absolute;right: 0;top: 0;}
.information .consulting .rig span img{max-width: none;}
.information .active .consulting,
.information .active .consulting .rig,
.information .active .consulting .num p,
.information .active .consulting dl dt,
.information .active .consulting dl dd{transform:none;opacity:1;}

.loca_map .map_area{height: 500px;overflow:hidden;border-radius:300px;opacity:0;transform:translate(0,30%);transition:1.2s;}
.loca_map .tra_info{margin-top: 100px;opacity:0;transition:1s}
.loca_map .tra_info ul{border-top: 2px solid #575757;}
.loca_map .tra_info ul li{padding: 70px 30px;}
.loca_map .tra_info ul li ~ li{border-top: 1px solid #d8d8d8;}
.loca_map .tra_info .txt{padding-left: 100px;position: relative;}
.loca_map .tra_info .txt .icon{position: absolute;left: 0;top: 50%;margin-top: -32px;}
.loca_map .tra_info .txt dl dt{font-size: 1.5rem;font-weight: 600;color: #2d2d2d;line-height: 1.3em;}
.loca_map .tra_info .txt dl dd{margin-top: 25px;display: flex;}
.loca_map .tra_info .txt dl dd p{display: flex;align-items: center;}
.loca_map .tra_info .txt dl dd p ~ p{margin-left: 45px;}
.loca_map .tra_info .txt dl dd p span{width: 90px;line-height: 30px;border-radius: 20px;color: #fff;font-weight: 300;font-size: 1.063rem;text-align: center;}
.loca_map .tra_info .txt dl dd p span ~ span{margin-left: 5px;}
.loca_map .tra_info .txt dl dd p .purple{background-color: #8835df;}
.loca_map .tra_info .txt dl dd p .brown{background-color: #b44f0a;}
.loca_map .tra_info .txt dl dd p .skyblue{background-color: #72b5e3;}
.loca_map .tra_info .txt dl dd p .turquoise{background-color: #7dc4a5;}
.loca_map .tra_info .txt dl dd p .blue{background-color: #3353a2;}
.loca_map .tra_info .txt dl dd p .green{background-color: #4a972e;}
.loca_map .tra_info .txt dl dd p strong{font-size: 1.25rem;color: #494949;font-weight: 300;}
.loca_map .tra_info .txt dl dd p span ~ strong{padding-left: 10px;}

.loca_map .map_area.active{border-radius:0;opacity:1;transform:none;}
.loca_map .tra_info.active{opacity:1;}

.explanation > ul > li{display: flex;justify-content: space-between;align-items: flex-start;}
.explanation > ul > li ~ li{padding-top: 100px;margin-top: 100px;border-top: 1px solid #d8d8d8;}
.explanation .tit{color: #2d2d2d;font-size: 2.375rem;font-weight: 600;line-height: 1.315em;opacity:0;transform:translate(-30%,0);transition:1s;}
.explanation .area{width: 925px;}
.explanation .img_box{margin-bottom: 40px;opacity:0;transform:translate(10%,0);transition:1s;}
.explanation .txt_box ~ .txt_box{margin-top: 50px;}
.explanation .txt_box .co_txt{color: #836643;font-weight: 600;font-size: 1.625rem;line-height: 1.308em;margin-bottom: 15px;opacity:0;transform:translate(0,40%);transition:0.8s;transition-delay:0.4s;}
.explanation .txt_box .txt{font-size: 1.125rem;font-weight: 300;color: #494949;line-height: 1.556em;opacity:0;transform:translate(0,30%);transition:0.8s;transition-delay:0.8s;}
.explanation .txt_box .txt em{font-weight: 600;}
.explanation .top_txt{margin-bottom: 95px;}
.explanation .top_txt p{font-size: 1.625rem;line-height: 1.538em;color: #2d2d2d;font-weight: 600;opacity:0;transition:1s;}
.explanation .period{margin-top: 65px;}
.explanation .period > strong{display: block;margin-bottom: 50px;color: #434343;font-size: 1.875rem;font-weight: 700;opacity:0;transition:0.8s;transition-delay:1.2s;}
.explanation .period ul{display: flex;justify-content: space-between;}
.explanation .period ul li{width: calc(33.33% - 13.333px);position: relative;padding-top: 55px;opacity:0;transform:translate(-30%,0);transition:1s;}
.explanation .period ul li:nth-child(1){transition-delay:1.5s;}
.explanation .period ul li:nth-child(2){transition-delay:1.7s;}
.explanation .period ul li:nth-child(3){transition-delay:1.9s;}
.explanation .period ul li ~ li::after{content: "";position: absolute;right: calc(100% - 15px);top: calc(50% + 28px);margin-top: -25px;width: 50px;height: 50px;border-radius: 50%;background: #fff url(../images/period-arr.png) no-repeat center;box-shadow: 0 0 10px rgba(44,44,44,0.15);}
.explanation .period ul li dl{background-color: #f6f2e9;height: 100%;display: flex;align-items: center;justify-content: center;padding: 90px 0 45px;}
.explanation .period ul li dl dt{border: 5px solid #fff;border-radius: 50%;color: #fff;position: absolute;top: 0;left: 50%;margin-left: -55px;width: 110px;height: 110px;display: flex;align-items: center;justify-content: center;text-align: center;}
.explanation .period ul li.co1 dl dt{background-color: #bba284;}
.explanation .period ul li.co2 dl dt{background-color: #a28159;}
.explanation .period ul li.co3 dl dt{background-color: #836643;}
.explanation .period ul li dl dt p strong{font-weight: 600;font-size: 1.25rem;line-height: 1.2em;}
.explanation .period ul li dl dt p span{font-weight: 600;font-size: 1.125rem;line-height: 1.333em;display: block;}
.explanation .period ul li dl dd{text-align: center;}
.explanation .period ul li dl dd p ~ p{margin-top: 20px;}
.explanation .period ul li dl dd p strong{display: block;color: #9e876c;font-size: 1.25rem;line-height: 1.2em;font-weight: 700;}
.explanation .period ul li dl dd p span{display: block;color: #494949;font-size: 1.125rem;line-height:1.333em;margin-top: 5px;}
.explanation .part{padding: 50px;background: url(../images/part-bg.jpg) no-repeat center;background-size: cover;margin-bottom: 80px;}
.explanation .part .ori{color: #4c4c4c;font-size: 1.125rem;padding-left: 30px;line-height: 24px;background: url(../images/part-ori-plus.png) no-repeat left center;}
.explanation .part .part_img{text-align: center;padding: 120px 0 75px;display: flex;align-items: center;justify-content: center;}
.explanation .part .part_btn_area{position: relative;}
.explanation .part .part_btn{position: absolute;transform: translate(-50%,-50%);}
.explanation .part .part_btn.btn1{left: 18%;top: 20%;}
.explanation .part .part_btn.btn2{left: 22%;top: 23%;}
.explanation .part .part_btn.btn3{left: 50%;top: 32%;}
.explanation .part .part_btn.btn4{left: 63%;top: 37%;}
.explanation .part .part_btn.btn5{left: 82%;top: 19%;}
.explanation .part .part_btn.btn6{left: 45%;top: 57%;}
.explanation .part .part_btn.btn7{left: 50%;top: 80%;}
.explanation .part .part_btn .txt_area{position: absolute;left: 50%;transform: translate(-50%,0);display: flex;align-items: center;justify-content: center;height: 75px;background-color: #d9af7c;border-radius: 10px;}
.explanation .part .part_btn .txt_area.long{width: 190px;}
.explanation .part .part_btn .txt_area.short{width: 155px;}
.explanation .part .part_btn.top .txt_area{bottom: calc(100% + 20px);}
.explanation .part .part_btn.bot .txt_area{top: calc(100% + 20px);}
.explanation .part .part_btn .txt_area::after{content: "";position: absolute;left: 50%;margin-left: -7px;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.explanation .part .part_btn.top .txt_area::after{top: 100%;border-top: 12px solid #d9af7c;}
.explanation .part .part_btn.bot .txt_area::after{bottom: 100%;border-bottom: 12px solid #d9af7c;}
.explanation .part .part_btn .txt_area p{color: #fff;font-size: 1.125rem;font-weight: 600;line-height: 1.333em;}
.explanation .part .part_btn button{background: none;display: block;border: none;width: 24px;height: 24px;position: relative;z-index: 1;}
.explanation .part .part_btn button .plus{width: 100%;height: 100%;background: url(../images/part-plus.png) no-repeat center;background-size: contain;position: relative;z-index: 1;}
.explanation .part .part_btn button span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;}
.explanation .part .part_btn button .back1{z-index: -1;background-color: rgba(218,182,134,0.8);animation: part_btn1 2s ease infinite;}
.explanation .part .part_btn button .back2{z-index: -2;background-color: rgba(218,182,134,0.4);animation: part_btn2 2s ease infinite;}
@keyframes part_btn1 {
    0% {opacity:1;}
    50% {opacity:0.6;}
	100% {transform:scale(1.45);opacity:0;}
}
@keyframes part_btn2 {
    0% {opacity:1;}
    50% {opacity:0.6;}
	100% {transform:scale(1.9);opacity:0;}
}
.explanation .icon_list{max-width: 1200px;margin: 0 auto;}
.explanation .icon_list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.explanation .icon_list ul li{width: 20%;text-align: center;display: flex;flex-direction: column;opacity:0;transition:1s;transform:translate(-20%,0);}
.explanation .icon_list ul li:nth-child(2){transition-delay:0.2s;}
.explanation .icon_list ul li:nth-child(3){transition-delay:0.4s;}
.explanation .icon_list ul li:nth-child(4){transition-delay:0.6s;}
.explanation .icon_list ul li:nth-child(5){transition-delay:0.8s;}
.explanation .icon_list ul li p{flex-grow: 1;display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.explanation .icon_list ul li p span{color: #494949;font-weight: 600;font-size: 1.188rem;line-height: 1.368em;}
.explanation .icon_list ul li p span em{display: block;font-size: 1rem;line-height: 1.375em;}
.explanation .active .tit,
.explanation .active .img_box,
.explanation .active .txt_box .co_txt,
.explanation .active .txt_box .txt,
.explanation .active .period > strong,
.explanation .active .period ul li,
.explanation .top_txt.active p,
.explanation .icon_list.active ul li{opacity:1;transform:none;}

.list_tbl table{width: 100%;border-top: 1px solid #1a1a1a;table-layout: fixed;}
.list_tbl table .date{min-width:65px;}
.list_tbl table th{background-color: #fafafa;border-bottom: 1px solid #dcdcdc;padding: 25px 5px;color: #1a1a1a;font-size: 1.125rem;font-weight: 600;}
.list_tbl table td{text-align: center;border-bottom: 1px solid #dcdcdc;padding: 25px 5px;color: #6d6d6d;font-weight: 300;font-size: 1.063rem;white-space: nowrap;}
.list_tbl table td a{color:#1a1a1a;font-size: 1.125rem;white-space: nowrap;overflow: hidden;display: block;width: 100%;text-overflow: ellipsis;}
.pagination{margin-top: 115px;}
.pagination ul{display: flex;justify-content: center;}
.pagination ul li{margin: 0 5px;}
.pagination ul li a{display: block;width: 48px;line-height: 46px;height: 48px;}
.pagination ul li.prev a{background: url(../images/page-prev.png) no-repeat center;}
.pagination ul li.next a{background: url(../images/page-next.png) no-repeat center;}
.pagination ul li.num a{text-align: center;color: #555555;font-weight: 300;}
.pagination ul li.num.on a{color: #4b312c;font-weight: 500;border: 1px solid #4b312c;}
.list_view .top{background-color: #fafafa;border-top: 2px solid #1a1a1a;border-bottom: 1px solid #dcdcdc;padding: 40px 60px;}
.list_view .top .tit{display: flex;align-items: center;justify-content: space-between;}
.list_view .top .tit p{color: #1a1a1a;font-size: 1.375rem;line-height: 1.3em;font-weight: 700;}
.list_view .top .tit span{font-size: 1.125rem;font-weight: 300;color: #1a1a1a;}
.list_view .con{padding: 90px 20px 130px;}
.list_view .con .txt{font-size: 1.125rem;color: #555;line-height: 1.778em;}
.list_view .bot{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding: 30px 40px;}
.list_view .bot .page_cont{display: flex;justify-content: space-between;}
.list_view .bot .page_cont .arr{font-weight: 300;color: #555;line-height: 16px;}
.list_view .bot .page_cont .prev{padding-left: 30px;background: url(../images/page-prev.png) no-repeat left center;}
.list_view .bot .page_cont .next{padding-right: 30px;background: url(../images/page-next.png) no-repeat right center;}
.list_view .bot .page_cont .list_btn{width: 20px;}
.list_view .bot .page_cont .list_btn span{display: block;width: 100%;height: 2px;background-color: #4b312c;}
.list_view .bot .page_cont .list_btn span ~ span{margin-top: 5px;}

.info_tbl{border-top: 1px solid #c6af79;}
.info_tbl table{width:100%;}
.info_tbl table th{background-color:#f2f2f2;padding: 25px 5px;color: #000;font-weight:400;border:2px solid #fff;border-top:none;}
.info_tbl table td{border:1px solid #d7d7d7;padding: 25px 20px;color: #363636;font-weight:600;line-height:1.3em;word-break: break-all;}
.info_tbl table td.cen{text-align:center;border-left:none;}
.info_tbl table td:last-child{border-right:none;}

.terms{font-size:1.063rem;line-height: 1.5em;color:#363636;font-weight: 300;}

@media screen and (min-width: 1200px){
	header:hover{background-color: #fff;}
}
@media screen and (max-width: 1400px){
    html{font-size: 14px;}
	header .gnb .dep1 > li{padding: 0 10px;}
	header .gnb .dep1 > li > a{padding: 0 20px;}
	header .gnb .dep2 li{padding: 0 25px;}
	.contact .info .inner > ul .loca{width: 35%;}
	.contact .info .inner > ul .rsv{width: 32%;margin-right: 0;}
	.contact .info .inner > ul .time {width: 27%;margin-right: 0;}
}
@media screen and (max-width: 1200px){
	html{font-size: 12px;}

	header{height: 50px;}
	header h1{top: 13px;}
	header h1 a{width: 148px;height: 24px;}
	header .gnb{display: none;}
	header .nav_btn{display:block;}

	#hd_pop .hd_pops {left:0 !important; width: 100%;}
	#hd_pop .hd_pops_con{width:100% !important;}

	footer{padding: 40px 20px;}
	footer .foot_wrap{display: block;}
	footer .logo{padding: 0;max-width: 60%;margin-bottom: 20px;}
	footer .info .terms em{margin: 0 10px;}
	footer .info .terms{margin-bottom: 20px;}
	footer .info .ori ul li span{display: block;}
	footer .info .ori ul li span ~ span{padding-left: 0;margin-top: 5px;}
	footer .info address{margin-top: 25px;}

	.quick{right: 60px;bottom: 20px;}
	.quick ul li{width: 40px;height: 40px;}
	.quick ul li .btn,
	.quick ul li.more .btn span{background-size: 50% auto;}
	.quick ul li ~ li{margin-top: 5px;}

	.vis_sd .sd1 .bg{background-image:url(../images/mvis1.jpg);}
	.vis_sd .sd2 .bg{background-image:url(../images/mvis2.jpg);}
	.vis_sd .sd3 .bg{background-image:url(../images/mvis3.jpg);}
	.vis_sd .sd4 .bg{background-image:url(../images/mvis4.jpg);}
	.vis .vis_txt{width: 100%;right: 0;top: 14%;transform: none;}
	.vis .vis_txt .top_txt{margin-bottom: 3%;}
	.vis .vis_txt .top_txt p{font-size: 7vw;line-height: 1.3em;}
	.vis .vis_txt .box_txt{margin-bottom: 5%;}
	.vis .vis_txt .box_txt p{font-size: 3.3vw;}
	.vis .vis_txt .more a{line-height: 40px;}
	.vis .vis_txt .more a .magnetic::before{width: 40px;height: 40px;}
	.vis .vis_letter{display:none;}
	.vis .vis_pagination,
	.vis .scroll{display:none;}

	.main_sd_arr a,
	.main_sd_arr button{width: 35px;height: 35px;background-size: auto 40%;}

	.clinic{padding: 80px 0 40px;}
	.clinic_con{text-align:left;}
	.clinic_con .tit{padding:0 20px;}
	.clinic_con .tit p{font-size: 2.6rem;}
	.clinic_con .tit p strong{display:block;}
	.clinic_con .tit span{font-size: 0.917rem;margin-top: 10px;}
	.clinic_sd{margin-top: 40px;padding:0;padding-bottom:35px;}
	.clinic_sd .img_sd{border-radius: 200px;}
	.clinic_sd .img_sd .bg{height: 260px;}
	.clinic_sd .img_sd .sd1 .bg{background-image:url(../images/clinic-img1-m.jpg);}
	.clinic_sd .img_sd .sd2 .bg{background-image:url(../images/clinic-img2-m.jpg);}
	.clinic_sd .img_sd .sd3 .bg{background-image:url(../images/clinic-img3-m.jpg);}
	.clinic_sd .img_sd .sd4 .bg{background-image:url(../images/clinic-img4-m.jpg);}
	.clinic_sd .box{width: calc(100% - 105px);}
	.clinic_sd .txt_sd{width: 100%;padding: 25px 0 0 25px;}
	.clinic_sd .txt_sd dl dt{font-size: 1.7rem;margin-bottom:15px}
	.clinic_sd .txt_sd dl dd{font-size:0.913rem;line-height:1.4em;}
	.clinic_pagination{display:none;}
	.clinic_sd .main_sd_arr{bottom:35px;}
	.clinic .bg_txt{display:none;}

	.interior{padding: 40px 0;}
	.interior .tit{margin-bottom:15px;}
	.interior .tit p{font-size: 8.5vw;letter-spacing: -0.08em;white-space: nowrap;font-weight:300;letter-spacing: -0.05em;}
	.interior_sd{max-width: 80%;}
	.interior_sd .img_sd .bg{height: auto;padding-bottom: 50%;border-radius: 200px;}
	.interior_sd .txt_sd{width: calc(100% - 105px);}
	.interior_sd .txt_sd .swiper-slide{height: 35px;}
	.interior_sd .txt_sd p{padding-left: 20px;font-size: 1rem;}
	.interior_sd .txt_sd p span{padding-right: 10px;}
	.interior_sd .main_sd_arr{width:100%;}

	.about{padding: 40px 20px 70px;}
	.about .tit em{font-size: 0.875rem;}
	.about .tit strong{font-size: 2rem;margin-top: 10px;}
	.about .tit .txt{margin-top: 15px;}
	.about .tit .txt p{font-size: 1rem;}
	.about .box ul{display: block;}
	.about .box ul li a{display:flex;align-items:center;}
	.about .box ul li:nth-child(2) a{flex-direction: row-reverse;text-align:right;}
	.about .box ul li .img{width:50%}
	.about .box ul li:nth-child(2) .img{transition-delay: 2.5s;}
	.about .box ul li:nth-child(3) .img{transition-delay:3.5s;}
	.about .box ul li .txt_box{margin-top: 0;padding-left:25px;width:50%;}
	.about .box ul li:nth-child(2) a .txt_box{padding-left:0;padding-right:25px;}
	.about .box ul li dl dt{font-size:1.5rem;}
	.about .box ul li:nth-child(1) dl dt span{transition-delay: 1.8s;}
	.about .box ul li:nth-child(2) dl dt span{transition-delay: 2.8s;}
	.about .box ul li:nth-child(3) dl dt span{transition-delay: 3.8s;}
	.about .box ul li dl dd{margin-top: 10px;opacity:0;transition:0.6s;}
	.about .box ul li:nth-child(1) dl dd{transition-delay: 2.1s;}
	.about .box ul li:nth-child(2) dl dd{transition-delay: 3.1s;}
	.about .box ul li:nth-child(3) dl dd{transition-delay: 4.1s;}
	.about .box ul li dl dd p{font-size: 1rem;display:inline;}
	.about .box ul li dl dd p span{display:inline;transform:none;}
	.about .box ul li strong{margin-top: 30px;}
	.about .box ul li:nth-child(1) strong{transition-delay: 2.3s;}
	.about .box ul li:nth-child(2) strong{transition-delay: 3.3s;}
	.about .box ul li:nth-child(3) strong{transition-delay: 4.3s;}
	.about .box ul li strong em{line-height: 16px;background-size: 16px;}
	.about.active .box ul li dl dd{opacity:1;}

	.about .box ul li:nth-child(2){margin: 0 0 0 auto;}
	.about .box ul li ~ li,
	.about .box ul li:nth-child(2){margin-top: 10px;}
	.about .bg_logo{width: 60%;height: auto;padding-bottom:60%;left:20%;top: 0;margin-left:0;}

	.contact{padding: 70px 0;background: linear-gradient(180deg, #f6f1e9 0% 300px,#fff 300px 100%);}
	.contact .tit{font-size: 3rem;margin-bottom: 25px;}
	.contact .map_area .map{height: 250px;}
	.contact .map_area .plus{width: 60px;height: 60px;right: 20px;top: -20px;background-size: 20px auto;}
	.contact .info{margin-top: 40px;padding:0 20px;}
	.contact .info .inner > ul{display: block;}
	.contact .info .inner > ul .loca,
	.contact .info .inner > ul .rsv,
	.contact .info .inner > ul .time {width: 100%;}
	.contact .info .inner > ul > li{border:1px solid #e5e5e5;padding:20px;}
	.contact .info .inner > ul > li ~ li{margin-top: 20px;}
	.contact .info .info_tit{font-size: 1.5em;line-height: 24px;background-size: contain;padding-left: 30px;}
	.contact .info .co_txt{margin-top: 15px;font-size: 1rem;}
	.contact .info .traffic{margin-top: 5px;}
	.contact .info .traffic li{padding: 10px 0;}
	.contact .info .traffic dl{background-size: 25px auto;padding-left: 35px;}
	.contact .info .traffic dl dt{line-height: 20px;font-size: 0.917rem;}
	.contact .info .traffic dl dd{font-size: 0.917rem;}
	.contact .info .txt{margin-top: 15px;font-size: 0.833rem;}
	.contact .info .num{margin-top: 15px;padding-bottom: 15px;}
	.contact .info .num dl ~ dl{margin-top: 5px;}
	.contact .info .num dt{font-size: 1rem;}
	.contact .info .num dd{font-size: 2rem;}
	.contact .info .pre{margin-top: 20px;}
	.contact .info .pre strong{line-height: 25px;width: 90px;font-size: 0.833rem;}
	.contact .info .pre p{margin-top: 10px;font-size: 0.833rem;}
	.contact .info .day{display:flex;justify-content:space-between;}
	.contact .info .day ul{width:calc(50% - 10px);}
	.contact .info .day .lef li:last-child{border-bottom:none;}
	.contact .info .day .rig li:nth-child(2){border-bottom: 1px dotted #ddd;}
	.contact .info .day ul li p{padding: 15px 0;width: 35px;font-size:0.833rem;}
	.contact .info .day ul li strong{padding-right:0;font-size:0.917rem;}
	.contact .info .day ul li em{padding-right:0;font-size:0.833rem;}
	.contact .info .day .ori{padding: 15px 0;font-size:0.833rem;}

	.contact .line{right: 20px;width: 100px;}
	.contact.active .line {height: 129px;}

	.content{padding: 70px 0;}

	.sub_top .svis{padding: 90px 20px 50px;}
	.sub_top .svis .sub_tit p{font-size:1rem;}
	.sub_top .svis .sub_tit strong{font-size:2.5rem;margin-top: 10px;}
	
	.submenu .submenu_in .home{width: 50px;}
	.submenu .submenu_in .home a{background-size: 18px auto;}
	.submenu .submenu_in .depth{width: calc(50% - 25px);}
	.submenu .submenu_in .depth > a{line-height: 50px;padding:0 10px;}
	.submenu .submenu_in .dep2.active > a{background-position: right 10px center;}
	.submenu .submenu_in .dep2::after{display:none;}
	.submenu .submenu_in .depth ul{padding: 10px 0;}
	.submenu .submenu_in .depth ul li a{line-height: 35px;}

	.introduce{padding: 70px 20px 0;background: none;}
	.introduce .txt{padding-right: 0;}
	.introduce .txt dl{padding-bottom: 40px;}
	.introduce .txt dl dt{margin-bottom: 15px;}
	.introduce .txt dl dd{font-size: 2rem;}
	.introduce .txt .list{display: block;}
	.introduce .txt .list ul ~ ul{margin-top: 10px;}
	.introduce .txt .list ul li{font-size: 0.9rem;}
	.introduce .txt .list ul li ~ li{margin-top: 10px;}
	.introduce .per{width: 180px;}

	.facility .top_sd button{width: 30px;margin-top: -25px;}
	.facility .bot_sd{margin-top: 25px;}
	.facility .bot_sd p{margin-top: 10px;font-size: 1rem;}

	.information .tit{margin-bottom: 30px;}
	.information .tit dt{font-size: 1.9rem;}
	.information .tit dd{margin-top: 10px;}
	.information .box ~ .box{margin-top: 50px;}
	.information .time ul{display: block;}
	.information .time ul li{width: 100%;padding: 25px 35px;}
	.information .time ul li ~ li,
	.information .time ul li:nth-child(n+3){margin-top: 10px;}
	.information .time ul li strong{font-size: 1.5rem;}
	.information .consulting{display: block;padding: 30px 20px}
	.information .consulting .num p span{font-size: 1.2rem;}
	.information .consulting .num p strong{font-size: 2rem;}
	.information .consulting dl{margin-top: 20px;}
	.information .consulting dl dt{line-height: 26px;background-size: contain;padding-left: 40px;}
	.information .consulting dl dd{font-size: 1rem;margin-top: 10px;}
	.information .consulting .rig{max-width: 80%;margin: 0 auto;margin-top: 40px;}
	.information .consulting .rig span img{max-width:100%;}

	.loca_map .map_area{height: 200px;}
	.loca_map .tra_info{margin-top: 40px;}
	.loca_map .tra_info ul li{padding: 20px 10px;}
	.loca_map .tra_info .txt{padding-left: 50px;}
	.loca_map .tra_info .txt .icon{width: 36px;margin-top: -18px;}
	.loca_map .tra_info .txt dl dt{font-size: 1.3rem;}
	.loca_map .tra_info .txt dl dd{margin-top: 10px;display: block;}
	.loca_map .tra_info .txt dl dd p{display: block;}
	.loca_map .tra_info .txt dl dd p ~ p{margin-left: 0;margin-top: 10px;}
	.loca_map .tra_info .txt dl dd p span{display: inline-block;width: auto;padding: 0 5px;line-height: 20px;font-size: 0.9rem;}
	.loca_map .tra_info .txt dl dd p span ~ span{margin-left: 3px;}
	.loca_map .tra_info .txt dl dd p strong{display: block;margin-top: 5px;font-size: 1.1rem;}
	.loca_map .tra_info .txt dl dd p span ~ strong{padding-left: 0;}

	.explanation > ul > li{display: block;}
	.explanation > ul > li ~ li{margin-top: 40px;padding-top: 40px;}
	.explanation .tit{font-size: 2rem;margin-bottom: 15px;}
	.explanation .area{width: 100%;}
	.explanation .img_box{margin-bottom: 20px;}
	.explanation .txt_box ~ .txt_box{margin-top: 20px;}
	.explanation .txt_box .co_txt{font-size: 1.3rem;margin-bottom: 10px;}
	.explanation .txt_box .txt{font-size: 1rem;}
	.explanation .period{margin-top: 40px;}
	.explanation .period > strong{font-size: 1.5rem;margin-bottom: 20px;}
	.explanation .period ul{display: block;}
	.explanation .period ul li{width: 100%;padding-top: 45px;}
	.explanation .period ul li ~ li{margin-top: 10px;}
	.explanation .period ul li ~ li::after{display: none;}
	.explanation .period ul li dl{padding: 60px 0 20px;}
	.explanation .period ul li dl dt{width: 90px;height: 90px;margin-left: -45px;}
	.explanation .period ul li dl dt p strong{font-size: 1.1rem;}
	.explanation .period ul li dl dt p span{font-size: 1rem;}
	.explanation .period ul li dl dd p ~ p{margin-top: 10px;}
	.explanation .period ul li dl dd p strong{font-size: 1.1rem;}
	.explanation .period ul li dl dd p span{font-size: 1rem;}
	.explanation .top_txt{margin-bottom: 30px;}
	.explanation .top_txt p{font-size: 1.2rem;line-height: 1.4em;}
	.explanation .part{padding: 20px;margin-bottom: 40px;}
	.explanation .part .ori{background-size: 15px auto;font-size: 0.9rem;line-height: 15px;padding-left: 20px;}
	.explanation .part .part_img{padding: 50px 0 30px;}
	.explanation .part .part_btn button{width: 16px;height: 16px;}
	.explanation .part .part_btn .txt_area{height: 60px;}
	.explanation .part .part_btn .txt_area.long{width: 125px;}
	.explanation .part .part_btn .txt_area.short{width: 90px;}
	.explanation .part .part_btn .txt_area p{font-size: 1rem;}
	.explanation .icon_list ul{justify-content: center;}
	.explanation .icon_list ul li{padding: 0 10px;width: 33.33%;}
	.explanation .icon_list ul li:nth-child(n+4){margin-top: 15px;}
	.explanation .icon_list ul li .icon{max-width: 70px;margin: 0 auto;}
	.explanation .icon_list ul li p{margin-top: 10px;}
	.explanation .icon_list ul li p span{font-size: 1rem;}
	.explanation .icon_list ul li p span em{font-size: 0.8rem;}

	.list_tbl table th{padding: 15px 5px;font-size: 1rem;}
	.list_tbl table td{padding: 15px 5px;font-size: 0.9rem;}
	.list_tbl table td a{font-size: 1rem;}
	.pagination{margin-top: 50px;}
	.pagination ul li a{width: 40px;height: 40px;line-height: 38px;}
	.list_view .top{padding: 30px 20px;}
	.list_view .top .tit p{font-size: 1.2rem;}
	.list_view .top .tit span{font-size: 0.9rem;}
	.list_view .con{padding: 30px 20px 40px;}
	.list_view .con .txt{font-size: 1rem;}
	.list_view .bot{padding: 20px;}
	.list_view .bot .page_cont .prev{padding-left: 20px;}
	.list_view .bot .page_cont .next{padding-right: 20px;}

	.info_tbl table th,
	.info_tbl table td{padding:15px 5px;font-size:0.8rem;}

	.terms{font-size:0.9rem;}

}
@media screen and (max-width: 1024px){
	#map img[src*='map-maker.png'] {width:112px !important;height:45px !important;}

    /* 모션 수정 */

    .vis .vis_txt .top_txt p em{transition: 0.5s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m1{transition-delay: 0.3s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m2{transition-delay: 0.35s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m3{transition-delay: 0.4s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m4{transition-delay: 0.45s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m5{transition-delay: 0.5s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m6{transition-delay: 0.55s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m7{transition-delay: 0.6s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m8{transition-delay: 0.65s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m9{transition-delay: 0.7s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m10{transition-delay: 0.75s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m11{transition-delay: 0.8s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m12{transition-delay: 0.85s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m13{transition-delay: 0.9s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m14{transition-delay: 0.95s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m15{transition-delay: 1s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m16{transition-delay: 1.05s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m17{transition-delay: 1.1s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m18{transition-delay: 1.15s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m19{transition-delay: 1.2s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m20{transition-delay: 1.25s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m21{transition-delay: 1.3s;}
    .vis .swiper-slide-active .vis_txt .top_txt p .m22{transition-delay: 1.35s;}

    .vis .swiper-slide-active .vis_txt .box_txt p span{transform: none;transition-delay: 2s;}
    .vis .swiper-slide-active .vis_txt .more{opacity: 1;transform: none;transition-delay: 2.5s;}
    .vis .swiper-slide-active .vis_txt .more a .magnetic::before{transition-delay: 3s;}

    .clinic_con .tit span,
    .clinic_sd .img_sd{transition-delay: 1s;}

    .about .tit em,
    .about .tit strong,
    .about .tit .txt p span,
    .about .box ul li .img{transition: 0.6s;}

    .about .box ul li:nth-child(1) .img{transition-delay: 1s;}
    .about .box ul li:nth-child(2) .img{transition-delay: 1.5s;}
    .about .box ul li:nth-child(3) .img{transition-delay: 2s;}

    /* .about .box ul li dl dt span,
    .about .box ul li dl dd p span,
    .about .box ul li strong{transform: none;opacity: 1;} */

    .about .box ul li:nth-child(1) dl dt span{transition-delay: 1s;}
	.about .box ul li:nth-child(2) dl dt span{transition-delay: 1.5s;}
	.about .box ul li:nth-child(3) dl dt span{transition-delay: 2s;}
	.about .box ul li:nth-child(1) dl dd{transition-delay: 1s;}
	.about .box ul li:nth-child(2) dl dd{transition-delay: 1.5s;}
	.about .box ul li:nth-child(3) dl dd{transition-delay: 2s;}
	.about .box ul li:nth-child(1) strong{transition-delay: 1s;}
	.about .box ul li:nth-child(2) strong{transition-delay: 1.5s;}
	.about .box ul li:nth-child(3) strong{transition-delay: 2s;}

    .contact .map_area .map{transition: 1s; transition-delay: 0;}
    .contact .map_area .plus{transition: 0.7s;transition-delay: 0.5s;}


    .contact .info .inner > ul .loca{transition-delay: 1s;}
    .contact .info .inner > ul .rsv{transition-delay: 1.5s;}
    .contact .info .inner > ul .time{transition-delay: 2s;}
}