@charset "UTF-8";

/* 캠퍼스맵 공통 및 레이아웃 */
.map-container:after{content:'';display:block;clear:both;}
.map-info-wrap{float:left;margin:0 30px 0 0;width:352px;height:calc(100vh - 122px);box-sizing:border-box;overflow:auto;}
.map-view-wrap{float:left;width:calc(100% - 382px);height:calc(100vh - 122px);}

/* 캠퍼스맵 검색영역  */
.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box{padding:15px 15px 15px 25px;border:1px solid #ccc;border-top:2px solid #333;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box input{display:inline-block;border:none;width:calc(100% - 60px);font-size:16px;vertical-align:middle;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box button{display:inline-block;width:19px;height:19px;border:none;background:transparent;background-repeat:no-repeat;background-position:center center;vertical-align:middle;cursor:pointer;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box .btn-map-sch{padding:12px 14px;background-image:url(/_res/ajou/_share/img/campus/ico-sch.png);}
.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box .btn-map-refresh{display:inline-block;width:19px;height:19px;background:url(/_res/ajou/_share/img/campus/ico-refresh.png) no-repeat 50% 50%;vertical-align:middle;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box{padding:25px 0;text-align:center;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box p{font-size:17px;line-height:25px;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box p span{font-weight:500;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box p span.keyword{color:#046cc4;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box p span.num{color:#de0f0f;}

/* 캠퍼스맵 왼쪽 건물 리스트 영역*/
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li{border-bottom:1px solid #ccc;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a{display:block;position:relative;padding:9px 30px 9px 15px;font-size:17px;line-height:25px;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a span:nth-of-type(1){display:inline-block;margin:0 15px 0 0;padding:3px 0 0;font-size:10px;width:28px;height:37px;background:url(/_res/ajou/_share/img/campus/ico-mark02.png) no-repeat 50% 50%;vertical-align:middle;text-align:center;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a span:nth-of-type(2){display:inline-block;width:calc(100% - 47px);vertical-align:middle;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a:after{content:'';display:block;position:absolute;top:50%;right:15px;width:8px;height:17px;background:url(/_res/ajou/_share/img/campus/ico-map-list01.png) no-repeat 50% 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a:hover{background:#046cc4;color:#fff;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a:hover:after{background-image:url(/_res/ajou/_share/img/campus/ico-map-list-on.png);}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a:hover span:nth-of-type(1){background-image:url(/_res/ajou/_share/img/campus/ico-mark02-on.png);}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li.active > a{background:#046cc4;color:#fff;}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li.active > a:after{background-image:url(/_res/ajou/_share/img/campus/ico-map-list-on.png);}
.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li.active > a span:nth-of-type(1){background-image:url(/_res/ajou/_share/img/campus/ico-mark02-on.png);}

/* 캠퍼스맵 인포 열기/닫기 */
.map-info-wrap.close{display:none;}
.map-view-wrap.close{float:none;width:100%;}
.map-view-wrap.close .map-view-box .btn-info{background-image:url(/_res/ajou/_share/img/campus/ico-map-close.png);}

.map-view-box .cm-popup-wrap{display:none;position:absolute;top:50%;left:50%;z-index:20;width:100%;background:#fff;border:1px solid #ccc;box-sizing:border-box;} /* scrollert와 translate -50% 동시 사용시 글자가 흐려졌다 또렷해지는 현상이 있어 -margin 값으로 임시 해결. 반응형 대응 위해 반응형에서는 transform을 사용함 */
.map-view-box .cm-quick-wrap{position:absolute;top:20px;right:25px;z-index:20;}
.map-view-box .cm-quick-wrap .cm-quick-box li{padding:0 0 10px;}
.map-view-box .cm-quick-wrap .cm-quick-box li:last-of-type{padding:0;}
.map-view-box .cm-quick-wrap .cm-quick-box li a{display:block;padding:26px 0;width:68px;height:68px;background:#005c33;border-radius:50%;font-size:15px;color:#fff;font-weight:500;text-align:center;box-sizing:border-box;box-shadow:3px 3px 3px rgba(0,0,0,0.15);}
.en .map-view-box .cm-quick-wrap{top:60px;right:10px;}

/* PDF 다운로드 버튼 */
.campus-wrap .campus-box .map-container .map-view-wrap .map-view-box .btn-pdf-dwn{width:50px;height:50px;border-radius:50%;background:#046cc4 url(/_res/ajou/_share/img/common/bg-down-link-w.png) no-repeat 50% 50%;}

.b-highlight{padding:0 2px;background:#e02962;color:#fff;font-style:normal;}

/* 캠퍼스맵 뷰 */
/* .map-view-box{background:url(/_res/ewha/img/intro/img-cm-bg.gif) no-repeat center center/cover;} 개발 전 임시 배경 CSS */
.map-view-box{position:relative;height:100%;}
.map-view-box .map-box{width:100%;height:100%;}
.map-view-box .btn-info{position:absolute;top:50%;left:0;z-index:30;width:33px;height:63px;border:1px solid #d5dde4;background:#fff url(/_res/ajou/_share/img/campus/ico-map-open.png) no-repeat 50% 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.map-view-box .cm-popup-wrap.type01{height:574px;transform:translate(-50%, -50%) translate(-10.5px, -10.5px);}
/*.map-view-box .cm-popup-wrap.type01.cm-modal{margin:-222.5px 0 0 -320px;}*/

/* 캠퍼스맵 지도 오버레이 */
.map-view-box .cm-popup-wrap.type01.cm-overlay{width:800px;} 
.map-view-box .cm-popup-wrap .cm-popup-box .popup-header-box{padding:16px 0;background:#046cc4;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-header-box > p{font-size:18px;line-height:26px;text-align:center;color:#fff;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-header-box .b-btn-popup-close{position:absolute;top:14px;right:15px;width:26px;height:26px;background:url(/_res/ajou/_share/img/common/btn-pop-close01.png) no-repeat 50% 50%;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box{padding:46px 35px;max-height:421px;overflow-y:auto;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-img-box{margin:0 auto 25px;max-width:428px;border:1px solid #e1e1e1;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-img-box > img{width:100%;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div:nth-of-type(1){padding:16px 0;border-top:2px solid #046cc4;border-bottom:1px solid #dddddd;background:#f3f3f3;text-align:center;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div:nth-of-type(2){padding:20px 35px;border-bottom:1px solid #dddddd;font-size:16px;line-height:24px;white-space:normal;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div p{font-weight:500;font-size:17px;line-height:25px;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div ul li{position:relative;padding:0 0 0 6px;font-size:16px;line-height:22px;}
.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div ul li:before{content:'';display:block;position:absolute;top:12px;left:0;width:4px;height:1px;background:#333;}
#map > div > div > div:last-of-type{z-index:20 !important;}
.map-view-box .cm-popup-wrap div{outline:none;}

@media screen and (max-width:1280px) {
	/* 캠퍼스맵 지도 오버레이 */
	.map-view-box .cm-popup-wrap.type01{height:574px;}
	.map-view-box .cm-popup-wrap.type01.cm-overlay{width:640px;}
	.map-view-box .cm-popup-wrap .cm-popup-box{max-height:565px;}
}

@media screen and (max-width:1024px) {
	/* 캠퍼스맵 공통 및 레이아웃 */
	.map-info-wrap{float:none;margin:0 0 20px;width:auto;height:auto;max-height:50vh;border-bottom:2px solid #046cc4;border-right:0;}
	.map-view-wrap{float:none;width:auto;}

	/* 캠퍼스맵 인포 열기/닫기 */
	.map-view-wrap.close .map-view-box .btn-info{background-image:url(/_res/ajou/_share/img/campus/ico-m-map-close.png);}

	/* 캠퍼스맵 뷰 */
	.map-view-box .btn-info{top:0;left:50%;width:55px;height:25px;background-image:url(/_res/ajou/_share/img/campus/ico-m-map-open.png);background-size:12px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);}
	.map-view-box .cm-popup-wrap{width:calc(100% - 20px);max-height:240px;}
	.map-view-box .cm-popup-wrap .cm-popup-box{max-height:208px;}
	.map-view-box .cm-quick-wrap{top:10px;right:10px;}
	.map-view-box .cm-quick-wrap .cm-quick-box li{padding:0 0 8px;}
	.map-view-box .cm-quick-wrap .cm-quick-box li a{padding:17px 0;width:50px;height:50px;font-size:14px;}
	.map-view-box .cm-quick-wrap .cm-quick-box li:nth-of-type(1) a{padding:10px 0;background-position:center bottom 10px;}
	.en .map-view-box .cm-quick-wrap{top:60px;}
	
	/* 캠퍼스맵 뷰 타입별 */
	.map-view-box .cm-popup-wrap.type01{margin:-50px 0 0 0px;max-width:640px;max-height:447px;}
	/*.map-view-box .cm-popup-wrap.type01.cm-overlay{width:480px;}*/
	.map-view-box .cm-popup-wrap.type01 .cm-popup-box{max-height:400px;}
	.map-view-box .cm-popup-wrap.type01 .cm-popup-box .info-box{height:326px;}
	/*.map-view-box .cm-popup-wrap.type01.cm-modal{margin:10px;}*/
	.map-view-box .cm-popup-wrap.type01 .cm-popup-box .title-box > p:before{background-size:12px;}

	/* 캠퍼스맵 레이어 팝업 */
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-header-box{padding:10px 0;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-header-box > p{font-size:16px;line-height:24px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-header-box .b-btn-popup-close{top:13px;width:20px;height:20px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box{max-height:361px;padding:20px 15px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-img-box{margin:0 auto 20px;max-width:360px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div:nth-of-type(1){padding:10px 0;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div:nth-of-type(2){padding:10px;font-size:14px;line-height:22px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div p{font-size:15px;line-height:23px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div ul li{font-size:14px;line-height:22px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-info-box div ul li:before{top:11px;}
}

@media screen and (max-width:768px) {
	/* 캠퍼스맵 뷰 타입별 */
	.map-view-box .cm-popup-wrap.type01{max-width:480px;}
	.map-view-box .cm-popup-wrap.type01 .cm-popup-box{max-height:360px;}

	/* 캠퍼스맵 왼쪽 건물 리스트 영역*/
	.campus-wrap .campus-box .map-container > div{float:none;}
	.campus-wrap .campus-box .map-container .map-info-wrap{width:100%;padding:0 0 10px;}
	.campus-wrap .campus-box .map-container .map-view-wrap{width:100%;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box{padding:7px 10px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-search-box input{font-size:14px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box{padding:10px 0;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-result-box p{font-size:15px;line-height:23px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a{padding:5px 25px 5px 10px;font-size:15px;line-height:23px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a:before{left:12px;width:15px;height:20px;background-size:15px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a:after{right:12px;width:6px;height:13px;background-size:6px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a span:nth-of-type(1){width:23px;height:33px;background-size:23px;}
	.campus-wrap .campus-box .map-container .map-info-wrap .map-info-list > ul > li > a span:nth-of-type(2){width:auto;}
	.campus-wrap .campus-box .map-container .map-view-wrap .map-view-box .btn-info{top:0;left:50%;width:55px;height:25px;background-image:url(/_res/ajou/_share/img/campus/ico-m-map-open.png);background-size:11px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);}
	.campus-wrap .campus-box .map-container .map-view-wrap.close .map-view-box .btn-info{background-image:url(/_res/ajou/_share/img/campus/ico-m-map-close.png);}
	.campus-wrap .campus-box .map-container .map-view-wrap .map-view-box .btn-pdf-dwn{top:20px;right:20px;width:40px;height:40px;}

	/* 캠퍼스맵 팝업 */
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-img-box{max-width:100%;}

}

@media screen and (max-width:480px) {
	/* 캠퍼스맵 헤더 */
	.header-box .menu-box div{text-align:center;}

	/* 캠퍼스맵 뷰 */
	.map-view-box .cm-popup-wrap.type01{max-width:350px;height:380px;transform:translate(-50%, -50%);}
	.map-view-box .cm-popup-wrap.type01 .cm-popup-box{max-height:378px;}

	/* 캠퍼스맵 팝업 */
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box{max-height:294px;}
	.map-view-box .cm-popup-wrap .cm-popup-box .popup-body-box .cm-img-box{max-width:100%;}
}
@media screen and (max-width:360px) {
	/* 캠퍼스맵 뷰 */
	.map-view-box .cm-popup-wrap.type01{max-width:290px;}

}
@media screen and (max-width:320px) {

}