/* wp_map_basic */ /* comm */ /* krid css */ .kd-row {overflow: hidden;} /* .kd-row div {transition: all 0.3s;} */ .kd-row .kd-md-1 {float: left;width: 100%;}.kd-row .kd-md-2 {float: left;width: 100%;}.kd-row .kd-md-3 {float: left;width: 100%;}.kd-row .kd-md-4 {float: left;width: 100%;}.kd-row .kd-md-5 {float: left;width: 100%;}.kd-row .kd-md-6 {float: left;width: 100%;}.kd-row .kd-md-7 {float: left;width: 100%;}.kd-row .kd-md-8 {float: left;width: 100%;}.kd-row .kd-md-9 {float: left;width: 100%;}.kd-row .kd-md-10 {float: left;width: 100%;}.kd-row .kd-md-11 {float: left;width: 100%;}.kd-row .kd-md-12 {float: left;width: 100%;} .kd-row .kd-sm-1 {float: left;width: 100%;}.kd-row .kd-sm-2 {float: left;width: 100%;}.kd-row .kd-sm-3 {float: left;width: 100%;}.kd-row .kd-sm-4 {float: left;width: 100%;}.kd-row .kd-sm-5 {float: left;width: 100%;}.kd-row .kd-sm-6 {float: left;width: 100%;}.kd-row .kd-sm-7 {float: left;width: 100%;}.kd-row .kd-sm-8 {float: left;width: 100%;}.kd-row .kd-sm-9 {float: left;width: 100%;}.kd-row .kd-sm-10 {float: left;width: 100%;}.kd-row .kd-sm-11 {float: left;width: 100%;}.kd-row .kd-sm-12 {float: left;width: 100%;} @media (min-width: 0px) { .kd-row .kd-xs-1 {float: left;width: calc( (100% / 12) * 1);} .kd-row .kd-xs-2 {float: left;width: calc( (100% / 12) * 2);} .kd-row .kd-xs-3 {float: left;width: calc( (100% / 12) * 3);} .kd-row .kd-xs-4 {float: left;width: calc( (100% / 12) * 4);} .kd-row .kd-xs-5 {float: left;width: calc( (100% / 12) * 5);} .kd-row .kd-xs-6 {float: left;width: calc( (100% / 12) * 6);} .kd-row .kd-xs-7 {float: left;width: calc( (100% / 12) * 7);} .kd-row .kd-xs-8 {float: left;width: calc( (100% / 12) * 8);} .kd-row .kd-xs-9 {float: left;width: calc( (100% / 12) * 9);} .kd-row .kd-xs-10 {float: left;width: calc( (100% / 12) * 10);} .kd-row .kd-xs-11 {float: left;width: calc( (100% / 12) * 11);} .kd-row .kd-xs-12 {float: left;width: 100%;} } @media (min-width: 768px) { .kd-row .kd-sm-1 {float: left;width: calc( (100% / 12) * 1);} .kd-row .kd-sm-2 {float: left;width: calc( (100% / 12) * 2);} .kd-row .kd-sm-3 {float: left;width: calc( (100% / 12) * 3);} .kd-row .kd-sm-4 {float: left;width: calc( (100% / 12) * 4);} .kd-row .kd-sm-5 {float: left;width: calc( (100% / 12) * 5);} .kd-row .kd-sm-6 {float: left;width: calc( (100% / 12) * 6);} .kd-row .kd-sm-7 {float: left;width: calc( (100% / 12) * 7);} .kd-row .kd-sm-8 {float: left;width: calc( (100% / 12) * 8);} .kd-row .kd-sm-9 {float: left;width: calc( (100% / 12) * 9);} .kd-row .kd-sm-10 {float: left;width: calc( (100% / 12) * 10);} .kd-row .kd-sm-11 {float: left;width: calc( (100% / 12) * 11);} .kd-row .kd-sm-12 {float: left;width: 100%;} } @media (min-width: 1024px) { .kd-row .kd-md-1 {float: left;width: calc( (100% / 12) * 1);} .kd-row .kd-md-2 {float: left;width: calc( (100% / 12) * 2);} .kd-row .kd-md-3 {float: left;width: calc( (100% / 12) * 3);} .kd-row .kd-md-4 {float: left;width: calc( (100% / 12) * 4);} .kd-row .kd-md-5 {float: left;width: calc( (100% / 12) * 5);} .kd-row .kd-md-6 {float: left;width: calc( (100% / 12) * 6);} .kd-row .kd-md-7 {float: left;width: calc( (100% / 12) * 7);} .kd-row .kd-md-8 {float: left;width: calc( (100% / 12) * 8);} .kd-row .kd-md-9 {float: left;width: calc( (100% / 12) * 9);} .kd-row .kd-md-10 {float: left;width: calc( (100% / 12) * 10);} .kd-row .kd-md-11 {float: left;width: calc( (100% / 12) * 11);} .kd-row .kd-md-12 {float: left;width: 100%;} } .wp_ellipsis { height: auto; white-space: normal; text-overflow: clip; } /* map list style S */ #wp_main .wp_map {padding: 0;margin-top: 10px;margin-bottom: 10px;} #wp_main .wp_map .wp_place_list_wrap .wp_search_area {margin-bottom: 15px;padding: 15px;border: 1px solid #ddd;text-align: center;} #wp_main .wp_map .wp_place_list_wrap .wp_search_area select {/* height: 30px; */border: none; background-color: #fff;} #wp_main .wp_map .wp_place_list_wrap .wp_search_area .wp_search_input {height: 30px;border: none; border-bottom: 1px solid #ddd; background-color: #fff;padding:0 5px;} #wp_main .wp_map .wp_place_list_wrap .wp_search_area button {height: 30px; border: none; background: none;} #wp_main .wp_map .wp_place_list_wrap .wp_total_write {font-size: 12px;padding: 0 15px;margin-bottom: 5px;letter-spacing: -0.3px;} #wp_main .wp_map .wp_place_list_wrap .wp_total_write span {margin-right: 15px;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap {padding-right: 15px;padding-left: 15px;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li {padding: /* 10px 15px */11px 15px;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li:hover {background-color: #f8f8f8;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li:focus, #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li:active {background-color: #f8f8f8;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li:first-child {border-top: 1px solid #ddd;border-bottom: 1px dashed #ddd;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li + .wp_place_li {border-top: none;border-bottom: 1px dashed #ddd;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li:last-child {border-bottom: 1px solid #ddd !important;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li .wp_place_list_title {font-size: 13px;font-weight: 500;line-height: 1.5;margin-bottom: /* 5px */7px;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li .wp_place_list_address {font-size: 12px;font-weight: 500;color: #888;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li .wp_map_list_map .wp_map_info_wrap {padding-top: 30px;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li .wp_mo_map_area {display: none;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li .wp_map_bd_wrap .wp_map_wrap {width:100%;height:250px;} /* 리스트 지도 높이 */ /* map area */ #wp_main .wp_map .wp_map_wrap {width:100%;height:300px;} /* 지도 높이 */ #wp_main .wp_map .wp_map_area_wrap {padding-right: 15px;padding-left: 15px;} #wp_main .wp_map .wp_map_area_wrap .wp_map_bd_wrap {border: 1px solid #ddd;} #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area {padding: 20px 30px;/* min-height: 200px; */height: 220px;} #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area .wp_info_title_name {font-size: 18px;font-weight: 600;line-height: 1.5;} #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area .wp_info_sub_ul {margin: 10px 0;line-height: 1.5;} #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area .wp_info_sub_li {position: relative; padding-left: 15px; margin-top: 6px; font-size: 13px;line-height: 1.5;} #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area .wp_info_sub_li::before {position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 4px; background-color: #3c4249; content: ''; } #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area .wp_info_sub_li .wp_fw600 {font-weight: 600;} /* responsive 768 S */ @media (max-width: 768px){ #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap {padding-right: 15px;padding-left: 15px;margin-bottom: 15px;} #wp_main .wp_map .wp_map_area_wrap {padding-right: 0px;padding-left: 0px;margin-bottom: 15px;} #wp_main .wp_map .wp_map_area_wrap .wp_map_info_text_area {padding: 20px 15px;} #wp_main .wp_map .wp_place_list_wrap .wp_search_area .wp_search_input {max-width: 45%;} #wp_main .wp_map .wp_map_info_wrap.wp_map_info_pc {display: none;} #wp_main .wp_map .wp_place_wrap .wp_place_list_wrap .wp_place_li .wp_map_active {display: block !important;} } /* responsive 768 E */ /* map list style E */ /* map input style */ #wp_main .wp_map input {box-sizing: border-box;border: 1px solid #ddd;padding: 8px 8px;background-color: #fafafa;height: 30px;} #wp_main .wp_map .wp_table_tr {padding: 5px 0;} #wp_main .wp_map .wp_table_th {padding-left: 15px;padding-right: 15px;font-size: 13px;min-height: 30px;text-align: center;} #wp_main .wp_map .wp_table_th .wp_th_text {display: inline-block;padding: 7px 0;line-height: 1.5;} #wp_main .wp_map .wp_table_th textarea {width: 100%;padding: 5px;margin: 10px 0;} #wp_main .wp_map .wp_table_td {font-size: 13px;/*height: 30px;*/padding-left: 15px;padding-right: 15px;} /* hsh 높이고정 해제*/ #wp_main .wp_map .wp_table_td input[type="text"] {font-size: 13px;width: 100%;} #wp_main .wp_map .wp_table_td input[type="password"] {font-size: 13px;width: 100%;} #wp_main .wp_map .wp_table_td input[type="checkbox"] {width: 15px;height: 25px;} #wp_main .wp_map .wp_table_td input[type="radio"] {width: 15px;height: 25px;} #wp_main .wp_map .wp_table_td input[type="file"] {width: 100%;padding: 2px;} #wp_main .wp_map .wp_table_td select {height: 30px;font-size: 13px;width: 100%;} @media (max-width: 768px){ #wp_main .wp_map .wp_map_input_wrap {padding: 0px 15px;} #wp_main .wp_map .wp_input_tr {border: none;} #wp_main .wp_map .wp_table_tr {border-bottom: 1px solid #ddd;} #wp_main .wp_map .wp_table_th {padding-left: 5px;padding-right: 5px;} #wp_main .wp_map .wp_table_td {padding-left: 5px;padding-right: 5px;} #wp_main .wp_map .kd-row.wp_input_tr {border: 0;} } /* map list footer S */ #wp_main .wp_map .wp_map_list_footer {margin: 15px 0;} #wp_main .wp_map .wp_map_list_footer .wp_search_div {margin-top: 10px;padding: 5px;padding-bottom: 15px;} #wp_main .wp_map .wp_map_list_footer .wp_search_div form select {height: 22px;border: none;background-color: #fff;} #wp_main .wp_map .wp_map_list_footer .wp_search_div form .wp_search_input {border: none;border-bottom: 1px solid #ddd;background-color: #fff;} #wp_main .wp_map .wp_map_list_footer .wp_search_div form button {border: none;background: none;} #wp_skin01 #wp_main .wp_button_1_mg03 .wp_button_1 {margin: 3px 3px;} /* responsive 768 S */ @media screen and (max-width: 768px){ #wp_main .wp_map .wp_map_list_footer {margin: 15px 0 30px;} } /* responsive 768 E */ /* map list footer E */