#FOOTER-MENU_FIND-A-DEALER .contents_inner {max-width:1116px; padding-top:60px;}
.section .sec_inner .sec_box_list{padding-bottom: 30px;}
#FOOTER-MENU_TERMS .section .sec_inner .sec_box_list{border-top: solid 1px #e5e5e5;}

.section .sec_inner .sec_box_list li{padding-bottom: 100px; border-bottom: solid 1px #e5e5e5;}
.section .sec_inner .sec_box_list li:last-child{border-bottom:0;}
.section .sec_inner .sec_box_list li .list_inner .list_title{font-size: 40px; text-align: center; letter-spacing: -1px; padding: 100px 0 60px;}
.section .sec_inner .sec_box_list li .list_inner .list_desc{font-size: 18px; line-height: 28px; margin-bottom: 30px;}

#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: 14px; 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/purchase-guide/dealership/construction-equipment-dealership/ico_search_white.png") no-repeat center / cover;}
#MAP.find_a_dealer_name .map__btn:after,
#MAP.find_a_dealer_location .map__btn:after {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

/* initial loading image */
#MAP .content .load{position: absolute; bottom: 40%; left: 0; right: 0;}
#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%);
}

.map__cog--1:before{background-image: url("../../../../img/purchase-guide/dealership/construction-equipment-dealership/icon_loading.gif");animation: unset}
.map__cog--2:before{display: none}


/* ============================ popup ============================ */
#FOOTER-MENU_FIND-A-DEALER .gu_popup .pop_contents{min-height: 267px;width: 522px;padding: 50px 80px;text-align: center}
#FOOTER-MENU_FIND-A-DEALER .gu_popup .pop_contents .pop_cnt_desc{font-size: 16px;line-height: 24px;color:#222;}
#FOOTER-MENU_FIND-A-DEALER .gu_popup .pop_contents .popup_bottom{margin-top: 35px}


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

/* =============================== 라디오 버튼 =============================== */
#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:#e35b0a; -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,
.find_a_dealer_location .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;display: inline-block; padding-right:5px;}
.map__results .map__prologue .xl-tel { display: inline-block; }
.map__results .map__prologue .xl-addr {display: inline-block;}
.map__results .map__prologue .xl-tel a.a_tel { margin-top: 10px; color: #e35b0a;}
.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{background:#fff;}
.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: #e35b0a}


/* 좌측 리스트 하단에 페이징 */
.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_tel{margin-top: 10px; color:#e35b0a;}
.map__result.is-active .map__item .copy_area a.a_fax{position: relative;display: inline;vertical-align: top;color: #e35b0a;}
.map__result.is-active .map__item .copy_area a.a_fax:after{content: '';width:0;height: 1px ;background: #e35b0a;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: #e35b0a;}
.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_url{position: relative;display: inline;vertical-align: middle;margin-left: 75px;width:calc(100% - 75px);color: #e35b0a;}
.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__result.is-active .map__item .copy_area a.a_url:after{content: '';width:0;height: 1px ;background: #e35b0a;left: 0;bottom: 0;position: absolute}
.map__links{display: none}



#TAB {width:100%; padding:160px 0 60px;}
#TAB .tab_inner {max-width:1116px; margin:0 auto; font-size:0; padding:0 50px;}
#TAB .tab_inner a {display: inline-block; width:33.33%; box-sizing: border-box; border:1px solid #c8c8c8; border-right:none; font-size:18px; padding:24px 0; text-align: center;}
#TAB .tab_inner a.on {background-color:#e35b0a; border-color:#e35b0a; color:#fff;}
#TAB .tab_inner a:last-child {border-right:1px solid #c8c8c8;}


@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) {
    #TAB {padding:120px 0 0;}
    #MAP{padding-bottom: 120px}
    .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 .contents_inner .content>.section{min-height:506px;}
    .gu_sub_wrapper .gu_sub_contents #MAP .contents_inner br{display:block;}

    .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;margin:0 0 0 5px;}
    .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 #e35b0a;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 #e35b0a;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}

    .section .sec_inner .sec_box_list li .list_inner .list_title {font-size: 32px; padding: 90px 0 50px;}
    .section .sec_inner .sec_box_list li .list_inner .list_desc {font-size: 15px;  margin-bottom: 25px; }
    .section .sec_inner .sec_box_list li {padding-bottom: 65px;}

    #TAB .tab_inner a {font-size:14px; padding:20px 0;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #MAP {padding-bottom:60px;}
    #FOOTER-MENU_FIND-A-DEALER .contents_inner{padding-top: 50px}
    #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 .contents_inner .content>.section{min-height:405px;}

    .map__loading{top:68px; height:336px; z-index:3;}
    .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}

    .gu_sub_wrapper .gu_sub_contents .contents_inner {padding-top:0;}
    .section .sec_inner .sec_box_list li .list_inner .list_title {font-size: 24px; padding: 60px 0 30px;}
    .section .sec_inner .sec_box_list li .list_inner .list_desc {font-size: 12px; margin-bottom: 20px;}
    .section .sec_inner .sec_box_list li {padding-bottom: 40px;}


    #TAB {padding:60px 0 0;}
    #TAB .tab_inner {padding:0 20px;}
    #TAB .tab_inner a {font-size:13px;}

    #FOOTER-MENU_FIND-A-DEALER .gu_popup .pop_contents{width: 90%;padding: 40px 15px;min-height: 100%}
    #FOOTER-MENU_FIND-A-DEALER .gu_popup .pop_contents .pop_cnt_desc{font-size: 13px;line-height: 19px}
    #FOOTER-MENU_FIND-A-DEALER .gu_popup .pop_contents .popup_bottom{margin-top: 27px;}

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