@charset "utf-8";
*{margin: 0; padding: 0; box-sizing: border-box;}

html,body{width: 100%; height: 100%; font-family: "Noto Sans KR",sans-serif;  color: #737373; position: relative; z-index: 5;}
li{list-style: none;}
a{text-decoration: none; color: #737373;}
button,input,a{border: none; outline: none; box-shadow: none;background-color: transparent;}
.slide-wrap *{border: 0; outline: 0;}
.slide{background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
section{position: relative;}
table {border-spacing: 0; border-style: none;}
.red_b {color: red;}


.price_text {text-align: center; border: 1px solid black; padding: 5% 2%;}

.wrapper, .content-wrap, .ft{width: 100%; position: relative; }
.inner-con{width: 1350px; margin: 0 auto;}

.fullPage_wrap .con1{height: 100vh;}
.fullPage_wrap .slide{height: 100vh;}
.fullPage_wrap .slide .full-video{height: 100%;}

.simbol{margin-top: 10px;}
.simbol img{width: 25px; margin-right: 5px;}
.sub-wrap .con1 .tit-wrap h1{font-size: 36px;}
.sub-wrap .tit-wrap .line{width: 450px; height: 1px; background-color: rgba(255,255,255,0.9); display: block; margin: 20px auto;}
.sub-wrap .tit-wrap p{font-size: 20px; color: white; font-weight: 300;}

.con1 .vdo_wrap{height: 100%;}
.con1 .vdo_wrap .vdo{background-size:cover ; background-repeat: no-repeat; background-position: center; height: 100%;}
.con1 .tit-wrap{position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); text-align: center; pointer-events: none;}
.tit-box{overflow: hidden;}
.con1 .tit-wrap h1{font-size:42px; font-family: "Optima"; font-weight: 300; color: white;}
.con1 .scroll-down{z-index: 300; color: white; position: absolute; bottom: 40px; right: 40px; cursor: pointer;}
.con1 .scroll-down p{writing-mode: vertical-lr;-ms-writing-mode: tb-lr; transform: skew(-0.03deg); height: 8em;}
.con1 .scroll-down .fal{font-size: 24px; margin-top: 10px;}
.con1 .page{position: absolute; top: 50%; right: 0; z-index: 50; transform: translateY(-50%); width: 130px; text-align: center;}
.con1 .page .pro-bar{width: 80%; height: 1px; background-color: white; margin: 15px auto; display: block;}
.con1 .page button{cursor: pointer;}
.con1 .page .fal{color: white; font-size: 30px;}

.tel_btn{color: #fff; text-decoration: underline;}


.con2 .deco{position: absolute; top: -90px; right: -30px; z-index: 300; animation: leap_shadow 12s ease-in-out infinite; pointer-events: none; transform-origin:top right ; transition: 0.6s; transition-timing-function:ease-out ;}
.con2 .deco img{width: 100%;}
/*HEADER*/
.hd{position: fixed; top: 50%; left: 0; transform:translateX(-100%); z-index: 5000; margin-top: -50vh; transition: 0.6s;}
.hd-con1{background-color: white; width: 100px; padding-top: 45px; padding-bottom: 35px; letter-spacing: -1px;}
.hd-con1 .logo{margin: 0 auto; width: 65px; display: block;}
.hd-con1 .logo img{width: 100%;}
.hd-con1 .menu-btn{margin: 0 auto; display: block; margin-top: 20px; cursor: pointer;}
.hd-con1 .menu-btn h3{text-align: center; font-size: 14px; font-family: "Dutch",sans-serif; font-weight: 300;}
.hd-con1 .line-box{width: 25px; height: 20px; margin: 0 auto; margin-top: 10px; position: relative;}
.hd-con1 .menu-btn .line{ display: block; width: 100%; height: 1px; background-color: #10162b; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -12.5px; transition: 0.5s;}
.hd-con1 .menu-btn .line1{transform: translateY(-9px);}
.hd-con1 .menu-btn .line2{transform: translateY(-3px);}
.hd-con1 .menu-btn .line3{transform: translateY(3px);}
.hd-con1 .menu-btn .line4{transform: translateY(9px);}
.hd-con2 {background-color: #96bbe3;  width: 100px; padding-top: 25px; padding-bottom: 15px; display: block; text-align: center; color: white;}
.hd-con2 .fal{font-size: 30px;}
.hd-con2 p{font-family:"Dutch",sans-serif; font-size: 12px; }
.hd-con2.family-btn{background-color: #1a4198; border-top: 1px solid white;}
.hd-con2.family-btn h3{color: white; font-size: 11px; font-weight: 300; padding-top: 5px; padding-bottom: 15px; line-height: 1.6; transform: rotate(0.03deg);}
.hd.on{transform: translateX(0);}
.hd.on .line-box .line1{visibility: hidden; opacity: 0;} 
.hd.on .line-box .line2{transform: rotate(45deg);} 
.hd.on .line-box .line3{transform: rotate(-45deg);} 
.hd.on .line-box .line4{visibility: hidden; opacity: 0;} 

.menu-wrap{float: left; background-color: rgba(255,255,255,0.9); width: 620px; height: 100vh; padding-left: 70px; padding-top: 45vh;}
.menu-wrap > .main-menu-wrap{transform: translateY(-50%); height: 300px;}
.menu-wrap > .main-menu-wrap > li{float: left; width: 33.3333%; margin-bottom: 60px;}
.menu-wrap > .main-menu-wrap > li > a{font-size: 26px; color: #0f162b; font-family: "Optima",sans-serif;}
.menu-wrap > .main-menu-wrap > li::after{display: table; content: ""; clear: both;}
.menu-wrap .sub-menu{margin-top: 15px;}
.menu-wrap .sub-menu li a{font-size: 14px; color: #0f162b;}
.hd-btn-box{position: absolute; top: 50%; right: 0; transform: translate(100%,-50%);}

.hd-sns{position: absolute; width: 100%; bottom: 150px; left: 50%; transform: translateX(-50%); text-align: center;}
.hd-sns li {margin: 0 14px; font-size: 24px; text-align: center; width: 50px; display: inline-block;}
.hd-sns li p{font-size: 14px; color: #b0b0b0;}
.hd-sns li .reser_btn {color: #1a4198;}
.hd-sns li .reser_btn p{color: #1a4198; font-weight: 600; letter-spacing: -2px;}
.hd-sns h4{white-space: nowrap; transform: rotate(0.03deg); padding-top: 10px; display: inline-block; margin-left: 5px;}
.hd-sns h4 h5{font-size: 14px; font-weight: 500;}
.hd-sns h4 a{font-size: 14px; font-weight: 500; color: #9cd5c2;}

/*SPECIAL-PREVIEW*/
.special-preview-wrap .tit-wrap h4{font-family: "Brandon",serif; font-size:26px; font-weight: 400;color: #666; line-height: 1;}
.special-preview-wrap .tit-wrap h2{font-family: "Brandon",serif; font-size: 45px;color: #666; font-weight: 400;line-height: 1.2;}
.special-preview-wrap .tit-wrap h3{font-size: 34px; color: #666; font-weight: 300;line-height: 1.4; margin-top: 30px;}
.special-preview-wrap .tit-wrap p{font-size: 15px; color: #666666; margin-top: 65px;}



.special-preview::after{content: ""; display: table; clear: both; margin-bottom: 120px;}
.special-preview{position: relative; margin-top: 120px;}
.special-preview li{float: left; width: calc(33.3333% - 30px);}
.special-preview li.center-item{width: calc(33.3333% + 30px); border: 1px solid #ececec; border-width: 0px 1px 0px 1px;}
.special-preview li::after{display: table; content: ""; clear: both;;}
.special-preview .item-box{display: block; width: 100%}
.special-preview .left-item{padding-right: 60px;}
.special-preview .center-item{padding: 0 60px;}
.special-preview .right-item{padding-left: 60px;}

.special-preview .img-box{width: 100%; height: 420px; padding-bottom: 0 50px; overflow: hidden; margin-top: 20px;}

/* .special-preview .center-item .img-box .img-con{width: calc(100% + 60px);} */
.special-preview .img-box .img-con{transition: 2s; height: 100%; width: 100%;} 
.special-preview .item-box:hover .img-con{transform: scale(1.2);}
.special-preview .item-box:hover p .underline {transform: scaleX(1);}
.special-preview .round-box{border-radius: 200px 200px 0 0; height: 440px; margin-top: 0; }
.special-preview .item-box p{text-align: center; margin-top: 20px; margin-bottom: 60px; font-family: "Dutch",sans-serif;}
.special-preview .item-box p .underline{display: block; height: 1px; background-color: #737373; margin: 0 auto; transition: 0.8s; transform: scaleX(0); margin-top: 5px;}
.special-preview .item-box.reser_btn .img-box{background-color: #96bbe3;}
.special-preview .item-box.reser_btn .img-box img{display: block; margin: 0 auto;}

.special-preview .item-box.reser_btn .reser-txt{text-align: right;}
.special-preview .item-box.reser_btn .reser-txt::after{content: ""; display: table; clear: both; width: 100%;}
.special-preview .item-box.reser_btn .reser-txt span{display: inline-block; width: 65px; height: 1px; background-color: white; margin-right: 10px; position: relative; top: -0.2em; transform: scaleX(0); transition: 0.8s; transform-origin: left;}
.special-preview .item-box.reser_btn .reser-txt p{font-family: "Perpetua", sans-serif; font-size: 15px; font-weight: 500; display: inline-block; margin-right: 45px; color: white;}

.special-preview .item-box.reser_btn:hover .reser-txt span{transform: scaleX(1);}

.special-preview .item-box.reser_btn p.txt{color: white; margin-top: 50px; font-size: 13px; font-family: 'Nanum Myeongjo', serif;}



/*RESER-CON*/
.reser-con{text-align: center; padding-top: 55px; border-top: 1px solid #ececec;  border-bottom: 1px solid #ececec; width: calc(100% - 100px); margin: 0 auto; padding-bottom: 50px;}
.reser-con .txt{transform: rotate(0.03deg);}
.reser-con h3{font-family: "Dutch",sans-serif; font-size: 14px; font-weight: 300;}
.reser-con p{font-family: 'Nanum Myeongjo', serif;  font-size: 18px; line-height: 1.6; margin-top: 40px; margin-bottom: 35px;}
.reser-con a{font-family: 'Nanum Myeongjo', serif; font-size: 16px; display: inline-block;}
.reser-con a::after{content: ""; display: block; height: 1px; background-color: #9c9c9c;}
.reser-con .white-box{background-color: white; position: absolute; width: 25px; height: 35px; left: 50%;}
.reser-con .top-space{top: 0; transform: translate(-50%, -50%);}
.reser-con .bottom-space{bottom: 0; transform: translate(-50%, 50%);}
.reser-con .white-box .line{width: 1px; height: 100%; display: block; background-color: #b6c7c1; margin: 0 auto;}

/*ROOM-PREVIEW*/

.room-preview .deco-wrap{text-align: left; font-family: "Brandon"; float: right; margin-top: 30px;}
.room-preview .deco-wrap::after{display: table; content: ""; clear: both;}
.room-preview .deco-wrap .txt{float: right; margin-top: 120px;}
.room-preview .deco-wrap img{float: right;}
.room-preview .deco-wrap h3{font-size: 40px; font-weight: 300;}
.room-preview .deco-wrap h2{font-size: 60px; font-weight: 300;}
.room-preview ul{clear: both; background-color: #615c46; height: 700px; position: relative;}
.room-preview .room-preview-bg{width: 100%; height: 700px; background-position: center; opacity: 1; top: 0; left: 0;}
.room-preview .room-preview-bg.visivle{opacity: 0;}
.room-preview .room-preview-bg .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-size: cover; background-repeat: no-repeat; opacity: 0;  transition: 0.8s;}
.room-preview .room-preview-bg .bg.on{opacity: 1;}

.room-preview li{text-align: center; color: white; position: relative; z-index: 300; height: 100%;}
.room-preview li .item{ transition: 0.8s}

.room-preview .tit{margin-top: 250px; visibility: visible;}
.room-preview .tit h3{font-family: "Brandon",sans-serif; font-weight: 300; font-size: 16px;}
.room-preview .tit h2{font-family: "Dutch",sans-serif; font-weight: 300; font-size: 40px; margin-top: 30px;}
.room-preview .line{width: 1px; height: 55px; margin: 40px auto; background-color: white;}
.room-preview li .txt{opacity: 0; visibility: hidden; transition: 0.8s;}
.room-preview .txt p{font-size: 14px; font-weight: 300; line-height: 1.6; margin-bottom: 80px;}
.room-preview .txt a{text-decoration: underline #fff; color: white; font-family: "Brandon"; font-size: 14px; font-weight: 300;}

.room-preview li.on .item{transform: translateY(-90px);}
.room-preview li.on .txt{opacity: 1; visibility: visible; transition-delay: 0 !important; transition-delay: 0.8s;}


/*FOOTER*/
.ft{width: calc(100% - 260px); margin: 0 auto; margin-top: 150px; text-align: center; padding-bottom: 80px;}
.ft .floor_1{margin-bottom: 15px;}
.ft .floor_1 .tel{font-size: 30px; font-family: "Baskerton",sans-serif; font-style: italic; color: #0f2453;}
.ft .floor_2{padding-top: 30px; border-top: 1px solid #c1c1c1; position: relative; width: 100%;}
.ft .floor_2 .ft-sns{float: left; width: 25%;  padding-top: 20px; padding-right: 90px;}
.ft .floor_2 .ft-sns li{width: auto; float: right; margin-left: 25px;}
.ft .floor_2 .ft-sns li img{width: 100%;}
.ft .floor_2 .txt-wrap{float: left; width: 50%; }
.ft .floor_2 .txt-wrap h3{font-size: 16px; font-weight: 500;}
.ft .floor_2 .txt-wrap .address{margin-top: 10px;}
.ft .floor_2 .txt-wrap .address span{font-size: 14px; margin: 0 10px;}
.ft .floor_2 .txt-wrap .copyright{margin-top: 25px;}
.ft .floor_2 .txt-wrap .copyright span{font-size: 11px;}
.ft .floor_2 .log{font-size: 13px; text-decoration: underline #333; margin-top: 25px; display: inline-block;}
.ft .floor_2::after{display: table; content: ""; clear: both;}

.ft .family_link{font-size: 16px;  transform: rotate(0.03deg); margin-top: 25px;}
.ft .family_link a{color: #9cadd5;}
.ft .family_link b{font-weight: 400; display: inline-block; position: relative;}
.ft .family_link b::after{content: ""; display: block; width: 100%; height: 1px; background-color: #9cd5c2; position: absolute; bottom: 0; left: 0; transform: scaleX(0); transition: 0.6s; transform-origin: left;}
.ft .family_link a:hover b::after{transform: scaleX(1);}




/*MAIN*/
.main-wrap .con2{overflow: hidden;}
.main-wrap .con2 .tit-wrap{margin-top: 90px;}
.main-wrap .con2::after{display: table; }
.main-wrap .con2 .item-wrap::after{display: table; content: ""; clear: both;}
.main-wrap .con2 .item-wrap .special-prev{margin-top: 110px;}
.main-wrap .vdo-wrap{display: none;}
.main-wrap .vdo-wrap .tit h3{font-size: 24px; text-align: center; font-weight: 300; margin-bottom: 30px;}
.main-wrap .vdo-wrap{position: relative; width: 100%; margin-top: 100px; margin-bottom: 100px;}
.main-wrap .vdo-wrap .vdo{width: 1200px; height: 715px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative;}
.main-wrap .full-video .vdo-link{width: 145px; height: 45px; line-height: 45px; color: white; font-family: "Brandon",serif; font-weight: 300; font-size: 16px; position: absolute; top: 100px; right: 100px; border: 1px solid white; z-index: 50; text-align: center; transition: 1.2s;}
.main-wrap .full-video .vdo-link:hover{background-color: rgba(0,0,0,0.6);}
/*SUB*/
.con2 .tit h2{font-size: 50px; font-family: "Optima",sans-serif; color: #acacac; font-weight: 300; line-height: 1.8;}
.con2 .tit p{font-size: 12px; font-family: "Didot",sans-serif; line-height: 1.8; color: #aeaeae;}

.sub-wrap .con2{padding-top: 80px; overflow: hidden;}
.sub-wrap .con2 .info-box{margin-top: 50px; position: relative;}
.sub-wrap .con2 .info-box .bg{background-color: #7b9fc5; width: calc(50% + 320px); position: absolute; height: 100%; z-index: 0;}
.sub-wrap .con2 .info-box .inner-con{padding-left: 100px; position: relative; z-index: 10; padding-top: 80px;}
.sub-wrap .con2 .info-box .info-tit{color: white;}
.sub-wrap .con2 .info-box .info-tit h3{font-size: 40px; font-family: "Brandon",sans-serif; font-weight: 300;}
.sub-wrap .con2 .info-box .info-tit h4{font-size: 20px; font-weight: 300;}
.sub-wrap .con2 .info-box .info-txt{padding-bottom: 220px; margin-top: 70px; margin-bottom: 120px;}
.sub-wrap .con2 .info-box .info-txt p{ color: white; line-height: 1.6; font-size: 18px; font-weight: 300;}
.sub-wrap .con2 .info-box .info-txt p b{font-weight: 500;}
.sub-wrap .con2 .info-box .info-txt p strong{font-weight: 400; margin-top: 10px; display: block;}
.sub-wrap .con2 .big-image{margin-top: -220px; position: relative; padding-left: 100px;}

.sub-wrap .con3 .bg{height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; background-attachment: fixed;}
.sub-wrap .con3 .bg .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0.03deg); text-align: center; color: black;}
.sub-wrap .con3 .bg .txt h4{font-family: "Optima",sans-serif; font-size: 24px; font-weight: 300; line-height: 2;}
.sub-wrap .con3 .bg .txt p{font-size: 18px; font-weight: 300;}

.sub-wrap .con3 .bg .special_con3 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(0.03deg); text-align: center; color: rgb(255, 255, 255);}
.sub-wrap .con3 .bg .special_con3 h4{font-family: "Optima",sans-serif; font-size: 24px; font-weight: 300; line-height: 2;}
.sub-wrap .con3 .bg .special_con3 p{font-size: 18px; font-weight: 300;}

.halfPage_wrap .con1 .main-bg{height: 630px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.halfPage_wrap .con1 .tit-wrap p{margin-top: 30px;}

/*PROLOGUE*/
.view-wrap .con2{position: relative; padding-top: 60px; padding-bottom: 285px;}

.view-wrap .con2 .txt{margin-top: 100px; color: #333; }
.view-wrap .con2 .txt span {transform: rotate(-0.03deg); display: block}
.view-wrap .con2 .txt h3{font-size: 18px;line-height: 1.6; margin-bottom: 35px;}
.view-wrap .con2 .txt p{margin-bottom: 30px; font-size: 16px;}

.view-wrap .con2 .intro-txt{margin-top: 120px; position: relative; display: inline-block;}
.view-wrap .con2 .intro-txt h2{font-size: 56px; color: #c8e1e9; font-family: "Optima",sans-serif; font-weight: 300;}
.view-wrap .con2 .intro-txt .deco-line{position: absolute; top: 3em; right: -70px; width: 230px; height: 1px; background-color: #c8e1e9; transform: translateX(100%);}
.view-wrap .con2 .intro-txt .line{width: 980px; height: 1px; display: block; background-color: #c8e1e9; margin:30px 0 ;}
.view-wrap .con2 .intro-txt p{font-size:22px; color:#c8e1e9;}
.view-wrap .con2 .deco{position: absolute; top: -70px; right: 0;}



.view-wrap .con4{padding-bottom: 100px;}
.view-wrap .con4 h3{margin-top: 85px; font-family: "Optima",sans-serif; font-size: 30px; font-weight: 300; color: #9bc7e1;}

.view-wrap .con4 .item-wrap{margin-top: 70px;}
.view-wrap .con4::after{content: ""; display: table; clear: both;}
.view-wrap .con4 .item-box{float: left; width: calc(50% - 70px); position: relative;}
.view-wrap .con4 .item-box::after{content: ""; display: table; clear: both;}
.view-wrap .con4 .item-box .content-wrap{width: calc(100% - 50px);}
.view-wrap .con4 .item-box:nth-child(2n - 1){margin-right: 140px;}
.view-wrap .con4 .item-box .content-wrap img{width: 100%;}
.view-wrap .con4 .item-box .txt{min-height: 300px; font-size: 16px; color: #333; transform: rotate(0.03deg);}
.view-wrap .con4 .item-box .txt b{line-height: 4; font-weight: 500;}
.view-wrap .con4 .item-box .right-txt{position: absolute; right: 1.2em; top: 0; writing-mode: vertical-lr; -ms-writing-mode: tb-lr;  font-size: 14px; color: #b0dee9; font-family: "Brandon",sans-serif; min-height: 0; height: 26em;}



/*MOVIE*/
.movie-wrap .con2 .movie-content{margin-top: 100px; margin-bottom: 180px; position: relative;}
.movie-wrap .con2 .movie-content iframe{width: 100%; height: 100%;}

/* map */
/* .map-link-wrap{display: none;} */
.map-link-wrap {margin-top: 10px;}
.map-link-wrap li{float: left;  margin-right: 15px; border-radius: 3px;}
.map-link-wrap li a{ background: none; width: 100%; height: 100%; display: block; margin-top: 0; padding: 0; border: 0;}
.map-link-wrap li a img{display: block; width:100%;}
.map-link-wrap .fa-solid {margin-left: 7px; color: #71e951;}

/*ROOM*/
.room-wrap .con2 .info-box .room-info{margin-top: 60px; padding-bottom: 220px;}
.room-wrap .con2 .info-box .room-info li{color: #333; float: left; width: 300px; margin-bottom: 50px;}
.room-wrap .con2 .info-box .room-info li:nth-child(4){clear: both;}
.room-wrap .con2 .info-box .room-info li h5{color: #374767; font-size: 16px;}
.room-wrap .con2 .info-box .room-info li p{color: white; font-size: 16px;}
.room-wrap .con2 .info-box .room-info::after{display: table; content: ""; clear: both;}

.room-wrap .con2 .table-wrap{padding-left: 100px; margin-top: 120px;}

.room-wrap .con3 .inner-con{padding-left: 100px;}
.room-wrap .con3 aside{float: left;}
.room-wrap .con3 .left{width: 40%; padding-right: 50px;}
.room-wrap .con3 .left img{width: 100%;}
.room-wrap .con3 .right{width: 60%; padding-left: 20px;}
.room-wrap .con3 .right .tit{padding-top: 50px; color: #7b9fc5;}
.room-wrap .con3 .right .tit h3{font-size: 30px; font-family: "Brandon",sans-serif;font-weight: 300;}
.room-wrap .con3 .right .tit p{font-weight: 300; font-size: 18px;}
.room-wrap .con3 .room-info-wrap{margin-top: 150px;}
.room-wrap .con3 .room-info-wrap::after{display: table; content: ""; clear: both;}
.room-wrap .con3 .right .info-wrap{margin-top: 70px;}
.room-wrap .con3 .right .info-wrap li{width: 100%; border-top: 1px solid #e6e6e6; height: 50px; overflow: hidden; transition: 0.8s;}
.room-wrap .con3 .right .info-wrap li.on{height: 110px;}
.room-wrap .con3 .right .info-wrap li:last-child{border-bottom: 1px solid #e6e6e6;}
.room-wrap .con3 .right .info-wrap li p{clear: both; font-size: 14px; border-top: 1px solid #ececec; line-height: 1.6; padding-top: 5px; color: #9e9e9e;}
.room-wrap .con3 .right .info-wrap li .fal{margin-left: 5px;}
.room-wrap .con3 .right .info-wrap h4{line-height: 50px; float: left; font-weight: 500; font-size: 15px;}
.room-wrap .con3 .right .info-wrap h4::after{display: table; content: ""; clear: both;}
.room-wrap .con3 .right .info-wrap button{float: right; line-height: 50px; cursor: pointer; font-weight: 500;}
.room-wrap .con3 .right .info-wrap::after{content: ""; display: table; clear: both;}
.room-wrap .con3 .room-map{margin: 0 auto; margin-top: 200px; overflow: hidden;}
.room-wrap .con3 .room-map img{width: 100%;}
/*SPECIAL*/
.special-wrap .con2{margin-bottom: 200px;}
.special-wrap .con4{margin-top: 160px;}

/*TOUR*/

.tour-wrap .con2 .left{width: calc(50% + 220px); float: left;}
.tour-wrap .con2 .right{width: 50%; float: right; background-color: #6ea4c5; color: white;}
.tour-wrap .con2 .tour-info-wrap{margin-top: 60px;}
.tour-wrap .slide{height: 540px;}
.tour-wrap .right.txt{padding: 45px; margin-top: -210px; position: relative; z-index: 200; margin-bottom: 150px;}
.tour-wrap .right.txt h2{font-size: 45px; font-weight: 300;}
.tour-wrap .right.txt h3{font-size: 15px; margin-top: 35px; margin-bottom: 50px;}
.tour-wrap .right.txt .fal{font-size: 24px; margin-right: 5px;}
.tour-wrap .right.txt p{font-size: 15px; font-weight: 300; line-height: 1.6;}

/*MAP*/
.map-wrap .con2 .map-box{margin-top: 60px;}
.map-wrap .con2 .map-box p{font-size: 16px; margin-top: 30px;}
.map-wrap .con2 .info{margin-top: 80px;}
.map-wrap .con2 .info h3{font-size: 20px; font-weight: 500; margin-bottom: 5px;}
.map-wrap .con2 .info p{font-size: 15px; font-weight: 300;}

/*RESERVATION*/
.reser-wrap .con2 .table-wrap{margin-top: 70px; width: 1080px;}
.reser-wrap .con2 .info-wrap{width: 1080px; margin-top: 50px;}
.reser-wrap .con2 .info-wrap aside{width: 50%; float: left;}
.reser-wrap .con2 .info-wrap::after{content: ""; display: table; clear: both;}
.reser-wrap .con2 .info-wrap p{font-size: 15px; letter-spacing: -1px; margin-bottom: 40px; line-height: 1.8;}
.reser-wrap .con2 .info-wrap p.reser-txt{color: #6ea4c5; font-weight: 500;}
.reser-wrap .con2 .info-wrap p.reser-txt a{color: #6ea4c5;}
.reser-wrap .con2 .guide-info{margin-top: 130px;}
.reser-wrap .con2 .guide-info aside{float: left;}
.reser-wrap .con2 .guide-info .left{width: 450px; background-color: #87a8b9;}
.reser-wrap .con2 .guide-info .left img{width: 100%;}
.reser-wrap .con2 .guide-info .left .tit{padding-top: 30px; padding-left: 20px; padding-bottom: 150px;}
.reser-wrap .con2 .guide-info .left .tit h3{color: white; font-size: 30px; font-family: "Optima",sans-serif; font-weight: 300;}
.reser-wrap .con2 .guide-info .left .tit p{color: white; font-size: 16px; font-weight: 300;}
.reser-wrap .con2 .guide-info .right{margin-left: 45px;}
.reser-wrap .con2 .guide-info .right p{font-size: 15px; margin-bottom: 35px; color: #333;}
.reser-wrap .con2 .guide-info .right p b{margin-top: 10px;}
.reser-wrap .con2 .refund-wrap{margin-top: 160px;}
.reser-wrap .con2 .refund-wrap h3{font-size: 18px; margin-bottom: 40px; color: #333; font-weight: 500;}
.reser-wrap .con2 .refund-wrap p{font-size: 15px; color: #333;}
.reser-wrap .con2 .refund-wrap table{width: 100%; box-sizing: unset; border-left: 1px solid #c9c9c9;}
.reser-wrap .con2 .refund-wrap table th{width: 50%; text-align: center; background-color: #f3f3f3; border: 1px solid #c9c9c9; border-width: 1px 1px 1px 0; font-size: 15px; font-weight: 400; padding: 5px; font-size: 15px;}
.reser-wrap .con2 .refund-wrap table td{width: 50%; text-align: center; border: 1px solid #c9c9c9;font-size: 15px; border-width: 0 1px 1px 0; font-weight: 400; padding: 5px; font-size: 15px;}
.reser-wrap .con2 .refund-wrap table td b{font-weight: 500;}
.reser-wrap .con2 .refund-wrap .refund-info{margin-top: 5px;}

.notice-wrap .con2{padding-bottom: 100px;}



.yapen-sec-title{display: none;}
.yapen-dateTime-content{display: none;}


.m-map{display: none;}
.m-btn{display: none;}
/*animation*/
.scroll-txt{transform: translateY(50px); opacity: 0; transition: 1.5s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}

.scroll-obj{transform: translateY(100px); transition: 1.5s; opacity: 0;}
.scroll-obj.on{transform: translateY(0px); opacity: 1;}

.scroll-tit{transform: translateY(1.5em); transition: 1.5s;}
.scroll-tit.on{transform: translateY(0px);}


/*메인비디오*/
.main-slide-wrap{overflow: hidden; position: relative;}
.open-vdo-wrap{z-index: 5000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.open-vdo-wrap .vdo-cursor{width: 0px; height: 0px; transition: width 0.4s, height 0.4s; text-align: center; display: block; position: absolute; top: 50%; left: 50%; background-color:white; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.6); transform: translate(-50%,-50%); overflow: hidden; z-index: 3000;}
.open-vdo-wrap .vdo-cursor.visible{width: 100px; height: 100px;}
.open-vdo-wrap .vdo-cursor .fas{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #333; transition: 0.6s; font-size: 14px;}
.open-vdo-wrap .vdo-cursor .fa-pause{opacity: 0; visibility: hidden;}
.open-vdo-wrap .open-vdo{visibility: hidden; opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0;width: 100%; height: 100%;}
.open-vdo-wrap .open-vdo iframe{transform: translate(-50%,-50%);}
.open-vdo-wrap .open-vdo.visible{visibility: visible; opacity: 1; pointer-events: all;}
.open-vdo-wrap .open-vdo .bg{z-index: 0; width: 100%; height: 100% ; background-color: rgba(0,0,0,0.8);}


@keyframes leap_shadow{
    0%{
        transform: rotate(0) skewY(0);
    }               
    50%{
        transform:rotate(2deg) skewY(-3.5deg) scaleX(1.02);
    }    
    100%{
        transform: rotate(0) skewY(0);
    }
}


/*media*/

@media all and (max-width: 1360px) {    
    .inner-con{width: calc(100% - 100px);}
    .ft{width: calc(100% - 100px);}
    .main-wrap .con2 .deco{width: 400px;}
    
    .special-preview li{width: calc(33.3333% - 15px);}
    .special-preview li.center-item{width: calc(33.3333% + 15px);}
    .special-preview li.left-item{padding-right: 15px;}    
    .special-preview li.center-item{padding: 0 15px;}
    .special-preview li.right-item{padding-left: 15px;}
    .special-preview .img-box{height: 320px;}
    .special-preview .round-box{height: 340px;}
    .room-preview ul{height: 600px;}
    .room-preview .tit{margin-top: 250px;}
    .room-preview .line{margin: 20px auto;}
    .room-preview .txt p{margin-bottom: 40px;}
}
@media all and (max-width: 1024px){
    .fullPage_wrap .con1{height: 56.3vw;}   
    .fullPage_wrap .slide{height: 56.3vw;}    
    .main-wrap .vdo-wrap .vdo{width: 100%; height: 100%; height: 570px}
    .map-link-wrap{display: block; margin-top: 20px;}


}
@media all and (max-width: 900px) {  
    .hd{width: 100%; height: 80px; top: 0; left: 0; transform: translate(0); margin-top: 0; background-color: white;}      
    .hd-con1 .menu-btn h3{font-size: 12px;}    
    .hd-con1 .line-box{margin-top: 5px;}
    .hd-btn-box{top: 0; transform:translate(0);  right: 0;}
    .hd-con1{padding: 0; width: 60px; float: right;}
    .hd-con2{width: unset; height: 80px; padding-top: 20px; float: right;}
    .hd-con2 p{font-size: 12px;}
    .hd-con2 .fal{font-size: 28px;}
    .hd-con3 img{width: 21px; margin-bottom: 1.4px;}
    .hd-con2{background-color: transparent; color: #737373;}
    
    .hd-con3{width: unset; height: 80px; padding-top: 23px; float: right; text-align: center; border-right: 1px solid white; padding-right: 10px;}
    .hd-con3 p{font-size: 12px; font-family: "Dutch",sans-serif;}
    .hd-con3 .fal{font-size: 24px;}
    .main-wrap .naver-reser-btn p{margin-top: 2px;} 
    .menu-wrap{width: 100%; transform: translateX(-100%); transition: 0.8s;}
    .hd-sns{bottom: unset; margin-top: 80px;}
    
    .hd .logo{width: 55px; display: block; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); z-index: 300;}    
    .hd .logo img{width: 100%;}

    .hd.on .menu-wrap{transform: translateX(0);}

    .con1{margin-top: 80px;}
    .main-wrap .con2 .deco{width: 350px;}
    .main-wrap .vdo-wrap{ margin-top: 100px;}
    .main-wrap .vdo-wrap .vdo{height: 430px;}
    .sub-wrap .con2 .deco{width: 350px;}

    .inner-con{width: calc(100% - 30px);}
    .ft{width: calc(100% - 30px);}
    
    .special-preview .img-box{height: 350px;}
    .special-preview .img-box{margin-top: 0;}
    .special-preview li{width: calc(50% - 30px); margin: 0 15px;}    
    .special-preview li.center-item{width: calc(50% - 30px); padding: 0; margin: 0 15px;}
    .special-preview li.left-item{padding: 0;}        
    .special-preview li.right-item{padding: 0;}
    .special-preview .item-box.reser_btn .img-box img{width: 100px;}
    .special-preview .img-box .img-con{width: unset; height: 100%;}

    .room-preview ul{height: 250px;}
    .room-preview .tit{margin-top: 200px;}
    
    .room-preview .tit h2{font-size: 24px; margin-top: 10px;}
    .room-preview .tit h3{font-size: 14px;}
    .room-preview .txt p{font-size: 12px;}
    .room-preview .line{height: 35px;}
    .room-preview .deco-wrap h2{font-size: 40px;}
    .room-preview .deco-wrap h3{font-size: 24px;}
    .room-preview .deco-wrap img{width: 200px;}
    
    .view-wrap .con2 .intro-txt h2{font-size: 36px;}    
    .view-wrap .con2 .intro-txt .line{width: 100%;}
    .view-wrap .con4 .item-box:nth-child(2n - 1){margin-right: 60px;}
    .view-wrap .con4 .item-box{width: calc(50% - 30px);}

    .tour-wrap .con2 .left{width: 100%; float: unset;}
    .tour-wrap .con2 .right{width: 100%; float: unset;}
    .tour-wrap .right.txt{padding: 10px; padding-bottom: 50px; padding-top: 30px; margin-top: 0; margin-bottom: 50px;}
    .tour-wrap .right.txt p{font-size: 12px;}
    .tour-wrap .right.txt p br{display: none;}
    .tour-wrap .right.txt p span{display: block;}
    .tour-wrap .right.txt h2{font-size: 24px;}
    .tour-wrap .right.txt h3{font-size: 12px; margin-top: 15px; margin-bottom: 25px;}
    .tour-wrap .right.txt .fal{font-size: 16px;}
    .tour-wrap .slide{height: 400px;}

    
    .ft .floor_2 .ft-sns{float: none; width: 80px; margin: 0 auto; padding-right: 0;}
    .ft .floor_2 .txt-wrap{width: 100%; float: none; clear: both; margin-top: 50px;}
    .ft .floor_2 .txt-wrap .address span{font-size: 12px;}
    .ft .floor_2 .txt-wrap .copyright span{font-size: 10px;}
    .ft .floor_2 .txt-wrap .copyright{margin-top: 10px;}
    .ft .floor_2 .ft-sns li{float: left; margin: 0 10px;}
    .room-wrap .con3 .room-map{width: calc(100% - 30px);}
    .m-map{display: block;}
    .pc-map{display: none;}
    .m-btn{display: block;}
    .simbol{margin-top: 0;}
    .reser-con .white-box{background-color: transparent;}

    .room-wrap .con3 .right .info-wrap li.bbq.on{height: 180px;}
}
@media all and (max-width: 700px){    
    .hd-sns h4 h5{font-size: 12px;}
    .hd-sns h4 p{font-size: 12px;} 
    .hd-sns li{margin: 0 5px;}
    .hd-sns li a img {vertical-align: middle;}
    .hd-sns li p{font-size: 12px;}
    .hd-con2.family-btn{display: none;}
    .hd-con2.m-family{ margin-left: 5px;}
    .hd-con2.m-family h3{font-size: 11px;  font-weight: 300; transform: rotate(0.03deg); color: white; line-height: 1.4; background-color: #1a4198;height: 100%;  padding:8px 5px;}
    .menu-wrap{padding-left: 0; padding-top: 100px;}
    .menu-wrap > .main-menu-wrap{transform: translate(0);}
    .menu-wrap > .main-menu-wrap > li{text-align: center;}
    .menu-wrap > .main-menu-wrap > li > a{font-size: 14px;}
    .menu-wrap .sub-menu li a{font-size: 12px;}
    .con1 .scroll-down{display: none;}
    .con1 .tit-wrap h1{font-size: 22px; white-space: nowrap;}
    .sub-wrap .tit-wrap .line{width: 100%; margin: 5px auto;}
    .sub-wrap .tit-wrap p{font-size: 15px;}
    .fullPage_wrap .con1{height: 300px;}   
    .fullPage_wrap .slide{height: 300px;} 
    .main-wrap .con2 .deco{width: 250px;}
    .sub-wrap .con2 .deco{width: 250px;}
    
    .main-wrap .con2 .tit-wrap{margin-top: 30px;}
    .main-wrap .vdo-wrap{display: block;}
    .main-wrap .vdo-wrap .tit {margin-bottom: 15px;}
    .main-wrap .vdo-wrap .tit h3{margin-bottom: 5px; font-size: 20px;}
    .main-wrap .vdo-wrap{margin-bottom: 70px;}
    .main-wrap .vdo-wrap{margin-top: 25px;}
    .main-wrap .full-video .vdo-link{display: none;}
    .fullPage_wrap .vdo .slide{width: 100%; height: 52vw;}
    .fullPage_wrap .slide .full-video iframe{width: 100%; height: 100%;}
    .main-wrap .vdo-wrap .vdo{height: auto;}

    .special-preview-wrap .tit-wrap h4{font-size: 22px;}
    .special-preview-wrap .tit-wrap h2{font-size: 24px;}
    .special-preview-wrap .tit-wrap h3{font-size: 26px;}
    .special-preview-wrap .tit-wrap p{font-size: 12px;}
    .special-preview-wrap .tit-wrap p br{display: none;}
    .special-preview-wrap .tit-wrap p span{display: block;}
    
    .special-preview{margin-top: 50px;}
    .special-preview .round-box{border-radius: 0;}
    .special-preview .img-box{height: 200px;}
    .special-preview li{width: calc(50% - 10px); margin: 0 5px;}
    .special-preview li.center-item{width: calc(50% - 10px); margin: 0 5px;}
    .special-preview .item-box p{margin-top: 10px; margin-bottom: 30px; font-size: 13px;}
    .special-preview .item-box.reser_btn .img-box img{width: 80px;}
    .special-preview .item-box.reser_btn .reser-txt p{margin-right: 15px; margin-bottom: 15px;}
    .special-preview .item-box.reser_btn .reser-txt span{width: 15px; transform: scaleX(1);}
    .special-preview .item-box.reser_btn p.txt{margin-top: 15px; font-size: 10px;}
    .special-preview li.center-item{border: 0;}
    .special-preview .center-item .img-box .img-con{width: 100%;}
    .reser-con{width: 100%;}
    .reser-con p{font-size: 13px; margin-top: 20px; margin-bottom: 20px;}
    .reser-con a{font-size: 14px;}
    .room-preview .deco-wrap h2{font-size: 24px;}
    .room-preview .deco-wrap h3{font-size: 18px;}
    .room-preview .deco-wrap img{width: 100px;}
    .room-preview li{width: 100%; height: 100%; }
    .room-preview li.on .item{transform: translateY(0);}
    .room-preview .tit{margin-top: 40px;}
    /* .room-preview .room-preview-bg .bg{position: unset; width: 100%; height: 50%; float: left;} */
    .room-preview .room-preview-bg{width: 100%; height: 250px;}
    /* .room-preview .room-preview-bg .bg{display: none;} */
    .room-preview .txt p{display: none;}
    .room-preview .txt a{font-size: 12px;}
    .room-preview .deco-wrap{float: none;}
    .room-preview .deco-wrap .txt{float: none; margin-left: 15px;}

    .sub-wrap .con1 .tit-wrap h1{font-size: 24px;}
    .sub-wrap .con2 .tit-wrap .line{margin: 10px auto;}
    .sub-wrap .con2 .tit-wrap p{font-size: 16px;}
    .sub-wrap .con2 .tit-wrap .line{width: 100%;}
    .sub-wrap .con2 .info-box .bg{width: 100%; top: 0;}
    .sub-wrap .con2 .big-image{z-index: 10;}
    
    
    .sub-wrap .con2 .info-box .inner-con{padding-left: 0; padding-top: 30px; padding-bottom: 30px;}    
    .sub-wrap .con2 .info-box .info-tit h3{font-size: 24px;}
    .sub-wrap .con2 .info-box .info-tit h3 img{width: 40px;}
    .sub-wrap .con2 .info-box .info-txt{margin-top: 30px; padding-bottom: 50px; margin-bottom: 0;}
    .sub-wrap .con2 .info-box .info-txt p{font-size: 14px; letter-spacing: -1px;}
    .sub-wrap .con2 .info-box .info-tit h4{font-size: 14px;}
    .con1 .tit-wrap{bottom: 50px; transform: translate(-50%,50%);}    
    .con1 .page{position: absolute; top: unset; bottom: 20px; right: 20px; transform: translateY(0); width: auto;}
    .con1 .page .pro-bar{display: none;}        
    .con1 .page .fal{color: white; font-size: 18px;}


    .con2 .tit h2{font-size: 32px;}
    .con2 .tit p{font-size: 10px; line-height: 1.4;}
    
    .view-wrap .con2{padding-top: 30px;}
    
    .view-wrap .con2 .intro-txt h2{font-size: 18px;}
    .view-wrap .con2 .intro-txt .deco-line{display: none;}
    .view-wrap .con2 .intro-txt p{font-size: 16px;}
    .view-wrap .con2 .intro-txt .line{width: 100%; margin: 15px 0;}
    .view-wrap .con2 .txt{margin-top: 50px;}
    .view-wrap .con2 .txt span{font-size: 14px;}
    .view-wrap .con2{padding-bottom: 100px;}
    .view-wrap .con2 .intro-txt{margin-top:50px;}
    .sub-wrap .con3 .bg{height: 200px; background-attachment: unset;}
    .sub-wrap .con3 .bg .txt h4{font-size: 14px; white-space: nowrap;}
    .sub-wrap .con3 .bg .txt p{font-size: 14px; white-space: nowrap;}
    .sub-wrap .con3 .bg .txt span{display: block;}
    .sub-wrap .con3 .bg .special_con3 h4{font-size: 14px; white-space: nowrap;}
    .sub-wrap .con3 .bg .special_con3 p{font-size: 14px; white-space: nowrap;}
    .sub-wrap .con3 .bg .special_con3 span{display: block;}

    .view-wrap .con4 h3{margin-top: 50px;}
    .view-wrap .con4 h3{font-size: 24px;}
    .view-wrap .con4 h3 span{display: block;}

    .view-wrap .con4 .item-box{width: 100%;}
    .view-wrap .con4 .item-box:nth-child(2n - 1){margin-right: 0;}
    .view-wrap .con4 .item-box .right-txt{display: none;}
    .view-wrap .con4 .item-box .content-wrap{width: 100%;}
    
    .view-wrap .con4 .item-box .txt{font-size: 14px; min-height: 0; padding-bottom: 60px;}
    .view-wrap .con4 .item-box .txt b{line-height: 3;}
    .view-wrap .con4{padding-bottom: 0;}

    .movie-wrap .con2 .movie-content{margin-top: 50px; margin-bottom: 80px;}

    .room-wrap .con2 .info-box .room-info{margin-top: 30px;}
    .room-wrap .con2 .info-box .room-info li{width: 50%; margin-bottom: 15px;}
    .room-wrap .con2 .info-box .room-info li:nth-child(4){clear: unset;}
    .room-wrap .con2 .info-box .room-info li:nth-child(5){clear: both;}
    .room-wrap .con2 .info-box .room-info li p{font-size: 14px;}
    .room-wrap .con2 .info-box .room-info li h5{font-size: 14px;}
    .room-wrap .con3 .room-map{margin-top: 50px;}    


    .room-wrap .con2 .info-box .room-info{padding-bottom: 0;}
    .sub-wrap .con2 .big-image{padding: 0; margin: 0; width: 100%;}
    .sub-wrap .con2 .big-image img{width: 100%;}
    .room-wrap .con2 .table-wrap{padding-left: 0;}
    .room-wrap .con2 .table-wrap{margin-top: 50px;}
    .room-wrap .con3 .room-info-wrap{margin-top: 50px;}

    .room-wrap .con3 .inner-con{padding-left: 0;}
    .room-wrap .con3 .left{width: 100%; padding-right: 0;}
    .room-wrap .con3 .right{width: 100%; padding-left: 0; margin-top: 30px;}
    .room-wrap .con3 .left img{width: 80%;}
    .room-wrap .room-info-wrap{margin-top: 50px;}
    .room-wrap .con3 .right .tit{padding-top: 0;}
    .room-wrap .con3 .right .tit h3{font-size: 24px;}
    .room-wrap .con3 .right .tit p{font-size: 14px;}
    .room-wrap .con3 .right .info-wrap{margin-top: 30px;}
    .room-wrap .con3 .right .info-wrap li{height: 45px;}
    .room-wrap .con3 .right .info-wrap h4{line-height: 45px; font-size: 14px;}
    .room-wrap .con3 .right .info-wrap button{line-height: 45px; font-size: 14px;}
    .room-wrap .con3 .room-map img{width: 105%;}
    .room-preview .room-preview-bg .bg.bg1{background-position-x: 30%;}
    .room-preview .room-preview-bg .bg.bg2{background-position-x: 60%;}
    .room-preview .room-preview-bg .bg.bg3{background-position-x: 70%;}
    .room-preview .room-preview-bg .bg.bg4{background-position-x: 10%;}


    .special-wrap .con2{margin-bottom: 30px;}
    .special-wrap .con4{margin-top: 80px;}

   
    .halfPage_wrap .con1 .main-bg{height: 300px;}
    .halfPage_wrap .con1 .tit-wrap p{margin-top: 10px; font-size: 14px;}
    .tour-wrap .slide{height: 200px;}
    .map-wrap .con2 .map-box p{font-size: 14px; margin-top: 10px;}
    .map-wrap .con2 .info h3{font-size: 16px;}
    .map-wrap .con2 .info p{font-size: 14px;}

    .reser-wrap .con2 .info-wrap{width: calc(100% - 30px);}
    .reser-wrap .con2 .info-wrap aside{width: 100%; float: unset;}
    .reser-wrap .con2 .table-wrap{width: 100%;}
    .reser-wrap .con2 .info-wrap p{font-size: 14px; margin-bottom: 20px;}
    .reser-wrap .con2 .guide-info .right{margin-left: 0; margin-top: 30px; }
    .reser-wrap .con2 .guide-info .right p{font-size: 14px; margin-bottom: 20px;}
    .reser-wrap .con2 .guide-info .left{width: 100%;}
    .reser-wrap .con2 .guide-info .left .tit{padding-bottom: 40px; padding-left: 20px; padding-top: 10px;}
    .reser-wrap .con2 .guide-info .left .tit h3{font-size: 20px;}
    .reser-wrap .con2 .guide-info .left .tit p{font-size: 14px;}
    .reser-wrap .con2 .refund-wrap h3{font-size: 14px; margin-bottom: 20px;}
    .reser-wrap .con2 .refund-wrap table td{font-size: 14px;}
    .reser-wrap .con2 .refund-wrap table th{font-size: 14px;}

    .ft{margin-top: 100px; padding-bottom: 30px;}
    .ft .floor_1{margin-bottom:15px;}    
    .ft .floor_1 .tel{font-size: 24px;}
    /* .ft .floor_1 .logo img{width: 80px;}     */
    .ft .floor_2{margin-top:15px; padding-top: 0;}
    .ft .floor_2 .txt-wrap{margin-top: 30px;}
    .ft .floor_2 .txt-wrap h3{margin-bottom: 15px;}
    .ft .floor_2 .txt-wrap .address span{display: block; margin: 0px;}
    .ft .floor_2 .ft-sns{width: 70px;}
    .ft .floor_2 .ft-sns li{width: 15px;}
    .ft .floor_2 .txt-wrap .copyright span{display: block;}
    .ft .family_link{font-size: 14px;}
    
}

@media all and (max-height: 580px) and (max-width: 700px){    
    .hd-sns{margin-top: 60px;}
}