@charset "UTF-8";
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

.main{padding:0 70px;}
.cen{text-align:center;}
.lef{text-align:left;}
.rig{text-align:right;}
.inner{margin:0 auto;max-width:1200px;}
.main-tit h2{font-size:2.813rem;line-height:1.333em;color:#111;}
.main-tit span{font-weight: 300;}
.main-tit strong{display:block;margin-top:50px;font-size:1.563rem;font-weight:400;line-height:1.440em;color:#111;}
.main-tit p{margin-top:30px;font-size:1.063rem;line-height:1.588em;color:#777;}
.main-tit > span{display:block;margin-bottom:10px;font-size:1.563rem;font-weight:400;line-height:1.440em;color:#111;}
.main-tit strong span{font-weight:600;}
.slick-dots{padding:10px 0;text-align:center;}
.slick-dots li{display:inline-block;margin: 0 5px;}
.slick-dots li button{border:1px solid #ccc;width:10px;height:10px;background-color:rgba(204,204,204,0);text-indent:-9999px;border-radius: 50%;}
.slick-dots .slick-active button{background-color:#ccc;}
.commingsoon{padding:100px 0;text-align:center;}

@media all and (min-width:1025px){
	.__m {display:none !important;}
}
@media all and (max-width:1024px){
	.__p {display:none !important;}
}

@media all and (max-width:1500px){
	html{font-size:14px;}
	.main{padding: 0 40px;}
}
@media all and (max-width:1024px){
	html{font-size:12px;}
	.main{padding:0;}
	.main-tit h2{font-size:2rem;}
	.main-tit strong{margin-top:10px;font-size: 1.3rem;}
	.main-tit p{margin-top:10px;font-size: 1rem;}
	.commingsoon{padding:20px 0;}
}

/*pop*/
#video_popup{display: flex; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,0.8); top:0; left: 0; opacity: 0;}
.popup-wrap{position: relative; display: flex; width: 100%; max-width: 1200px; height: auto;}
#video_popup.active{top: 0;}
.popup-wrap .close_btn{position: absolute; top: 0; right:-60px; width: 40px; height: 40px;}
#player1{position: relative; width: 100%; height: 0;  padding-bottom: 56.25%;}
#player1 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width:1399px){
    #video_popup{padding: 0 20px;}
    .popup-wrap .close_btn{position: absolute; top: -60px; right: 50%; transform: translateX(50%);}
}

/*header*/
header{padding:0 70px;overflow:hidden;position:fixed;top:0;left:0;z-index: 100;width:100%;height:100px;background-color:#fff;transition:0.2s;}
header:after{display:block;position:absolute;top:100px;left:0;width:100%;height:1px;background-color:#e2dddb;content:"";opacity:0;}
header h1{position:absolute;top:25px;left:0;}
header h1 a{display:block;width:167px;height:50px;background:url(../images/logo.png?ver=5) no-repeat center;background-size:contain;}
header .head_in{display:flex;justify-content: center;position:relative;text-align:center;max-width: 1920px;margin: 0 auto;}
header .gnb:after{display:block;clear:both;content:"";}
header .gnb > li{margin:0 10px;padding:0 30px;position:relative;float:left;}
header .gnb > li > a{display:block;font-size:1.063rem;font-weight: 500;line-height:100px;color:#181c1c;}
header .gnb > li > div{padding-top:20px;position:absolute;top:100px;left:0;width:100%;}
header .depth1 li a{display:block;padding:10px 0;font-size:0.938rem;color:#777;}
header .head_icon{position:absolute;top:33px;right:0;}
header .head_icon .tel{display:inline-block;padding-left:20px;vertical-align:middle;background:url(../images/tel-bl.png) no-repeat left center;font-family:'Jost';font-size:1.25rem;font-weight:500;color:#181c1c;}
header .head_icon .tel_m{display:none;width: 35px;height: 35px;background-image:url(../images/tel-bl.png);background-repeat:no-repeat;background-position:center;}
header .head_icon .insta{display:inline-block;margin-left:20px;width:35px;height:35px;vertical-align:middle;background-color: #181c1c;background-image: url(../images/insta-wh.png);background-repeat:no-repeat;background-position:center;border-radius:50%;}
header .ham{display:none;position:absolute;top:32px;left:0;z-index:1000;}
header .ham span{display: block;width: 25px;height: 2px;background: #111;transition: margin 0.25s 0.25s, transform 0.25s;border-radius: 3px;}
.ham .bar1 {margin-bottom: 5px;}
.ham .bar3 {margin-top: 5px;}
.gnb_wrap {position: fixed;top: 0;left: -100%;z-index: 999; width:100%;max-width: 250px;height: 100%;}
.gnb_wrap .gnb_top { padding: 20px;position: relative; height:150px;background-color: #fff;}.gnb_wrap .gnb_top a {display:block;width:100%;height:100%;background: url(../images/logo.png?ver=5) no-repeat center;}
.gnb_wrap .gnb_list {padding-bottom:40px;border-top: solid 1px #e6e6e6;overflow-y: auto;position: relative;width: 100%;height: calc(100% - 190px);background-color: #fff;}
.gnb_wrap .gnb_list .gnb_dep1 {display: block; margin:0px;padding: 20px 20px;border-bottom: solid 1px #e6e6e6;font-size: 16px;font-weight: 400;}
.gnb_wrap .gnb_list .gnb_dep1 span {display: block;background-size: 24px 12px;font-weight: 500;color: #555;}
.gnb_wrap .gnb_list li.on .gnb_dep1 span { display: block;background:url("image/on.png") center right no-repeat;background-size: 24px 12px;color: #b18066;text-decoration: underline;}
.gnb_wrap .gnb_list .gnb_dep2 {display: none;}
.gnb_wrap .gnb_list .gnb_dep2 li {border-bottom: solid 1px #cacaca;background-color: #f1f1f1;font-weight: 400;color: #6c6c6c;}
.gnb_wrap .gnb_list .gnb_dep2 li a {display: block;padding: 13px 13px 13px 23px;font-size: 14px;font-weight: 500;color: #6c6c6c !important;}
.gnb_wrap .gnb_list .gnb_dep2 li.on {border-bottom: solid 1px #cacaca;background-color: #1aa36e;color: #fff !important;}
.gnb_wrap .gnb_list .gnb_dep2 li.on a {display: block;padding: 20px 20px 20px 30px;color: #fff !important;}
.gnb_overlay {position: fixed;top: 0;right: -100%;z-index: 200;width: 100%;height: 100%;background: #000;opacity: 0.8;}
.ham.active{ left:250px;transition:0.5s 0.5s;}
.ham.active span { background:#fff;transition: 0.5s 0.5s;}
.ham.active .bar1 {margin-top: 8px;margin-bottom: -2px;transform: rotate(45deg);}
.ham.active .bar2 {transform: rotate(45deg);}
.ham.active .bar3 {  margin-top: -2px;transform: rotate(135deg);}
header:hover:after{opacity:1;}
header .depth1 li a:hover{color:#b18066;text-decoration: underline;text-underline-position: under;}

@media all and (min-width:1025px){
	header.on{height:350px;}
}

@media all and (max-width:1500px){
	header{padding: 0 40px;}
	header .gnb > li{margin:0;padding:0 15px;}
}

@media all and (max-width:1024px){
	header{padding: 0 20px;overflow:visible;height:80px;}
	header:after{display:none;}
	header .gnb{display:none;}
	header h1{margin-left:-63px;top: 22px;left:50%;}
	header h1 a{width: 126px;height: 36px;}
	header .head_icon{display:flex;top:22px;}
	header .head_icon .tel{display:none;}
	header .head_icon .tel_m{display:block;}
	header .head_icon .insta{margin-left: 0;background-color:transparent;background-image: url(../images/insta-bl.png);}
	header .ham{display:block;}
}

/*ban*/
.ban{display:flex;position:fixed;bottom:-70px;left:50%;z-index:999;width:100%;max-width:1020px;animation-name:ban;animation-duration:3s;animation-delay: 4s;animation-fill-mode:forwards;transform:translate(-50% , 0);}
.ban li{width:33.33%;}
.ban li:nth-child(1){background-color:#ece7e0;}
.ban li:nth-child(2){background-color:#b18066;}
.ban li:nth-child(3){background-color:#111;}
.ban li:nth-child(1) a{color:#b18066;}
.ban li:nth-child(2) a{color:#fff;}
.ban li:nth-child(3) a{color:#fff;}
.ban li a{display:block;font-size:1.25rem;line-height:60px;text-align:center; letter-spacing: -0.05em;}
.ban li a span{padding-left:18px;background:url(../images/tel-wh.png) no-repeat left center;font-family:'Jost';font-size:1.625rem;font-weight:500; letter-spacing: 0em;}
@keyframes ban {
	0% {bottom:-70px;}
    100% {bottom:0;}
}

@media all and (max-width:1024px){
	.ban li a{font-size: 1.1rem;line-height:40px;}
	.ban li a span{font-size:1.1rem;}
}


/*vis*/
.vis{position: relative;}
.vis .video_wrap{overflow: hidden;position: relative;height:100vh;}
.vis video{ position: absolute; top: 50%; left: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.vis #video2,
.vis #video3,
.vis #video4{display: none;}

.vis .vis_txt{position: absolute;top:55%;left:0;width: 100%;text-align: center;}
.vis .vis_txt p{position: absolute;top: 0;top: 50px;width: 100%;font-size: 2.625rem;font-weight: 600;color: #fff;opacity: 0;}
.vis .vis_txt .txt1.on{animation-name:txt1;animation-duration:5s;animation-delay: 1s;}
.vis .vis_txt .txt2.on{animation-name:txt2;animation-duration:5s;animation-delay: 6s;}
.vis .vis_txt .txt3.on{animation-name:txt3;animation-duration:5s;animation-delay: 11s;}
.vis .vis_txt .txt4.on{top:0;animation-name:txt4;animation-duration:5s;animation-delay: 16s;}
@keyframes txt1 {
	0% {top:50px;}
    20% {top:0;opacity: 1;}
    80% {top:0;opacity: 1;}
    100% {top:50px;opacity: 0;}
}
@keyframes txt2 {
	0% {top:50px;}
    20% {top:0;opacity: 1;}
    80% {top:0;opacity: 1;}
    100% {top:50px;opacity: 0;}
}
@keyframes txt3 {
	0% {top:50px;}
    20% {top:0;opacity: 1;}
    80% {top:0;opacity: 1;}
    100% {top:50px;opacity: 0;}
}
@keyframes txt4 {
	0% {opacity: 0;}
    10% {opacity: 1;}
	90% {opacity: 1;}
    100% {opacity: 0;}
}
.vis .scroll{margin-left: -59px;position: absolute;bottom: 60px;left: 50%;width: 118px;height: 70px;background: url(../images/scroll.png) no-repeat center;background-size: contain;animation-name:scroll;animation-duration:2s;animation-iteration-count: infinite;}
@keyframes scroll {
	0% {bottom:100px;}
    50% {bottom:80px;}
	100% {bottom:100px;}
}

@media all and (max-width:1024px){
	.vis{padding:80px 20px 0;}
	.vis .video_wrap{height:250px;}
	.vis video{height:100%;}
	.vis .vis_txt{top:60%;}
	.vis .vis_txt p{font-size: 1.5rem;}
	.vis .vis_txt .txt4 img {width: 160px;}
	.vis .scroll{display:none;}
}

/*main1*/
.main1{padding:170px 0 100px;}
.fix_bg{margin-top:100px; position: relative;height:330px;background:url(../images/main1-bg.jpg) no-repeat bottom;background-attachment: fixed;background-size: cover;}

@media all and (max-width:1024px){
	.main1{padding:80px 20px 50px;}
	.fix_bg{margin-top:40px;height:200px;background-attachment:scroll;background-size:cover;}
}
.vis-ori{ margin: 25px 0 0;font-size: 12px; line-height: 1.35em; color: #777; text-align: center;}
.vis-ori em{display: inline-block; transform: translateY(3px);}

/*main2*/
.main2{padding: 100px 0;}
.main2:after{display:block;clear:both;content:"";}
.main2 .lef{padding-top:65px;width:40%;float:left;}
.main2 .rig{width:60%;float:left;}
.main2 .rig .main2_wrap:after{display:block;clear:both;content:"";}
.main2 .rig .main2_wrap .main2_slide{padding-left: 20px;width:33.33%;float:left;}
.main2 .rig .main2_wrap .main2_slide.main2_img1{margin-top:120px;}
.main2 .rig .main2_wrap .main2_slide.main2_img3{margin-top:200px;}
.main2 .rig .main2_wrap .main2_slide .bg{height:730px;}
.main2 .rig .main2_wrap .main2_slide.main2_img1 .bg{background:url(../images/main2-img1.jpg?ver=2) no-repeat center;background-size:cover;}
.main2 .rig .main2_wrap .main2_slide.main2_img2 .bg{background:url(../images/main2-img2.jpg?ver=2) no-repeat center;background-size:cover;}
.main2 .rig .main2_wrap .main2_slide.main2_img3 .bg{background:url(../images/main2-img3.jpg?ver=2) no-repeat center;background-size:cover;}

@media all and (max-width:1024px){
	.main2{padding: 50px 20px;}
	.main2 .lef{padding-top:0;width:100%;float:none;}
	.main2 .rig{padding-top:40px;width:100%;float:none;}
	.main2 .rig .main2_wrap .main2_slide{padding-left:0;}
	.main2 .rig .main2_wrap .main2_slide.main2_img1,
	.main2 .rig .main2_wrap .main2_slide.main2_img3{margin-top:0;}
	.main2 .rig .main2_wrap .main2_slide .bg{height:500px;}
    .main2 .rig .main2_wrap .main2_slide.main2_img1 .bg{background:url(../images/main2-img1-m.jpg?ver=2) no-repeat center;background-size:cover;}
    .main2 .rig .main2_wrap .main2_slide.main2_img2 .bg{background:url(../images/main2-img2-m.jpg?ver=2) no-repeat center;background-size:cover;}
    .main2 .rig .main2_wrap .main2_slide.main2_img3 .bg{background:url(../images/main2-img3-m.jpg?ver=2) no-repeat center;background-size:cover;}    
}

/*main3*/
.main3{padding:100px 0 0;}
.main3_txt{margin-bottom:90px;text-align:center;}
.main3_txt span{display:block;margin-bottom:30px;font-family:'Jost';font-size:1.5rem;font-weight:600;color:#fff;color:#b18066;}
.main3_txt p:not(.main3_info){margin-bottom:15px;font-size:1.375rem;color:#fff;}
.main3_txt strong{display:block;font-size:2.25rem;color:#fff;}
.main3_con{padding: 240px 0 300px;overflow:hidden;position:relative;max-height: 870px;box-sizing: border-box;}
.main3_bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(../images/main3-new-bg.jpg?ver=7) no-repeat center;background-size: contain;transition:5s;transform:scale(1.2);}
.main3_bg.on{transform:scale(1);}
.main3_type ul{display:flex;}
.main3_type ul li{padding: 45px 0 40px;border:1px solid #aaabab;width:25%;text-align:center;}
.main3_type ul li ~ li{margin-left:20px;}
.main3_type ul li strong{display:block;margin-bottom:10px;font-family:'Jost';font-size:3.125rem;font-weight:400;color:#fff;}
.main3_type ul li strong b{font-weight:500;}
.main3_type ul li strong i{font-family:'Noto Sans KR';font-size:1.875rem;font-style:normal;}
.main3_type ul li p{margin-bottom:30px;font-size:1.125rem;color:#aaabab;}
.main3_type ul li p b{font-family:'Jost';font-weight:600;}
.main3_type .type_btn{display:flex;margin:0 auto;width:calc(100% - 60px);}
.main3_type .type_btn a{display:block;padding: 65px 0 35px;width:100%;background-color:#b18066;background-image:url(../images/floorplan-icon.png);background-repeat:no-repeat;background-position:center 25px;font-size: 1rem;font-weight:300;color:#fff;transition:0.3s;}
.main3_type .type_btn a ~ a{background-color:#59483f;}
.main3_type .type_btn a:nth-child(2){background-image:url(../images/vr-icon.png);}
.main3_type .type_btn a:hover{background-color:#fff;color:#181c1c;}
.main3_type .type_btn a:nth-child(1):hover{background-image:url(../images/floorplan-icon-on.png);}
.main3_type .type_btn a:nth-child(2):hover{background-image:url(../images/vr-icon-on.png);}
.main3_info{ margin-top: 60px;font-size: 17px; line-height: 27px; color: #fff;}

@media all and (max-width:1024px){
	.main3{padding: 0;}
	.main3_con{padding: 50px 0;}
	.main3_bg{background-size:cover;}
	.main3_txt{margin-bottom:40px;}
	.main3_txt span{margin-bottom:10px;}
	.main3_txt p{font-size:1.2rem;}
	.main3_txt strong{font-size:1.6rem;line-height:1.4em;}
	.main3_type ul{display:block;padding: 0 20px;}
	.main3_type ul li{padding:20px 0;width:100%;}
	.main3_type ul li ~ li{margin-top:20px;margin-left:0;}
	.main3_type ul li strong{font-size:2.6rem;}
	.main3_type ul li p{margin-bottom:20px;}
	.main3_type .type_btn a{padding:50px 0 15px;background-position: center 10px;}
    .main3_info{ margin-top:30px;font-size: 1rem !important; line-height: 1.588em;}
}

/*main4*/
.main4{padding:200px 0;}
.main4_bg{padding-top:110px;background:url(../images/main4-bg.jpg) no-repeat center top;background-size: cover;}
.main4_txt{margin-bottom:90px;text-align:center;}
.main4_txt strong{display:block;margin-bottom:12px;font-family:'Jost';font-size:1.875rem;font-weight:500;color:#111;}
.main4_txt p{font-size:1.125rem;line-height:1.667em;color:#111;}
.main4_slide{display:flex; gap: 80px; justify-content: center;}
.main4_slide .slide_img{position:relative;width:calc(50% - 40px);transition:0.5s;}
.main4_slide .slide_img:hover{box-shadow:15px 15px 5px rgba(0,0,0,0.2);}
.main4_slide .slide_img:hover .main4_img{opacity:0;}
.main4_img{position:absolute;top:0;right:0;bottom:0;left:0;transition:0.5s;}
.main4_on{height: 100%;background-color:#59483f;}

@media all and (max-width:1024px){
	.main4{padding: 0 0 60px;}
	.main4_bg{ margin-top: 60px;padding-top:60px;background-size:auto 80%;}
	.main4_txt{margin-bottom:30px;}
	.main4_txt strong{font-size:1.6rem; line-height: 1.4em;}
	.main4_txt p{font-size:1rem;}
	.main4_slide{display:block;margin:0 auto;padding: 0 10px;max-width:370px;}
	.main4_slide .slide_img{width:100%;}
	.main4_img{opacity:0;}
	.main4_slide .slick-slide{margin:0 10px;overflow:hidden;}
	.main4_slide .slide_img:hover{box-shadow:none;}
}

/*footer*/
footer{padding: 105px 0 160px;position:relative;background-color:#343740;text-align:center;}
footer .foot_logo{margin-bottom:40px;}
footer .ori{margin-bottom:35px;font-size:0.75rem;font-weight:300;line-height:1.667em;color:rgba(170,170,170,0.5);}
footer .add{margin-bottom:35px;font-size:0.875rem;line-height:1.714em;color:rgba(170,170,170,0.5);}
footer .foot_brand span{font-size:0.875rem;color:#aaabab;}
footer .foot_brand span strong{margin-left:10px;font-size:1.125rem; letter-spacing:-0.025em;}
footer .foot_brand span ~ span{margin-left:25px;}
footer .top{position:absolute;right:0;bottom:0;}

@media all and (max-width:1024px){
	footer{margin-bottom: 40px;padding: 40px 20px 80px;}
	footer .foot_logo{margin-bottom: 20px;}
	footer .foot_logo img{width:130px;}
	footer .ori{margin-bottom: 20px;}
	footer .add{margin-bottom: 20px;}
	footer .foot_brand span{font-size:0.7rem;}
	footer .foot_brand span strong{font-size:1rem;}
	footer .foot_brand span ~ span{margin-left:10px;}
}

@media all and (max-width:369px){
	footer .foot_brand{display:flex; flex-direction:column; gap:0.75em;}
	footer .foot_brand span ~ span{margin-left: 0px;}
}

/*sub*/
.sub_wrap{padding-top:100px;overflow:hidden;}
.svis{padding:140px 20px;position:relative;background:url(../images/svis.jpg) no-repeat center;background-size:cover;}
.svis .tit{font-size:2.813rem;color:#fff;text-align:center;}
#snb{position:absolute;bottom:0;left:0;width:100%;transform: translate(0, 50%);}
#snb .inner{box-shadow:10px 10px 7px rgba(0,0,0,0.2);}
#snb .inner:after{display:block;clear:both;content:"";}
#snb .sub_home{width:60px;float:left;}
#snb .sub_home a{display:block;width:60px;height:60px;background: #343740 url(../images/ico-home.png) no-repeat center;}
#snb ._ov{padding-right:60px;width:calc(100% - 60px);float:left;background-color:#b18066;}
#snb ._ov .sub-menu{display:flex;justify-content: center;flex-wrap: wrap;}
#snb ._ov .sub-menu li{ display: flex; align-items: center;height: 60px;}
#snb ._ov .sub-menu li a{display: flex;align-items: center;padding:0 35px;position:relative;height: 100%;font-size:1.125rem;line-height: 1.25em;color:#fff;}
#snb ._ov .sub-menu li ~ li a:after{display:inline-block;margin-top:-10px;position:absolute;top:50%;left:0;width:1px;height:20px;background-color:#fff;content:"";}
#snb ._ov .sub-menu li span{display:block; transform: translateY(-2px);}
#snb ._ov .sub-menu .active a{font-weight:600;}
.contents{padding:110px 0 120px;}
.fit_in{padding:0 20px;}
.full_con{margin: 0 auto;max-width:1770px;}
.sub_tit{margin-bottom:40px;padding-bottom:30px;position:relative;font-size:2.25rem;font-weight:500;color:#2a2d2e;text-align:center;}
.sub_tit:after{display:inline-block;margin-left:-20px;position:absolute;bottom:0;left:50%;width:40px;height:1px;background-color:#ccc;content:"";}
.brown_tit{margin-bottom:60px;text-align:center;}
.brown_tit dt{margin-bottom:15px;font-size:2.5rem;font-weight:300;line-height:1.2em;color:#b18066;}
.brown_tit dd{font-size:1.5rem;line-height:1.2em;color:#af8f6c;}
.sub_top_txt{margin-bottom:90px;text-align:center;}
.sub_top_txt h4{font-size:2.5rem;font-weight:300;color:#b18066;}
.sub_top_txt strong{display:block;margin-top:40px;font-size:1.563rem;font-weight:400;line-height:1.2em;color:#2a2d2e;}
.sub_top_txt p{margin-top:40px;font-size:1.063rem;line-height:1.588em;color:#777;}

.precaution{margin-top: 30px;padding: 40px 20px 40px 120px;position: relative;background-color: #f5f5f5;}
.precaution:before{display: inline-block;position: absolute;top: calc(50% - 25px);left: 40px;width: 50px;height: 50px;background: url(../images/precaution_icon.png) no-repeat;content: "";}
.precaution li{padding-left: 10px;position: relative;font-size: 0.813rem;line-height: 1.692em;color: #999; letter-spacing: -0.05em;}
.ori_m{display:none;margin-top:10px;font-size:1rem;color:#888}
.sub_con_tit{padding:120px 0 60px;text-align:center;}
.sub_con_tit h4{margin-bottom:20px;font-family:'Jost';font-size:3.75rem;font-weight:400;color:#fff;}
.sub_con_tit strong{display:block;margin-bottom:15px;font-size:1.625rem;font-weight:400;line-height:1.3em;color:#81745c;}
.sub_con_tit p{font-size:1.125rem;font-weight:300;line-height:1.3em;}
.sub_con_tit strong:last-child{margin-bottom:0;}

@media all and (max-width:1024px){
	.sub_wrap{padding-top: 80px;}
	.svis{padding: 80px 20px;}
	.svis .tit{font-size: 2.4rem;}
	#snb{left:20px;width:calc(100% - 40px);}
	#snb .sub_home{display:none;}
	#snb ._ov{padding-right:0;width:100%;float:none;}
	#snb ._ov .sub-menu li{align-items: center;justify-content: center;flex: 1 1 33.333%;width:33.333%;height: 40px;line-height:40px;text-align:center;}
	#snb ._ov .sub-menu.tab4 li{align-items: center;justify-content: center;flex: 1 1 25%;width:25%;height: 40px;line-height:40px;text-align:center;}
	#snb ._ov .sub-menu li a{padding:0;line-height: 1.3em;}
	#snb ._ov .sub-menu li ~ li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
    #snb ._ov .sub-menu li span{display:block; transform: translateY(0px);}
	#snb ._ov .sub-menu:not(.tab4) li:nth-child(4) a:after{display:none;}
	.contents {padding: 80px 0;}
	.brown_tit{margin-bottom:30px;}
	.brown_tit dt{margin-bottom: 10px;font-size: 2rem;}
	.brown_tit dd{font-size: 1.2rem;}
	.precaution{padding: 20px;}
	.precaution:before{display:none;}
	.precaution li ~ li{margin-top:5px;}
	.ori_m{display:block;}
	.sub_con_tit{padding:60px 0 40px;}
	.sub_con_tit h4{margin-bottom: 15px;font-size: 2.3rem;}
	.sub_con_tit strong{font-size:1.4rem;}
	.sub_con_tit p{font-size:1.1rem;}

	.sub_top_txt{margin-bottom:40px;}
	.sub_top_txt h4{font-size:2rem;}
	.sub_top_txt strong{margin-top: 20px;font-size:1.2rem;}
	.sub_top_txt p{margin-top: 20px;font-size: 0.917rem;}
}

/*sub1-1*/
.info{display:flex;margin-top:30px;}
.info:after{display:block;clear:both;content:"";}
.info .info_txt{padding:70px 0 0 75px;width:33.333%;background: #b18066 url(../images/sub11-bg.jpg) no-repeat center bottom;}
.info .info_txt p{margin-bottom:15px;font-size:1.125rem;line-height:1.556em;color:#fff;}
.info .info_txt strong{display:block;padding-bottom:160px;position:relative;font-size:2.125rem;line-height:1.411em;color:#fff;}
.info .info_txt strong:after{display:inline-block;position:absolute;bottom:0;left:5px;width:1px;height:130px;background-color:#fff;content:"";}
.info .info_txt span{display:block;margin-top:25px;font-family:'Jost';font-size:1.125rem;color:#fff;}
.info .info_tbl{padding: 50px;width:66.666%;max-height: 680px;background-color:#ece7e0;}
.info .info_logo{margin-bottom:10px;text-align:right;}
.info .list_tbl1{width:100%;}
.info .list_tbl1 th{border-top:1px solid #d8d4d1;border-bottom:1px solid #d8d4d1; min-height: 60px; max-height: 62px;background-color:#fbf9f5;font-size:1.125rem;font-weight:400;color:#b18066;}
.info .info_tbl th .line2{ margin: 0;font-size: 18px; font-weight: 400;}
.info .info_tbl td .line2{margin: 0;padding: 5px 0px;font-size: 18px;font-weight: 400;line-height: 1.4em;color: #454442;text-align: left;}
.info .list_tbl1 th em{font-size: 0.7em}

.info .list_tbl1 td{padding: 0px 0;padding-left:30px;border-top:1px solid #d8d4d1;border-bottom:1px solid #d8d4d1;background-color:#fff;font-size:1.125rem; line-height: 60px;color:#454442;}
.info .list_tbl2{width:100%;}
.info .list_tbl2 th{padding:20px 0;border:1px solid #bfb8b2;background-color:#e0dcd9;font-size:1.125rem;font-weight:400;color:#474342;}

.info .list_tbl2 th:nth-child(1){border-left:none;}
.info .list_tbl2 th:last-child{border-right:none;}
.info .list_tbl2 td{padding:20px 0;border:1px solid #bfb8b2;background-color:#fff;font-size:1.125rem;line-height:1.3em;color:#474342;text-align:center;}
.info .list_tbl2 td:nth-child(1){border-left:none;}
.info .list_tbl2 td:last-child{border-right:none;}

@media all and (max-width:1024px){
	.info{display:block;margin-top:20px;}
    .info .info_txt{background: #b18066 url(../images/sub11-bg.jpg) no-repeat bottom left; background-size: cover;}
    .info .info_tbl{max-height:none;}
	.info .info_txt{margin-bottom:30px;padding: 30px;width:100%;}
	.info .info_txt p{margin-bottom: 10px;font-size: 1rem;}
	.info .info_txt strong{padding-bottom: 90px;font-size: 1.8rem;}
	.info .info_txt strong:after{height:70px;}
	.info .info_txt span{margin-top: 15px;font-size: 1rem;}

	.info .info_tbl{padding: 20px;width:100%;}
	.info .info_logo img{width:90px;}
	.info .info_tbl p{margin:20px 0 20px;}
	.info .list_tbl1 th,
	.info .list_tbl2 th{padding:10px 4px;font-size: 1.1rem; letter-spacing: -0.04em;}
    .info .info_tbl th .line2{padding:0;font-size: 1.1rem;letter-spacing: -0.04em;}
	.info .list_tbl1 td,
	.info .list_tbl2 td{padding:15px 0;font-size: 1.1rem; line-height: 1.4em;letter-spacing: -0.04em;word-break: keep-all;}
    .info .info_tbl td .line2{padding:0;font-size: 1.1rem;letter-spacing: -0.04em;}
    .info .list_tbl1 td{padding-left:15px;}
}

/*sub1-2*/
.brand{margin-bottom:120px;}
.brand_svis{margin-bottom:160px;padding:0 20px; max-height: 870px;background:url(../images/brand-svis.jpg?ver=3) no-repeat center;background-size:cover;}
.brand_svis .brand_in{margin:0 auto;max-width:950px;}
.brand_svis .sub_con_tit h4{ margin-bottom: 30px;font-family: 'Noto Sans KR'; font-size: 3.375rem; font-weight: 500;}
.brand_svis .sub_con_tit strong,
.brand_svis .sub_con_tit p{color:#fff;}
.brand_video{padding-bottom:56.25%;box-shadow:20px 20px 15px rgba(0,0,0,0.2);position:relative;}
.brand_video .vis{position:absolute;top:0;left:0;width:100%;height:100%;}
.brand_video .vis .video_wrap{height:100%;}
.brand_video .vis video{height:100%;}
.brand_video .vis .vis_txt{top:70%;}
.brand_video .vis .vis_txt p{font-size:1.875rem;}
.brand_con{padding:120px 20px 35px; max-height: 1036px;background:url(../images/brand-bg.jpg?ver=3) no-repeat center;background-size:cover;}
.brand_con_tit{margin-bottom:45px;text-align:center;}
.brand_con .brand_txt{ margin-top: 20px;font-size: 1.125rem; font-weight: 400; line-height: 1.55em; color: #454442;}
.brand_con_tit strong{display:block;margin-bottom:20px;font-family:'Jost';font-size:1rem;color:#b18066;}
.brand_con_tit p{font-size:1.875rem; font-weight: 600;line-height:2.5rem;color:#111;}
.brand_list:after{display:block;clear:both;content:"";}
.brand_list{display: grid; gap:30px; grid-template-columns: repeat(4, 1fr)}
.brand_list .brand_slide{width: 100%;}
.brand_list .brand_slide .brand-tit{margin-bottom:30px;padding: 30px 0;border-top:1px solid rgba(176,172,164,0.6);border-bottom:1px solid rgba(176,172,164,0.6); font-size: 1.125em; font-weight: 600; color: #343740;text-align:center;}
.brand_list .brand_slide .brand_img{margin-bottom:55px;position:relative;}
.brand_list .brand_slide .brand_img > img{ margin: 0 auto;box-shadow:15px 20px 25px rgba(0,0,0,0.2);}
.brand_list .brand_slide .brand_img .iso{position:absolute;right:15px;bottom:0;}

@media all and (max-width:1024px){
    .brand_list .brand_slide .brand-tit{padding:15px 0; font-size: 1.25rem;}
    .brand_svis .sub_con_tit h4{margin-bottom: 15px; font-size: 2.3rem;}
	.brand_svis{margin-bottom:0;padding-bottom:60px;}
	.brand_video .vis{padding:0;}
	.brand_video .vis .vis_txt{top:55%;}
	.brand_video .vis .vis_txt p{font-size: 1.5rem;}
	.brand_con{padding: 50px 0px;}
    .brand_con .brand_txt{ margin-top: 15px;font-size: 1rem; line-height: 1.5em;}
	.brand_con .slick-list{overflow: visible;}
	.brand_con .slick-slide{ padding: 0 20px; box-sizing: border-box;}
	.brand_con_tit{margin-bottom:30px;}
	.brand_con_tit strong{font-size:1rem;}
	.brand_con_tit p{ font-size: 1.5rem;line-height:1.5em;}
    .brand_list{display: block;}
    .brand_list .brand_slide .brand_img > img{width: 100%;}
    .brand_con .slick-slide .brand_slide{padding: 0; box-sizing: border-box;}
    .brand_list .brand_slide .brand_img > img{margin: 0 auto;box-shadow: 0px 25px 15px rgba(0,0,0,0.2);}
    .brand_list .brand_slide .brand_img{margin-bottom: 30px;}
	.brand_list .brand_slide dl{margin-bottom: 20px;padding: 10px 0;}
    .brand_con .slick-dots .slick-active button{background-color: #343740;}
    .brand_con .slick-dots li button{border: 1px solid #343740;}

    .brand_list .brand_slide .brand_img{ padding-bottom: 125%;height: 0;}
    .brand_list .brand_slide .brand_img .img_cut{bottom:10px;}
    .brand_list .brand_slide .brand_img > img{ position: absolute; top: 0; left: 0;width: 100%; height: calc(100% - 10px); object-fit: cover;}
}

/*sub1-3*/
.map{padding-bottom:65px;}
.map ul{margin:0 auto;max-width:790px;}
.map ul:after{display:block;clear:both;content:"";}
.map ul li{position:relative;width:calc(50% - 15px);float:left;;}
.map ul li ~ li{margin-left:30px;}
.map ul li.map_type1 .map_tit{background-color:#343740;}
.map ul li.map_type2 .map_tit{background-color:#af8f6c;}
.map_tit{font-size:1.375rem;font-weight:600;line-height:60px;color:#fff;text-align:center;}
.map_img img{width:100%;}
.map_address{ display: flex; align-items: center; justify-content: center;padding:25px 0 50px;border:1px solid #d8d4d1; min-height: 180px; font-size: 1.125rem; line-height: 1.65em; color: #454442;text-align:center;}
.map_address strong{color: #b18066; font-weight: 700;}
.map ul li a{display:block;position:absolute;bottom:0;left:50%;width:200px;background-color:#b18066;font-size:1rem;line-height:50px;color:#fff;text-align:center;transform:translate(-50%,50%);}
.map ul li a span{padding-right:35px;background:url(../images/map-arr.png) no-repeat right center;}

@media all and (max-width:1024px){
	.map{padding-bottom:30px;}
	.map ul li{width:100%;float:none;}
	.map ul li ~ li{margin-top:40px;margin-left:0;}
	.map_tit{font-size: 1.2rem;line-height:40px;}
	.map_address{padding: 20px 0 40px;min-height: 90px;max-height: 100px;font-size: 1rem; line-height:1.35em}
	.map ul li a{width:170px;line-height: 40px;}
}

/*sub2-1*/
.design{padding: 120px 20px 115px;background:url(../images/design-bg.jpg?ver=2) no-repeat center;background-size:cover;}

/* .design_video{ padding-bottom: 70%;width: 100%; height: 0; background: #fff;} */

.design_list{display:flex;margin-top:50px;}
.design_list > li{padding:90px 20px;width:50%;background-color:#fff;text-align:center;}
.design_list > li ~ li{margin-left:20px;}
.design_list > li p{padding-top:110px;font-size:1.5rem;font-weight:300;line-height:1.25em;color:#2a2d2e;}
.design_list > li p strong{font-weight:600;}
.design_list > li:nth-child(1) p{background:url(../images/design-icon1.png) no-repeat center top;}
.design_list > li:nth-child(2) p{background:url(../images/design-icon2.png) no-repeat center top;}
.design_list > li:nth-child(3) p{background:url(../images/design-icon3.png) no-repeat center top;}
.design_list > li ul{display:inline-block;margin-top:40px;text-align:left;}
.design_list > li ul li{padding-left:12px;position:relative;font-size:1.125rem;line-height:1.65em;color:#454442;letter-spacing:-0.05em;word-break: keep-all;}
.design_list > li ul li:before{display:inline-block;position:absolute;top:10px;left:0;width:4px;height:4px;background-color:#454442;content:"";border-radius:50%;}
.design_list > li ul li ~ li{margin-top:15px;}

@media all and (max-width:1024px){
	.design{padding:60px 20px; box-sizing:border-box;}
	.design_list{display:block;}
	.design_list li{width:100%;}
	.design_list > li ~ li{margin-top:20px;margin-left:0;}
	.design_img{margin-top:0;}
	.design_list{margin-top:20px;}
	.design_list > li{padding: 30px 25px 30px 30px;}
	.design_list > li p{padding-top: 60px;background-size:50px !important;}
	.design_list > li ul{margin-top:20px;}
	.design_list > li ul li:before{top: 6px;}
}

/*sub2-2*/
.eco{padding:0 20px;padding-bottom:115px;background:url(../images/sub22-topbg.jpg) #ece7e0 no-repeat center top / contain;}
.eco .sub_con_tit strong{color: #fff;}
.eco_img2{margin-top:90px;}
.eco_list{display:flex;flex-wrap:wrap;margin-top:50px;}
.eco_list li{padding:80px 0 105px;width:calc(33.333% - 13.333px);background-color:#fff;}
.eco_list li:nth-child(2),
.eco_list li:nth-child(3),
.eco_list li:nth-child(5),
.eco_list li:nth-child(6){margin-left:20px;}
.eco_list li:nth-child(n + 4){margin-top:20px;}
.eco_list li dl{padding-top:120px;background-repeat:no-repeat;background-position:center top;text-align:center;}
.eco_list li:nth-child(1) dl{background-image:url(../images/sub22-icon1.png);}
.eco_list li:nth-child(2) dl{background-image:url(../images/sub22-icon2.png);}
.eco_list li:nth-child(3) dl{background-image:url(../images/sub22-icon3.png);}
.eco_list li:nth-child(4) dl{background-image:url(../images/sub22-icon4.png);}
.eco_list li:nth-child(5) dl{background-image:url(../images/sub22-icon5.png);}
.eco_list li:nth-child(6) dl{background-image:url(../images/sub22-icon6.png);}
.eco_list li dl dt{font-size:1.5rem;font-weight:600;line-height:1.25em;color:#2a2d2e;}
.eco_list li dl dd{margin-top:35px;font-size:1.125rem;line-height:1.667em;color:#454442;}
.eco_list li strong{font-family:'Jost';font-size:1.625rem;font-weight:500;line-height:1.231em;color:#fff;}
.eco_list li p{margin-top:30px;font-size:1.125rem;line-height:1.333em;color:#fff;}

.eco-title {display:flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 50px; width: 100%; height: 140px; background: #b18066; text-align: center;}
.eco-title strong{ display: block; margin-bottom: 20px; font-family: 'Jost';font-size: 1.625rem; font-weight: 600; color: #fff; letter-spacing: 0;}
.eco-title p{font-size: 1.125em; font-weight: 400; line-height: 1.333em; color: #fff;}


.commu_wrap{ margin-top: 92px; padding: 80px 100px; border: 10px solid #d4c9bc; width: 100%;background: #fff;}
.commu_wrap .tab_btn-wrap{display: flex; justify-content: center; margin-top: 50px; width: 100%; height: 60px; line-height: 60px;}
.commu_wrap .tab_btn-wrap li{display: flex; align-items: center; justify-content: center; border-top: 1px solid #d4c9bc;  border-bottom: 1px solid #d4c9bc; border-right: 1px solid #d4c9bc; width: 100%; height: 100%; font-size: 1.125rem; line-height: 1.25em; color: #af8f6c; text-align: center; cursor: pointer;}
.commu_wrap .tab_btn-wrap li:first-of-type{border-left: 1px solid #d4c9bc;}
.commu_wrap .tab_btn-wrap li.active{ border: 1px solid #343740;background: #343740; font-weight: 600; color: #fff;}
.commu_wrap .tab_cont-wrap{display: none;}
.commu_wrap .tab_cont-wrap.active{display: block;}
.tab_cont-wrap .tit-wrap{ margin-top: 75px; margin-bottom: 60px;text-align: center;}
.tab_cont-wrap .tit-wrap .tit{font-size: 2.5rem; font-weight: 600; color: #343740;}
.tab_cont-wrap .tit-wrap .sub_txt{ margin-top: 35px;font-size: 1rem; line-height: 1.56em; color: #454442;}
.commu_wrap .box .tit { display: flex; gap:50px; margin-bottom: 25px;height: 1.375rem;}
.commu_wrap .box .tit span{ display: block; padding-left: 20px; position: relative;font-size: 1.375rem; font-weight: 500; line-height: 1; color: #111; letter-spacing: -0.05em;}
.commu_wrap .box .tit span::before{ display: block; position: absolute; top: 2px; left: 0; width: 3px; height: 19px; background: #b18066;content: '';}
.commu_wrap .img-wrap{position: relative;}
.commu_wrap .img-box{position: relative;}
.commu_wrap .box~.box{margin-top:62px;}

.eco-title.mo{ transition: all 1s;opacity: 0; transform: translateY(15%);}
.eco-title.mo.active{opacity: 1; transform: none;}
.eco_list .mo{ transition: all 1s;opacity: 0; transform: translateY(15%);}
.eco_list .mo.active{opacity: 1; transform: none;}


@media all and (max-width:1024px){
	.eco{padding-bottom:60px; background:url(../images/sub22-topbg.jpg) #ece7e0 no-repeat center top / auto 450px;}
	.eco .sub_con_tit strong{font-size: 1.125rem;}
	.eco_img2{margin-top:40px;}
	.eco_list{display: block;margin-top:40px;}
	.eco_list li{padding: 30px 0;width:100%;}
	.eco_list li ~ li{margin-top:20px;}
	.eco_list li:nth-child(2), .eco_list li:nth-child(3), .eco_list li:nth-child(5), .eco_list li:nth-child(6){margin-left:0;}
	.eco_list li dl{padding-top:70px;background-size:55px;}
	.eco_list li dl dd{margin-top:15px;}
	.eco_list li p{margin-top:20px;}

    .commu_wrap{margin-top: 60px; padding: 15px 15px 25px; border: 3px solid #d4c9bc;}
    .commu_wrap .tab_btn-wrap{margin-top: 10px; width: 100%; height: 48px; line-height: 40px;}
    .commu_wrap .tab_btn-wrap li{ padding: 0 5px;font-size: 1.125rem;}
    .commu_wrap .tab_btn-wrap li:first-of-type{border-left: 1px solid #d4c9bc; }
    .commu_wrap .tab_btn-wrap li.active{ border: 1px solid #343740;background: #343740; font-weight: 600; color: #fff;}

    .tab_cont-wrap .tit-wrap{ margin-top: 30px; margin-bottom: 30px;text-align: center;}
    .tab_cont-wrap .tit-wrap .tit{font-size: 1.5rem; font-weight: 600; color: #343740;}
    .tab_cont-wrap .tit-wrap .sub_txt{ margin-top: 15px;font-size: 1rem; line-height: 1.5em; color: #454442;}
    .commu_wrap .box .tit { display: flex; gap:15px; margin-bottom: 10px;height: 1.125rem}
    .commu_wrap .box .tit span{ display: block; padding-left: 10px; position: relative;font-size: 1.125rem; line-height: 1; color: #111; text-wrap: nowrap;}
    .commu_wrap .box .tit span::before{ display: block; position: absolute; top: 0px; left: 0; width: 2px; height: 1rem; background: #b18066;content: '';}
    .commu_wrap .img-wrap{position: relative;}
    .commu_wrap .img-box{position: relative;}
    .commu_wrap .box~.box{margin-top:42px;}

    .eco-title {display:flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 30px; padding: 30px 0; width: 100%; height: auto; background: #b18066;}
    .eco-title strong{ display: block; margin-bottom: 10px; font-family: 'Jost';font-size: 1.625rem; font-weight: 600; color: #fff;}
    .eco-title p{font-size: 1.125rem; font-weight: 400; line-height: 1.333em; color: #fff;}
}

/*sub3-1*/
.generation_design_tit{margin-top:145px;text-align:center;}
.generation_design_tit p{font-size:2.813rem;font-weight:300;line-height:1.067em;color:#2a2d2e;}
.generation_design_tit strong{display:block;margin-top:25px;font-size:2.125rem;font-weight:600;color:#2a2d2e;}
.generation_design_list{margin-top:140px;padding:175px 20px 140px;background:url(../images/generation_design_bg.jpg) no-repeat center;background-size:cover;}
.generation_design_list ul{display:flex;margin:0 auto;max-width:1565px;}
.generation_design_list ul li{display:flex;align-content: space-between;flex-wrap:wrap;width:33.33%;}
.generation_design_list ul li ~ li{margin-left:40px;}
.generation_design_list ul li dl{padding:15px 0 45px 100px;width:100%;background-repeat:no-repeat;background-position:left top;}
.generation_design_list ul li:nth-child(1) dl{background-image:url(../images/generation_design_icon1.png);}
.generation_design_list ul li:nth-child(2) dl{background-image:url(../images/generation_design_icon2.png);}
.generation_design_list ul li:nth-child(3) dl{background-image:url(../images/generation_design_icon3.png);}
.generation_design_list ul li dl dt{margin-bottom:5px;font-size:1.5rem;font-weight:600;line-height:1.2em;color:#2a2d2e;}
.generation_design_list ul li dl dd{font-size:1.125rem;font-weight:300;;line-height:1.667em;color:#454442;letter-spacing:-1px;}
.generation_design_list ul li span{display:block;width:100%;}

@media all and (max-width:1024px){
	.generation_design_tit{margin-top:40px;}
	.generation_design_tit p{font-size:1.9rem;}
	.generation_design_tit strong{margin-top: 10px;font-size:1.4rem; line-height: 1.5em;}
	.generation_design_list{margin-top:40px;padding:30px 20px;}
	.generation_design_list ul{display:block;}
	.generation_design_list ul li{width:100%;}
	.generation_design_list ul li ~ li{margin-top:30px;margin-left:0;}
	.generation_design_list ul li dl{padding: 0 0 20px 60px;background-size:50px;}
	.generation_design_list ul li dl dt{font-size:1.3rem;}
	.generation_design_list ul li dl dd{font-size:1.1rem;}
}

/*sub3-1*/
.floorplan_tab{border-top:1px solid #b18066;border-bottom:1px solid #b18066; max-width: 1200px; margin: 0 auto 55px;}
.floorplan_tab ul{display:flex;justify-content: center; gap: 120px; }
.floorplan_tab ul li a{display:block;position:relative;font-family:'Jost';line-height:60px;color:#2a2d2e;}
.floorplan_tab ul li.active a{color:#b18066;}
.floorplan_tab ul li.active a:before{display:inline-block;margin-left:-3px;;border-bottom:6px solid #b18066;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;bottom:0;left:50%;content:"";}
.floorplan_tab ul li a span{font-size:1.25em;}
.floorplan_tab ul li a span strong{font-weight:600; letter-spacing: -0.05em;}
.floorplan_tab ul li a span em{font-family:'Noto Sans KR';font-size:1.563rem;}
.floorplan > li{display:none;}
/* .floorplan > li > div{display:flex;} */
.floorplan > li .lef_box{width:25%;}
.floorplan > li .rig_box{display:flex;align-items: center;width:75%;}
.floor_info .info_top{padding:50px 0 40px;background:#b18066 url(../images/sub11-bg.png) no-repeat center top;background-size:cover;text-align:center;}
.floor_info .info_top .floor_area{font-family:'Noto Sans KR';font-size:2.5rem;color:#fff;}
.floor_info .info_top .floor_area span{display:inline-block;font-family:'Jost';font-size:3.75rem;}
.floor_info .info_top .floor_area span strong{font-weight:600;}
.floor_info .info_top .floor_area span em{font-family:'Noto Sans KR';font-size:2.5rem;}
.floor_info .info_top p{margin:15px 0 20px;font-size:1.25rem;line-height:1.3em;color:#d5ba91;}
.floor_info .info_top > span{font-size:1.75rem;font-weight:600;color:#fff;}
.floor_info .info_bot{padding: 30px;background-color:#f7f3ea;}
.floor_info .info_bot ul li{display:flex;justify-content: space-between;padding:0 10px;border-bottom:1px solid #dedad6;font-size:1.125rem;line-height:36px;color:#2a2d2e;}
.floor_info .info_bot ul li:last-child{border-bottom:none;}
.keymap img{width:100%;}
.floor_type1,
.floor_type2{width:50%;text-align:center;}
.video{display:block;padding-bottom:56.25%;position:relative;}
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.vr{display:block;padding-bottom:56.25%;position:relative;}
.vr iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.rockstay__main_box{background: url(../images/sub31-bg01.jpg) #343740 no-repeat center bottom; min-height: 440px; display: flex; justify-content: space-around; max-width: 1200px; margin: 0 auto;}
.rockstay__main_box > div{width: 100%;}
.rockstay__main_box .lef{padding: 100px 120px 0;}
.rockstay__main_box .lef .title{font-size: 2.25em; font-weight: 600; color: #fff; margin-bottom: 35px;}
.rockstay__main_box dl{display: block; width: 380px; border-top: 1px solid #fff; text-align: center;}
.rockstay__main_box dl dt{display: block; width: 380px; line-height: 50px; font-size: 1rem; font-weight: 600; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); background: #b18066;}
.rockstay__main_box dl dd{display: block; width: 380px; line-height: 50px; font-size: 1rem; color: #cfcfcf; border-bottom: 1px solid rgba(255,255,255,0.3);}

.rockstay__main_box .sub.grid{display: grid; grid-template-columns: repeat(2, 1fr); }
.rockstay__main_box .sub.grid dt{grid-column: 1/3;}
.rockstay__main_box .sub.grid dd{width: 100%; line-height: 1.2em; display: flex; justify-content: center; align-items: center; height: 50px; font-size: 0.875rem;}
.rockstay__main_box .sub.grid dd~dd{border-left: 1px solid rgba(255,255,255,0.3);}
.sub.grid:nth-of-type(2){border-top: none;}

.floorplan{position: relative;}
.floorplan .top-txt{display: block; text-align: center;}
.floorplan .top-txt .title{font-size: 3.75em; font-weight: 400; color: #b18066; margin-bottom: 50px; margin-top: 120px; font-family: 'Jost', sans-serif;}
.floorplan .top-txt .detail{font-size: 1.125rem; line-height: 1.785em; letter-spacing: -0.05em; color: #454442; display: block; margin-bottom: 80px;}
.rockstay__main_box .rig{display: flex; align-items: center;}
.floorplan .map-info{position: relative; top: 0; display: flex; width: 100%;}
.floorplan .map-info .lef{height: 100%;}
.floorplan .img-wrap{position: relative; margin: 0 auto; max-width: 1200px; }
.floorplan .img-wrap.grid{display: flex; justify-content: space-between; gap: 30px;}
.floorplan .img-wrap.grid4{display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);}
.floorplan .img-wrap.grid4 > div,
.floorplan .img-wrap.grid > div{position: relative;}

.map-wrap, .section-wrap{display: block;}
.map-wrap .detail{text-align: right; margin-top: 15px; margin-bottom: 85px; font-size: 1.125rem; color: #454442; letter-spacing: -0.05em;} 
.img-section .detail{font-size: 1.125rem; margin-top: 15px; margin-bottom: 40px; text-align: center; color: #454442; letter-spacing: -0.05em;}
.mockup-section .detail{font-size: 1.125rem; margin-top: 15px; margin-bottom: 40px; text-align: center; color: #454442; letter-spacing: -0.05em;}

.floorplan .img_cut{right: 26px;}
.floorplan .img_cut.right{right: 0;}
.floorplan .number-box{width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 0.875em; font-family: 'Jost'; color: #fff; background: #ae7e63; position: absolute; bottom: 0; right: 0;}

.floorplan .img-wrap.grid3{display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr);}
.img-wrap.grid3 .item{position: relative;}
.grid3 .item.lef{grid-row: 1/3;}
.item img{width: 100%; height: 100%; object-fit: cover;}

.map-info.nodetail{margin-bottom: 120px;}
.sub31 .bg{position: absolute; top: 320px; left: 50%; width: 100vw;  z-index: -1; transform: translateX(-50%);height: 1514px; background: url(../images/sub31-mainbg01.jpg?ver=2) no-repeat center; background-size: cover; }
.sub31-info-wrap{display: flex; gap: 30px; max-width: 1200px; margin: 30px auto 70px; width: 100%;}
.sub31-info-wrap.type2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
.sub31-info-wrap .info-box{width: 100%;}
.sub31-info-wrap .title{display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; font-size: 1rem; font-weight: 600; color: #fff;}
.sub31-info-wrap .detail{display: flex; justify-content: space-around; align-items: center; height: 50px; border:1px solid #ddd; border-top: none; margin: 0 auto; text-align: center;}
.sub31-info-wrap span{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 0.9375rem; line-height: 1.25em; color: #454442; }
.sub31-info-wrap .detail span~span{border-left: 1px solid #ddd;}


#view2 .sub31-info-wrap .title{ background: #9b8a91;}
#view3 .sub31-info-wrap .title{ background: #949e8a;}
#view4 .sub31-info-wrap .title{ background: #c99970;}
#view5 .sub31-info-wrap .title{ background: #7888af;}

@media all and (max-width:1024px){
	.floorplan_tab{margin-bottom:30px; position: relative;}
    .floorplan_tab ul{gap: 0px; flex-wrap: wrap;}
	.floorplan_tab ul li a{line-height:50px; padding: 0 20px;}
	.floorplan_tab ul li a span{font-size:1.4rem;}
	.floorplan > li > div{display:block;}
	.floorplan > li .lef_box{width:100%;}
	.floor_info .info_top{padding: 20px 0;}
	.floor_info .info_top .floor_area span{font-size:2.6rem;}
	.floor_info .info_top .floor_area span em{font-size:1.6rem;}
	.floor_info .info_top p{margin:10px 0;font-size: 1.1rem;}
	.floor_info .info_top > span{font-size:1rem;}
	.floor_info .info_bot{padding: 10px;}
	.floor_info .info_bot ul li{font-size:1rem;line-height: 30px;}
	.floorplan > li .rig_box{display:block;margin-top:30px;width:100%;}
	.floor_type1, .floor_type2{width:100%;}
	.floor_type2{margin-top:10px;}
	.vr{padding-bottom:0;height:400px;}

    .rockstay__main_box .lef{padding: 40px 30px;}
    .rockstay__main_box .lef .title{font-size: 1.5em; font-weight: 600; color: #fff; margin-bottom: 35px; text-align: center;}
    .rockstay__main_box dl{width: 100%;}
    .rockstay__main_box dl dt{width: 100%; line-height: 30px; font-size: 1rem;}
    .rockstay__main_box dl dd{width: 100%; line-height: 30px; font-size: 1rem;}
    .rockstay__main_box .rig img{width: 80%; margin: 0 auto 40px;}
    .floorplan .img-wrap.grid{display: flex; justify-content: space-between; gap: 20px;}
    .floorplan .img-wrap.grid4{gap:10px;}
    .floorplan .top-txt .title{font-size: 2.75rem; font-weight: 400; color: #b18066; margin-bottom: 30px; margin-top: 60px;}
    .floorplan .top-txt .detail{margin-bottom: 60px;font-size: 0.875rem; line-height: 1.75em; letter-spacing: -0.05em;}
    .floorplan .map-info .lef{width: 25%; flex-shrink: 0; height: 100%;}
    .floorplan .map-info .rig{width: 80%;}
    .floorplan .map-info .rig img{width: 100%; height: 100%; object-fit: cover;}
    
    .sub31 .bg{height: 960px; background: url(../images/sub31-mainbg01-m.jpg?ver=7) no-repeat right center; background-size: cover;}
    .sub31-info-wrap{display: flex !important; flex-direction: column; gap: 20px; margin: 20px auto 35px;}
    .sub31-info-wrap .title{height: 35px;}
    .sub31-info-wrap .detail{height: 35px; font-size: 0.875rem;}
    .sub31-info-wrap span{font-size: 0.875rem;}

    .map-wrap .detail{text-align: center; margin-top: 10px; margin-bottom: 40px; font-size: 0.875rem; color: #454442;} 
    .mockup-section .detail{font-size: 0.875rem; margin-top: 10px; margin-bottom: 30px; text-align: center;}
    .img-section .detail{font-size: 0.875rem; margin-top: 10px; margin-bottom: 30px; text-align: center;}
    .map-info.nodetail{margin-bottom: 60px;}
    .floorplan .img_cut{right: 13px;}
    .floorplan .number-box{width: 13px; height: 13px; display: flex; align-items: center; justify-content: center; font-size: 0.5em; font-family: 'Jost'; color: #fff; background: #ae7e63; position: absolute; bottom: 0; right: 0;}
    #view2 .sub31-info-wrap {margin-bottom: 35px;}
}

@media (max-width:768px) {
    .floorplan .map-info .lef{width: 30%;flex-shrink: 0;height: 100%;}
    .floorplan_tab .line{width: 100%; height: 1px; top: 50px; background: #b18066; position: absolute;}
}

/* sub3-2 웰니스 */
.wellness-top{display: flex; max-width: 1200px; margin: 0 auto 100px; width: 100%;}
.wellness-top > div{width: 50%; flex-shrink: 0;}
.wellness-top .lef{display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.wellness-top .rig{text-align:center;}
.wellness-top .title{font-family: 'Nanum Myeongjo'; font-weight: 600; color: #b18066; font-size: 2.5rem; line-height: 1.4em;}
.wellness-top .detail{font-size: 1.25rem; line-height: 1.8em; color: #777; margin-top: 35px;}

.wellness-mid {text-align: center; padding: 140px 0 85px; color: #fff; position: relative;}
.wellness-mid .bg01{width: 100vw; height: 50%; position: absolute; top: 0; left: 50%; z-index: -1; background: url(../images/sub32-bg-top.jpg) no-repeat center; background-size: cover; transform: translateX(-50%);}
.wellness-mid .bg02{width: 100vw; height: 50%; position: absolute; bottom: 0; left: 50%; z-index: -1; background: url(../images/sub32-bg-bot.jpg) no-repeat center; background-size: cover; transform: translateX(-50%);}

.wellness-mid .top-txt .title { font-size: 3.75em; font-weight: 400; margin-bottom: 50px; font-family: 'Jost', sans-serif;}
.wellness-mid .top-txt .detail{font-size: 1rem; line-height: 1.785em; letter-spacing: -0.05em; color: #fff; display: block; margin-bottom: 80px;}

.wellness-mid .big-img-box > .img-box{display: flex; max-width: 1770px; width: 100%;}
.wellness-mid .big-img-box > .img-box > div{position: relative;}
.wellness-mid .img-box img{width: 100%; height: 100%; object-fit: cover;}
.wellness-mid .img-box.left .lef{width: 240px; flex-shrink: 0;}
.wellness-mid .img-box.right .rig{width: 240px; flex-shrink: 0;}
.wellness-mid .big-img-box .detail{text-align: right; margin-top: 15px; margin-bottom: 85px; font-size: 1.125rem; color: #fff; letter-spacing: -0.05em;}

.wellness-mid .txt-box-wrap{width: 100%; max-width: 1200px; margin: 0 auto 65px; display: flex; justify-content: space-between;}
.wellness-mid .txt-box-wrap dl{letter-spacing: -0.05em; }
.wellness-mid .txt-box-wrap dl~dl{margin-top: 40px;}
.wellness-mid .txt-box-wrap dt{font-size: 1.25rem; font-weight: 700; color: #343841; margin-bottom: 15px;}
.wellness-mid .txt-box-wrap dd{font-size: 1.125rem; font-weight: 400; color: #fff; line-height:  1.55em;}

.wellness-mid .img-wrap{position: relative;}
.wellness-mid .txt-box-wrap .rig-wrap .detail{text-align: right; margin-top: 15px; font-size: 1.125rem; color: #fff; letter-spacing: -0.05em;}
.wellness-mid .detail{color: #fff !important;}
.wellness-mid .img-section{width: 100%; max-width: 1200px; margin: 0 auto;}
.wellness-mid .img-section ~ .img-section{margin-top: 40px;}
.wellness-mid .img-section .img-wrap{position: relative;}

@media all and (max-width:1024px){
    .wellness-top{flex-direction: column; gap: 40px; margin: 0 auto 50px;}
    .wellness-top > div{width: 100%;}
    .wellness-top .title{font-size: 2rem; line-height: 1.4em; text-align: center; display: block; width: 100%;}
    .wellness-top .detail{font-size: 0.875rem; line-height: 1.75em; color: #777; margin-top: 20px; text-align: center; display: block; width: 100%;}
    .wellness-top .rig img {width: 80%; display: block; margin: 0 auto;}
    .wellness-mid{padding: 60px 0 40px;}
    .wellness-mid .top-txt .title {font-size: 2.75rem; margin-bottom:30px}
    .wellness-mid .top-txt .detail{margin-bottom:60px; text-align: center; font-size: 0.875rem;}    
    .wellness-mid .img-box.left .lef{width: 30%;flex-shrink: 0;height: 100%;}
    .wellness-mid .img-box.left img{width: 100%; height: 100%; object-fit: cover;}
    .wellness-mid .img-box.right .rig{width: 30%;flex-shrink: 0;height: 100%;}
    .wellness-mid .img-box.right img{width: 100%; height: 100%; object-fit: cover;}
    .wellness-mid .big-img-box .detail{margin-bottom: 40px; font-size: 0.875rem; text-align: center;}
    .wellness-mid .txt-box-wrap dl~dl{margin-top: 20px;}
    .wellness-mid .txt-box-wrap{flex-direction: column; gap: 30px; margin: 0 auto 40px;}
    .wellness-mid .txt-box-wrap dt{font-size: 1rem; margin-bottom:10px}
    .wellness-mid .txt-box-wrap dd{ font-size: 0.875rem;}
    .wellness-mid .txt-box-wrap .rig-wrap .detail{font-size: 0.875rem; text-align: center;}
    .wellness-mid .img-section ~ .img-section{margin-top: 30px;}
}

/*sub4-4*/
.recruitment{padding-bottom:330px;position:relative;}
.recruitment_area{padding:0 65px 55px;box-shadow:15px 15px 15px rgba(0,0,0,0.1);position:absolute;bottom:75px;left:5%;z-index:10;width:90%;background:url(../images/recruitment-bg.jpg) no-repeat center;background-size:cover;}
.recruitment_area .recruitment_btn{display:block;line-height:75px;color:#fff;text-align:center;}
.recruitment_area .recruitment_btn strong{vertical-align:middle;font-size:1.625rem;font-weight:600;}
.recruitment_area .recruitment_btn span{margin-left:15px;padding-left:25px;vertical-align:middle;background:url(../images/down-icon.png) no-repeat left center;font-size:1rem;font-weight:400;}

@media all and (max-width:1024px){
	.recruitment{padding-bottom:0;}
	.recruitment_area{padding:0;position:static;width:100%;background:#fff;}
	.recruitment_area img{width:100%;}
	.recruitment_area .recruitment_btn{background-color:#b18066;line-height:50px;}
	.recruitment_area .recruitment_btn strong{font-size:1.3rem;}
	.recruitment_area .recruitment_btn span{padding-left:20px;background-size:contain;}
}


/*sub5-1*/
.location_pre h4{letter-spacing: -0.05em;}
.location_pre .sub_top_txt p{letter-spacing: -0.05em;}
.location_tit{margin-bottom:140px;text-align:center;}
.location_tit p{display:inline-block;padding-bottom:10px;border-bottom:1px solid #76777a;font-size:2.813em;font-weight:300;line-height:1.2em;color:#111;}
.location_tit p span{font-weight:600;}
.location_tit p strong{font-weight:600;color:#b18066;}
.location_con{display:flex; max-width: 1380px; margin: 0 auto;}
.location_con:nth-child(even){flex-direction: row-reverse;}
.location_con:nth-child(even) .location_txt p,
.location_con:nth-child(even) .location_txt ul{padding-right:100px;padding-left:0;text-align:right;}
.location_con:nth-of-type(2) > div{height: 100%;}
.location_con:nth-of-type(2) p{height: 240px; display: flex; align-items: flex-end; justify-content: flex-end; flex-shrink: 0;}
.location_con:last-of-type > div{height: 100%;}
.location_con:last-of-type p{height: 240px; display: flex; align-items: flex-end; justify-content: flex-end; flex-shrink: 0;}
.location_con .location_img{width:50%;}
.location_con .location_img img{width:100%;}
.location_con .location_txt{display:flex;align-items:center;width:50%;}
.location_con .location_txt > div{width:100%;}
.location_con .location_txt p{padding-bottom:35px;padding-left:100px;border-bottom:1px solid #d6cab9;}
.location_con .location_txt p span{display:block;font-family:'Jost';font-size:1rem;font-weight:600;color:#b18066;text-decoration:underline;text-underline-position: under;}
.location_con .location_txt p strong{display:block;margin-top:20px;font-size:1.875em;font-weight:600;color:#111;}
.location_con .location_txt ul{padding-top:25px;padding-left:100px;}
.location_con .location_txt ul li{font-size:1.375rem;color:#777;line-height: 1.72em; letter-spacing: -0.05em;}
.location_con .location_txt ul li.ori{margin-top: 20px;line-height: 2rem}
.location_con span{font-size:1.25rem; }

.location_lines{width: 1px; height: 100px; display: block; margin: 150px auto 100px; background: #76777a;}
.location_advantages{margin-top:0px;padding-bottom: 165px;background: url(../images/location-bot-bg.jpg) no-repeat bottom center; background-size: contain;}

.location_advantages .top-bg{margin: 0 auto; max-width: 1770px; height: 450px; position: relative;}
.location_advantages .top-bg img{width: 100%; height: 100%; object-fit: cover;}

.location_advantages .sub_top_txt h4{letter-spacing: -0.05em;}
.location_advantages .sub_top_txt p{font-size: 1.5em; color: #2a2d2e; letter-spacing: 0.02em; margin-top:30px}

.adventages_title{ margin: 130px auto 85px;font-size: 2.8125em; text-align: center; color: #111; position: relative; max-width: 435px;}
.adventages_title span{position: relative;}
.adventages_title strong{font-weight: 600; color: #b18066;}
.adventages_title span::before{display: block; position: absolute; content: ''; width: calc(100% + 24px); height: 1px; background: #111; bottom: -15px; left:50%; transform: translateX(-50%);}

.adventages_wrap{display: flex; gap: 19px; justify-content: center;}

.adventages_wrap li{ padding-bottom: 532px; position: relative;width: 445px; height: 0;}

.adventages_wrap li .adventages_txt{ display: flex; align-items: center; justify-content: center; flex-direction: column;position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.adventages_txt span, .adventages_txt strong{display: block; font-size: 1.75em; line-height: 1.5em; color: #fff;}

.adventages_wrap li:first-of-type{background-image: url(../images/location-bot-item01.jpg);}
.adventages_wrap li:nth-of-type(2){background-image: url(../images/location-bot-item02.jpg);}
.adventages_wrap li:last-of-type{background-image: url(../images/location-bot-item03.jpg);}

@media all and (max-width:1024px){
	.location_tit{margin-bottom:30px;}
	.location_tit p{font-size: 1.9rem;}
	.location_con{display:block;}
	.location_con ~ .location_con{margin-top:45px;}
	.location_con .location_img{width:100%;}
	.location_con .location_txt{margin-top:5px;width:100%;}

	.location_con:nth-of-type(2) > div{height: 100%;}
	.location_con:nth-of-type(2) p{height: auto; display: block;}
	.location_con:last-of-type > div{height: 100%;}
	.location_con:last-of-type p{height: auto; display: block;}

	.location_con .location_txt p{padding-bottom: 20px;padding-left:0;}
	.location_con .location_txt p span{font-size:0.917rem;}
	.location_con .location_txt p strong{margin-top: 15px;font-size:1.5rem;}
	.location_con .location_txt ul{padding-left:0; padding-top: 20px;}
	.location_con .location_txt ul li{font-size: 1.165rem;}
    .location_con .location_txt ul li.ori{margin-top: 15px;line-height: 1.6em;}
    .location_con .ori span{font-size:0.975rem;  padding-top: 15px;}
    .location_advantages .sub_top_txt h4{letter-spacing: -0.05em;}
	.location_advantages .sub_top_txt p{font-size: 0.9em; color: #2a2d2e; letter-spacing: 0.02em; margin-top:15px}

	.location_con:nth-child(even) .location_txt p,
	.location_con:nth-child(even) .location_txt ul{padding-right: 0;text-align:left;}
	.location_lines{width: 1px; height: 50px; display: block; margin: 70px auto 60px; background: #76777a;}

	.location_advantages{margin-top:0px; padding: 0 20px 30px; background-size: cover;}
    .adventages_title{font-size: 1.6rem; width: 65%; margin: 60px auto 50px;}
    .location_advantages .top-bg{height: 200px;}
    .adventages_wrap{display: flex; flex-direction: column; gap: 30px;}

    .adventages_wrap li{width: 100%; padding-bottom: 50%; background-position: bottom center; background-size: cover;}
    .adventages_txt span, .adventages_txt strong{font-size: 1.2rem; line-height: 1.5em;}

}

/*sub5-2 */
.generation_wrap{position:relative; padding-bottom: 160px;}
.generation_wrap .bg{background: url(../images/generation-bg.jpg) no-repeat bottom center; background-size: cover; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); z-index: -1;}
.generation_design_tit{margin-bottom: 85px;}
.generation_design_img{position: relative;}
@media all and (max-width:1024px){
	.generation_wrap{position:relative; padding-bottom: 30px;}
	.generation_design_tit{margin-bottom: 30px;}
}

/*sub6-2*/
.video_tab ul li ~ li{margin-left: 60px;}
.video_tab ul li a span em span{font-size:0.938rem;}
@media all and (max-width:1024px){
	.video_tab ul li ~ li{margin-left:10px;}
	.video_tab ul li a span em{font-size:1.2rem;}
}

/**sub6-4*/
.catalog{display:flex;align-items: flex-end;justify-content: flex-end;padding:110px 140px;height:700px;background:url(../images/catalogue-pc-bg.jpg?ver=3) no-repeat center;background-size:cover;}
.catalog_txt{text-align:center;}
.catalog_txt .catalog_tit{margin-bottom:10px;font-size:2.125rem;font-weight:600;line-height:1.471em;color:#fff;}
.catalog_txt p{font-size:1.125rem;line-height:1.6em;color:#fff;}
.catalog_txt p span{font-size:1.5rem;}
.catalog_txt p span strong{font-weight:600;}
.catalog_txt .catalog_logo{margin: 50px auto;width: 200px;height: 39px;background: url(../images/catalog-logo.png?ver=5) no-repeat center;background-size: contain;}
.catalog_txt a{display:block;box-shadow:15px 10px 20px rgba(25,1,35,0.25);width:250px;background-color:#b18066;background-image:url(../images/wh-arr.png);background-repeat:no-repeat;background-position:90% center;font-size:1.125rem;line-height:60px;color:#fff;}

@media all and (max-width:1024px){
	.catalog{align-items: flex-start;justify-content: center;padding: 40px 20px;height:170vw;background-image:url(../images/catalogue-m-bg.jpg?ver=3);}
	.catalog_txt .catalog_tit{font-size:1.5rem;}
	.catalog_txt p{font-size:1rem;}
	.catalog_txt p span{font-size:1.25rem;}
	.catalog_txt .catalog_logo{margin: 25px auto;width:120px;height:33px;}
	.catalog_txt a{width:180px;font-size:1rem;line-height:40px;}
}

/*sub7-5*/
.board_map{margin-top:60px;}
.board_map ul{display:flex;justify-content: center;}
.board_map ul li{float:none;}

@media all and (max-width:1024px){
	.board_map{margin-top:40px;}
	.board_map ul{display:block;}
}

/* gallery */
.city_gallery{margin:0 auto;padding:0 20px;max-width:1240px;}
.city_gallery ._big { position:relative; }
.city_gallery ._big .zoomin { display:block; position:absolute; bottom:0; left:0; width:80px; height:80px; background:url(../images/zoomup_btn.png) no-repeat; text-indent:-9999px; cursor:pointer; }
.city_gallery ._box {padding:30px 40px 60px; position:relative;}
.city_gallery ._box ._desc { position:relative; }
.city_gallery ._img { border:3px solid transparent; }
.city_gallery ._img.active { border:3px solid #7b5b39; }
.city_gallery .bx-controls-direction {display:block; display:none;z-index:100; width:100%;}
.city_gallery .bx-controls-direction a {display:block;position:absolute; top:70px;width:24px;height:34px;float:left;text-indent:-9999px; }
.city_gallery .btn a { display:block; margin-top:-17px; border:none; position:absolute; top:50%; z-index:100; width:24px; height:34px; background:none; text-indent:-99999px; }
.city_gallery .btn a.prev { left:-30px; background:url(../images/gall_left.png) no-repeat; }
.city_gallery .btn a.next { right:-30px; background:url(../images/gall_right.png) no-repeat; }
.city_gallery .bx-controls-direction .bx-prev { left:3px;background:url(../images/gall_left.png) no-repeat, url(../images/left_btn.png) no-repeat;}
.city_gallery .bx-controls-direction .bx-next {margin-left:-1px; right:3px;background:url(../images/gall_right.png) no-repeat; }
.city_gallery ._big .big_btn a { display:block; margin-top:-48px; position:absolute; top:50%; width:50px; height:96px; text-indent:-9999px; cursor:pointer; }
.city_gallery ._big .big_btn .prev { left:25px; background:url(../images/gall_prev.png) no-repeat; background-size:contain;}
.city_gallery ._big .big_btn .next { right:25px; background:url(../images/gall_next.png) no-repeat; background-size:contain;}
#cityglayLayer { display:none; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9998; width:100%; min-height:100%; background:rgba(0,0,0,0.8); }
#cityoverLayer { display:none; margin:0 auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; width:100%; }
#cityoverLayer #zoomclose { display:block; position:fixed; top:50px; right:100px; z-index:1000; width:65px; height:65px; background:url(../images/zoom_close.png) no-repeat; text-indent:-9999px; }
#cityoverLayer .tit { display:none; padding:0 42px; position:fixed; bottom:0; width:100%; height:55px; background:rgba(0,0,0,0.5); line-height:55px; }
#cityoverLayer .tit .left { float:left; font-size:18px; color:#f5ffff; }
#cityoverLayer .tit .right { display:block; margin-top:15px; width:26px; height:26px; float:right; background:url(../images/zoomout.png) no-repeat; text-indent:-9999px; }

.city_gallery .ready{width: 100%; height: 350px; display: flex; justify-content: center; align-items: center;}

@media all and (max-width:1024px){
	.hnn-search{display:flex;}
	.city_gallery ._big .big_btn a{margin-top: -21px;width: 22px;height: 42px;}
	.city_gallery ._big .big_btn .prev{left:10px;}
	.city_gallery ._big .big_btn .next{right:10px;}
	.city_gallery ._box{padding: 20px;}
}

/* video */
.hill_video{margin:0 auto;padding:0 20px;max-width:1240px;}
.hill_video ._big {padding-bottom:56.25%; position:relative;}
.hill_video ._big iframe{position:absolute;top:0;left:0;}
.hill_video ._box {padding:30px 40px 60px; position:relative;}
.hill_video ._box ._desc { position:relative; }
.hill_video ._box ._img{padding:0 10px;}
.hill_video ._box ._img a{display:block;position:relative;}
.hill_video ._box ._img a span {display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);font-size:0;transition:0.3s;opacity:0;}
.hill_video ._box ._img a span:before {display:inline-block;width:0;height:100%;vertical-align:middle;content:"";}
.hill_video ._box ._img a span em {display:block;margin:-25px 0 0 -25px;position:absolute;top:50%;left:50%;width:50px;height:50px;background:url(../images/ico-plus.gif) no-repeat;background-size:100% 100%;}
.hill_video ._box ._img a:hover span {opacity:1;}
.hill_video .bx-controls-direction {display:block; display:none;z-index:100; width:100%;}
.hill_video .bx-controls-direction a {display:block;position:absolute; top:70px;width:24px;height:34px;float:left;text-indent:-9999px; }
.hill_video .btn a { display:block; margin-top:-17px; border:none; position:absolute; top:50%; z-index:100; width:24px; height:34px; background:none; text-indent:-99999px; }
.hill_video .btn a.prev { left:-30px; background:url(../images/gall_left.png) no-repeat; }
.hill_video .btn a.next { right:-30px; background:url(../images/gall_right.png) no-repeat; }
.hill_video .bx-controls-direction .bx-prev { left:3px;background:url(../images/gall_left.png) no-repeat, url(../images/left_btn.png) no-repeat;}
.hill_video .bx-controls-direction .bx-next {margin-left:-1px; right:3px;background:url(../images/gall_right.png) no-repeat; }

@media all and (max-width:1024px){
	.hill_video ._box{padding: 20px 30px;}
	.hill_video ._box ._img{padding:0;}
	.hill_video ._box ._img a span em{margin: -15px 0 0 -15px;width:30px;height:30px;}
}

/*�湮����*/
.compl-msg {margin:0 auto;margin-bottom:30px; padding:80px 20px; border:10px solid #ccc;max-width:1240px;}
.compl-msg span {display:block;font-size:2.25rem;line-height:1.5em;color:#333;text-align:center;}
.visit-guide { margin-top:30px;text-align:center;}
.visit-guide li {margin-bottom:10px; font-size:1rem; color:#666;}
.botarea {margin-top:30px;text-align:center;}
.board_btn button {
    border: none;
    width: 160px;
    background-color: #b18066;
    font-size: 1rem;
    line-height: 60px;
    color: #fff;
    cursor: pointer;
}
.cer-btn3 {display:inline-block;margin-left:5px;border:none;width:160px;height:40px;background:#333;font-size:0.938rem;line-height:40px;color:#fff;}
.cer-btn4 {display:inline-block;margin-left:5px;border:none;width:160px;height:40px;background:#777;font-size:0.938rem;line-height:40px;color:#fff;}

.reservation {margin: 60px 0;font-size: 1.625rem;font-weight: 300;line-height:1.3em;text-align: center;}
.reservation span {font-weight: 500;color: #b18066;}
#aForm{margin:0 auto;padding:0 20px;max-width:1240px;}

#hp1, #hp2, #hp3 {
    width: 150px;
}
#wr_name, #wr_8 {
    width: 300px;
}
.board_ori{margin-bottom:10px;font-size:1rem;line-height:1.2em;}

@media all and (max-width:1024px){
	.compl-msg{padding:40px 10px;}
	.compl-msg span{font-size:1.6rem;line-height: 1.3em;}
	.visit-guide{margin-top:20px;}
	.botarea{display:flex;}
	.board_btn button {width: 130px;line-height: 40px;}
	.reservation{margin:30px 0;font-size:1.4rem;}
	#hp1, #hp2, #hp3 {
    width: 30%;
}
#wr_name, #wr_8 {
    width: 100%;
}
#boardwrite .boardwrite_table tr td > div em {
    width: 5%;
    text-align: center;
}
#boardwrite .boardwrite_table tr td > div {
    display: flex;
    align-items: center;
}
}


.img_cut{ display: block; overflow:hidden;position: absolute; right:0; bottom:0; width: 63px; height: 26px; background: url(../images/imgcut-info.png) no-repeat center; background-size: cover; white-space: nowrap; text-indent: -9999px;}
.img_cut.type2{width: 115px; background: url(../images/imgcut-info-type2.png) no-repeat center; }
.img_cut.type3{width: 90px; background: url(../images/imgcut-info-type3.png) no-repeat center; }

.img_cut span{ display: block;transform: translateX(-9999px);}

@media all and (max-width:1024px){
    .img_cut{ display: block; overflow:hidden;position: absolute; right:0; bottom:0; width: 32px; height: 13px; background: url(../images/imgcut-info.png) no-repeat center; background-size: cover;}
    .img_cut.type2{width: 58px; background: url(../images/imgcut-info-type2.png) no-repeat center; background-size: cover;}
    .img_cut.type3{width: 45px; background: url(../images/imgcut-info-type3.png) no-repeat center; background-size: cover;}

}

/* gall */
.gall_tit{font-size: 1.125rem; color: #454442; margin-bottom: 40px; text-align: center;}

@media all and (max-width:1024px) {
    .gall_tit{margin-bottom: 25px;}
}