@media only screen and (max-width:767px) {

.gnb {height:69px;}
.gnb .ham {top:23px;left:20px;}
.gnb .logo {padding-top:20px;}
.gnb .logo img {width:100px;}

.gnb .right {display:none;}
.gnb_fixed {position:fixed;top:0;left:0;background-color:#FFF;z-index:1000;}

.menu {display:none;}

.footer {padding:50px 20px 30px 20px;;}
.footer img {width:125px;}
.footer span {font-size:12px;}
.footer p {font-size:12px;}


/* Main */
.main_hero .swiper-slide {padding:0;}
.main_hero .text {bottom:-50px;z-index:100;}
.main_hero .text h1 {display:none;}
.main_hero .text h2 {display:none;}

.main_info {padding:50px 10px 10px 10px;}
.main_info h1 {font-size:22px;padding-bottom:10px;}
.main_info h2 {position:relative;top:auto;right:auto;font-size:13px;padding-bottom:25px;}
.main_info h2 span {padding:0 3px 4px 0;font-size:16px;}
.main_info .map {width:100%;height:300px;}
.main_info .flow {position:relative;width:auto;height:auto;padding:10px 10px 50px 10px;bottom:auto;right:auto;margin-top:10px;}

.main_info .flow .swiper-pagination {bottom:15px!important;}

.main_event {padding:50px 10px 10px 10px;}
.main_event h1 {font-size:24px;padding-bottom:20px;}
.main_event .more {display:none;}
.main_event .list ul {display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;}
.main_event .list li {flex:0 0 calc(50% - 5px);}
.main_event .list li:last-child {display:none;}

.main_space {padding:50px 10px 10px 10px;}
.main_space h1 {font-size:24px;padding-bottom:10px;}
.main_space .tab {position:relative;top:auto;right:auto;padding-bottom:25px;}
.main_space .tab a {font-size:13px;color:#999;border-radius:8px;padding:7px 11px;margin-left:1px;}

.main_exp {margin:50px 10px 10px 10px;}
.main_exp  h1 {font-size:24px;padding-bottom:20px;}
.main_exp .text {position:absolute;left:10px;bottom:35px;}
.main_exp .text h2 {font-size:22px;}
.main_exp .line {position:absolute;left:10px;right:10px;bottom:20px;width:90%;}
.main_exp .control {display:none;}

.main_bn {margin:50px 10px 50px 10px;}
.main_bn ul {display:flex;flex-direction:column;gap:10px;}
.main_bn li {padding:22px 10px 22px 70px;}
.main_bn li p {font-size:12px;letter-spacing:1px;}
.main_bn li h1 {font-size:22px;}
.main_bn li span {top:25px;left:20px;font-size:40px;}
.main_bn li img {top:27px;left:20px;width:34px;}

.main_gallery {padding:0px 10px 10px 10px;}
.main_gallery h1 {font-size:24px;padding-bottom:20px;}
.main_gallery .more {display:none;}
.main_gallery .list li {flex:0 0 calc(50% - 4px);}


/* Sub Comm */
.subtitle {padding:50px 0 20px 0;}
.subtitle p {font-size:10px;letter-spacing:2px;}
.subtitle h1 {font-size:26px;padding-top:5px;}
.subtitle .line {width:20px;height:3px;margin:17px auto;}
.subtitle .submenu a {font-size:13px;}
.subtitle .submenu img {padding:0 7px;}
.subtitle_space {padding:40px 0 30px 20px;}

/* .warp {padding:10px;} */


/* Discover */
.brandstory {height:auto;max-height:550px;}
.brandstory .swiper-wrapper {padding:0px;}
.brandstory .box {width:100%;height:100%;background-position:center;;}
.brandstory .box .text {margin-top:50%;padding:0 10%;width:auto}
.brandstory .box .text h1 {font-size:24px;letter-spacing:3px;}
.brandstory .box .text h2 {font-size:13px;letter-spacing:1px;}
.brandstory .box .text img {padding:20px 0;}
.brandstory .box .text p {font-size:14px;}

.brandstory .swiper-pagination {right:10px!important;}
.brandstory .swiper-pagination-bullet {height:7px;width:7px;}
.brandstory .swiper-pagination-bullet-active {height:22px;}

.archtecture_top .box {min-height:300px;padding:44px 20px;}
.archtecture_top .box h1 {font-size:24px;}
.archtecture_top .des {font-size:14px;line-height:30px;padding:40px 0;}

.archtecture_list ul {display:flex;flex-direction:column;margin:0 0 40px;}
.archtecture_list ul li {width:100%;box-sizing:border-box;}
.archtecture_list ul li:has(img) {order:1;}
.archtecture_list ul li:not(:has(img)) {order:2;display:flex;flex-direction:column;justify-content:center;padding:20px 0;text-align:left;align-items:flex-start;}
.archtecture_list ul li h2 {font-siuze:12px;letter-spacing:1px;}
.archtecture_list ul li h1 {font-size:24px;padding:12px 0 7px 0;}
.archtecture_list ul li p {font-size:14px;line-height:24px;}
.archtecture_list ul:nth-child(even) li:not(:has(img)) {text-align:left;align-items: flex-start;}

.galnc_top {padding:30px 20px;width:auto;}
.galnc_top .line {height:20px;margin:20px auto;}
.galnc_top h1 {font-size:22px;}
.galnc_top h2 {font-size:15px;}

.galnc_box {padding:50px 0 00px 0;}
.galnc_box .box img {margin-bottom:30px;}
.galnc_box .box span {font-size:11px;letter-spacing:1px;padding:6px 10px;}
.galnc_box .box h1 {font-size:22px;}
.galnc_box .box p {font-size:13px;}

.galnc_box .swiper-pagination {bottom:25px!important;}


/* Space */
.floor_link {width:auto;max-width:100%;top:0;left:0;overflow:hidden;border-bottom:solid 1px #e5e5e5;}
.floor_link h1 {display:none;}
.floor_link ul {display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.floor_link ul::-webkit-scrollbar {display:none;}
.floor_link li {position:relative;flex:0 0 auto;}
.floor_link li a {display:block;white-space:nowrap;border-left:solid 1px #e5e5e5;padding:14px 17px;}
.floor_link li a h2 {font-size:15px;font-weight:800;}
.floor_link li a p {font-size:11px;color:#666;font-weight:600;}
.floor_link li a:hover, .floor_link li .on {background-color:#f2f2f2;border-bottom:solid 2px #000;border-left:0;}
.floor_link_fixed {position:fixed;top:70px;background-color:white;z-index:1000;}

.floor_con {position:relative;margin:100px 0 0px 0;;}

.floor_con .plan {text-align:center;}
.floor_con .plan h1 {font-size:20px;padding-bottom:20px;}

.floor_con .facilities {padding:70px 0 30px 0;text-align:center;border-bottom:solid 2px #999;}
.floor_con .facilities h1 {font-size:20px;padding-bottom:40px;}

.floor_con .list ul {gap:20px;align-items:center;flex-direction:column;text-align:center;}
.floor_con .list li img {border-radius:15px;width:170px}
.floor_con .list li h1 {font-size:20px;}
.floor_con .list li p {font-size:13px;padding:5px 0 15px 0;}

.floor_con .pnview {padding-top:40px;text-align:center;}
.floor_con .pnview h1 {font-size:20px;padding-bottom:20px;}


/* Experience */
.exp_top {min-height:290px;background-size:cover;}
.exp_top .text {padding:36px 20px;}
.exp_top .text h1 {font-size:20px;padding:0 0 5px 0;}
.exp_top .text p {font-size:11px;letter-spacing:1px;}

.exp_info {padding:40px 0 30px 0;}
.exp_info h1 {font-size:20px;}
.exp_info p {font-size:14px;line-height:28px;padding:10px 0 20px 0;}
.exp_info a {font-size:14px;padding:8px 18px;}
.exp_info a img {width:20px;}

.exp_text {padding:40px 0 30px 0;}
.exp_text h1 {font-size:20px;}
.exp_text p {font-size:14px;line-height:24px;}

.exp_photo ul {display:flex;flex-direction:column;gap:10px;margin:10px 0;}
.exp_photo li {flex:0 0 auto;min-width:0;}
.exp_photo li img {width:100%;height:auto;display:block;}


/* Gallery */
.gallery_vod .text p {font-size:12px;padding:45% 0 7px 0;}
.gallery_vod .text h1 {font-size:30px;}


.gallery_photo ul {flex-wrap:wrap;gap:5px;}
.gallery_photo li {flex:0 0 calc(100% - 2.5px);}



/* Visit */
.location_map {padding:0px;}

.location_info {padding:30px 0 10px 0;}
.location_info h1 {font-size:19px;}
.location_info p {font-size:14px;}
.location_info a {font-size:13px;padding:9px 15px 7px 15px;}
.location_info a span {font-size:20px;}

.parking_info {padding-top:50px;}
.parking_info span {font-size:35px}
.parking_info h1 {font-size:20px;padding:10px 0 5px 0;}
.parking_info p {font-size:13px;padding-top:5px;}
.parking_info i {font-size:12px;}
.parking_info .box {padding-top:20px;}
.parking_info .box ul {display:flex;flex-direction:column;}
.parking_info .box li {width:auto;font-size:13px;padding:20px;border-radius:10px;margin-right:0px;margin-bottom:10px;}
.parking_info .box li h2 {font-size:20px;}
.parking_info .img {padding-top:10px;}
.parking_info .img ul {flex-direction:column;}
.parking_info .img li img {border-radius:10px;;}


/* Withus */
.event ul {flex-direction:column;gap:10px;margin:0 0 10px 0;}

.pop_event img {width:100%;padding:17% 0;}

.familysite ul {flex-direction:column;;gap:20px;margin:50px 0 20px 0;align-items:center;text-align:center;}
.familysite li img {border-radius:20px;width:130px;}
.familysite li h1 {font-size:20px;}
.familysite li p {font-size:13px;line-height:22px;}

.inq h1 {font-size:24px;padding:30px 0 5px 0;}
.inq h2 {font-size:13px;line-height:22px;;}
.inq .box {padding:30px 0;}
.inq .box ul {display:flex;flex-direction:column;gap:10px;margin:0 0 10px 0;}
.inq .box li {padding:30px 20px;border-radius:15px;width:100%;box-sizing:border-box;}
.inq .box li span {font-size:11px;letter-spacing:1px;}
.inq .box li h3 {font-size:20px;padding:3px 0 11px 0;}
.inq .box li p {font-size:13px;line-height:20px;}
.inq a {font-size:13px;padding:10px 25px 8px 15px;}

}