/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/footer-menu/dealer/KV_footer_network.jpg')}

/* INDICATOR */
#INDICATOR {position: relative;z-index: 2; text-align:right;padding: 30px 36px 0; font-size:0;}
#INDICATOR .indicator_inner {overflow: hidden;letter-spacing:-.1px;}
#INDICATOR .indicator_inner a {display: inline-block;position: relative;font-size: 13px;margin: 0 10px;transition:opacity 0.2s;}
#INDICATOR .indicator_inner a:hover {opacity:0.6;}
#INDICATOR .indicator_inner a:before {content: '';pointer-events: none;position: absolute;left: -12px;top: 5px;background:url(../../../img/footer-menu/dealer/ico_arrow_indicator.png) no-repeat center center / contain;width:4px; height:12px;}
#INDICATOR .indicator_inner a:first-child:before {display: none}
#INDICATOR .indicator_inner a:last-child {margin-right: 0}

.section {position: relative; padding:116px 36px 0; width:100%; margin:0 auto; box-sizing: border-box;max-width: 1920px}

#DEALER .gu_content .gu_box_title {font-size:18px; line-height:26px;margin-bottom:45px;}
#DEALER .gu_content .gu_box_sub_title {font-size:18px; line-height:28px; color:#222; font-weight:700;}
#DEALER .gu_content .gu_box_desc {font-size:18px; line-height:30px;color:#222}
#DEALER .gu_content .gu_box_desc.sns a {
  display: inline-block;
  text-indent: -999em;
  overflow: hidden;
  background: 50% 50% no-repeat;
  width: 2.8rem;
  height: 2.8rem;
  vertical-align: middle;
  transition:all 0.2s;
  -webkit-transition:all 0.2s;
}
#DEALER .gu_content .gu_box_desc.sns a.FB {
	background-image: url('../../../img/footer-menu/dealer/facebook.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}
#DEALER .gu_content .gu_box_desc.sns a.YT {
	background-image: url('../../../img/footer-menu/dealer/youtube.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}
#DEALER .gu_content .gu_box_desc.sns a.TW {
	background-image: url('../../../img/footer-menu/dealer/twitter.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}
#DEALER .gu_content .gu_box_desc.sns a.IN {
	background-image: url('../../../img/footer-menu/dealer/instagram.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}
#DEALER .gu_content .gu_box_desc.sns a.TG {
	background-image: url('../../../img/footer-menu/dealer/telegram.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}
#DEALER .gu_content .gu_box_desc.sns a.PT {
	background-image: url('../../../img/footer-menu/dealer/pint.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}
#DEALER .gu_content .gu_box_desc.sns a.LK {
	background-image: url('../../../img/footer-menu/dealer/linked.png');
	-webkit-background-size: auto 1.7rem;
	background-size: auto 1.7rem;
}

/* map */
#DEALER .map_area {max-width:1116px;margin:0 auto;}
#DEALER .map_area .map_entire {margin-bottom:90px;}
#DEALER .map_area .map_entire #map {width:100%;height:535px;background:#666;}
#DEALER .map_area .map_entire .no_map {width:100%;height:535px;background:#f5f5f5; text-align:center; display:table; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#DEALER .map_area .map_entire .no_map .no_map_inner {display: table-cell; vertical-align: middle;}
#DEALER .map_area .map_entire .no_map .no_map_inner img {margin-bottom:40px;width:54px;height:54px;}
#DEALER .map_area .map_entire .no_map .no_map_inner p {font-size: 18px; line-height: 32px; color: #666;}

/* 검색영역 */
#DEALER .map_area ul.map_search {font-size:0; position:relative; text-transform:capitalize;}
#DEALER .map_area ul.map_search > li {position:relative;display:inline-block; vertical-align:bottom; padding-right:48px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; min-width: 300px;}
#DEALER .map_area ul.map_search > li:last-child {padding-right:0;}
#DEALER .map_area ul.map_search > li:after {content:''; position:absolute;width:2px;height:50%;background:#e5e5e5;right:24px;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#DEALER .map_area ul.map_search > li:last-child:after {display:none;}
#DEALER .map_area ul.map_search > li .gu_sort_area {display:inline-block; vertical-align:middle;margin-right:14px;float:none; width:100%;}
#DEALER .map_area ul.map_search > li .gu_sort_area:last-child {margin-right:0;}
#DEALER .map_area ul.map_search > li .gu_sort_area .gu_sort_name {width:100%;}
#DEALER .map_area ul.map_search > li .gu_sort_area .gu_sort_name:before {content: '';position: absolute;width: 16px;height: 16px;right: 0;bottom:20px;background: url("../../../img/common/ico_arrow_black_bottom.png") no-repeat 0 0 / contain;}
#DEALER .map_area ul.map_search > li .gu_sort_area .gu_sort_name a {display: block;font-size: 18px;position: relative;max-width:100%;height: 40px;color:#222;font-weight:500;white-space: nowrap; padding:3px 25px 17px 0;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#DEALER .map_area ul.map_search > li .gu_sort_area .gu_sort_name a:before {content:''; position:absolute;width:100%;height:2px;left:0;bottom:0;background:rgba(0,0,0,.15);}
#DEALER .map_area ul.map_search > li .gu_sort_area .gu_sort_name a:after {content:''; position:absolute;width:0;height:2px;left:0;bottom:0;background:#222222;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;-ms-transition: width 0.3s;-o-transition: width 0.3s;transition: width 0.3s;}
#DEALER .map_area ul.map_search > li .gu_sort_area .gu_selectbox {min-width:100%;}
#DEALER .map_area ul.map_search > li .gu_sort_area #selectNation .custom_scroll_content a {display:none;}
#DEALER .map_area ul.map_search > li .gu_sort_area #selectNation .custom_scroll_content a.on,
#DEALER .map_area ul.map_search > li .gu_sort_area #selectNation .custom_scroll_content a.active {display:block;}
#DEALER .map_area ul.map_search > li.search_btn_area {margin-top:-8px; width:512px;}
#DEALER .map_area ul.map_search > li.search_btn_area > div {display:inline-block; vertical-align:top;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.input_box {width:calc(100% - 102px); text-align:right; position:relative;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.input_box input {display:inline-block;width:100%; text-align:left; height:46px; line-height:46px;background:#fff;border-bottom:2px solid #d9d9d9; font-size:16px;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.input_box a {position:absolute;right:0;top:0; display:none; width:26px; padding: 11px 13px;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.input_box a img {width:100%;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.btn_box a {display:inline-block;width:48px;height:48px;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.btn_box a.btn_go_search {background:#333;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.btn_box a.btn_refresh {background:#666;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.btn_box a:first-child {margin-right:6px;}
#DEALER .map_area ul.map_search > li.search_btn_area > div.btn_box a img {width:18px;height:18px; vertical-align:middle; padding:15px;}

#DEALER .map_area ul.map_search > li.search_btn_area.on {width:100%;}
#DEALER .map_area ul.map_search > li.search_btn_area.on > div.input_box input {width:100%;}
#DEALER .map_area ul.map_search > li.search_btn_area.on > div.input_box a {display:inline-block;}
#DEALER .map_area ul.map_search > li.search_btn_area.on > div.btn_box a.btn_open_search {display:none;}
#DEALER .map_area ul.map_search > li.search_btn_area.on > div.btn_box a.btn_close {right:54px;}

#DEALER .map_area div.map_total > div {padding: 20px 10px 0 0;text-align: right;}
/* 리스트 */
#DEALER .map_area ul.map_info {margin-top:10px;margin-bottom:30px;border-top:1px solid #000;border-bottom:1px solid #000;}
#DEALER .map_area ul.map_info > li {border-bottom:1px solid #e1e1e1;}
#DEALER .map_area ul.map_info > li:last-child {border:none;}
#DEALER .map_area ul.map_info > li.no_data {font-size:16px; color:#666; padding:40px 0; text-align:center;}
#DEALER .map_area ul.map_info > li .info_title a {display:inline-block; padding:30px 0;width:100%; position:relative; font-size:0;}
#DEALER .map_area ul.map_info > li .info_title a:after {position:absolute;right:6px;width:16px; height:16px;top:50%;background:url(../../../img/footer-menu/dealer/btn_plus.png) no-repeat center center / contain; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#DEALER .map_area ul.map_info > li.on .info_title a:after {background-image:url(../../../img/footer-menu/dealer/btn_minus.png);}
#DEALER .map_area ul.map_info > li .info_title a > div {display:inline-block; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#DEALER .map_area ul.map_info > li .info_title a > div.name {position:relative;width:61%;margin-bottom:0; padding-left:28px;}
#DEALER .map_area ul.map_info > li .info_title a > div.name:before {content:''; position:absolute; width:12px; height:12px;left:0;top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#DEALER .map_area ul.map_info > li .info_title a > div.name.category_square:before {background:#182868;}
#DEALER .map_area ul.map_info > li .info_title a > div.location {padding-right:90px; line-height:36px;width:39%; text-align:right;}
#DEALER .map_area ul.map_info > li .info_title a > div.location > span {position:relative; font-size:16px;display:inline-block; vertical-align:top; margin-right:25px;}
#DEALER .map_area ul.map_info > li .info_title a > div.location > span:after {content:''; position:absolute;width:1px;height:40%;top:50%;right:-13px;background:#c8c8c8; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#DEALER .map_area ul.map_info > li .info_title a > div.location > span:last-child:after {display:none;}
#DEALER .map_area ul.map_info > li .info_content {padding:20px 0 50px; display:none;}
#DEALER .map_area ul.map_info > li .info_content .content_left {float:left; width:calc(100% - 480px); padding-right:100px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

#DEALER .map_area ul.map_info > li .info_content .content_left .desc {margin-bottom:5px; font-size:0;}
#DEALER .map_area ul.map_info > li .info_content .content_left .desc > span {display:inline-block; vertical-align:top;}
#DEALER .map_area ul.map_info > li .info_content .content_left .desc > span:first-child {width:55px;}
#DEALER .map_area ul.map_info > li .info_content .content_left .desc > span:last-child {width:calc(100% - 62px); color:#555;}
#DEALER .map_area ul.map_info > li .info_content .content_left .gu_btn_area {margin-top:40px;}
#DEALER .map_area ul.map_info > li .info_content .content_left .gu_btn_area a:not(:first-child) {margin-left: 20px;}
#DEALER .map_area ul.map_info > li .info_content .content_right {float:right;}
#DEALER .map_area ul.map_info > li .info_content .content_right .thumb_map {height:280px;background:#f5f5f5; width: 480px;}

#DEALER .map_area ul.map_info > li .info_content .content_right .no_map {width:628px; height:302px;background:#f5f5f5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; display:table;}
#DEALER .map_area ul.map_info > li .info_content .content_right .no_map .no_map_inner {display:table-cell; vertical-align:middle;}
#DEALER .map_area ul.map_info > li .info_content .content_right .no_map .no_map_inner img {width:36px;height:36px; margin-bottom:30px;}
#DEALER .map_area ul.map_info > li .info_content .content_right .no_map .no_map_inner p {font-size:16px; line-height:30px;color:#666;}

/* ================================== More ================================== */
#DEALER .map_area div.btn_area{clear:both; text-align:center; padding-bottom:40px;}
#DEALER .map_area div.btn_area .btn_more{display: inline-block; padding: 14px 0 18px; width: 160px; border: solid 1px #222;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}

#DEALER .map_area div.btn_area .btn_more div{display: inline-block; margin-left: 8px; position: relative; width: 13px; height: 13px;}
#DEALER .map_area div.btn_area .btn_more div span{position: absolute; display: block; background: #222;
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transition:transform 0.3s;
    -webkit-transition:transform 0.3s;
}
#DEALER .map_area div.btn_area .btn_more div span:first-child{top: 6px; left: 0; width:100%; height:1px;}
#DEALER .map_area div.btn_area .btn_more div span:last-child{top:0; left:6px; width:1px; height:100%;}
#DEALER .map_area div.btn_area *{transition:all 0.3s; -webkit-transition:all 0.3s;}
#DEALER .map_area div.btn_area .btn_more:hover{background-color:#E35B0A; color:#fff; border-color:#E35B0A;}
#DEALER .map_area div.btn_area .btn_more:hover div span{background-color:#fff;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #DEALER .map_area .map_entire {margin-bottom:50px;}
    #DEALER .map_area ul.map_info > li.no_data {font-size:14px;}
    #DEALER .map_area ul.map_search > li,
    #DEALER .map_area ul.map_search > li:nth-child(-n+5) {width:50%;}
    #DEALER .map_area ul.map_search > li:nth-child(n+2):nth-child(n+3) {margin-top:25px;}
    #DEALER .map_area ul.map_search > li:nth-child(2) {padding-right:0;}
    #DEALER .map_area ul.map_search > li:after {display:none;}
    #DEALER .map_area ul.map_search > li.search_btn_area > div.input_box input {font-size:14px;}
    #DEALER .map_area ul.map_info > li .info_title a {padding:27px 0 24px;}
    #DEALER .map_area ul.map_info > li .info_title a > div.name {padding-left:20px; width:60%;}
    #DEALER .map_area ul.map_info > li .info_title a > div.location {padding-right:50px; line-height:26px; width:40%;}
    #DEALER .map_area ul.map_info > li .info_title a > div.location > span {font-size:13px;}
    #DEALER .map_area ul.map_info > li .info_title a:after {width:14px; height:14px;}
    #DEALER .map_area ul.map_info > li .info_content {padding:10px 0 30px;}
    #DEALER .map_area ul.map_info > li .info_content .content_left {width:calc(100% - 334px); padding-right:50px;}
    #DEALER .map_area ul.map_info > li .info_content .content_left .desc > span {font-size:14px;}
    #DEALER .map_area ul.map_info > li .info_content .content_right .thumb_map {width:334px; height:200px;}
    #DEALER .info_area {padding:25px 20px 22px;}
    #DEALER .info_area span {padding-left:20px; padding-right:3%;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #DEALER .map_area .map_entire {display:none;}
    #DEALER .map_area ul.map_search > li {width:100% !important; padding-right:0 !important; margin-top:20px !important;}
    #DEALER .map_area ul.map_info > li .info_title a {padding:24px 0 21px;}
    #DEALER .map_area ul.map_info > li .info_title a > div.name {font-size:16px; line-height:24px; width:88%; padding-left:0;}
    #DEALER .map_area ul.map_info > li .info_title a > div.name:before {display:none;}
    #DEALER .map_area ul.map_info > li .info_title a > div.location {width:88%; padding-right:0; text-align:left; margin-top:10px;}
    #DEALER .map_area ul.map_info > li .info_title a > div.location > span:first-child {margin-left:0;}
    #DEALER .map_area ul.map_info > li .info_content {padding:10px 0 28px;}
    #DEALER .map_area ul.map_info > li .info_content .content_left {width:100%;float:none; padding-right:0;}
    #DEALER .map_area ul.map_info > li .info_content .content_left .desc > span:first-child {width:30%;}
    #DEALER .map_area ul.map_info > li .info_content .content_left .desc > span:last-child {width:70%;}
    #DEALER .map_area ul.map_info > li .info_content .content_right {float:none; margin-top:35px;}
    #DEALER .map_area ul.map_info > li .info_content .content_right .thumb_map {width:100%;height:240px;}
}