@charset "utf-8";

:root {
    --line-height: 40px;
    --img-ic_control_bar_play_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_play_16px.png');
    --img-ic_control_bar_first_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_first_16px.png');
    --img-ic_control_bar_last_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_last_16px.png');
    --img-ic_control_bar_stop_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_stop_16px.png');
    --img-ic_control_bar_stop_active_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_stop_active_16px.png');
    --img-ic_control_bar_temp_stop_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_temp_stop_16px.png');
    --img-ic_control_bar_speeddown_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_speeddown_16px.png');
    --img-ic_control_bar_speeddown_active_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_speeddown_active_16px.png');
    --img-ic_control_bar_speedup_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_speedup_16px.png');
    --img-ic_control_bar_speedup_active_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_control_bar_speedup_active_16px.png');
    --img-ic_info_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_info_16px.png');
    --img-ic_yellow_dot_6: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_yellow_dot_6px.png');
    --img-ic_arrow_24: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_arrow_24px.png');
    --img-ic_target_24: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_target_24px.png');
    --img-ic_search_24: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_search_24px.png');
    --img-ic_search_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_search_16px.png');
    --img-ic_direction_36: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_direction_36px.png');
    --img-ic_direction_32: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_direction_32px.png');
    --img-ic_direction_28: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_direction_28px.png');
    --img-ic_direction_black_36: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_direction_black_36px.png');
    --img-ic_location_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_location_16px.png');
    --img-ic_line_46: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_line_46px.png');
    --img-ic_x_18: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_x_18.png');
    --img-ic_x_20: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_x_20px.png');
    --img-ic_-_20: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_-_20px.png');
    --img-ic_pullup_white_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_pullup_white_16px.png');
    --img-ic_pulldown_white_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_pulldown_white_16px.png');
    --img-ic_pullup_black_24: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_pullup_black_24px.png');
    --img-ic_pulldown_black_24: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_pulldown_black_24px.png');
    --img-ic_pullup_black_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_pullup_black_16px.png');
    --img-ic_pulldown_black_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_pulldown_black_16px.png');
    --img-ic_change: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_change.png');
    --img-ic_change_14: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_change_14px.png');
    --img-ic_change_18: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_change_18px.png');
    --img-ic_plus_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_plus_16px.png');
    --img-ic_plus_20: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_plus_20px.png');
    --img-ic_ellipse_24: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_ellipse_24px.png');
    --img-ic_normal_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_normal_16px.png');
    --img-ic_normal_active_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_normal_active_16px.png');
    --img-ic_whel_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_whel_16px.png');
    --img-ic_whel_active_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_whel_active_16px.png');
    --img-ic_building_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_building_16px.png');
    --img-ic_multilingual_16: url('http://116.84.252.139:18702/api/upload/navi/icon/ic_multilingual_16px.png');
    --img-ic_shuttle-train: url('http://116.84.252.139:18702/api/upload/navi/icon/shuttle_train.png');
    --img-ic_shuttle-bus: url('http://116.84.252.139:18702/api/upload/navi/icon/shuttle_bus.png');
}

/* #air-map .closeBtn {display: none;} */
#air-map .closeBtn {position: absolute; right: 20px; top: 27px; z-index: 1; width: 36px; height: 36px; background: #1473e6 url('../../images/func/map/ic-pop-close2.png') no-repeat center; border-radius: 100%; text-indent: -999999px;}


/* 터미널 선택 */
.bottom-building-div {position: absolute; left: 20px !important; bottom: 0; width: 230px; z-index: 1000000; background: #fff; border-radius: 5px 5px 0 0; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.bottom-building-div .select-button {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 50px; padding: 0 20px; border-bottom: 1px solid #cccccc; font-family: pm; font-size: 14px; color: #000;}
.bottom-building-div .select-button::after {content: ''; position: absolute; right: 20px; top: 20px; width: 15px; height: 9px; background: url('../../images/func/map/arr-util-open.png') no-repeat center;}
.bottom-building-div .select-button.clicked::after {background: url('../../images/func/map/arr-util-close.png') no-repeat center;}
.bottom-building-div .hidden-area {display: none; flex-direction: column;}
.bottom-building-div .hidden-area.show {display: flex; align-items: flex-start;}
.bottom-building-div .hidden-area button {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; border-bottom: 1px solid #cccccc;}
.bottom-building-div .hidden-area button:hover {background: #f0f0f0; color: #e63946;}
.bottom-building-div .hidden-area button:last-child {border: 0;}
.bottom-building-div .hidden-area button::before {display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; font-family: pb; font-size: 13px; color: #fff;}
.bottom-building-div .hidden-area button:nth-child(1)::before {content: 'T1'; background: #1473e6;}
.bottom-building-div .hidden-area button:nth-child(2)::before {content: 'T2'; background: #ff7e00;}
.bottom-building-div .hidden-area button:nth-child(3)::before {content: 'Con'; background: #2c8279;}

/* 언어 선택 */
.bottom-multilingual-div {position: absolute; left: 255px !important; bottom: 0; width: 165px; z-index: 1000000; background: #fff; border-radius: 5px 5px 0 0; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.bottom-multilingual-div .select-button {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 50px; padding: 0 20px; border-bottom: 1px solid #cccccc; font-family: pm; font-size: 14px; color: #000;}
.bottom-multilingual-div .select-button::after {content: ''; position: absolute; right: 20px; top: 20px; width: 15px; height: 9px; background: url('../../images/func/map/arr-util-open.png') no-repeat center;}
.bottom-multilingual-div .select-button.clicked::after {background: url('../../images/func/map/arr-util-close.png') no-repeat center;}
.bottom-multilingual-div .hidden-area {display: none; flex-direction: column;}
.bottom-multilingual-div .hidden-area.show {display: flex; align-items: flex-start;}
.bottom-multilingual-div .hidden-area button {display: flex; align-items: center; width: 100%; height: 50px; padding-left: 20px; border-bottom: 1px solid #cccccc;}
.bottom-multilingual-div .hidden-area button:hover {background: #f0f0f0; color: #e63946;}
.bottom-multilingual-div .hidden-area button:last-child {border: 0;}
.bottom-multilingual-div .hidden-area button:nth-child(3),
.bottom-multilingual-div .hidden-area button:nth-child(4) {font-family: nb;}
.bottom-multilingual-div .hidden-area button::before {content: '';  display: flex; justify-content: center; align-items: center; width: 30px; height: 20px; margin-right: 10px;}
.bottom-multilingual-div .hidden-area button:nth-child(1)::before {background: url('../../images/func/map/ic-nation1.png') no-repeat center;}
.bottom-multilingual-div .hidden-area button:nth-child(2)::before {background: url('../../images/func/map/ic-nation2.png') no-repeat center;}
.bottom-multilingual-div .hidden-area button:nth-child(3)::before {background: url('../../images/func/map/ic-nation3.png') no-repeat center;}
.bottom-multilingual-div .hidden-area button:nth-child(4)::before {background: url('../../images/func/map/ic-nation4.png') no-repeat center;}

/* 검색창 */
.input-search-wrapper {position: relative; overflow: hidden; left: 20px !important; top: 20px !important; display: flex; width: 100%; max-width: 400px; height: 50px; background: #fff; border-radius: 100px;}
.input-search-wrapper input[type="text"] {width: 100%; padding-left: 55px; background: url('../../images/func/map/ic-search.png') no-repeat 20px center; font-family: pm; font-size: 16px; color: #333333;}
.input-search-wrapper button {position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background: url('../../images/func/map/ic-search-go.png') no-repeat center;}

@media screen and (max-width: 840px) {
    .input-search-wrapper {top: 70px !important; max-width: calc(100% - 40px); height: 40px;}
    .input-search-wrapper button {right: 5px; top: 5px;}
}

/* 검색 1단계 */
.left-search-poi-container > div {width: 420px !important; height: 100% !important; max-height: 875px; background: #fff; border: 0 !important; border-radius: 0 5px 5px 0 !important; box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);}
.left-search-poi-container > div.hidden-area {display: none;}
.left-search-poi-container > div.hidden-area.show {display: flex;}
.left-search-poi-container > div > div:nth-child(1) {height: 60px !important; margin: 0 !important; border-bottom: 0 !important;}
.left-search-poi-container > div > div:nth-child(3) {height: 73% !important;}
.left-search-poi-container > div > div:nth-child(3)::-webkit-scrollbar {width: 14px; height: 14px}
.left-search-poi-container > div > div:nth-child(3)::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.left-search-poi-container > div > div:nth-child(3)::-webkit-scrollbar-track {background-color: transparent;}
.left-search-poi-container #left-search-poi-close {position: absolute; left: 20px; top: 20px; width: 13px; height: 21px; background: url('../../images/func/map/ic-search-prev.png') no-repeat center;}
.left-search-poi-container #left-search-poi-title {display: flex; justify-content: center; align-items: center; width: 100%; font-family: pb; font-size: 20px; color: #000000; text-indent: -9999px;}
.left-search-poi-container #left-search-poi-title::after {content: '인천국제공항 지도'; display: block; text-indent: 0;}

.input-left-search-poi-wrapper {margin-bottom: 20px; padding: 0 20px;}
.input-left-search-poi-wrapper input[type="text"] {display: flex; width: 100%; height: 50px; padding-left: 55px; background: url('../../images/func/map/ic-search.png') no-repeat 20px center; border: 1px solid #cccccc; border-radius: 100px; font-family: pm; font-size: 16px; color: #333333;}

.left-search-poi-bottom-div {display: flex; justify-content: space-between; margin: 25px 0; padding: 0 20px;}
.left-search-poi-bottom-div > button {display: flex; justify-content: center; align-items: center; width: calc(50% - 5px); height: 50px; background: #fff; border: 1px solid #cccccc; border-radius: 5px; font-family: pm; font-size: 15px; color: #333;}
.left-search-poi-bottom-div > button:hover {background: #333333; border-color: #333333; color: #fff;}

.left-search-poi-result-table {padding: 0 20px;}
.left-search-poi-result-table td {position: relative; padding: 0;}
.left-search-poi-result-table .info-div {padding: 22px 15px; border-bottom: 1px solid #d1d1d1; text-align: left; cursor: pointer;}
.left-search-poi-result-table .info-div:hover,
.left-search-poi-result-table .info-div.clicked {background: #f4f8fd;}
.left-search-poi-result-table .info-div span:nth-child(1) {display: block; font-family: pb; font-weight: normal !important; font-size: 17px; color: #000000;}
.left-search-poi-result-table .info-div:hover span:nth-child(1),
.left-search-poi-result-table .info-div.clicked span:nth-child(1) {color: #1473e6;}
.left-search-poi-result-table .info-div span.loc-desc {display: block; margin-top: 7px; font-family: pm; font-size: 14px; color: #666666;}
.left-search-poi-result-table .navi {position: absolute; right: 20px; top: 28px; width: 23px; height: 28px; background: url('../../images/func/map/ic-loaction.png') no-repeat center; text-indent: -999999px;}

.left-search-container > div > div:nth-child(5) {height: 73% !important; margin-top: 20px;}
.left-search-container > div > div:nth-child(5)::-webkit-scrollbar {width: 14px; height: 14px}
.left-search-container > div > div:nth-child(5)::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.left-search-container > div > div:nth-child(5)::-webkit-scrollbar-track {background-color: transparent;}

.left-search-result-table {padding: 0 20px;}
.left-search-result-table td {position: relative; padding: 0;}
.left-search-result-table .info-div {padding: 22px 15px; border-bottom: 1px solid #d1d1d1; text-align: left; cursor: pointer;}
.left-search-result-table .info-div:hover,
.left-search-result-table .info-div.clicked {background: #f4f8fd;}
.left-search-result-table .info-div span:nth-child(1) {display: block; font-family: pb; font-size: 17px; color: #000000;}
.left-search-result-table .info-div:hover span:nth-child(1),
.left-search-result-table .info-div.clicked span:nth-child(1) {color: #1473e6;}
.left-search-result-table .info-div span.loc-desc {display: block; margin-top: 7px; font-family: pm; font-size: 14px; color: #666666;}
.left-search-result-table .navi {position: absolute; right: 20px; top: 28px; width: 23px; height: 28px; background: url('../../images/func/map/ic-loaction.png') no-repeat center; text-indent: -999999px;}

@media screen and (max-width: 840px) {
    .left-search-poi-container > div {top: 0 !important; width: 100% !important; max-height: 308px;}
    .input-left-search-poi-wrapper input[type="text"] {height: 40px;}
}

/* 검색 2단계 */
.left-search-container > div {width: 420px !important; height: 100% !important; max-height: 875px; background: #fff; border: 0 !important; border-radius: 0 5px 5px 0 !important; box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);}
.left-search-container > div.hidden-area {display: none;}
.left-search-container > div.hidden-area.show {display: flex;}
.left-search-container > div > div:nth-child(1) {flex-shrink: 0; height: 60px !important; margin: 0 !important; border-bottom: 0 !important;}

.left-search-container #left-search-close {position: absolute; left: 20px; top: 20px; width: 13px; height: 21px; background: url('../../images/func/map/ic-search-prev.png') no-repeat center;}
.left-search-container #left-search-title {display: flex; justify-content: center; align-items: center; width: 100%; font-family: pb; font-size: 20px; color: #000000;}

.input-left-navi-wrapper {width: calc(100% - 40px); margin: 0 20px; border: 1px solid #999999; border-radius: 5px;}
.input-left-navi-wrapper input {width: 100%; height: 44px; padding: 0 20px; background: transparent; border-bottom: 1px solid #cccccc; text-align: center; text-overflow: ellipsis; font-family: psb; font-size: 14px; color: #000;}
.input-left-navi-wrapper input::placeholder {color: #999999;}
.input-left-navi-wrapper .end input {border: 0;}
.input-left-navi-wrapper .change-start-end {width: 30px; height: 20px; border-radius: 10px; background: #e63946 url('../../images/func/map/ic-place.png') no-repeat center; transform: translate(0 , -23px);}
.input-left-navi-wrapper .stop-over {position: relative;}
.input-left-navi-wrapper .stop-over-clear {position: absolute; right: 35px; top: 15px; width: 20px; height: 20px; background: url('../../images/func/map/ic-clear.png') no-repeat center; cursor: pointer;}
.input-left-navi-wrapper .stop-over-remove {position: absolute; right: 10px; top: 15px; width: 20px; height: 20px; background: url('../../images/func/map/ic-remove.png') no-repeat center; cursor: pointer;}

.left-search-container .bottom-navi {display: flex; justify-content: flex-end; margin-top: 10px; padding: 0 20px;}
.left-search-container .bottom-navi button {position: relative; display: flex; justify-content: center; align-items: center; height: 35px; margin-left: 5px; padding: 0 10px; background: #1473e6; border-radius: 5px; font-family: pb; font-size: 12px; color: #fff;}
.left-search-container .bottom-navi .navi-btn-normal::before {content: ''; width: 11px; height: 16px; margin-right: 5px; background: url('../../images/func/map/ic-road-guide1.png') no-repeat center;}
.left-search-container .bottom-navi .navi-btn-disabled::before {content: ''; width: 16px; height: 16px; margin-right: 5px; background: url('../../images/func/map/ic-road-guide2.png') no-repeat center;}
.left-search-container .bottom-navi button:hover {background: #08407a;}
.left-search-container .bottom-navi .add-navi-btn:hover {background: #0f6e58;}

@media screen and (max-width: 840px) {
    .left-search-container > div {top: 60px !important; width: 100% !important; max-height: 320px;}
    .input-left-navi-wrapper .stop-overs {display: none;}
    .left-search-container .bottom-navi .add-navi-btn {margin: 0;}
}

/* 검색 3단계 */
.left-navi-result-container > div {width: 420px !important; height: 100% !important; max-height: 875px; background: #fff; border: 0 !important; border-radius: 0 5px 5px 0 !important; box-shadow: 1px 1px 10px rgb(0 0 0 / 50%);}
.left-navi-result-container > div.hidden-area {display: none;}
.left-navi-result-container > div.hidden-area.show {display: flex;}
.left-navi-result-container > div > div:nth-child(1) {flex-shrink: 0; height: 60px !important; margin: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important;}

.left-navi-result-container #left-navi-result-close {position: absolute; left: 20px; top: 20px; width: 13px; height: 21px; background: url('../../images/func/map/ic-search-prev.png') no-repeat center;}
.left-navi-result-container #left-navi-result-title {display: flex; justify-content: center; align-items: center; width: 100%; font-family: pb; font-size: 20px; color: #000000;}

.left-navi-result-container .mid {width: calc(100% - 40px); margin: 0 20px; padding: 5px 20px; background: #f4f8fd; border-radius: 5px;}
.left-navi-result-container #progress-dot-img-div {display: none;}
.left-navi-result-container .left-deco-start {position: relative; width: 20px;}
.left-navi-result-container .left-deco-start::after {content: ''; position: absolute; left: 0px; top: -7px; z-index: 1; width: 15px; height: 15px; background: #fff; border: 3px solid #1473e6; border-radius: 100%;}
.left-navi-result-container #left-deco-start-label {width: 45px; text-align: left; font-family: pb; font-size: 15px; color: #1473e6 !important;}
.left-navi-result-container .left-deco-end {position: relative; width: 24px;}
.left-navi-result-container .left-deco-end::after {content: ''; position: absolute; left: 0px; top: -7px; width: 15px; height: 15px; background: #fff; border: 3px solid #1473e6; border-radius: 100%;}
.left-navi-result-container #left-deco-end-label {width: 45px; text-align: left; font-family: pb; font-size: 15px; color: #1473e6 !important;}
.left-navi-result-container .line {width: 0;}
.left-navi-result-container .navi-result-name {flex-grow: 1; font-family: psb; font-size: 15px; text-align: left; color: #333333 !important;}
.left-navi-result-container .navi-result-distance {width: 84px !important; font-family: pb; font-size: 13px; text-align: right; color: #000000;}
.left-navi-result-container .left-navi-result-table tr {position: relative; display: flex; align-items: center; width: 100%; height: 50px;}
.left-navi-result-container .left-navi-result-table tr:nth-child(n+2) .navi-result-name {padding-left: 20px;}
.left-navi-result-container .left-navi-result-table tr:last-child .navi-result-name {padding-left: 0;}
.left-navi-result-container .left-navi-result-table tr::after {content: ''; position: absolute; left: 7px; top: 25px; width: 1px; height: 100%; background: url('../../images/func/map/dot-pregress.png') repeat-y;}
.left-navi-result-container .left-navi-result-table tr:last-child::after {display: none;}

.left-navi-result-container .bottom-summary {display: flex; justify-content: flex-end; align-items: center; margin: 15px 0; padding: 0 20px;}
.left-navi-result-container .bottom-summary button {position: relative; display: flex; justify-content: center; align-items: center; height: 35px; margin-left: 5px; padding: 0 10px; border-radius: 5px; font-family: pb; font-size: 12px; color: #fff;}
.left-navi-result-container .bottom-summary .control-bar-btn {display: none;}
.left-navi-result-container .bottom-summary .normal-navi-btn::before,
.left-navi-result-container .bottom-summary .normal-navi-active-btn::before {content: ''; width: 11px; height: 16px; margin-right: 5px; background: url('../../images/func/map/ic-road-guide1.png') no-repeat center;}
.left-navi-result-container .bottom-summary .normal-navi-btn::after,
.left-navi-result-container .bottom-summary .normal-navi-active-btn::after {content: '일반보행자';}
.left-navi-result-container .bottom-summary .disabled-navi-btn::before,
.left-navi-result-container .bottom-summary .disabled-navi-active-btn::before {content: ''; width: 16px; height: 16px; margin-right: 5px; background: url('../../images/func/map/ic-road-guide2.png') no-repeat center;}
.left-navi-result-container .bottom-summary .disabled-navi-btn::after,
.left-navi-result-container .bottom-summary .disabled-navi-active-btn::after {content: '교통약자';}

.left-navi-result-container .bottom-summary .normal-navi-btn,
.left-navi-result-container .bottom-summary .disabled-navi-btn {background: #505153;}
.left-navi-result-container .bottom-summary .normal-navi-active-btn,
.left-navi-result-container .bottom-summary .disabled-navi-active-btn {background: #1473e6;}
.left-navi-result-container .bottom-summary .remaining-time,
.left-navi-result-container .bottom-summary .remaining-distance {font-family: pm; font-size: 13px; color: #000000;}
.left-navi-result-container .bottom-summary .remaining-time {margin-left: 10px;}
.left-navi-result-container .bottom-summary .remaining-time::after {content: '/'; margin-left: 5px; margin-right: 5px;}

.left-navi-result-container .bottom-summary button:hover {background: #08407a;}

.left-navi-result-container .control-bar {display: flex; justify-content: center; align-items: center; width: calc(100% - 40px); margin: 0 20px; padding: 15px 0; border-top: 1px solid #ccc;}
.left-navi-result-container .control-bar button {display: flex; justify-content: center; align-items: cneter; width: 35px; height: 35px; margin: 0 5px; border: 2px solid #6a6a6a; border-radius: 100%;}
.left-navi-result-container .control-bar .speedup {background: url('../../images/func/map/ic-speed-up.png') no-repeat center; border-color: #000;}
.left-navi-result-container .control-bar .speeddown {margin-right: 120px; background: url('../../images/func/map/ic-speed-down.png') no-repeat center; border-color: #000;}
.left-navi-result-container .control-bar .first {background: url('../../images/func/map/ic-ani-prev.png') no-repeat center;}
.left-navi-result-container .control-bar .play {background: url('../../images/func/map/ic-ani-play.png') no-repeat center;}
.left-navi-result-container .control-bar .temp-stop {background: url('../../images/func/map/ic-ani-pause.png') no-repeat center;}
.left-navi-result-container .control-bar .last {background: url('../../images/func/map/ic-ani-next.png') no-repeat center;}
.left-navi-result-container .control-bar .stop {background: url('../../images/func/map/ic-ani-end.png') no-repeat center;}

@media screen and (max-width: 840px) {
    .left-navi-result-container > div {top: 60px !important; width: 100% !important; max-height: 260px;}
    .left-navi-result-container .mid {overflow: auto; max-height: 160px;}
    .left-navi-result-container .mid::-webkit-scrollbar {width: 14px; height: 14px}
    .left-navi-result-container .mid::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
    .left-navi-result-container .mid::-webkit-scrollbar-track {background-color: transparent;}
    .left-navi-result-container .control-bar {justify-content: flex-end;}
    .left-navi-result-container .control-bar .speeddown {margin-right: 5px;}
}

/* 카테고리 */
#right-category-ui {top: 25px !important; right: 30px; max-width: 50%; padding-right: 90px;}
#right-category-ui .swiper-slide {display: flex; align-items: center; width: auto !important; height: 40px; margin-right: 20px; padding: 0 15px; background: #fff; border-radius: 20px; font-family: pb; font-size: 13px; color: #333333; cursor: pointer;}
#right-category-ui .swiper-slide img {display: none;}
#right-category-ui .swiper-slide::before {content: ''; width: 24px; height: 24px; margin-right: 5px; border-radius: 100%;}
#right-category-ui .swiper-slide#category_1::before {background: #00a5a8 url('../../images/func/map/ic-cate1.png') no-repeat center}
#right-category-ui .swiper-slide#category_2::before {background: #e77212 url('../../images/func/map/ic-cate2.png') no-repeat center}
#right-category-ui .swiper-slide#category_4::before {background: #009dc8 url('../../images/func/map/ic-cate3.png') no-repeat center}
#right-category-ui .swiper-slide#category_6::before {background: #b08d0b url('../../images/func/map/ic-cate4.png') no-repeat center}
#right-category-ui .swiper-slide#category_7::before {background: #b08d0b url('../../images/func/map/ic-cate5.png') no-repeat center}
#right-category-ui .swiper-slide#category_8::before {background: #1b73e8 url('../../images/func/map/ic-cate6.png') no-repeat center}
#right-category-ui .swiper-slide#category_9::before {background: #7884cc url('../../images/func/map/ic-cate7.png') no-repeat center}
#right-category-ui .swiper-slide#category_99::before {background: #ff0000 url('../../images/func/map/ic-cate8.png') no-repeat center}
#right-category-ui .swiper-slide#category_100::before {background: #31a851 url('../../images/func/map/ic-cate9.png') no-repeat center}
#right-category-ui .swiper-slide#category_101::before {background: #4472c4 url('../../images/func/map/ic-cate10.png') no-repeat center}
#right-category-ui .swiper-slide#category_102::before {background: #4472c4 url('../../images/func/map/ic-cate11.png') no-repeat center}

@media screen and (max-width: 1600px) {
    #right-category-ui {max-width: 66%;}
}

@media screen and (max-width: 1300px) {
    #right-category-ui {max-width: 46%;}
}

@media screen and (max-width: 840px) {
    #air-map .closeBtn {display: none;}
    #right-category-ui {top: 15px !important; width: 100%; max-width: 100%; padding: 0 20px;}
}

.map-cate {position: absolute; right: 20px; top: 25px !important; width: 100%; max-width: 50%; padding-right: 50px;}
.map-cate .slider {overflow: hidden;}
.map-cate .swiper-slide button {display: flex; align-items: center; width: 100%; height: 40px; margin-right: 20px; padding: 0 15px; background: #fff; border-radius: 20px; font-family: pb; font-size: 13px; text-align: left; color: #333333; cursor: pointer;}
.map-cate .swiper-slide button::before {content: ''; display: inline-flex; flex-shrink: 0; width: 24px; height: 24px; margin-right: 5px; border-radius: 100%;}
.map-cate .swiper-slide button.active {color: #fff;}
.map-cate .swiper-slide button.category_1::before {background: #00a5a8 url('../../images/func/map/ic-cate1.png') no-repeat center}
.map-cate .swiper-slide button.category_2::before {background: #e77212 url('../../images/func/map/ic-cate2.png') no-repeat center}
.map-cate .swiper-slide button.category_4::before {background: #009dc8 url('../../images/func/map/ic-cate3.png') no-repeat center}
.map-cate .swiper-slide button.category_6::before {background: #b08d0b url('../../images/func/map/ic-cate4.png') no-repeat center}
.map-cate .swiper-slide button.category_7::before {background: #b08d0b url('../../images/func/map/ic-cate5.png') no-repeat center}
.map-cate .swiper-slide button.category_8::before {background: #1b73e8 url('../../images/func/map/ic-cate6.png') no-repeat center}
.map-cate .swiper-slide button.category_9::before {background: #7884cc url('../../images/func/map/ic-cate7.png') no-repeat center}
.map-cate .swiper-slide button.category_99::before {background: #ff0000 url('../../images/func/map/ic-cate8.png') no-repeat center}
.map-cate .swiper-slide button.category_100::before {background: #31a851 url('../../images/func/map/ic-cate9.png') no-repeat center}
.map-cate .swiper-slide button.category_101::before {background: #4472c4 url('../../images/func/map/ic-cate10.png') no-repeat center}
.map-cate .swiper-slide button.category_102::before {background: #4472c4 url('../../images/func/map/ic-cate11.png') no-repeat center}

.map-cate .swiper-slide button.category_1.active {background: #00a5a8}
.map-cate .swiper-slide button.category_2.active {background: #e77212}
.map-cate .swiper-slide button.category_4.active {background: #009dc8}
.map-cate .swiper-slide button.category_6.active {background: #b08d0b}
.map-cate .swiper-slide button.category_7.active {background: #b08d0b}
.map-cate .swiper-slide button.category_8.active {background: #1b73e8}
.map-cate .swiper-slide button.category_9.active {background: #7884cc}
.map-cate .swiper-slide button.category_99.active {background: #ff0000}
.map-cate .swiper-slide button.category_100.active {background: #31a851}
.map-cate .swiper-slide button.category_101.active {background: #4472c4}
.map-cate .swiper-slide button.category_102.active {background: #4472c4}

@media screen and (max-width: 840px) {
    .map-cate {top: 0 !important; max-width: 100%; padding: 15px 20px; background: #fff;}
    .map-cate .swiper-slide button {height: 30px; padding: 0 5px; border: 1px solid #d1d1d1;}
}

/* 상세정보 */
.gm-style > div:nth-child(1) * {position: relative; top: 3px; font-family: pm !important; line-height: 1.5 !important; font-size: .9rem !important; letter-spacing: 0 !important;margin-top: 0 !important;}
.gm-style .gm-style-iw-chr {position: absolute; right: 0; top: 0;}
.gm-style .gm-style-iw-chr button {width: 37px !important; height: 35px !important; background: #fff url('../../images/func/map/ic-detail-close.png') no-repeat center !important;margin-top: -12px !important;}
.gm-style .gm-style-iw-chr button span {display: none !important;}
.gm-style .poi-detail  > div {justify-content: space-between !important;gap: 4px;}
.gm-style .poi-detail .title {display: none; width: 100%; height: 60px; align-items: center; font-family: pb; font-size: 20px; color: #000;}
.gm-style .poi-detail .poi-detail-not-found {display: none;}
.gm-style-iw-ch {display: none;}
.gm-style .gm-style-iw-c {position: relative; top: -53px !important; display: flex;flex-direction: row-reverse;align-items: center;overflow: visible;padding-bottom: 0 !important;max-width: 500px !important;}
.gm-style .gm-style-iw-c::before {content: '';position: absolute;left: 50%;bottom: -18px;width: 16px;height: 18px;margin: 0 0 0 -8px;background: url('../../images/func/map/arr-detail.png');}
.gm-style .gm-style-iw-d {flex: 1;overflow: auto !important;padding: 0 5px 23px 0;}
.gm-style .poi-detail iframe {display: none;height: 300px !important; padding: 10px; border: 1px solid #e9e9e9; border-radius: 5px;}
.gm-style .poi-detail iframe::-webkit-scrollbar {width: 14px; height: 14px}
.gm-style .poi-detail iframe::-webkit-scrollbar-thumb {background: #cccccc; border: 3px solid #fff; border-radius: 10px;}
.gm-style .poi-detail iframe::-webkit-scrollbar-track {background-color: transparent;}
.gm-style .poi-detail > div > button {position: relative;display: flex; justify-content: center; align-items: center; height: 50px; background: #fff; border: 1px solid #ccc; border-radius: 5px; font-family: pm; font-size: 15px; color: #333333;padding: 0;flex:1;}
.gm-style .poi-detail > div > button:hover {background: #333333; border-color: #333333; color: #fff;}
.gm-style .poi-detail-start-btn::before,
.gm-style .poi-detail-end-btn::before {content: '';display: inline-block;width: 26px;height: 15px;flex-shrink: 0;margin: 0 5px 0 0;background-repeat: no-repeat;background-position: center;background-size: contain;}
.gm-style .poi-detail-start-btn::before {background-image: url('../../images/func/map/ic-start.png');}
.gm-style .poi-detail-end-btn::before {background-image: url('../../images/func/map/ic-finish.png');}
.gm-style .poi-detail-start-btn:hover::before {background-image: url('../../images/func/map/ic-start-on.png');}
.gm-style .poi-detail-end-btn:hover::before {background-image: url('../../images/func/map/ic-finish-on.png');}
.gm-style .gm-style-iw-tc::after {display: none !important;}

html[lang='EN'] .gm-style .poi-detail-start-btn::before,
html[lang='EN'] .gm-style .poi-detail-end-btn::before {
    margin: 0;transform: translateX(10px);
}
html[lang='JA'] .gm-style > div:nth-child(1) * {font-size: .8rem !important;}

@media screen and (max-width: 840px) {
    #right-layer-select-ui {right: 20px !important;}
}

/* 층수 */
#right-layer-select-ui {right: 50px !important; top: 46% !important;}
.right-layer-select-container {overflow: hidden; display: flex; flex-direction: column; border-radius: 5px;}
.right-layer-select-container button {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #fff; font-family: pm; font-size: 14px; color: #666666;}

/* 확대축소*/ 
.gmnoprint {right: 80px !important;}
.gmnoprint > div {border-radius: 5px !important;}
.gmnoprint > div > button {background: transparent !important;}

@media screen and (max-width: 840px) {
    #right-layer-select-ui {right: 20px !important;}
    .gmnoprint {right: 50px !important;}
}

@media screen and (max-width: 530px) {
    .gmnoprint {bottom: 145px !important;}
}

/* 숨김 */
.hidden-area {display: none;}
.hidden-area.show {display: block;}

/* 모달 */
.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center;}
.modal-content {background-color: #fff; padding: 20px; border-radius: 20px; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); width: 100%; max-width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.modal-content::before {content: var(--img-ic_info_16); position: absolute; left: 21px}
.modal-close {position: absolute; top: 10px; right: 10px; width: 45px; height: 45px; background: #fff url(../../images/func/map/ic-detail-close.png) no-repeat center !important;  font-size: 20px; cursor: pointer;}
.modal-btn {display: inline-block; margin: 5px; padding: 8px 15px; width: 25%; font-size: 1.0rem; text-align: center; text-decoration: none; cursor: pointer; border: 1px solid #1468ce; border-radius: 5px; background-color: #1473e6; color: #fff; transition: background-color 0.3s, color 0.3s, border-color 0.3s;}
.modal-btn-cancel {display: inline-block; margin: 5px; padding: 8px 15px; width: 25%; font-size: 1.0rem; text-align: center; text-decoration: none; cursor: pointer; border: 1px solid lightgray; border-radius: 5px; background-color: #EFEFEF; transition: background-color 0.3s, color 0.3s, border-color 0.3s;}
.modal-btn-cancel:hover {background-color: #105ebd; border-color: #105ebd; color: #fff;}
.modal-btn-cancel:active {background-color: #105ebd; border-color: #1468ce; color: #fff;}
.modal-btn:hover {background-color: #105ebd; border-color: #105ebd; color: #fff;}
.modal-btn:active {background-color: #105ebd; border-color: #105ebd; color: #fff;}

/* 모달 열렸을 때 스타일 */
.modal.active {display: block;}

/* 모달 스타일 end */
#loading-background {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); color: white; text-align: center; padding-top: 10%;}
#loading-container {display: none; justify-content: center; align-items: center; flex-direction: column; width: 100vw; height: 50vh;}
#loading-inner-text {display: flex; justify-content: center; align-items: center; color: #4472C4; font-size: x-large; font-weight: bold;}
.loading-shuttle-train::before {content: var(--img-ic_shuttle-train); display: flex; justify-content: center; align-items: center;}
.loading-shuttle-bus::before {content: var(--img-ic_shuttle-bus); display: flex; justify-content: center; align-items: center;}


/* 아이프레임 버전 */
.innerIfr .left-navi-result-container > div {height: 24% !important;}
.innerIfr .left-navi-result-container > div > div:nth-child(1) {display: none !important;}
.innerIfr .left-navi-result-container #left-navi-result-title {display: none;}
.innerIfr .left-navi-result-container .mid {display: none;}