@charset "UTF-8";


.container{position:relative;z-index:98;overflow:hidden;}
.contents{position:relative;width:1400px;margin:0 auto;padding:156px 0 0;box-sizing:border-box;}

.contents .title{font-size:40px;font-weight:700;color:#333;line-height:1.1;margin-bottom:60px;}
.contents .title span{display:inline-block;position:relative;}
.contents .title span:before{width:100%;content:'';display:inline-block;height:20px;background:#e6f3f9;position:absolute;left:0;bottom:2px;z-index: -1;}


/* tab */
.tab_ty1{text-align:center;border-bottom:1px solid #cccccc;display:flex;}
.tab_ty1 li{width:25%;vertical-align:top;}
.tab_ty1 li a{display:block;height:88px;}
.tab_ty1 li a span{display:inline-block;font-size:20px;color:#333;line-height:61px;}
.tab_ty1 li a:hover{text-decoration:none;}
.tab_ty1 li.on a{border-bottom:5px solid #091840;}
.tab_ty1 li a span:before{content:'';display:inline-block;vertical-align:top;height:61px;width:51px;border-radius:9px;margin-right:20px;}
.tab_ty1 li:nth-child(1) a span:before{background:#e9effa url('/images/contents/ico_bus_01.png') no-repeat 50% 50%;}
.tab_ty1 li:nth-child(2) a span:before{background:#f2f2f2 url('/images/contents/ico_bus_02.png') no-repeat 50% 50%;}
.tab_ty1 li:nth-child(3) a span:before{background:#e9f6fa url('/images/contents/ico_bus_03.png') no-repeat 50% 50%;}
.tab_ty1 li:nth-child(4) a span:before{background:#e8f4ee url('/images/contents/ico_bus_04.png') no-repeat 50% 50%;}

.tab_ty2{background:#f5f5f5;border-radius:29px;display:flex;}
.tab_ty2 li{width:50%;}
.tab_ty2 li a{display:block;text-align:center;height:60px;line-height:60px;color:#333;font-size:20px;border-radius:29px;}
.tab_ty2 li.on a{background:#091840;color:#fff;}

.tab_ico{display:flex; padding:30px 0 3px; gap:20px; justify-content: center;}
.tab_ico li{width:auto; flex:none;}
.tab_ico li a{display:block; width:auto; height:50px; padding:0 17px 0 50px; border:1px solid #dfdfdf; font-size:18px;color:#333;line-height:48px; box-sizing:border-box; border-radius:10px; box-shadow:0 2px 2px  rgba(0, 0, 0, 0.2); font-weight:normal;}
.tab_ico li a:hover{text-decoration:none;}
.tab_ico li:nth-child(1) a{background:url('/images/contents/ico_station.png') no-repeat 9px 9px;}
.tab_ico li:nth-child(2) a{background:url('/images/contents/ico_map.png') no-repeat 9px 9px;}
.tab_ico li:nth-child(1).on a{background:#65a2a0 url('/images/contents/ico_station_on.png') no-repeat 9px 9px; border-color:#65a2a0;}
.tab_ico li:nth-child(2).on a{background:#6565a2 url('/images/contents/ico_map_on.png') no-repeat 9px 9px; border-color:#6565a2;}
.tab_ico li.on a{color:#fff;}

/* table */
.tbl_ty1 table{width:100%;line-height:1.6;}
.tbl_ty1 thead .tbl_top th{background:#2b64ce;color:#fff;border:none;padding:20px 5px 20px;}
.tbl_ty1 thead th{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;font-size:16px;font-weight:500;color:#333;line-height:1.6;padding:17px 5px 17px;text-align:center;background:#f5f5f5;vertical-align:middle;}
.tbl_ty1 td{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #ddd;font-size:16px;color:#333;padding:17px 5px;line-height:1.87;text-align:center;}
.tbl_ty1 td.left{text-align:left;padding:17px 21px;}

.tbl_ty2{border-top:2px solid #333;}
.tbl_ty2 table{width:100%;line-height:1.6;}
.tbl_ty2 thead th{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;font-size:16px;font-weight:500;color:#333;line-height:1.6;padding:16px 5px 16px;text-align:center;background:#f5f5f5;vertical-align:middle;}
.tbl_ty2 td{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;font-size:16px;color:#333;padding:16px 5px;line-height:1.6;text-align:center;}
.tbl_ty2 td.left{text-align:left;padding:16px 21px;}


/* �����ȸ */
.img_box{overflow:hidden;margin:60px 0 0;}
.img_box img{width:100%;}


/* ��������ȸ */
.search_box{background:#f5f5f5;text-align:center;padding:61px 0 59px;}
.search_box input{width:571px;height:58px;border:none;border-bottom:2px solid #333;font-size:16px;color:#333;background: transparent;outline: none;}
.search_box button{width:29px;height:58px;border:none;border-bottom:2px solid #333;background:url('/images/contents/btn_search.png') no-repeat 0 14px;font-size:0;outline: none;margin-left:-4px;}

.txt_count{font-size:16px;font-weight:400;color:#333;margin:56px 0 25px;}
.txt_count span{color:#11396a;font-weight:500;}

.search_list{border-top:2px solid #333;}
.search_list li{border-bottom:1px solid #e3e3e3;padding:15px 0;color:#333;line-height:30px;}
.search_list li a:hover{text-decoration:none;font-weight:600;}

.schedule_box{background:#2b64ce;text-align:center;padding:36px 0 41px;}
.schedule_box.ty1{background:#2b64ce;}
.schedule_box.ty2{background:#7b7b7b;}
.schedule_box.ty3{background:#2ba6ce;}
.schedule_box.ty4{background:#19965a;}
.schedule_box h2{color:#fff;font-size:30px;font-weight:400;line-height:1.2;margin-bottom:27px;}
.schedule_box a{display:inline-block;width:160px;height:40px;line-height:36px;border:1px solid #fff;background:transparent;text-align:center;color:#fff;border-radius:19px;}
.schedule_box a:hover{text-decoration:none;background:#fff;color:#2b64ce;}
.schedule_box.ty2 a:hover{color:#7b7b7b;}
.schedule_box.ty3 a:hover{color:#2ba6ce;}
.schedule_box.ty4 a:hover{color:#19965a;}

.schedule_list{display: flex;flex-direction: column;gap:10px;margin-top:40px;}
.schedule_list li{border:1px solid #e3e3e3;width:100%;height:110px;background:url('/images/contents/ico_time.png') no-repeat 30px 50%;padding:25px 79px 27px;}
.schedule_list li a{display:block;}
.schedule_list li a:hover{text-decoration:none;}
.schedule_list li strong{display:block;font-size:18px;line-height:27px;margin-bottom:8px;}
.schedule_list li span{color:#666;}


/* �ǽð����� */
.real_time{padding-left:125px;}
.real_time ul{border-left:5px solid #ffb31e;padding:0 0 0 40px;}
.real_time li{position:relative;}
.real_time li:first-child p{border-top:1px solid #e3e3e3;}
.real_time li p{border-bottom:1px solid #e3e3e3;padding:20px 21px;}
.real_time .bus{position:absolute;left:-146px;top:18px;text-align:right;width:118px;}
.real_time .bus span{position:absolute;left:0;top:0;background:#fff;border:1px solid #ccc;border-radius:5px;width:73px;height:30px;line-height:27px;font-size:14px;color:#333;text-align:center;}
.real_time .bus span:before {position: absolute;top:50%;margin-top:-4px;right: -8px;display: inline-block;border-top: 4px solid transparent;border-left: 8px solid #ccc;border-bottom: 4px solid transparent;border-right-color: rgba(0, 0, 0, 0.2);content: '';}
.real_time .bus span:after {position: absolute;top:50%;margin-top: -3px;right: -7px;display: inline-block;border-top: 3px solid transparent;border-left: 7px solid #ffffff;border-bottom: 3px solid transparent;content: '';}
.real_time .bus i{display:inline-block;width:29px;height:30px;border-radius:9px;background:#2b64ce  url('/images/contents/ico_bus.png') no-repeat 7px 6px;}
.real_time .bus.ty2 i{background-color:#7b7b7b;}
.real_time .bus.ty3 i{background-color:#2ba6ce;}
.real_time .bus.ty4 i{background-color:#19965a;}

.map_box{border-top:2px solid #7b7b7b;}
/* �Խ��� */
.notice_box{position:relative;border-top:2px solid #333333;}
.notice_box table{width:100%;}
.notice_box th{background:#f7f7f7;border-bottom:1px solid #cccccc;font-size:15px;color:#333;text-align:center;height:64px;line-height:59px;}
.notice_box a{display:table;width:100%;text-align:center;line-height:64px;height:65px;border-bottom:1px solid #cccccc;font-size:15px;color:#333;}
.notice_box a:hover{text-decoration:none;background:#f7f7f7;}
.notice_box a:hover .t3 .txt{text-decoration:underline;}
.notice_box .t1{display:table-cell;width:130px;text-align:center;}
.notice_box .t2{display:table-cell;width:auto;text-align:left;padding-left:39px;}
.notice_box .t2 .txt{display:inline-block;max-width:calc(100% - 38px);overflow:hidden;text-overflow: ellipsis;height:64px;line-height:64px;vertical-align:middle;}
.notice_box .t3{display:table-cell;width:115px;text-align:center;}
.notice_box .t4{display:table-cell;width:200px;text-align:center;}
.notice_box .t5{display:table-cell;width:123px;text-align:center;}
.notice_box .t6{display:table-cell;width:100%;text-align:center;line-height:64px;}
.ico_file{font-size:0;display:inline-block;width:20px;height:24px;vertical-align:middle;margin-left:6px;background: url('../images/common/ico_file.png') 50% 50% no-repeat;background-size:100%;}

.notice_view{border-top:2px solid #333;overflow:hidden;}
.notice_view .tit{background:#f7f7f7;padding:20px 10px 20px;font-size:18px;color:#333;font-weight:bold;border-bottom:1px solid #ccc;text-align:center;min-height:90px;line-height:1.55;display:flex;align-items: center; justify-content: center;}
.notice_view .top{overflow:hidden;}
.notice_view .top dl{display:table;width:33.3%;float:left;border-bottom:1px solid #cccccc;}
.notice_view .top dt{display:table-cell;width:180px;background:#f7f7f7;padding:19px 0 20px;text-align:center;}
.notice_view .top dd{display:table-cell;width:calc(100% - 180px);padding:19px 0 20px 28px;}
.notice_view .top dl.ty2{width:100%;}
.notice_view .data{padding:27px 34px;font-size:15px;color:#333;line-height:2;border-bottom:1px solid #cccccc;}
.notice_view .data img{max-width:1300px;}
.notice_view .top2{border-bottom:1px solid #cccccc;padding:20px 0;}
.notice_view .top2 dl{display:inline-block;padding:0 0 0 30px;font-size:15px;color:#333;vertical-align:middle;}
.notice_view .top2 dt{display:inline-block;vertical-align:middle;}
.notice_view .top2 dt:after{margin-left:10px;width:1px;height:14px;background:#999;content:'';display:inline-block;margin-right:6px;vertical-align:-2px;}
.notice_view .top2 dd{display:inline-block;}
.notice_view .file{border-bottom:1px solid #cccccc;display:table;width:100%;}
.notice_view .file dt{display:table-cell;width:250px;background:#f7f7f7;padding:36px 0 30px;text-align:center;line-height:1.1;vertical-align:middle;}
.notice_view .file dd{display:table-cell;width:calc(100% - 250px);padding:21px 0 22px 20px;line-height:1.7;}
.notice_view .file dd a{display:inline-block;}

/* paging */
.paging {height:30px;margin:20px 0 0;font-size:12px;text-align:center;}
.paging a{display:inline-block;min-width:30px;height:30px;padding:0 6px;line-height:28px;color:#333;margin-right:-1px;border:1px solid #cecece;vertical-align:middle;cursor:pointer;box-sizing: border-box;font-size:12px;}
.paging a:hover, .paging a:focus{border:1px solid #545a66;text-decoration:none;background:#545a66;color:#fff;}
.paging strong{display:inline-block;min-width:30px;height:30px;padding:0 6px;line-height:28px;color:#fff;font-weight:bold;margin-right:-1px;background:#545a66;border:1px solid #545a66;vertical-align:middle;cursor:pointer;box-sizing: border-box;font-size:12px;}
.paging .first, .paging .prev, .paging .next, .paging .last{width:30px;height:30px;padding:0;border:none;font-size:0;}
.paging .first, .paging .first:hover, .paging .first:focus{background: url('/images/common/btn_p_first.png') 0 0 no-repeat;outline-color: #0075c1;}
.paging .prev, .paging .prev:hover, .paging .prev:focus{background: url('/images/common/btn_p_prev.png') 0 0 no-repeat;outline-color: #0075c1;margin-right:6px;}
.paging .next, .paging .next:hover, .paging .next:focus{background: url('/images/common/btn_p_next.png') 0 0 no-repeat;outline-color: #0075c1;margin-left:7px;}
.paging .last, .paging .last:hover, .paging .last:focus{background: url('/images/common/btn_p_last.png') 0 0 no-repeat;outline-color: #0075c1;}
.paging .first:hover, .paging .prev:hover, .paging .next:hover, .paging .last:hover,
.paging .first:focus, .paging .prev:focus, .paging .next:focus, .paging .last:focus{border:none;}


/* btns */
.btn_center{text-align:center;margin:40px 0 0;}
.btns{position:relative;display:inline-block;min-width:100px;height:50px;color:#fff;font-size:15px;background:#42454e;text-align:center;vertical-align:middle;text-decoration:none;overflow:hidden;letter-spacing:-0.01em;border:none;}
a.btns{color:#fff;height:50px;line-height:50px;}
a.btns:hover{text-decoration:none;}
.btns:hover{text-decoration:none;transition: all .3s ease;}
