@charset "utf-8";

.shuttleBusWrap{ margin-bottom: 50px; }

.shuttleBusWrap .shuttle_bus_con{margin-bottom:30px; border:0px solid red; }
.shuttleBusWrap .shuttle_bus_con dl{overflow:hidden;}
.shuttleBusWrap .shuttle_bus_con dl dt{float:left;width:140px;height:69px;position:relative;margin-top:22px;}
.shuttleBusWrap .shuttle_bus_con dl dt span{display:inline-block;box-sizing:border-box;padding-top:16px;width:80px;height:80px;font-size:18px;border:8px solid #263c96;text-align:center;color:#263c96;border-radius:100%;}
.shuttleBusWrap .shuttle_bus_con dl dt:after{content:"";display:block;width:63px;height:75px;position:absolute;top:4px;left:74px;background:url("/sites/kr/images/sub/shuttle_bus_bg.png");}
.shuttleBusWrap .shuttle_bus_con dl dd{float:left;}
.shuttleBusWrap .shuttle_bus_con dl dd div{font-size:18px;margin-bottom:15px;}

.shuttleBusWrap .shuttle_bus_con dl dd div a{display:inline-block;padding:14px 30px 14px 60px; margin-left:10px;}
.shuttleBusWrap .shuttle_bus_con dl dd div a.in{background:#099BB8 url("/sites/kr/images/sub/shuttle_bus_in.png") no-repeat 10px center;color:#FFF;}
.shuttleBusWrap .shuttle_bus_con dl dd div a.out{background:#dfdfdf url("/sites/kr/images/sub/shuttle_bus_out.png") no-repeat 10px center;}
.shuttleBusWrap .shuttle_bus_con dl dd div a.in:hover,
.shuttleBusWrap .shuttle_bus_con dl dd div a.in:focus{background-color:#00b0ca;}
.shuttleBusWrap .shuttle_bus_con dl dd div a.out:hover,
.shuttleBusWrap .shuttle_bus_con dl dd div a.out:focus{background-color:#c4c4c4;}

.shuttleBusWrap .map{overflow:hidden;width:100%;height:400px;}
.shuttleBusWrap .map img{width:100%;}

@media only screen and (max-width:660px){
	.shuttleBusWrap .shuttle_bus_con{margin-top:0;margin-bottom:30px;}
	.shuttleBusWrap .shuttle_bus_con dl dt{float:none;width:auto;height:140px;margin-top:0;}
	.shuttleBusWrap .shuttle_bus_con dl dt span{display:block;margin: 0 auto;}
	.shuttleBusWrap .shuttle_bus_con dl dt:after{top:63px;left:calc(50% - 31.5px);transform:rotate(90deg)}
	.shuttleBusWrap .shuttle_bus_con dl dd{float:none;overflow:hidden;}
	.shuttleBusWrap .shuttle_bus_con dl dd div{margin-bottom:0;width:48%;float:left;margin:0 1%;text-align:center;}
	.shuttleBusWrap .shuttle_bus_con dl dd div a{display:block;padding:10px 10px 10px 60px;margin-left:0;margin-top:10px;text-align:left;line-height: 1.4;}
	.shuttleBusWrap .shuttle_bus_con dl dd div a.in{background:#099BB8 url("/sites/kr/images/sub/shuttle_bus_in.png") no-repeat 10px center;color:#FFF;}
	.shuttleBusWrap .shuttle_bus_con dl dd div a.out{background:#dfdfdf url("/sites/kr/images/sub/shuttle_bus_out.png") no-repeat 10px center;}
}
@media only screen and (max-width:480px){
	.shuttleBusWrap .information{padding-left:30px;}
	.shuttleBusWrap .information:after{display:none;}
	.shuttleBusWrap .shuttle_bus_con dl dd div span{display:none;}
}
@media only screen and (max-width:320px){
	.shuttleBusWrap .shuttle_bus_con dl dd div a{padding:10px;background-image:none !important;}
}