/* common */
body, h1, h2, h3, h4, h5, h6, p, blockquote, form, ul, ol, li, xmp {margin:0; padding:0;}
img {border:0; vertical-align:middle;}
ul, ol {list-style:none;}
body, th, td, input, textarea, button, select {font-size:13px;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height:1.6;}
a {color:#000; text-decoration:none;}
.b {font-weight:bold;}


body.no_scroll{overflow:hidden;}

/* layout */
.m_w {max-width:700px; margin:0 auto;}

.m_h {position:relative; width:100%;top:0;left:0;z-index:100000;background:#fff;}
.m_h h1 {display:block; padding:5px;}
.m_h h1 img {height:40px;}

.m_h .srch {position:absolute; top:10px; right:10px;}
.m_h .srch fieldset {margin:0; padding:0; border:0;}
.m_h .srch legend {display:none;}
.m_h .srch .box {float:left;}
.m_h .srch .kwd {float:left; margin-right:5px; padding:3px 8px; border:1px solid #888; border-radius:15px;}
.m_h .srch .kwd label {display:none;}
.m_h .srch .kwd input {float:left; width:200px; height:22px; margin:0; padding:0; border:0; border-radius:5px; background:#FFF; -webkit-appearance:none;}
.m_h .srch .ok {float:left; width:30px; height:30px; margin:0; padding:0; border:0; border-radius:15px; background:#7E6B31 url(../../../road/default/mobile/__magicdir__/image/ico_search.png) no-repeat 50% 50%; background-size:15px 15px; text-indent:-99px; -webkit-appearance:none;}

#nav {position:relative; overflow:hidden; width:100%; height:40px;}
#nav.nav_on {height:90px;}
#nav > div {overflow:hidden; overflow-x:scroll; overflow-y:hidden; width:100%; height:199px;}
.nav {width:100%; min-width:600px; height:40px; background:#41AF39;}
.nav .dep1 {float:left; width:16.6%; min-width:100px; border-top:1px solid #41AF39; border-bottom:1px solid #41AF39;}
.nav .btn1 {display:block; overflow:hidden; height:38px; background:#41AF39; color:#FFF;}
.nav .btn1 b {display:block; overflow:hidden; height:18px; margin:10px 0; border-left:1px solid #FFF; font-size:15px; line-height:18px; text-align:center;}
.nav .first .btn1 b {border-left:0;}
.nav .dep1.on .btn1 {color:#FEFB29;}
#nav .sub {position:absolute; top:-199px; left:0; overflow:hidden; width:100%; height:50px;}
#nav > .sub {top:40px;}
#nav .bar {overflow:hidden; overflow-x:scroll; overflow-y:hidden; width:100%; height:99px;}
#nav .bar ul {float:left;}
#nav .dep2 {float:left; padding:10px 0 10px 5px;}
#nav .btn2 {float:left; overflow:hidden; height:26px; padding:0 15px; border:2px solid #B5B6B8; border-radius:15px; font-size:14px; color:#333; line-height:26px;}
#nav .dep2.on .btn2 {border-color:#41AF39; color:#41AF39;}

.m_go {width:80%; margin:0 auto; padding:20px 0 40px; text-align:center;}
.m_go img {width:27.3%; max-width:85px; margin:20px 3% 0; vertical-align:middle;}

@media screen and (max-width:500px) {
    .m_go {padding:15px 0 30px;}
    .m_go img {margin-top:15px;}
    .m_h .srch .kwd input {width:180px;}
}
@media screen and (max-width:400px) {
    .m_go {padding:10px 0 20px;}
    .m_go img {margin-top:10px;}
    .m_h .srch .kwd input {width:150px;}
}
@media screen and (max-width:350px) {
    .m_go {padding:10px 0 20px;}
    .m_go img {margin-top:10px;}
    .m_h .srch .kwd input {width:120px;}
}

.m_c {position:relative; border-top:1px solid #CCC;overflow:hidden;}
.m_c .m5_1,
.m_c .m5_2 {padding:10px;}

.m_f {padding:15px 0 12px; border-top:2px solid #888;}
.m_f address {display:block; color:#777; font-style:normal; text-align:center;}
.m_f p {margin:10px 0 0; color:#AAA; text-align:center;}

/* ad */
.ad_m {overflow:hidden; background:#FFF; text-align:center;}

/* overriding */
.ox_btn:hover, .ox_btn_s:hover, .ox_btn_b:hover {border-color:#777; background:#FFF; color:#333;}

.bx_img_small .img,
.bx_img_big .img {background:#EFEFEF url(../../../../data/page/__magicdir__/image/noimage.gif) no-repeat 50% 50%; background-size:80px 53px;}

.bx_srch_road {width:auto; padding-left:10px; padding-right:10px;height:100%;overflow:auto;}
.bx_srch_road .h {font-weight:bold;}
.bx_srch_road .bx_kwd .go {background-image:url(../../../road/default/mobile/__magicdir__/image/ico_search.png); background-size:35px 35px;}
.bx_srch_road .bx_lst .tit {font-weight:bold;}

.lst_route li {background-image:url(../../../road/default/mobile/__magicdir__/image/bg_route_normal.png); background-size:17px 387px;}
.lst_route li.start {background-image:url(../../../road/default/mobile/__magicdir__/image/bg_route_start.png); background-size:17px 387px;}
.lst_route li.end {background-image:url(../../../road/default/mobile/__magicdir__/image/bg_route_end.png); background-size:17px 387px;}

.ico_stop_s {border-radius:7px; background:#FF9055;}
.s2 {background:#2C9EDE;}
.s3 {background:#3CB44A;}
.s4 {background:#8936E0;}
.s5 {background:#96C8EA; color:#333;}

.ico_stop_e {border-radius:7px; background:#47BCB6;}
.e2 {background:#E14F89;}
.e3 {background:#FFCE33; color:#333;}
.e4 {background:#B5500B;}
.e5 {background:#263C96;}

.btn_open_line,
.btn_open_line_on {background-image:url(../../../road/default/mobile/__magicdir__/image/ico_view.gif); background-size:15px 15px;}

.h_route .note em,
.bx_srch .date .h,
.bx_road .h .no,
.lst_bus .tit .num,
.bus_info .tit .num,
.tour_info .tit,
.tour_info th,
.ly_trip .h,
.ly_trip .tour {font-weight:bold;}
.ly_trip .uid input,
.ly_trip .upw input {width:100px;}

.m_c .bbs_wrap {padding:0 10px 20px;}
.m_c .bbs_list {border-top:0;}
.m_c .bbs_view,
.m_c .bbs_edit {padding-top:5px;}

.lst_trip .empty {background:url(../../../../data/page/__magicdir__/image/bg_srchbox2.gif) no-repeat 20px 15px; background-size:48px 57px;}


/* 20230726 */
.newCntsWrap { width:100%; /*max-width:351px; margin:20px auto;*/ margin:0 auto; position:relative; }
.newCntsWrap .quickBtnWrap { margin-top:20px; margin-bottom:50px; }
.newCntsWrap .quickBtnWrap ul { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; padding:0; margin:0; gap:18px; }
.newCntsWrap .quickBtnWrap ul li { list-style:none; display:block; }
.pop_slide_wrap {}
.pop_slide_wrap .pop_slide .controls { border:1px solid #999; height:24px; border-radius:12px; display:flex; width:110px !important; margin:5px auto; justify-content:center; align-items:center; }
.pop_slide_wrap .pop_slide .swiper-pagination  { position:relative; width:auto !important; bottom:0; margin-right:10px; font-size:12px; }

/* 20230915 */
#map_main {overflow:hidden; width:100%; height:100%;}

.busSerchLayerWrap { position:absolute; left:0; top:0; background:#fff; width:calc(100%); max-width:690px; box-shadow: 0 1px 3px rgba(0,0,0,0.3); padding:10px 20px; z-index:100;box-sizing:border-box; margin-right:0px; font-size:15px;overflow-x:hidden;}
.busSerchLayer .busLocationSrc span { /*width:100%; display:block;*/ font-weight:bold; margin-right:5px; }
.busSerchLayer .busLocationSrc .btn { border:1px solid #333; background:#fff; border-radius:4px; padding:0 5px; height:20px; line-height:20px; }
.busSerchLayer .busLocationSrc .btn.btn02 { background:#B97; border-color:#B97; color:#fff;  }
.busSerchLayer .weatherWrap { padding-top:5px; }
.busSerchLayer .weatherWrap strong { font-size:15px; font-weight:bold; padding-right:10px; }
.busSerchLayer .weatherWrap .weatherTemp { font-size:16px; font-weight:600; }
.busSerchLayer .weatherWrap .weatherState { color:#555; }
.busSerchLayer  .bx_srch_road { width:auto; padding:7px 0 0 0;  }
.busSerchLayer .bx_srch_road .bx_date { padding:0; display:flex; align-items:center; }
.busSerchLayer .bx_srch_road .uline { padding-bottom:9px; }
.busSerchLayer .busLocationSrc { /*order-bottom: 1px dashed #999; padding-bottom:8px;*/ padding-top:7px; }
.busSerchLayer .bx_srch_road .h { font-size:15px; }
.busSerchLayer .bx_srch_road input, 
.busSerchLayer .bx_srch_road select { vertical-align:baseline; font-size:15px; }
.busSerchLayer .weatherWrap strong{ width:45px; display:inline-block; display:none;  }
.m_f p { margin-top:0; }
.m_f { height:60px; box-sizing:border-box; }
.busSerchLayer .busSearchDate { display:flex; gap:10px; align-items:center; border-bottom: 1px dashed #999; padding-bottom:9px; }
.busSerchLayer .busSearchDate > div { padding-top:0; }
.busSerchLayer .weatherWrap .weatherTemp { font-size:16px; font-weight:bold; }

/* 20230920 */
.newCntsWrap { overflow-x:hidden;}
.mainRightBox { position:absolute; top:0; left:0px; width:calc(100% - 25px); max-width:700px; height:calc(var(--vh, 1vh) * 100 - 150px);  z-index:2000; transform:translateX(-100%); transition:all 0.3s; }
.mainRightBox .mainRight { z-index:2001; position:relative; height:calc(var(--vh, 1vh) * 100 - 90px); width:100%; background:#fff; box-shadow:1px 0px 3px rgba(0,0,0,0.5);overflow-y:scroll;}
.mainRightBox .mainRight .inner { width:100%; max-width:350px; margin:0 auto; padding:20px 10px; box-sizing:border-box; }
.mainRightBox .rightBoxBtn { position:absolute; top:50%; left: 100%; width:26px; height:80px;z-index:2002;display: inline-block;width: 8px;height: 60px;background: #deb84f;border: 0;border-radius: 20px;padding:0;margin-left:5px;}
.mainRightBox .rightBoxBtn.open {margin-left:8px;background:#aaa;}.newCntsWrap .mainRightBox  .quickBtnWrap { margin-bottom:30px; }
.newCntsWrap .mainRightBox .quickBtnWrap ul { gap:16px min(2%,18px);}
.newCntsWrap .mainRightBox .quickBtnWrap ul li { width:30%; }
.newCntsWrap .mainRightBox .quickBtnWrap ul li img { max-width:100%; }
.newCntsWrap .mainRightBox .pop_slide_wrap .pop_slide img { max-width:100%; }
.newCntsWrap .mainRightBox .noticeList > a > img { max-width:100%; }
.mainRightBox .shadow { width:100%; height:calc(var(--vh, 1vh) * 100 - 150px); background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:2000; display:none; opacity:1;  }
.mainRightBox.open { transform:translateX(0); }

.mainRightBox .m_f{height:auto;padding:0;margin:10px 0;padding-top:10px;border-top:1px solid #ddd;}

/* 20230922 */
.SlideUpInfo{position: absolute;bottom: -100%;width: 100%;left: 0;font-family:'³ª´®°íµñ','Nanum Gothic'; font-size:13px; line-height:1.6; cursor:default;transition: all ease 0.5s;}
/*.SlideUpInfo.close{bottom:-100% !important;}*/
.SlideUpInfo .ibox {background:#FFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);max-height:0;overflow:hidden;padding:0;}
.SlideUpInfo .info {width:100%; border-top:1px solid #CCC; background:#FFF;box-sizing: border-box;max-height:0;overflow:hidden;padding:0;}
.SlideUpInfo .info_inner {position:relative; overflow:hidden; height:300px;}
.SlideUpInfo .info .slider {overflow:auto; overflow-x:hidden; overflow-y:auto;  height:100%;}
.SlideUpInfo .info .scrollbar {position:absolute; top:0; right:0; overflow:hidden; width:6px; background:#CCC; cursor:default;}
.SlideUpInfo .info_content {padding:15px; text-align:justify;}
.SlideUpInfo .info .tab_normal {margin:0 0 20px;}
.SlideUpInfo .info .map_info_h {font-weight:600; font-size:15px;}
.SlideUpInfo .info .map_info_p {margin:10px 0;}
.SlideUpInfo .info .map_info_img {margin:10px 0;}
.SlideUpInfo .info .map_info_img img {max-width:320px; vertical-align:middle;}
.SlideUpInfo .edge {clear:both; position:relative; top:-1px; height:30px; background:url(../image/ly_map_edge.png) no-repeat 0 0;}
.SlideUpInfo .close {position:absolute; top:8px; right:8px; overflow:hidden; width:19px; height:19px; margin:0; padding:0; border:0; background:url(../image/ico_close.gif) no-repeat 2px 2px; /*text-indent:-999px;*/display:none;}
#stopDetailBox .close {display:block;}
.SlideUpInfo .print {float:right; overflow:hidden; width:19px; height:19px; background:url(../image/ico_print.gif) no-repeat 1px 1px; text-indent:-999px;}
.SlideUpInfo .tit {width:100%; padding-bottom:5px; background:#FFF; font-size:15px;}
.SlideUpInfo .tit em {display:inline-block; overflow:hidden; width:60px; height:32px; margin-right:10px; background:#008CFF; color:#FFF; font-weight:600; font-style:normal; line-height:32px; text-align:center; vertical-align:middle;}
.SlideUpInfo .tit em.tour,
.SlideUpInfo .tit em.event {width:auto; padding:0 10px; background:#F06EAA;}
.SlideUpInfo .tit em.start {background:#008CFF;}
.SlideUpInfo .tit em.finish {background:#ED6C44;}
.SlideUpInfo .tit em.cp {background:#607F91;}
.SlideUpInfo .tit em.get_on {background:#9BC324;}
.SlideUpInfo .tit em.get_off {background:#FFB230;}
.SlideUpInfo .tit em.first,
.SlideUpInfo .tit em.last,
.SlideUpInfo .tit em.bstop {background:#493388;}
.SlideUpInfo .tit ul {margin:-6px 0 0; padding:0; list-style:none;}
.SlideUpInfo .tit li {margin:0; padding:4px 0 0 70px; font-size:13px;}
.SlideUpInfo .tit .num {display:none;}
.SlideUpInfo .tit .desc {color:#888;}
.SlideUpInfo .tit .home {display:inline-block; width:20px; height:20px; margin-left:6px; vertical-align:middle;}
.SlideUpInfo .tit .home a {float:left; overflow:hidden; width:20px; height:20px; background:url(../image/ico_home2.gif) no-repeat 0 0; text-indent:-999px;}
.SlideUpInfo .tit .home a:hover {text-decoration:none;}
.SlideUpInfo .note {width:100%; padding:10px 0 0; border-top:2px solid #B4B4B4; background:#FFF;}
.SlideUpInfo .note:after {display:block; clear:both; content:'';}
.SlideUpInfo .note_inner {position:relative; left:-15px; overflow:hidden; width:360px; max-height:105px; margin-right:-30px;}
.SlideUpInfo .note .slider {overflow:auto; overflow-x:hidden; overflow-y:auto; width:399px;}
.SlideUpInfo .note .scrollbar {position:absolute; top:0; left:354px; overflow:hidden; width:6px; background:#CCC; cursor:default;}
.SlideUpInfo .note_content {width:330px; margin:0 15px;}
.SlideUpInfo .note_content b{font-weight:normal;border-bottom: 2px solid #aaa;}
.SlideUpInfo .note ul {position:relative; float:left; width:208px; margin:0; padding:0; list-style:none;}
.SlideUpInfo .note li {margin:0; padding:0;}
.SlideUpInfo .note .home {position:absolute; top:0; left:188px;}
.SlideUpInfo .note .home a {float:left; overflow:hidden; width:20px; height:20px; background:url(../image/ico_home2.gif) no-repeat 0 0; text-indent:-999px;}
.SlideUpInfo .note .home a:hover {text-decoration:none;}
.SlideUpInfo .note .desc {padding-top:10px; color:#888; text-align:justify;}
.SlideUpInfo .pht {float:left; border:1px solid #DDD; margin-right:10px;}
.SlideUpInfo .pht span {float:left; width:108px; height:72px;}
.SlideUpInfo .pht img {width:108px; height:72px; vertical-align:middle;}
.SlideUpInfo .ibox .btns {overflow:hidden; width:100%; margin-top:10px; padding-top:10px; border-top:2px solid #F0F0F0; text-align:left;}
.SlideUpInfo .ibox .btns .lft {float:left;}
.SlideUpInfo .ibox .btns .rgt {float:right;}
.SlideUpInfo .switch_btn{position: absolute;right:15px;top:15px;display: block;background:#fff;background-size:20px;border: 0;outline: 0;width: 20px;height:20px;padding: 5px;border-radius: 5px 5px 0 0;}
.SlideUpInfo .switch_btn span{display:inline-block;width:7px;}
.SlideUpInfo .switch_btn span img{transform: rotate(270deg);width:100%;}
.SlideUpInfo.open{z-index:2000; bottom: 0}
.SlideUpInfo.open .ibox{max-height:100%;overflow:hidden;padding:15px;}
.SlideUpInfo.open .info{max-height:100%;overflow:hidden;}
.SlideUpInfo.open .switch_btn{background:url(/_oxdir/templates/road/default/__magicdir__/image/ico_close.gif) no-repeat 4px 4px;}
.SlideUpInfo.open .switch_btn span img{transform: rotate(90deg);}

.SlideUpInfo .up_btn{border:0;background:0;}
.SlideUpInfo.open .up_btn{border: 0;width: 20px;height: 20px;position: absolute;right: 14px;top: 65px;background: url(/_oxdir/templates/road/default/__magicdir__/image/ico_up.png) no-repeat 0 0;background-size:contain;transform:rotate(180deg);}
.SlideUpInfo.open2 .up_btn{border: 0;width: 20px;height: 20px;position: absolute;right: 14px;top: 65px;background: url(/_oxdir/templates/road/default/__magicdir__/image/ico_up.png) no-repeat 0 0;background-size:contain;}


.SlideUpInfo.open2{z-index:2000; bottom:0}
.SlideUpInfo.open2 .ibox{max-height:100%;overflow:hidden;padding:15px 15px 30px 15px;}
.SlideUpInfo.open2 .info{max-height:0;overflow:hidden;}
.SlideUpInfo.open2 .switch_btn{background:url(/_oxdir/templates/road/default/__magicdir__/image/ico_close.gif) no-repeat 4px 4px;}
.SlideUpInfo.open2 .switch_btn span img{transform: rotate(90deg);}

#ctrlBoxLayer.SlideUpInfo, 
#near.SlideUpInfo{background:#f1f1f1; width: 100% !important; right: 0 !important;top: auto !important;bottom:-100%;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);z-index:2001 !important;transition: all ease 0.5s;}
#ctrlBoxLayer.SlideUpInfo .head .close{display:block;}
#ctrlBoxLayer.SlideUpInfo .tit .num{display:inline-block;}
#ctrlBoxLayer.SlideUpInfo .note{border:0;padding:0;}
#ctrlBoxLayer.SlideUpInfo.open{bottom: 0;}

#ctrlBoxLayer.SlideRightInfo, 
#ctrlBoxAroundLayer.SlideRightInfo, 
#ctrlBoxNearLayer.SlideRightInfo{position:fixed !important;background:#fff; width: calc(100% - 25px) !important; height:var(--vh, 1vh) * 100; right: auto !important;top: 0 !important;left: -95% !important;bottom:auto;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);z-index:2001 !important;transition: all ease 0.5s; overflow-y:auto;}
#ctrlBoxLayer.SlideRightInfo.open, 
#ctrlBoxAroundLayer.SlideRightInfo.open, 
#ctrlBoxNearLayer.SlideRightInfo.open{left: 0 !important;}
#ctrlBoxLayer.SlideRightInfo .head .close{position:absolute; top:50%; left: 101%; width:26px; height:80px;z-index:2002;display: inline-block;width: 8px;height: 60px;background: #deb84f;border: 0;border-radius: 20px;padding:0;margin-left:5px;}
#ctrlBoxLayer.SlideRightInfo.open .head .close{background:#aaa;}
#ctrlBoxLayer.SlideRightInfo .tit .num{display:inline-block;}
#ctrlBoxLayer.SlideRightInfo .note{border:0;padding:0;}
#ctrlBoxLayer.SlideRightInfo .body, 
#ctrlBoxNearLayer.SlideRightInfo .body{padding:0;}
#ctrlBoxLayer.SlideRightInfo .body > div > div:last-child{height:calc(var(--vh, 1vh) * 100 - 100px) !important;}
#ctrlBoxNearLayer .close_btn{background: none;border: 0;position: absolute;right: 0;top: 5px;}

#ctrlBoxNearLayer.SlideRightInfo #roadListGrp .h_route{margin:10px 0;}
#ctrlBoxNearLayer.SlideRightInfo #roadListGrp .bx_road{padding:0;}

#ctrlBoxAroundLayer.sponsor_info{padding:0;}
#ctrlBoxAroundLayer #select_sido select{margin:10px 10px 0 0;}

#ctrlBoxAroundLayer .lst_tour{border-top:1px solid #CCC;margin-top:10px;}

.m_c #m_c.m{width: 100%;height: calc(var(--vh, 1vh) * 100 - 91px);box-sizing: border-box;overflow: hidden;}
.ly_near{display:none;margin-left:0;}

/* Æ˾÷â °íÁ¤ */
#ctrlBoxLayer.SlideRightInfo, 
#ctrlBoxAroundLayer.SlideRightInfo, 
#ctrlBoxNearLayer.SlideRightInfo{width:390px;height:calc(var(--vh, 1vh) * 100 - 90px);position:fixed !important;right: auto !important;top: 90px !important;left: -95% !important;bottom:auto;box-shadow: 0px 6px 5px rgba(0,0,0,0.5);z-index:2001 !important;transition: all ease 0.5s;}
#ctrlBoxLayer.SlideRightInfo.open, 
#ctrlBoxAroundLayer.SlideRightInfo.open, 
#ctrlBoxNearLayer.SlideRightInfo.open{left: 0 !important;}
#ctrlBoxLayer.ly_normal .head{height:1px;background:#fff;}
.toggleBtn:hover,
.toggleBtn.current{color:#1b7fff;border-bottom: 2px solid #aaa;text-decoration:none !important;}
#ctrlBoxBody.body, 
#ctrlBoxNearLayer.body{padding:0 !important;}

.ly_normal .head .close2{overflow: hidden;position: absolute;top: 5px;right: 5px;width: 20px;height: 20px;background: url(/_oxdir/templates/road/default/__magicdir__/image/ico_close.gif) no-repeat 4px 4px;text-indent: -999px;}

.btn_wrap{background:#fff;display: inline-block;width: 100%;padding:10px 15px;box-sizing: border-box;text-align:center;border-top:1px solid #eee;}
.btn_wrap button{border: 1px solid #ccc;border-radius: 3px;background: #fff;padding: 3px 10px;margin-right: 10px;font-weight: bold;}

.busStopSerchLayerWrap_m {display:none} 
.busStopSerchLayerWrap_m.open {display:block} 

.around_info{background:#fff !important;}

#ctrlBoxLayerMain { z-index:100; }
#ctrlBoxLayerMain.SlideRightInfo{position:fixed !important;background:#fff; width: calc(100% - 25px) !important; height:var(--vh, 1vh) * 100; right: auto !important;top: 0 !important;left: -95% !important;bottom:auto;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);z-index:101 !important;transition: all ease 0.5s;}
#ctrlBoxLayerMain.SlideRightInfo.open{left: 0 !important;}
#ctrlBoxLayerMain.SlideRightInfo .head .close{position:absolute; top:50%; left: 103.5%; width:26px; height:80px;z-index:2002;display: inline-block;width: 8px;height: 60px;background: #deb84f;border: 0;border-radius: 20px;padding:0;margin-left:4px;transform:translateY(-50%);}
#ctrlBoxLayerMain.SlideRightInfo.open .head .close{background:#aaa;left:101%;}
#ctrlBoxLayerMain.SlideRightInfo .tit .num{display:inline-block;}
#ctrlBoxLayerMain.SlideRightInfo .note{border:0;padding:0;}
#ctrlBoxNearLayer.SlideRightInfo .body{padding:0;}
#ctrlBoxLayerMain.SlideRightInfo .body > div > div:last-child{height:calc(var(--vh, 1vh) * 100);}

#ctrlBoxLayerMain.SlideRightInfo{width:390px;height:calc(var(--vh, 1vh) * 100 - 90px);position:fixed !important;right: auto !important;top: 90px !important;left: -95% !important;bottom:auto;box-shadow: 0px 6px 5px rgba(0,0,0,0.5);z-index:2000 !important;transition: all ease 0.5s;}
#ctrlBoxLayerMain.SlideRightInfo.open{left: 0 !important;}

.ly_map_info .pht {background:url(/_oxdir/data/page/__magicdir__/image/bg_thumb.gif) no-repeat 50% 50%;}

/* Áö¿ªº¯°æ */
.btn_chg_area{display: inline-block;border: 1px solid #aaa;border-radius: 5px;padding: 5px 10px;font-weight: 600;position: absolute;right:10px;top: 12px;}
.area_list_popup{width:85%;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,0.1);position:fixed;top:50%;left:50%;z-index:2000;transform:translate(-50%, -50%);padding:20px;border: 1px solid #ccc;}
.area_list_popup .top_area{display:inline-block;width:100%;font-size:16px;margin:0 0 10px 0;position:relative;}
.area_list_popup .top_area .close_btn{width:30px;height:24px;line-height:30px;background:0;border: 0;color: #222;font-size: 35px;position: absolute;top: 0;right: 0;cursor: pointer;line-height: 0.5;text-align:center;}
.area_list_popup .list{display:flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.area_list_popup .list a{flex: 0 0 49%;display:inline-block;text-align:center;background:#f1f1f1;color:#666;padding: 5px 10px;border-radius: 100px; box-sizing: border-box;margin-bottom: 10px;}
.area_list_popup .list a.current{background:#43ace7;color:#fff;font-weight:600;}

/* ǪÅÍ */
#footer {position: relative;left: 0;bottom: 0;width: 100%;height: 70px; text-align:center;background: #EDEDED;padding:10px;margin-top:20px;margin-left:-10px; }
#footer address{font-style:normal;}

/*ÁÖº¯½Ã¼³ Æ˾÷*/
.around_info h2{font-size:14px;}

.ly_map_info{width:100%;}

#content{height:calc(var(--vh, 1vh) * 100);}

/*20240327 Ãß°¡*/
.busStopSerchLayerWrap{overflow:visible !important;}
.busStopSerchLayerWrap.open .close_bar{background:#aaa;left: 101%;}
.busStopSerchLayerWrap .close_bar{position:absolute; top:50%; left: 103.5%; width:26px; height:80px;z-index:2002;display: inline-block;width: 8px;height: 60px;background: #deb84f;border: 0;border-radius: 20px;padding:0;margin-left:4px;font-size:0;transform:translateY(-50%);}

.slider{width:auto;}
.inside{width:auto;}


.sponsor_info .bx_city .slider{width:100% !important;}



:root {
    --dynamic-height: 200px; /* Ãʱ⠰ª ¼³Á¤ */
}

.bus_info_detail {
    height: calc(var(--vh, 1vh) * 100 - var(--dynamic-height));overflow-y:scroll;padding-bottom:50px;box-sizing:border-box;
}

#ctrlBoxNearLayer.SlideRightInfo.open{z-index:3003 !important;}
#ctrlBoxNearLayer.SlideRightInfo. .close{z-index:3003 !important;}
#searchListLayer{overflow:hidden;}

#ctrlBoxNearLayer.SlideRightInfo.open .bar {overflow:hidden; overflow-x:scroll; overflow-y:hidden; width:100%;border-bottom: 1px solid #ccc;}
#ctrlBoxNearLayer.SlideRightInfo.open .bar ul {float:left;}
#ctrlBoxNearLayer.SlideRightInfo.open .dep2 {float:left; padding:10px 0 10px 5px;}
#ctrlBoxNearLayer.SlideRightInfo.open .btn2 {float:left; overflow:hidden; height:26px; padding:0 15px; border:2px solid #B5B6B8; border-radius:15px; font-size:14px; color:#333; line-height:26px;}
#ctrlBoxNearLayer.SlideRightInfo.open .dep2.on .btn2 {border-color:#FF7171; color:#FF7171;}