@charset "utf-8";

* {font-family: 'notokr'; } 
.header-box {background: #243971; display: flex; align-items: center; flex-wrap: wrap; position: relative; } 
.logo-box {width: 345px; box-sizing: border-box; padding-left: 20px; /* position: absolute; */ z-index: 10; } 
.logo-box img{ width: 190px; } 
.logo-box img:before{ content: attr(title); display: block; } 
.logo-box .cam{ display: inline-block; font-size: 17px; color: #fff; margin-left: 10px; } 
.menu-box {width: calc(100% - 345px); position: relative; } 
.menu-box div ul li a {display: inline-block; position: relative; background-repeat: no-repeat; background-position: left center; background-size: 27px; font-size: 20px; color: #d9c1c1; font-weight: 500; } 
.gnb {display: flex; align-items: center; /* flex-wrap: wrap; */ /* padding-right: 100px; */ /* justify-content: center; */ } 
.gnb>li {} 
.gnb>li>a {position: relative; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; font-size: 1.063em; color: #fff; font-weight: 700; min-width: 220px; text-align: center; line-height: 100px; } 
.gnb>li>a .ico {margin-right: 8px; margin-top: -4px; } 
.gnb>li>a .txt {} 
.btn-lang {width: 140px; line-height: 100px; color: #fff; font-size: 13px; font-family: 'Roboto'; font-weight: 600; text-align: center; position: absolute; top: 0; right: 0; } 
.btn-lang .ico {margin-right: 5px; margin-top: -2px; } 
.btn-sch{ width: 100px; height: 100px; white-space: nowrap; overflow: hidden; text-indent: -999px; background: url('/resources/user/images/mapManager/ico-sch.png') center center no-repeat; position: relative; } 
.btn-sch:focus-visible{ outline: 0; } 
.btn-sch.active{ background-color: #243971; background-image: url(''); } 
.btn-sch.active:before, .btn-sch.active:after{width: 4px; height: 30px; background: #fff; content: ''; position: absolute; left: 50%; top:50%; margin: -15px 0 0 -2px} 
.btn-sch.active:before{transform: rotate(45deg)} 
.btn-sch.active:after{transform:  rotate(-45deg)} 
.sch-area-wrap{ position: absolute; top: 50%; right: 20px; z-index: 999; transform: translateY(-50%); /* width: 100%; */ /* height: 100px; */ /* background: #243971; */ /* display: none; */ display: flex; align-items: center; width: 100%; max-width: 378px; } 
.sch-area {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 
.sch-area.active {} 
.sch-area.active .btn-sch {background-image: url('/resources/user/images/mapManager/ico-sch_b.png') } 
.sch-area input {width: 100%; height: 50px; background: transparent; border: 0; border-bottom: 2px solid #fff; padding: 0 50px 0 20px; background: #fff; border-radius: 50px; } 
.sch-area input::placeholder{ color: #999; } 
.sch-area button{ width: 50px; height: 50px; /* 	text-indent: -9999px; */ /* 	background: url('/resources/user/images/mapManager/ico-sch.png') center center no-repeat; */ position: absolute; top: 0; right: 10px; } 
.sch-area button >svg{ width: 26px; height: 26px; fill: #243971; } 
.wrapper {position: relative; display: flex; } /* 캠퍼스맵 인포 */ .map-info-wrap {/* float: left; */ width: 345px; height: calc(100vh - 100px); overflow-y: scroll; box-sizing: border-box; box-shadow: 3px 0 5px rgba(0, 0, 0, 0.2); position: relative; z-index: 10; } 
.wrapper.closed .map-info-wrap {display: none; } 
.map-info-toggle {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 80px; z-index: 11; background: #fff url('/resources/user/images/mapManager/arrow_l.svg') no-repeat center / 8px; border-radius: 0 20px 20px 0; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); } 
.map-info-toggle.open {background-image: url('/resources/user/images/mapManager/arrow_r.svg'); } 
.map-sch-wrap {padding: 18px 22px; background: #f7f7f7; position: sticky; top: 0; z-index: 20; } 
.map-sch-wrap .map-sch-box {/* padding: 10px 13px; */ width: 100%; height: 50px; background: #fff; border: 1px solid #b0b0b0; box-sizing: border-box; border-radius: 50px; display: flex; align-items: center; overflow: hidden; } 
.map-sch-box .inputSearch {display: inline-block; width: calc(100% - 50px); height: 50px; border: 0; font-size: 16px; vertical-align: middle; background: transparent; padding: 0 20px; } 
.map-sch-box .btnSearch {display: inline-block; width: 50px; height: 50px; border: 0; vertical-align: middle; cursor: pointer; background: #9e1915 url('/resources/user/images/mapManager/search.png') no-repeat 15px center; } 
.btn-map-refresh {position: absolute; right: 80px; } 
.map-info-list {scroll-snap-type: y proximity; } 
.map-info-list>ul>li {display: block; position: relative; padding: 20px 40px 20px 50px; border-bottom: 1px solid #ccc; cursor: pointer; scroll-snap-align: center; transition: all .5s ease; background: #fff url('/resources/user/images/mapManager/arrow_r.svg') no-repeat right 20px top 24px / 8px; } 
.map-info-list>ul>li.active {background-color: #e9e9e9; } 
.map-info-list>ul>li.active :after {scroll-snap-align: center; } 
.map-info-list .info h5 {font-size: 17px; font-size: 1.063em; font-weight: 700; color: #333; } 
.map-info-list .info .icon-wrap {margin-top: 15px; margin-bottom: -3px; font-size: 0; display: none; } 
.map-info-list .info .icon-wrap>* {margin: 0 1.5px 3px; width: 30px; } 
.map-info-list .info .icon {position: absolute; top: 50%; left: 10px; transform: translateY(-50%); } 
.map-info-list .info .icon>img {width: 30px; } 
.map-info-list .info .icon .mk_img {width: 36px; } 
.map-info-list .info .mk_txt {font-size: 13px; font-weight: 700; font-family: 'Roboto'; color: #000; position: absolute; top: 13px; left: 17px; transform: translate(-50%, -50%); } #placesList .item .markerbg {float: left; /*position: absolute;*/ width: 36px; height: 37px; /*margin: 10px 0 0 10px;*/ margin: 0 12px 0 0; padding: 10px 0 0; background-size: 100%; /*background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;*/ background: url(/resources/images/user/map/icon-location.png) no-repeat; text-align: center; vertical-align: middle; box-sizing: border-box; } 
.map-view-wrap {/* float: left; */ width: 100%; height: calc(100vh - 100px); position: relative; flex: 1; } 
.wrapper.closed .map-view-wrap {/* float: none; */ /* width: 100%; */ } 
.map_wrap, .map_wrap * {margin: 0; padding: 0; } 
.map_wrap {position: relative; width: 100%; height: calc(100vh - 100px); } 
.map_wrap a, .map_wrap a:hover, .map_wrap a:active {text-decoration: none; } #map {width: 100%; height: 100%; } /* 2024-01-12 by 100K5 */ .wrap_info {position: absolute; left: -105px; bottom: 45px; width: 500px; height: 300px; margin-left: -144px; text-align: left; line-height: 1.5; padding: 50px 20px 30px; background: #fff; border: 1px solid #b0b0b0; border-radius: 10px; /* margin-bottom: 15px; */ z-index: 20; } 
.wrap_info .btn-box {position: absolute; top: 0; right: 0; } 
.wrap_info .btn-to {display: inline-block; margin: 0 12px 0 0; padding: 0 10px; border: 1px solid #74838a; border-radius: 20px; font-size: 14px; line-height: 30px; width: 85px; text-align: center; font-weight: 700; color: #74838a; vertical-align: middle; } 
.wrap_info .btn-to>img {display: inline-block; vertical-align: middle; } 
.wrap_info .btn-to>img {display: inline-block; vertical-align: middle; margin: -2px 3px 0 0; } 
.wrap_info .btn-close {display: inline-block; width: 50px; height: 45px; background: #74838a url('/resources/user/images/mapManager/close.png') no-repeat center center; vertical-align: middle; border-radius: 0 10px 0 10px; } 
.wrap_info .info-box {} 
.wrap_info .info-box:nth-child(1) {border: 0; box-shadow: 0px 1px 2px #888; } 
.wrap_info .info-box .title-box {position: relative; margin-bottom: 30px; } 
.wrap_info .info-box .title-box .mk {position: absolute; top: -10px; left: 0; } 
.wrap_info .info-box .title-box .mk .mk_txt {font-size: 13px; font-weight: 600; font-family: 'Roboto'; color: #000; position: absolute; top: 17px; left: 21px; transform: translate(-50%, -50%); } 
.wrap_info .info-box .title {position: relative; font-size: 20px; color: #333; line-height: 1.2; font-weight: 700; white-space: normal; } 
.wrap_info .info-box .close {position: absolute; top: 10px; right: 12px; color: #888; width: 17px; height: 17px; background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png'); } 
.wrap_info .info-box .close:hover {cursor: pointer; } 
.wrap_info .info-box .body {position: relative; display: flex; height: 160px; } 
.wrap_info .info-box .desc {position: relative; width: 60%; max-height: 160px; overflow-y: auto; } 
.wrap_info .info-box .desc>* {white-space: normal; } 
.wrap_info .desc .ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.wrap_info .desc .jibun {font-size: 11px; color: #888; margin-top: -2px; } 
.wrap_info .info-box .img {width: 40%; } 
.wrap_info .info-box:after {content: ''; position: absolute; margin-left: -12px; left: 50%; bottom: -12px; width: 22px; height: 12px; background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png') } 
.wrap_info .info-box .link {color: #5085BB; } 
.wrap_num {position: absolute; left: -8px; bottom: 13px; width: 16px; height: 14px; margin: 0px 0px; padding: 0px 0px; text-align: center; overflow: hidden; cursor: pointer; } 
.mk_svg {width: 1.6em; } 
.mk_svg path{ fill: #999; } 
.mk_svg.on path{ fill: #9e1915; } 
.active .mk_svg path{ fill: #9e1915; } 
.mk_svg text{ color: #000; font-size: 1.063rem; font-weight: 700; } 
.mapNumber {color: #000; font-size: 11px; font-weight: 600; font-family: 'Roboto'; letter-spacing: -1px; position: absolute; top: 12.5px; left: 17.5px; transform: translate(-50%, -50%); } 
.btn-vr {display: block; position: fixed; bottom: 120px; right: 40px; z-index: 999; border-radius: 100%; } 
.campus-change {position: fixed; bottom: 40px; right: 40px; z-index: 999; } 
.btn-map {display: inline-block; border-radius: 100%; width: 64px; height: 64px; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #a28951; color: #fff; font-size: 13px; } 
.btn-map svg{ fill: #fff; width: 32%; margin-bottom: 5px; } 
.btn-map >*{ display: block; } 
.campus-list{ position: absolute; top: 0; right: 70px; transition: width .1s ease; display: none; } 
.campus-list.active{ display: flex; } 
.campus-list >a{ display: inline-block; margin: 0 5px; width: 64px; height: 64px; background: #fff; border-radius: 100%; border: 1px solid #a28951; text-align: center; display: flex; align-items: center; justify-content: center; color: #a28951; font-weight: 700; } 


@media ( max-width : 1400px) {
	.gnb>li>a{ min-width: 150px; } 
	.btn-sch{width: 50px;} 
} 
@media ( max-width : 1200px) {
	.gnb{ justify-content: flex-start; /* padding-left: 345px; */ } 
	.gnb>li>a{ min-width: 120px; } 
} 
@media ( max-width : 1024px) {
	.logo-box {width: 100%; padding: 20px 0 10px; text-align: center; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } 
	.menu-box {width: 100%; /* display: flex; */ align-items: center; flex-wrap: wrap; } 
	.gnb{ padding-right: 0; padding-left: 0; justify-content: center; } 
	.gnb>li>a {min-width: auto; padding: 20px; line-height: normal; } 
	.gnb>li>a:before {display: none; } 
	.gnb>li:last-child>a:after {display: none; } 
	.btn-lang {line-height: normal; position: static; width: auto; padding: 20px; } 
	.btn-sch{ width: 50px; height: 50px; position: absolute; top: 0; right: 0; } 
	.btn-sch.active{ } 
	.sch-area-box{ padding-bottom: 10px; } 
	.sch-area-wrap{ position: static; justify-content: center; width: 100%; max-width: none; padding: 0 1.5rem 20px; transform: translateY(0); } 
	.sch-area input{ /* max-width: 80%; */ height: 40px; } 
	.sch-area button{ width: 40px; height: 40px; } 
	.sch-area button >svg{ width: 22px; height: 22px; } 
	.wrapper{ display: block; } 
	.map-info-wrap {width: 100%; height: auto; max-height: 20vh; } 
	.map-view-wrap {width: auto; } 
	.map-info-toggle {top: 0; left: 50%; width: 80px; height: 30px; border-radius: 0 0 20px 20px; transform: translateX(-50%); background-image: url('/resources/user/images/mapManager/arrow_up.svg'); background-size: 11px; } 
	.map-info-toggle.open {background-image: url('/resources/user/images/mapManager/arrow_down.svg'); background-size: 11px; } 
	.btn-vr{ bottom: 100px; right: 20px; } 
	.campus-change{ bottom: 20px; right: 20px; } 
} 
@media ( max-width : 480px) {
	.logo-box img{width: 150px;} 
	.gnb>li>a{ /* padding: 5px 10px; */ } 
	.map-info-list>ul>li {padding: 15px 30px 15px 45px; background-position: right 15px top 16px; } 
	.map-info-list .info .icon svg {/* width: 30px; */ } 
	.map-info-list .info .icon {/* width: 30px; */ /* top: 14px; */ } 
	.map-info-list .info .icon-wrap>* {width: 30px; } 
	.map-info-list .info .mk_txt{ top: 11px; left: 15px; font-size: 11px; } 
	.wrap_info {width: 90vw; left: -16px; } 
	.btn-vr, .btn-map, .campus-list >a	{ width: 50px; height: 50px; font-size: 11px; } 
	.btn-vr{ bottom: 80px; } 
	.campus-list{ right: 55px; } 
	.campus-list >a{ margin: 0 2px; } 
} 
@media ( max-width : 380px) {
	.btn-lang {padding: 10px; } 
}

/* 2024-01-29 popup */ 
.info-popup-wrap{display: none; position: absolute; left: -398px; bottom: 45px; width: 800px; cursor: default;} 
.info-popup{ position: relative; background: #fff; padding: 35px 40px; border: 1px solid #ccc; } 
.info-popup:after{ content: ''; position: absolute; margin-left: -12px; left: 50%; bottom: -12px; width: 22px; height: 12px; background: url('/resources/user/images/mapManager/vertex_white.png') } 
.info-popup-wrap .btn-close {position: absolute; top: -25px; right: -25px; width: 50px; height: 50px;z-index: 1; border: 1px solid #ccc; border-radius: 100%; background: #fff url('/resources/user/images/mapManager/close_b.png') no-repeat center; }

.info-popup .top{display: flex;align-items: center;justify-content: space-between;padding-bottom: 17px;border-bottom: 1px solid #cecece; margin-bottom: 20px;}
.info-popup .title{font-size: 26px; font-weight: 700; color: #2e2e2e;}
.info-popup .etc{display: flex;align-items: center;gap: 3px;}
.info-popup .etc >a{}
/* .info-popup .etc .btn-path{display: inline-block; width: 35px; height: 35px; background: #F1F6FB url('/resources/user/images/mapManager/popIcon_06.svg') no-repeat center; border: 1px solid #1B4D8C; border-radius: 3px;} */
.info-popup .etc .btn-path{display: inline-flex; height: 35px;align-items: center;justify-content: center;gap: 6px;border: 1px solid #1B4D8C;color: #1B4D8C;background: #F1F6FB;border-radius: 3px;font-size: 14px;font-weight: 600; padding: 0 10px;}
/* .info-popup .etc .btn-path:after{content: '';display: inline-block;width: 15px;height: 20px;background: url('/resources/user/images/mapManager/popIcon_06.svg') no-repeat center;} */
.info-popup .etc .btn-share{display: inline-flex;width: 100px;height: 35px;align-items: center;justify-content: center;gap: 6px;border: 1px solid #6e6e6e;color: #6e6e6e;border-radius: 3px;font-size: 14px;font-weight: 600;}
.info-popup .etc .btn-share:after{content: '';display: inline-block;width: 20px;height: 20px;background: url('/resources/user/images/mapManager/popIcon_04.svg') no-repeat center;}
.info-popup .info-tab__btn{display: flex;width: 340px;border: 1px solid #2e2e2e; margin: 0 0 10px;}
.info-popup .info-tab__btn >li{width: 50%;}
.info-popup .info-tab__btn >li >a{display: inline-flex;align-items: center;justify-content: center;gap: 6px;width: 100%;height: 43px;color: #2e2e2e;font-weight: 600;}
.info-popup .info-tab__btn >li >a:before{content:'';display: inline-block;width: 20px;height: 20px;background: #2e2e2e;}
.info-popup .info-tab__btn >li:nth-child(1) >a:before{mask: url('/resources/user/images/mapManager/popIcon_01.svg')}
.info-popup .info-tab__btn >li:nth-child(2) >a:before{mask: url('/resources/user/images/mapManager/popIcon_02.svg')}
.info-popup .info-tab__btn .on{background: #2e2e2e; color: #fff;}
.info-popup .info-tab__btn .nav-link.active {background-color: #2e2e2e !important;color: #fff !important;}
.info-popup .info-tab__btn .nav-link.active:before {background: #fff !important;}

.info-popup .info-tab__btn .on:before{background: #fff;}
.info-popup .info-tab__cont{display: none;}
.info-popup .info-tab__cont.active{display: block;}
.info-popup .cont{display: flex;gap: 30px;}
.info-popup .cont .img{width: 340px;height: 260px;border: 1px solid #ccc;position: relative;overflow: hidden;}
.info-popup .cont .img .btn-plan{display: inline-block;width: 37px;height: 37px;line-height: 37px;background: #f7f7f7 url(/resources/user/images/mapManager/popIcon_05.svg) no-repeat center;border: 1px solid #ccc; position: absolute;bottom: -1px; right: -1px;}
.info-popup .cont .img .btn-img{display: inline-block;width: 37px;height: 37px;line-height: 37px;background: #f7f7f7 url(/resources/user/images/mapManager/popIcon_05.svg) no-repeat center;border: 1px solid #ccc; position: absolute;bottom: -1px; right: -1px;}
.info-popup .cont .img >img{width: 100%; height: 100%; object-fit: cover;}
.info-popup .cont .desc{width: 100%;flex: 1;position: relative;max-width: calc(100% - 340px);word-break: break-all;white-space: normal;max-height: 260px;overflow-y: auto; line-height: 1.5;;}
.info-popup.hasInfo .cont { position: relative; }
.info-popup.hasInfo .cont .desc{ position: absolute; top: -55px; right: 0; /* margin-top: -55px; */ padding-left: 30px; max-height: 315px;}

.info-popup .info__floor .img{position: relative;height: 221px;border: 1px solid #ccc;overflow: hidden; /* background: #F3F4F4; */}
.info-popup .info__floor .img >img{width: 90%; height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.info-popup .info__floor .btn-plan{display: inline-block;width: 37px;height: 37px;line-height: 37px;background: #f7f7f7 url('/resources/user/images/mapManager/popIcon_05.svg') no-repeat center;border: 1px solid #ccc;position: absolute;bottom: -1px;right: -1px;}

.info-popup .info__floor{}
.info-popup .info__floor .info__flr_cont_w{}
.info-popup .info__floor .cont_w{display: none;}
.info-popup .info__floor .cont_w.active{display: block;}

.flr_btn_w{display: flex;margin-top: -1px; max-width: 340px;}
.flr_btn_w [class*=ar]{width: 30px;height: 40px;position: relative;background: #2e2e2e;}
.flr_btn_w [class*=ar]:before{content: '';display: inline-block;width: 0;height: 0;border-color: #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
.flr_btn_w .arl:before{border-right: 7px solid #fff;}
.flr_btn_w .arr:before{border-left: 7px solid #fff;}
.flr_btns{position: relative; white-space: nowrap;overflow: hidden; font-size: 0;  width: 100%;}
.flr_btns li{flex: 1}
.flr_btns .item{ height: 40px;line-height: 40px;color: #6e6e6e; font-size: 16px; font-weight: 600;text-align: center;border: 1px solid #ccc; border-left: 0; border-radius: 0}
.flr_btns .item.active{background: #F1F6FB;color: #1B4D8C;border: 1px solid #1B4D8C;position: relative;}

.flr_btn_w.hasArrow .flr_btns{width: calc(100% - 60px);}
/* .flr_btn_w.hasArrow .flr_btns .item{width: 56px;} */
.flr_btn_w.noArrow .flr_btns{display: flex; width: 100%;}
.flr_btn_w.noArrow .flr_btns .item{flex: 1;}
.flr_btn_w.noArrow .flr_btns li:first-child .item:not(.active){border-left: 1px solid #ccc;}


@media ( max-width : 640px) {
	.info-popup-wrap .btn-close{ width: 30px; height: 30px; background-size: 40%; top: -15px; right: -15px; } 
} 


.floorPlan-wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.floorPlan{position: absolute;width: 100%;max-width: 1100px;top: 53%;left: 60%;background: #fff;transform: translate(-50%, -50%);z-index: 999999;} 
.toggle-hide .floorPlan{left: 50%;} 
.floorPlan .btn-close {position: absolute;top: 0;right: 0;width: 3.438em;height: 3.438em;background: url('/resources/user/images/mapManager/close_w.svg') no-repeat center;}
.floorPlan-box{position: relative;padding: 60px 20px 20px;height: 100%;} 
.floorPlan-box .title{font-size: 24px;font-weight: 700;line-height: 1.2;color: #fff;background: #243971;position: absolute;top: 0;left: 0;width: 100%;text-align: center;padding: 13px 10px;}
.floorPlan-box .img{width: 100%; padding: 20px 0; position: relative; } 
.floorPlan-box .img-zoom{width: 100%; overflow: hidden; position: relative; height: 468px;} 
.floorPlan-box .img-zoom >img{width: 100%;height: 100%;object-fit: contain;position: absolute;top: 0;left: 0;display: block;} 
.zoom-box{font-size: 0;padding-left: 1px; position: absolute; bottom: 20px; right: 0; z-index: 99999}
.zoom-box button{display: inline-block;width: 60px;height: 60px;background: #fff;border: 1px solid #ccc;margin-left: -1px;}
.zoom-box button img{width: 20px;}


#defaultInfo .floorPlan{max-width: 760px; left: 58%;}

.floorPlan-etc{border-top: 1px solid #cecece;padding: 20px 20px 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 20px 40px;}
.floorPlan-etc >li{}
.floorPlan-etc >li >img{margin-right: 5px; width: 35px;}
.floorPlan-etc >li >span{display: inline-block; color: #1e1e1e;}

.floorPlan-btns_w{display: flex;position: absolute;bottom: 20px;left: 0; z-index: 99999}
.floorPlan-btns_w [class*=ar]{width: 30px;position: relative;background: #2e2e2e;}
.floorPlan-btns_w [class*=ar]:before{content: '';display: inline-block;width: 0;height: 0;border-color: #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
.floorPlan-btns_w .arl:before{border-right: 7px solid #fff;}
.floorPlan-btns_w .arr:before{border-left: 7px solid #fff;}
.floorPlan-btns{position: relative;max-width: 355px;font-size: 0;white-space: nowrap;overflow: hidden;}
.floorPlan-btns >li{display: inline-block;}
.floorPlan-btns a{display: block;width: 60px !important;height: 60px !important;line-height: 60px;color: #6e6e6e;background: #fff;font-weight: 600;text-align: center;border: 1px solid #ccc;font-size: 16px;margin-left: -1px;padding: 0;}
.floorPlan-btns .active{background: #F1F6FB;color: #1B4D8C;border: 1px solid #1B4D8C;position: relative;}

@media ( max-width : 1700px) {
	.floorPlan{max-width: 720px;}
} 

@media ( max-width : 1280px) {

	.floorPlan{max-width: 500px;left: 71%;}
} 

@media ( max-width : 1024px) {
	.floorPlan-box .title{font-size: 20px;font-size: 1.25em;}
	.floorPlan{top: 0;left: 0;transform: translate(0,0);max-width: 100%;height: 100%;}
  	.floorPlan-box{display: flex; flex-direction: column; justify-content: space-between;}
	.floorPlan-box .img-zoom{position: relative; height: 70vh;} 
	.floorPlan-etc{gap: 10px;}
} 

@media ( max-width : 768px) {
	.zoom-box button{width: 40px; height: 40px;}
	.floorPlan-btns{max-width: 230px;}
	.floorPlan-btns a{width: 40px; height: 40px; line-height: 40px;}
	.floorPlan-btns_w [class*=ar]{width: 20px; height: 40px;}

} 

@media ( max-width : 560px) {

} 

@media ( max-width : 500px) {

}