#FOOTER-MENU_FIND-A-DEALER .contents_inner {max-width:1116px; padding-top:160px;}
.container{min-height:auto;}
#MAP {padding-bottom:160px;}
#MAP .contents_inner .content>.section {min-height: 658px; visibility: hidden;opacity: 0}
#MAP .contents_inner .content>.section.on {visibility: visible;opacity: 1}
#MAP .map__type {display: none;}
#MAP .map__input {width: 100%; height: 100%; line-height: 48px; font-size: 16px; color:#000000;padding: 0 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#MAP .map__form > form {font-size:0;}
#MAP .map__form > form > div {border-bottom: 2px solid #d9d9d9;width: 335px;height: 48px;display: inline-block;vertical-align: bottom;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#MAP .map__btn {width: 48px;height: 48px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;background: #222;display: inline-block; position:relative;}
#MAP .map__btn:after {content:""; display: inline-block; width:18px; height:18px; vertical-align: middle; background:url("../../../img/media/ico_search_white.png") no-repeat center / cover;}
#MAP.find_a_dealer_name .map__btn:after {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.map__cog--1:before{background-image: url("../../../img/footer-menu/dealer/icon_loading.gif");animation: unset}
.map__cog--2:before{display: none}


#MAP .section > p{display: block; content: ''; padding-top: 20px; background: #fff; position: relative; z-index: 5; font-size:16px; line-height:28px;}
#MAP .section > p a{color:#3987c8;}

/* =============================== 라디오 버튼 =============================== */
#MAP .btn_category {margin-bottom:50px;}
#MAP .btn_category a {position:relative;margin:0 30px;cursor:pointer;}
#MAP .btn_category a:before {content:''; position:absolute; width:20px;height:20px;left:-30px;top:50%;border:1px solid #c8c8c8; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#MAP .btn_category a.on:after {content:''; position:absolute; width:12px;height:12px;left:-25px;top:50%;background:#222; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}

/* =============================== 좌측 리스트영역 =============================== */
.map__scroll{min-height: 520px;height: 520px;margin-right: 28px;padding: 0}
.find_a_dealer_name .map__scroll {min-height:579px;height:579px;}

.map__result{padding: 16px 10px 27px; background: #fff;}
.map__result:before{width: 100%;left: 0}
.map__result p{}
.map__results .orange{display: none}
.map__results .icon--locator-check{display: none}
.map__results .xl{font-family: "HDFont",sans-serif;font-weight:700;font-size: 18px;padding-bottom: 12px;color: #222}
.map__result strong{font-family: "HDFont",sans-serif;font-weight:700;font-size: 18px}
.map__result .map__prologue p{font-size: 16px;line-height: 26px;color: #666}

.map__results .tick-icon{color: #666;font-size: 16px;display: none}
.map__results .tick-icon b.map__abbr{font-family: "HDFont",sans-serif;font-weight:700;}
.map__results .tick-icon .map__divider{color: #3987c8}

:lang(zh) .map__results .xl,.map__result strong,.map__results .tick-icon b.map__abbr {font-family: "NotoSans", sans-serif !important;}

/* 좌측 리스트 하단에 페이징 */
.map__meta{margin-right: 28px;padding: 0;width: calc(100% - 28px)}
.map__meta:before{background-color: #000;width: 100%;left: 0}
.map__meta p{position:relative; padding-top: 25px;font-size: 14px;color: #999;}
.map__meta p a{position:absolute; bottom:-1px; color: #2d2d2d;}
.map__meta p span.copy{color: #666}
.map__meta p .now{font-size: 14px;color: #2d2d2d;font-weight: bold; margin-left:30px;}
.map__meta p .total{font-size: 14px;color: #999; margin-right:20px;}
.map__meta .icon-locator-arrow-left{position:relative;width: 15px;height: 18px;display: inline-block; right:82px;}
.map__meta .icon-locator-arrow-left:before{content: "";position: absolute;width: 8px;height: 8px;border-top: 2px solid #333;border-left: 2px solid #333;transform: translate(-50%, -50%) rotate(-45deg);top: 50%;left: 50%}
.map__meta .icon-locator-arrow-right{position:relative;width: 15px;height: 18px;display: inline-block; right:22px;}
.map__meta .icon-locator-arrow-right:before{content: "";position: absolute;width: 8px;height: 8px;border-top: 2px solid #333;border-right: 2px solid #333;transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%}

/* 리스트내의 팝업 */
.map__result.is-active{padding: 35px 20px;cursor: default}
.map__result.is-active .map__close{width: 20px;height: 20px}
.map__result.is-active .map__close span.icon.icon-close{position: relative;width: 100%;height: 100%;display: inline-block}
.map__result.is-active .map__close span.icon.icon-close:before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 18px;height: 2px;background: #666}
.map__result.is-active .map__close span.icon.icon-close:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 18px;height: 2px;background: #666}
.map__result.is-active .map__item .copy_area{font-size: 16px;color: #666;line-height: 22px;}
.map__result.is-active .map__item .copy_area span{content: ', ';font-size: 16px;color: #666;line-height: 22px;display: inline-block;vertical-align: middle;position: relative}
.map__result.is-active .map__item .copy_area a{display: inline-block;font-size: 16px;line-height: 22px;}
.map__result.is-active .map__item .copy_area a.a_application{margin-top: 0;}
.map__result.is-active .map__item .copy_area a.a_application:before{content: 'Application : ';font-size: 16px;color: #666;display: inline-block;pointer-events: none}
.map__result.is-active .map__item .copy_area a.a_application:after{content: '';width: 100%;height: 1px ;background: #3987c8;left: 0;bottom: 0;position: absolute}
.map__result.is-active .map__item .copy_area a.a_tel{color:#3987c8;}
.map__result.is-active .map__item .copy_area a.a_fax{position: relative;display: inline;vertical-align: top;color: #3987c8;}
.map__result.is-active .map__item .copy_area a.a_fax:after{content: '';width:0;height: 1px ;background: #3987c8;left: 0;bottom: 0;position: absolute}
.map__result.is-active .map__item .copy_area a.a_mail{position: relative;display: inline;vertical-align: middle;margin-left: 55px;width:calc(100% - 55px);color: #3987c8;}
.map__result.is-active .map__item .copy_area a.a_mail:before{content: 'Email : ';position: absolute;left: -55px;top: 0;font-size: 16px;color: #666;display: inline-block;pointer-events: none}
.map__result.is-active .map__item .copy_area a.a_mail:after{content: '';width:0;height: 1px ;background: #3987c8;left: 0;bottom: 0;position: absolute}
.map__result.is-active .map__item .copy_area a.a_url{position: relative;display: inline;vertical-align: middle;margin-left: 75px;width:calc(100% - 75px);color: #3987c8;}
.map__result.is-active .map__item .copy_area a.a_url:before{content: 'Website : ';position: absolute;left: -75px;top: 0;font-size: 16px;color: #666;display: inline-block;pointer-events: none}
.map__links{display: none}


/* initial loading image */
#MAP .content .load{position: absolute; bottom: 40%; left: 0; right: 0; z-index:1;}
#MAP .content .load img{display: inline-block; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}



@media (min-width: 48em){
    .map__meta:before{width: 100%}
    .map__result:before{width: 100%;}
}
@media (max-width: 47.9375em){
    .map__track.is-active {display: none;}
    .map__position{display: none}
    .gmap{display: block}
}


/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {

    #FOOTER-MENU_FIND-A-DEALER .contents_inner{padding:120px 0;}

    #MAP{padding-bottom: 0}
    .map__form{margin: 0 0 25px}
    #MAP .map__form > form > div{width: 196px;height: 44px}
    #MAP .map__input{font-size: 13px;line-height: 44px}
    #MAP .map__btn{width: 44px;height: 44px;}
    #MAP .map__btn:after{width: 16px;height: 16px}

    .map__scroll{margin-right: 22px;height: 400px;min-height: 400px}

    .map__result{padding: 16px 0 17px}
    .map__result:hover{background-color: transparent}
    .map__result .map__prologue p{font-size: 12px;line-height: 18px;}
    .map__result .map__prologue p br{display: block}
    .map__result .map__prologue>p>a{display: inline-block;margin-top: 7px}
    .map__result.is-active{padding: 22px 14px;background-color: #f6f6f6}

    .map__results{width: 260px}
    .map__results.is-active+.gmap{width: calc(100% - 260px);margin-left: 260px;z-index:2;}
    .map__results .xl{font-size: 14px;padding-bottom: 10px}

    .map__meta{margin-right: 22px;width: calc(100% - 22px)}
    .map__meta p{padding-top: 15px;font-size: 11px}
    .map__meta a{vertical-align: bottom}
    .gmap{height: 438px;}

    .map__result.is-active .map__close{top: 10px;right: 10px}
    .map__result.is-active .map__item .copy_area{font-size: 12px;line-height: 18px;}
    .map__result.is-active .map__item .copy_area br{display: block}
    .map__result.is-active .map__item .copy_area a{font-size: 12px;line-height: 18px}
    .map__result.is-active .map__item .copy_area a.a_mail{margin-left: 40px;border-bottom: 1px solid #3987c8;word-break: break-all}
    .map__result.is-active .map__item .copy_area a.a_mail:before{font-size: 12px;left: -40px;}
    .map__result.is-active .map__item .copy_area a.a_mail:after{display: none}
    .map__result.is-active .map__item .copy_area a.a_url{margin-left: 56px;border-bottom: 1px solid #3987c8;word-break: break-all}
    .map__result.is-active .map__item .copy_area a.a_url:before{font-size: 12px;left: -56px;}
    .map__result.is-active .map__item .copy_area a.a_url:after{display: none}
    .map__result.is-active .map__item .copy_area a.a_application:before {font-size:12px;}

    #MAP .contents_inner .content>.section{min-height:506px;}
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 766px) {
    #FOOTER-MENU_FIND-A-DEALER .contents_inner{padding-top: 60px}
    #MAP .map__form > form > div{width: calc(100% - 44px)}
    #MAP .btn_category a {margin:0 15px 0 30px;}
    .map__canvas{width: 100%;margin: 0 auto}
    .map__results{width: 100%;box-shadow: none;position: relative;padding-top: 340px;margin-bottom: 60px}
    .map__scroll{margin-right: 0}
    .map__meta{margin-right: 0;width: 100%}
    .gmap{height: 335px;}
    .map__results.is-active+.gmap{position: absolute;width: 100%;top: 0;margin: 0 auto;left: 0}

    .map__canvas .map__loading .map__cogs{position: relative;width: 100%;height: 100%}
    .map__canvas .map__loading .map__cogs span.map__cog.map__cog--1{position: absolute;top: 50%;left: 50%;transform: translateX( -50%);margin-top: -300px}

    #MAP .contents_inner .content>.section{min-height:405px;}

    #MAP .section > p{position: absolute;bottom: 60px; font-size:13px; line-height:20px; width:100%;}
}
@media all and (max-width: 367px) {
    #MAP .btn_category a {margin:0 6px 0 30px; font-size:12px;}
}