@charset "UTF-8";

/* 캠퍼스 맵 & VR TOUR */

.map > #map, .map > #roadView { height:100% !important }

#roadView object {
    margin-top: 0; 
	height : 100%;
}

a.overlay_XBtn {
    color: #7b7b7b;
    font-size: 17px;
}
.roadViewBtn { 
	display: inline-block;
	width:70px;
	padding: 7px 11px 7px 15px;
    margin: 0px 10px;
    color: #fff;
	background: #012659 url(/_res/kor/img/sub1/campusmap/bg-btn-roadview.png) no-repeat center right 10%;
}

.map-outer .map article:not(.pop-ctgr) .btn_wrap { 
	float:right;
}
.roadViewCloseWrap { position : absolute; z-index : 1100}
.map-outer:after{display:block;clear:both;content:''}
.map-header{height:105px;padding:0 30px;border-top:5px solid #e75581;background-color:#012659;box-sizing:border-box}
.map-header h1{display:inline-block;margin-right:1.57%;padding-top:25px;vertical-align:top}
.map-link{display:inline-block;margin-right:4%;padding-top:42px;vertical-align:top}
.map-link li{display:inline-block;vertical-align:top}
.map-link li:not(:first-child){margin-left:13px;padding-left:17px;border-left:1px solid #fff}
.map-link li a{position:relative;color:#fff;font-size:18px;font-weight:400;line-height:1}
.map-link li.on a:before{position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:rgba(255,255,255,.3);content:''}
.map-link2{float:right;padding-top:25px;vertical-align:top}
.map-link2 a{display:inline-block;color:#fff;font-size:16px;font-weight:400;line-height:1;vertical-align:top}
.map-link2 a.campus{padding:14px 50px 13px 20px;border-radius:30px;border:1px solid #fff;background:url(/_res/kor/img/sub1/ic-site4.png) no-repeat right 20px center;box-sizing:border-box}
.map-link2 a.daum{width:70px;padding-top:34px;background:url(/_res/kor/img/sub1/ic-daum.png) no-repeat center top}
.map-link2 .lang-box{padding:7px 20px 6px;border-radius:30px;border-color:#fff}
.map-link2 .lang-box p{color:#fff}
.map-tab{display:inline-block;width:42%;vertical-align:top}
.map-tab:after{display:block;clear:both;content:''}
.map-tab li{float:left;width:calc((100% - 1px) / 6);text-align:center}
.map-tab li a{display:block;padding:62px 0 22px;color:#fff;font-size:16px;font-weight:400;line-height:1}
.map-tab li:nth-child(1) a{background:url(/_res/kor/img/sub1/campusmap/top-ic01.png) no-repeat center bottom 45px}
.map-tab li:nth-child(2) a{background:url(/_res/kor/img/sub1/campusmap/top-ic02.png) no-repeat center bottom 45px}
.map-tab li:nth-child(3) a{background:url(/_res/kor/img/sub1/campusmap/top-ic03.png) no-repeat center bottom 45px}
.map-tab li:nth-child(4) a{background:url(/_res/kor/img/sub1/campusmap/top-ic04.png) no-repeat center bottom 45px}
.map-tab li:nth-child(5) a{background:url(/_res/kor/img/sub1/campusmap/top-ic05.png) no-repeat center bottom 45px}
.map-tab li:nth-child(6) a{background:url(/_res/kor/img/sub1/campusmap/top-ic06.png) no-repeat center bottom 45px}

.map-tab li:hover a, .map-tab li:focus a, .map-tab li:active a, .map-tab li.on a{background-color:#001531}

.map-search{float:left;width:20%;height:calc(100vh - 105px);overflow:hidden;overflow-y:auto}
.map-search form{padding:7.8%;background-color:#f5f5f5;box-sizing:border-box}
.map-search form input{width:calc(100% - 89px);height:45px;padding:14px 0;border:1px solid #ccc;box-sizing:border-box}
.map-search form button{display:inline-block;width:45px;height:45px;margin-left:-4px;vertical-align:top;border:1px solid #ccc;background-color:#fff}
.map-search form p{margin-top:10px;color:#7b7b7b;font-size:16px;font-weight:400;line-height:20px}
.map-search form p span{color:#333}
.map-search ul li{padding:19px 30px;border-bottom:1px solid #ccc}
.map-search ul li a{
	display:block;
	position:relative;
	color:#333;
	font-size:18px;
	font-weight:400;
	line-height:31px;
	/*
	background:url(/_res/kor/img/sub4/ic-map.png) no-repeat left center;
	padding-left:30px;*/
	box-sizing:border-box}
/*.map-search ul li a span{position:absolute;top:50%;left:0;transform:translateY(-50%);font-weight:200px;font-size:7px;}*/
/*.map-search ul li a span{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-weight:200;font-size:6px;}*/
.map-search ul li:hover, .map-search ul li:focus, .map-search ul li:active, .map-search ul li.on{background-color:#e3eaf5}
#wifi{width:100%;}
.map-outer .map{float:left;position:relative;width:80%;height:calc(100vh - 105px)}
.map-outer .map h2{margin-bottom:15px;color:#333;font-size:16px;font-weight:500;line-height:1}
.map-outer .map > img{max-width:100%}
/*.map-outer .map article:not(.pop-ctgr){position:absolute;top:0;left:32.5%;width:530px;max-height:280px;padding:20px;border-radius:20px;background-color:#fff;box-sizing:border-box}*/
/*.map-outer .map article:not(.pop-ctgr){position: relative; bottom: 175px; float: left;width:530px;max-height:230px;padding:20px;border-radius:20px;background-color:#fff;border: 1px solid #cdcdcd;box-sizing:border-box;}*/
.map-outer .map article:not(.pop-ctgr){
	position: absolute;
    z-index: 1100;
	margin-top: -200px;
    top: -75px;
    left: -265px;
	width:530px;
	height:350px;/*height:216px;*/
	padding:20px;
	border-radius:20px;
	background-color:#fff;
	box-sizing:border-box;
}

.map-outer .map article:before{display:block;position:absolute;bottom:-6px;left:49%;width:15px;height:15px;transform:rotate(315deg);-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);background-color:#fff;content:''}
.map-outer .map article:after{display:block;clear:both;content:''}
/*.map-outer .map article.pop2{top:300px}*/
/*.map-outer .map article div > img{float:left;width:40%;margin-right:3.7%}*/
.map-outer .map article div > img{float:left;width:auto;height:70%;margin-right:3.7%}
.map-outer .map article > div > div{float:left;width:55%;max-height:260px;/*max-height:145px;*/overflow:hidden;overflow-y:auto}
.map-outer .map article div strong{display:block;color:#333;font-size:16px;font-weight:500;line-height:20px}
.map-outer .map article div strong:not(:nth-of-type(1)){margin-top:20px}
.map-outer .map article div > p{margin-top:5px;color:#555;font-size:13px;font-weight:400;line-height:20px}
.map-outer .map article .info li{margin-top:15px;color:#555;font-size:13px;font-weight:400;line-height:20px}
.map-outer .map article .info li span{display:block}
.map-outer .map article .info li p { 
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 	white-space: -pre-wrap;      /* Opera 4-6 */
 	white-space: -o-pre-wrap;    /* Opera 7 */
 	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.map-outer .map article .ctgr-box{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);width:48%;min-width:160px}
.map-outer .map article .ctgr-box li{display:inline-block;width:calc((100% - 1.2% - 8px) / 3);padding:9px 20px 8px;border-radius:10px;border:1px solid #ccc;background-color:#fff;box-sizing:border-box}
.map-outer .map article .ctgr-box li:not(:nth-child(3n-2)){margin-left:0.6%}
.map-outer .map article .ctgr-box li:nth-child(3) ~ li{margin-top:10px}
.map-outer .map article .ctgr-box li span, .map-outer .map article:not(.pop-ctgr) h2 span{display:inline-block;width:33px;height:33px;/*padding-top:4px;text-align:center;vertical-align:middle;border-radius:50%;background-color:#e3eaf5;box-sizing:border-box*/}
.map-outer .map article:not(.pop-ctgr) h2 span { margin-right :10px; }
.map-outer .map article .ctgr-box li p{display:inline-block;width:calc(100% - 43px);margin-left:6px;color:#555;font-size:18px;font-weight:400;line-height:1;vertical-align:middle}

.map-open{display:none;}
@media screen and (max-width:1200px) {	
	/* 캠퍼스 맵 */
	.map-header{padding:0 10px}
	.map-link{display:inline-block;margin-right:2%}
	.map-link2 a:nth-child(1){padding:15px 40px 13px 15px;background-position:right 15px center}
	.map-tab{width:38%}
	
	.map-search{float:none;width:100%;height:600px;}
	.map-outer .map{float: none;width: 100%;}
	.map-search form{padding:25px;}
	
}

@media screen and (max-width:1024px) {
	/* 캠퍼스 맵 */
	.map-header{height:auto;}
	.map-tab{width:70%;margin:20px 0;}
	.map-link2{padding-top:50px;}
}

@media screen and (max-width:640px) {
	/* 캠퍼스 맵 */
	.map-tab{width:100%}
	.map-link2{float:none;padding:0 0 20px;}
	
	/*캠퍼스 맵*/
	.map-header h1{padding:0;margin:10px 5px 0 0;}
	.map-header h1 img{width:95px;margin:0 10px 0 0;}
	.map-link{padding-top: 22px;margin:0;    float: right;}
	.map-link li a{font-size:15px;line-height: 0;}
	.map-tab li.on a {border-bottom: 1px solid #fff;padding: 0 0 10px 0;}
	.map-tab{margin: 20px 0 15px 0px;}
	.map-tab li a{padding: 0px 0 15px;}
	.map-link li:not(:first-child){margin-left: 5px;padding-left: 6px;}
	.map-tab li:nth-child(1) a{background:none;}
	.map-tab li:nth-child(2) a{background:none;}
	.map-tab li:nth-child(3) a{background:none;}
	.map-tab li:nth-child(4) a{background:none;}
	.map-tab li:nth-child(5) a{background:none;}
	.map-link2 a:nth-child(1){width:100%;font-size: 14px;border-radius: 7px;background-color:#012659}
	.map-search ul li{padding:10px 15px;}
	.map-search ul li a{font-size:15px;background-size: 25px;}
	.map-search form{padding: 12px 11px;}
	.map-search{max-height: 285px;border-bottom: 1px solid #cdcdcd;}
	.map-outer .map{height: 540px;overflow: hidden;}
	
	.map-outer .map article:not(.pop-ctgr){max-width:310px;height: 330px;/*185px;*/left: -160px;}
	.map-outer .map article div > img{height:40%;}
	.map-outer .map article > div > div{width:100%;}
	.map-outer .map article > div > div{max-height:83%;/*max-height:100px;*/}
	
	.map-search ul li a span{top: 43%;left: 7px;}
	
	
	.map-outer .map article:not(.pop-ctgr) { top:-32px;}
	
	.map-open{display:block;position: relative;text-align: center;z-index: 99;}
	.map-open .btn{position: absolute;bottom: -24px;;left: 50%;margin: 0 0 0 -30px;width: 60px;background-color: #fff;padding: 5px;color: #333;font-size: 14px;z-index: 9999;border-radius: 0 0 10px 10px;border: 1px solid #cdcdcd;border-top: none;}
	
	.map-outer .map-header{width:100%;position:fixed;top:0px;z-index:10;}
	.map-outer .map-contents{margin: 178px 0 0 0;}
	
	.en.map-outer .map-contents{margin: 142px 0 0 0;}
	.map-search-list li:last-child{border:none;}
	
}

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