@charset "UTF-8";


/* 셔틀버스 실시간 정보 Start 20180803 */


/* busy */
body.over-hidden { overflow: hidden; }
.busy.wait {
    border: 10px solid #08c4ff;
    border-radius: 60px;
    height: 60px;
    left: calc(50% - 30px);
    /*margin: -30px 0 0 -30px;*/
    opacity: 0;
    position: fixed;
    top: calc(50% - 30px);
	
    width: 60px;
 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
	z-index: 1000;
}
.busy.el.wait {position: absolute;}
.busy.el.wait.sm { width:30px; height: 30px; border: 5px solid #08c4ff; left:calc(50% - 20px;); top:calc(50% - 20px);}

@keyframes pulsate {
    0% {
      transform: scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
}


.tit_blue {color:#004483;}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.rotate {
  -webkit-animation: rotating 0.5s linear;
  -moz-animation: rotating 0.5s linear;
  -ms-animation: rotating 0.5s linear;
  -o-animation: rotating 0.5s linear;
  animation: rotating 0.5s linear;
}

.bot-wrap{position:relative;padding:15px 10px 50px;text-align:right;}
.bot-wrap.disabled:after{content:"";display:block;position:fixed;top:50px;left:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.bot-box{display:table;position:relative;padding:0 0 15px 0;;width:100%;table-layout:fixed;}
.bot-box:last-of-type{padding:0;}
.bot-box:first-of-type .bot-more-wrap:after{top:30px;}
.bot-box:last-of-type .bot-more-wrap:after{height:30px;}
.bot-more-wrap{display:table-cell;padding:21px 0 0 0;position:relative;z-index:10;width:18.75%;width:55px;vertical-align:top;}
.bot-more-wrap:after{content:"";display:block;position:absolute;top:0;left:20px;width:1px;height:calc(100% + 15px);background:#cfcfcf;z-index:-10;}
.bot-more-wrap a{display:block;height:40px;}
.bot-content-wrap{display:table-cell;position:relative;padding:20px;background:#fff;text-align:left;box-sizing:border-box;}
.bot-title{margin:0 0 30px 0;}
.bot-title span:nth-of-type(1){font-weight:600;font-size:16px;color:#003064;}
.bot-title span:nth-of-type(2){margin:0 0 0 4px;font-size:14px;color:#909090;}
.bot-title span:nth-of-type(3){margin:0 0 0 4px;font-size:14px;color:#909090;}


.bot-box-type06 .box-content ul{padding:10px 0 0 0;}
.bot-box-type06 .box-content ul:after{content:"";display:block;clear:both;}
.bot-box-type06 .box-content ul li{display:inline-block;position:relative;padding:20px 0;width:25%;border-top:2px solid #c2c2c2;text-align:center;font-size:14px;color:#909090;line-height:17px;vertical-align:top;margin-left:-6px;}
.bot-box-type06 .box-content ul li:nth-last-of-type(-n+4){padding-bottom:0;}
.bot-box-type06 .box-content ul li:after{content:"";display:block;position:absolute;top:-11px;left:0;right:0;margin:0 auto;width:100%;height:35px;background:url(/_res/skku/img/shuttlebus/bus_station_enb.png) no-repeat 50% 0;background-size:20px;}
.bot-box-type06 .box-content ul li.active:after{top:-17px;background:url(/_res/skku/img/shuttlebus/bus_icon.png) no-repeat 50% 0;background-size:50px; cursor: pointer;}

.bot-bus .bot-title span:nth-of-type(2){position:relative;padding:0 0 0 10px;font-weight:600;font-size:17px;color:#303030;}
.bot-bus .bot-title span:nth-of-type(2):after{content:"";display:block;position:absolute;top:5px;left:2px;width:1px;height:12px;background:#d8d8d8;}
.bot-bus span.bus-refresh, .bot-library span.lib-refresh {
	-webkit-transition: opacity 2s; /* Safari */
    transition: opacity 2s;	
    text-indent: -100000px;
    position: absolute;
    right: 6px;
    bottom: 6px;
    background: url(/_res/skku/img/shuttlebus/refresh.png) center;
    background-size: contain;
    width: 25px;
    height: 25px;
    opacity: 0.2;
}

.swal-footer {
    text-align: center;
}
.swal-button {
    background-color: #6dbf15;
	line-height: 0px;
}

/* 새로고침 */
.refresh {
	display: none;
	-webkit-transition: opacity 2s; /* Safari */
    transition: opacity 2s;	
    position: fixed;
    height: 50px;
    width: 50px;
    bottom: 10px;
    right: 10px;
    background: url(/_res/app/img/ready/refresh.png) center;
    z-index: 100;
    background-size: contain;
    opacity: 0.2;
}
.refresh.ing, .bot-bus span.bus-refresh.rotate.ing, .bot-library span.lib-refresh.rotate.ing  { opacity: 0.5; }

.opt-bg{display:none;position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,0.5);}

.busy.el.wait.sm {
    width: 30px;
    height: 30px;
    border: 5px solid #08c4ff;
    left: calc(50% - 20px;);
    top: calc(50% - 20px);
}
.busy.el.wait {
    position: absolute;
}
.busy.wait {
    border: 10px solid #08c4ff;
    border-radius: 60px;
    height: 60px;
    left: calc(50% - 30px);
    opacity: 0;
    position: fixed;
    top: calc(50% - 30px);
    width: 60px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    z-index: 1000;
}

@media screen and (max-width:640px) {
	
	/* 컨텐츠 공통 */
	.bot-box{padding:0 0 10px 0;}
	.bot-more-wrap{width:50px;}
	.bot-more-wrap:after{left:17px;}
	.bot-box .bot-more-wrap a{background-size:35px !important;}
	
	.bot-content-wrap:after{top:31px;}
	.bot-content-wrap{padding:15px;}
	.bot-title span:nth-of-type(1){font-size:14px;}
	.bot-title span:nth-of-type(2){font-size:12px;}
	.bot-title span:nth-of-type(3){font-size:12px;}
	
	
	/* 타입6 */
	.bot-box-type06 .box-content ul li{padding:12px 0;font-size:12px;line-height:15px;}
	.bot-box-type06 .box-content ul li:after{top:-9px;height:20px;background-size:16px;}
	.bot-box-type06 .box-content ul li.active:after{top:-12px;background-size:35px;}
	
	/* 셔틀버스 */
	.bot-bus .bot-title span:nth-of-type(2){padding:0 0 0 7px;font-size:14px;}
	.bot-bus .bot-title span:nth-of-type(2):after{top:4px;left:1px;height:10px;}
}


/* 셔틀버스 실시간 정보 End 20180803 */