/*공통 layout 임시 반영 */
.tmap_wrap section {
  /* contents panel 최대 넓이 조정 */
  /* width: 1585px; */
  /*width: 1373px !important  ;*/
  /* 하단 푸터 사이 공통 마진 */
  /*margin-bottom: 150px !important;*/
}

.products_details_container {
  padding: 0;
}


article {
  /* 넓이 채움 */
  width: 100% !important;
}

.tmap_wrap .tmap_mid {
  /* 상단 Breadcrumb 과 우측 맞춤 마진 제외하여 */
  /* margin: 15px 15px 0 15px; */
  margin: 15px 0 0 15px !important;
}

.tmap .introduce_info {
  /* padding 없앰 */
  height: auto !important;
  padding: 0 !important;

  /* aside tmap_nav 과 하단 맞춤 */
  margin-bottom: 0px !important;
  background: #fafbff !important;

  border: 1px solid #d2d5e0 !important;
  border-radius: 10px !important;
}




/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

._preview_panel_left {
  /* 넓이 조정 */
  /* width: 200px; */
  width: 270px !important;
  max-height: 100% !important;
  border-right: 1px solid #d2d5e0;
  /*overflow: auto;*/
}

._preview_accordion_header {
  padding: 15px 20px 15px 20px !important;
  /* border: 1px #2c2222 solid; */
  height: 50px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

._preview_accordion_header label {
  /*width: 100% !important;*/
  flex-grow: 1;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  /* identical to box height */
  /* GRAY SCALE/GRAY 10 */
  color: #474b5a !important;
}

.closeBtn {
  display: inline-flex;
  width: 24px;
  height: 24px;
}
hr._preview_hr_full {
  /* split 꽉차게 수정 */
  /* width: 240px; */
  /* margin: 10px 0; */
  width: 100% !important;
  height: 1px;
  margin: 0 !important;
  background: #d2d5e0;
}


._preview_accordion_collapse {
  /* background-color: antiquewhite; */
  margin: 0px !important;
  padding: 5px 20px 15px 20px;

  animation-duration: 0.7s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
hr._preview_hr_mid {
  width: 230px !important;
  height: 1px;
  margin-top: 20px !important;
  margin-bottom: 20px !important;

  background: #d2d5e0;
}

._preview_label_half {
  width: 125px;

  text-align: left;
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  /* identical to box height */

  /* GRAY SCALE/GRAY 10 */

  color: #474b5a;

  display: inline-flex;
  align-items: center;
}
.x_75 {
  display: inline-block;
  width: 7.5px !important;
  height: 7.5px !important;
  margin-left: 3px;
  margin-right: 3.5px;
  /* margin-top: 10px;
  margin-bottom: 10px; */
}

._grey_x_75 {
  width: 7.5px;
  height: 7.5px;
  margin-left: 9px;
  margin-right: 9px;
}

._preview_text_label_strong {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  /* identical to box height */
  /* GRAY SCALE/GRAY 10 */
  color: #474b5a;
}

._preview_text_label_light {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;

  /* GRAY SCALE / GRAY 05 */
  color: #aeb2c1;
}

._preview_text_label_small {
  height: 16px;
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;

  margin-left: 30px;

  /* GRAY SCALE / GRAY 05 */

  color: #aeb2c1;
}
._preview_menu_item {
  padding: 5px 0px 5px 0px !important;
  /* margin-left: 10px !important; */
  width: 100% !important;
  margin: 0 !important;

  display: flex;
  align-items: center;

  border-bottom: 1px #ffffff00 solid;
}

#divMapMakerImagePreview {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mapMakerImagePreview {
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 24px;
  object-fit: contain;
  width: 140px;
  height: 140px;
  /* GRAY SCALE/GRAY 10 */
  background: #474b5a;
}
/* ============================= */
._preview_input_garosero {
  display: inline-block;
  width: 100px;
  height: 35px;

  /* GRAY SCALE / GRAY 00 */

  background: #fafbff;
  /* GRAY SCALE / GRAY 03 */

  border: 1px solid #d2d5e0;
  border-radius: 2px;

  text-align: center !important;

  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  /* identical to box height */

  /* GRAY SCALE / GRAY 05 */

  color: #aeb2c1;
  /* text 중간 정렬 */
  padding-left: 13px;
}

/*
._preview_dropdown {
  display: inline-block;
  !* GRAY SCALE / GRAY 00 *!
  background: #fafbff;

  !* GRAY SCALE / GRAY 03 *!
  border: 1px solid #d2d5e0;
  border-radius: 2px;

  height: 35px;
  !* width: 230px; *!
  width: 100%;
}
*/

._preview_dropdown select,
._preview_dropdown input {
  width: 100%;
  height: 100%;
  padding: 5px 10px 5px 10px;
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  /* identical to box height */

  /* GRAY SCALE/GRAY 10 */
  color: #474b5a;
}
._preview_dropdown select {
  width: calc(100% - 10px) !important;
}

._preview_dropdown_width_100 {
  width: 100px;
}
._preview_third_depth_left_23 {
  margin-left: 23px !important;
}

/* ================ input CHECK_SMALL */
input[type="checkbox"]._preview_form_check {
  display: none;
}

input[type="checkbox"]._preview_form_check + label {
  cursor: pointer;

  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;

  /* GRAY SCALE / GRAY 08 */
  color: #6e7283;
  display: flex;
  align-items: center;
}

input[type="checkbox"] + label span[sm_check] {
  display: inline-block;

  width: 16px;
  height: 16px;
  margin-left: 2px;
  border: 1px solid #3f5dff;
  border-radius: 3px;
  margin-right: 10px;
}
input[type="checkbox"] + label span[lg_check] {
  display: inline-block;

  width: 20px;
  height: 20px;
  border: 1px solid #3f5dff;
  border-radius: 3px;
  margin-right: 8px;
}
input[type="checkbox"]:checked + label span[sm_check] {
  /* background-color: #3f5dff; */
  background: url("../img/_icon/check_small.svg") center center / cover
    no-repeat;
}
input[type="checkbox"]:checked + label span[lg_check] {
  /* background-color: #3f5dff; */
  background: url("../img/_icon/check.svg") center center / cover no-repeat;
}

embed {
  pointer-events: none;
}

._blank_height_20 {
  height: 20px;
}
._blank_height_17 {
  height: 17px;
}

._blank_height_15 {
  height: 15px;
}
._blank_height_10 {
  height: 10px;
}
._blank_height_5 {
  height: 5px;
}


._p_checker + label span {
  background: url(/public/img/_icon/check_none.svg) 50%/cover no-repeat;
  border-radius: 3px;
  height: 20px;
  margin-right: 8px;
  width: 20px;
}

._p_checker._some_checked:checked + label span {
  background: url(/public/img/_icon/check_some.svg) 50%/cover no-repeat;
}

._p_checker:checked + label span {
  background: url(/public/img/_icon/check_all.svg) 50%/cover no-repeat;
}

._search_entry+button {
  background: transparent !important;
  border: none;
  height: 17px;
  margin-left: -39px;
  margin-right: 19px;
  outline: none;
  padding: 0 !important;
  vertical-align: text-bottom !important;
  width: 17px;
}

._search_entry + button._search_address_btn {
  background: url(/public/img/_icon/search.svg) 50%/cover no-repeat !important;
}

._search_entry + button._delete_address_btn {
  background: url(/public/img/_icon/x_75.svg) 50%/cover no-repeat !important;
  width: 10px;
  height: 10px;
  margin-left: -32px;
}

._btn_radio_rect {
  background: #fff;
  border: 1px solid #aeb2c1;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  font-family: SUIT;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  height: 45px;
  line-height: 19px;
  pointer-events: all;
  width: 95px;
}
._btn_radio_rect, ._map_overlay_row {
  align-items: center;
  justify-content: center;
}
._map_overlay_row {
  display: flex;
}

._btn_radio_rect.active {
  background: #3f5dff !important;
  border-color: #3f5dff !important;
  color: #fff !important;
}

.__flex_expand {
  flex-grow: 1!important;
}

.__reset_button {
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  user-select: none;
}

.__reset_button_icon {
  height: 13px!important;
  margin-right: 3px;
  width: 14px!important;
}

.__reset_button_label {
  color: #6e7283;
  font-family: SUIT;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}

._btn_location {
  cursor: pointer;
  height: 50px;
  pointer-events: all;
  width: 50px;
}

._tmap_preview_popup_1 {
  width: 350px;
  /* height: 100px; */
  background: #ffffff;
  border: 1px solid #aeb2c1;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  display: flex;
}

._tmap_preview_popup_2 {
  width: 350px;
  /* height: 100px; */
  background: #1d1f28;
  border: 1px solid #aeb2c1;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  display: flex;
}

._tmap_preview_popup_3 {
  width: 350px;
  /* height: 100px; */
  background: #ffffff;
  border: 1px solid #aeb2c1;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
._tmap_preview_popup_4 {
  width: 245px;
  height: 271px;
  background: #ffffff;
  border: 1px solid #aeb2c1;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
._tmap_preview_popup_text {
  width: 165px;

  background:#ffffff;
  border: 1px solid #aeb2c1;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
}
._tmap_preview_popup_image_s {
  width: 90px;
  height: 90px;
  background: #ededed;
  margin: 5px;
}

._tmap_preview_popup_image_m {
  width: 320px;
  height: 95px;
  background: #ededed;
  margin: 15px 15px 0px 15px;
}
._tmap_preview_popup_image_l {
  width: 100%;
  height: 162px;
  background: #ededed;
  margin: 0px;
  border-radius: 5px 5px 0px 0px;
}
._tmap_preview_popup_info {
  flex-grow: 1;

  margin: 17px;
}

._tmap_preview_popup_title {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;

  color: #474b5a;

  margin-bottom: 6px;
}
._tmap_preview_popup_2 ._tmap_preview_popup_title {
  color: #fafbff !important;
}

._tmap_preview_popup_address {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;

  /* GRAY SCALE / GRAY 08 */
  color: #6e7283;
}

._tmap_preview_popup_2 ._tmap_preview_popup_address {
  color: #aeb2c1 !important;
}

._result_panel_area {
  color: #aeb2c1;
  display: flex;
  height: 100%!important;
  /*padding-bottom: 10px;*/
  /*padding-top: 10px;*/
  width: 100%!important;
}
._result_panel_area, ._result_text_line {
  font-family: SUIT;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

#apiResult {
  pointer-events: all;
  margin-bottom: 10px;
}

#mapShapeStrokeColorDiv, #mapShapeFillColorDiv {
  cursor: pointer;
}

.switch input{
  display: none;
}

.switch input[type='checkbox']:checked + label {
  background: #3F5DFF;
}

.switch input[type='checkbox'] + label {
  position: relative;
  display: block;
  width: 65px;
  height: 35px;
  background: #C6C9D6;
  border-radius: 22.5px;
  transition: all 0.3s;
  cursor: pointer;
}

.switch label {
  margin: 0 auto;
}

.switch input[type='checkbox'] + label span {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 5px;
  top: 5px;
  border-radius: 50%;
  background: #FFFFFF;
  transition: all 0.3s;
}

.switch input[type='checkbox']:checked + label span{
  left: 35px;
}

._auto_run_text {
  font-family: "SUIT";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  padding: 0 10px 0 0;
  color: #3f5dff;
}


/* [[ SELECT BOX 시작 -----------------*/
._tmap_select_box {
  position: relative;
  border: 1px solid #D2D5E0;
  background: #fff;
  border-radius: 2px;
}

._tmap_select_box .select_arrow {
  position: absolute;
  right: 13px;
  top: 7px;
  width: 24px;
  height: 24px;
  background: url('../img/icon/select_arrow.svg') center center / cover no-repeat;
  transition: all 0.3s;
  transform: rotate(180deg);
}

._tmap_select_box .select_arrow.active {
  transform: rotate(0);
}

._tmap_select_box .label {
  width: 100%;
  text-align: left;
}

._tmap_select_box .label,
._tmap_select_box .option_item {
  padding: 0 13px;
  height: 35px;
  font-size: 15px;
  font-weight: 500;
  color: #474B5A;
  background: #fafbff;
  cursor: pointer;
}

._tmap_select_box .option_item:last-of-type {
  border-radius: 2px;
}

._tmap_select_box .option_list {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  width: calc(100% + 2px);
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #D2D5E0;
  border-radius: 0 0 2px 2px;
  z-index: 10;
  max-height: 350px;
  overflow-y: auto;
}

._tmap_select_box .option_list.active {
  display: block;
}

._tmap_select_box .option_item {
  width: 100%;
  display: flex;
  align-items: center;
}

._tmap_select_box .option_item.active {
  background: #ECEEF5;
}

/* 셀렉트박스 비활성화*/

._tmap_select_box.off .label,
._tmap_select_box.off .option_item {
  color: #AEB2C1;
}

._tmap_select_box.off .select_arrow {
  filter: invert(90%);
}
/* ---------------------SELECT BOX 종료 ]] */



._tmap_nav_arrow {
  width: 24px;
  height: 24px;
  background: url(../img/icon/tmap_nav_arrow.svg) center center / cover no-repeat;
  transition: 0.3s all;
}

._tmap_nav_arrow.active {
  transform: rotate(-180deg);
}

/* ----Modal---------------------------------*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}