@charset "UTF-8";

/* 캠퍼스맵 탭 */
.campus-box:after{content:'';display:block;clear:both;}
.campus-box > div{float:left;width:50%;box-sizing:border-box;}
.campus-box .left-box{border:1px solid #e1e1e1;}
.campus-box .left-box #map{height:800px;}
.campus-box .right-box{padding:0 0 0 60px;}
.campus-tab-box{padding:0 0 25px 0;}
.campus-tab-box:last-of-type{padding:0;}
.campus-tab-box ul{border-left:1px solid #e1e1e1;box-sizing:border-box;}
.campus-tab-box ul:after{content:'';display:block;clear:both;}
.campus-tab-box ul li{float:left;width:25%;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
.campus-tab-box ul li:nth-of-type(-n+4){border-top:1px solid #e1e1e1;}
.campus-tab-box ul li a{display:block;padding:5px 3px;font-size:15px;text-align:center;}
.campus-tab-box ul li a:hover{background-color:#115286;color:#fff;}

.campus-box.welfare > div{float:none;width:100%;}
.campus-box.welfare .left-box #map{height:500px;}
.campus-box.welfare .right-box{padding:30px 0 0 0;}

/* 캠퍼스맵 팝업 */
.overlay_info{float:left;position:relative;margin-bottom:12px;border:1px solid #ccc;border-bottom:2px solid #ddd;background-color:#fff;}
.overlay_info:after{content:'';position:absolute;left:50%;bottom:-12px;margin-left:-11px;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png') no-repeat 0 bottom;}
.overlay_info:nth-of-type(n){border:0;box-shadow:0px 1px 2px #888;}
.overlay_info a{display:block;padding:8px 30px 8px 14px;background:#135388;font-size:14px;color:#fff;text-decoration:none;}
.overlay_info a.swipebox{padding:0;background:#fff;border-radius:0;}
.overlay_info a strong{padding-left:0px;/*background:url('/jj/_res/img/sub/jjsmartcampus/jj_icon.png') no-repeat;*/}
.overlay_info .desc{position:relative;top:5px;padding:4px;min-width:190px;height:86px;}
.overlay_info img{vertical-align:top;}
.overlay_info .address{position:absolute;top:5px;left:108px;right:5px;font-size:12px;color:#333;white-space:normal;}
.overlay_info .close{position:absolute;top:9px;right:10px;width:15px;height:15px;background:url('/jj/_res/img/common/btn-menu-close.png') no-repeat 0 0/100%;}
.overlay_info a strong .close:hover{cursor:pointer;}

/* 대학생활 길잡이 > 교내 주요 기관 */
.campus-img-box{position:relative;margin:0 auto 30px;max-width:890px;}
.campus-img-box > img{width:100%;}
.campus-img-box > p{display:none;position:absolute;top:2%;padding:2%;width:30%;background-color:rgba(0,0,0,0.5);font-size:12px;color:#fff;}
.campus-img-box > p#bg_l{left:1%;}
.campus-img-box > p#bg_r{right:1%;}
.campus-img-box > p .title{display:block;font-weight:bold;font-size:14px;}
.campus-img-box > p .photo{margin:10px 0;width:100%;}
.campus-img-box > p .detail{}

.campus-iframe-box{position:relative;margin:0 auto 30px;height:100%;}
.campus-iframe-box iframe{width:100%;height:500px;}

@media screen and (max-width:1024px){
   /* 캠퍼스맵 탭 */
  .campus-box > div{float:none;width:100%;}
  .campus-box .left-box #map{height:500px;}
  .campus-box .right-box{padding:30px 0 0 0;}
}

@media screen and (max-width:768px){
  /* 캠퍼스맵 탭 */
  .campus-box .left-box #map{height:300px;}
  .campus-tab-box{padding:0 0 15px 0;}
  .campus-tab-box ul li{width:33.33333%;}
  .campus-tab-box #atm{width:66.66666%;}
  .campus-tab-box ul li:nth-of-type(n){border-top:none;}
  .campus-tab-box ul li:nth-of-type(-n+3){border-top:1px solid #e1e1e1;}
  .campus-tab-box ul li a{font-size:13px;}
  
  .campus-box.welfare .left-box #map{height:300px;}
  
  /* 대학생활 길잡이 > 교내 주요 기관 */
  .campus-img-box{margin:0 auto 15px;}
  .campus-img-box > p .photo{display:none;}
	
  .campus-iframe-box iframe{height:280px;}
}