@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, h2, h4{
  font-family: "Noto Sans KR", sans-serif !important;
}
body{
    overflow-x: hidden;
}

.container {
  max-width: 1200px;
}

.img-responsive { max-width: 100%; height: auto; margin-top: 10px;}

#wrap {
  min-height: 800px;
}
#logo{width:44%;font-size:25px;line-height:70px;display:inline-block;padding:0px}



/*20240104 로고 변경 추가 삭제하면 원본으로*/
.pimg { display:inline-block; }
.mimg { display:none; }
@media (max-width: 767px){
#logo{width:calc(100% - 45px);}
.pimg { display:none; }
.mimg { display:inline-block; }
}

#logo img{vertical-align:middle}
/* 20240104 로고 변경 추가 삭제하면 원본으로 */

/*#logo img{width:135px;vertical-align:middle}*/



/* Bootstrap
 * Custom translucent site header
 */

.contant_box{width:100%;height:auto;}
.back3img{background-color:#f9f9f9;padding-bottom:5vh}
.back3img .line{border-right:2px solid #999;}
.back2img{background-image:url("/theme/basic/img/back2img.png");height:40vh;margin:8vh 0;padding:8vh 0;}
.back2img h2{text-align:center;line-height:55px;font-weight:500;font-size:25px}
.back2img .title{font-size:25px;line-height:55px;font-weight:700;}

.site-header a {
  font-size:16px;
  font-weight:500;
  color: #000000;
  transition: ease-in-out color .15s;
}

.m_menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0;

}

.site-header a:hover {
  color: #999;
  text-decoration: none;
}

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}


#head_menu {position: fixed;top: 0px;right: 0px;height:100vh;display:none;animation-name: showhead_menu;animation-duration: 0.5s;
  background: #fff;border-left: 1px solid #cecece;z-index: 999;width:65%;
}
@keyframes showhead_menu{
    0%{right:-100%}
    100% {right:0}
}

#head_menu_black {position: fixed;top: 0px;right: 0px;height:100vh;display:none;width:100%;background-color:#00000054;}

#head_menu li {border-bottom:1px solid #f1f1f1;padding:15px;float:inherit;width:100%;margin:0;color:#6b757c;text-align:left}
@media (max-width: 767px){
  .gnb_2dli{
    padding: 0px !important;
  }
  .gnb_2dul_box:first-child{
    margin-top: 10px;
  }
}
/* #head_menu li:last-child {border-bottom:0} */
#head_menu li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
#head_menu li:hover a,
#head_menu li:hover button {color:#000}
#head_menu li i {float:right;line-height:20px}

#head_menu .logo_box{padding:20px;background-color:#f8fafc}
#head_menu .logo_box img{width:100px;}
#head_menu .fa-times{font-size:25px;position:absolute;top:20px;right:15px;}
.menu_text {
  font-size: 13px;
}

/* 상단 바 */

/* 메인 페이지 */

.control_btn {
  width: 5%;
}

.wrapitem {
  position:relative;
  padding-left: 0px;
  padding-right: 0px;
}

.botitem {
  margin-top:40px;
  padding:0 0px;
  text-align:center;

}
.botitem img{width:150px;margin-bottom:50px;margin-bottom:80px;}

.col-md-12-mine {
  position: relative;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

/* 배너 */
.carousel-control-prev,
.carousel-control-next{
  z-index: 100;
}



#domain {
  font-size: 12px;
}

.botbtn {
  position: absolute;
  font-size: 18px;
  top: 85%;
  left: 50%;
  width: 150px;
  transform: translate(-50%, -50%);
  z-index: 999;
  margin-bottom: 3px;
  line-height: 1;
  border-radius:15px;
}

.foot_text {
  font-size: 14px;
  margin-right:10px;
}

#menu {
  width: 60%;
  margin-bottom: 0px;
}

.bar {
  background-color: #999;
  min-height: 1vh;

}

.emptybox {
  min-height: 5vh;
}

.head_text {
  font-size:18px;
}

#caption {
  font-size:22px;
  font-weight: 700;
  left:0;
  z-index: 200;
  cursor: pointer;
  position:relative;
  max-width:1200px;
  margin:0 auto;
  height:100%;
  vertical-align:bottom;
}
#caption a{position:absolute;bottom:0px;margin-left:3%;}
.carousel-caption {
  right:65%;
}


.show_product_box .col-md-3{padding:5px;text-align:center;}

/* 메인 종료*/

/* 예약 페이지들의 공통 타이틀, 하단 라인 공통 nextbtn*/

#myfooter {margin-top: 4rem;border-top:1px solid #eee;max-width:100%;}
#myfooter .row{max-width:1200px;margin:0 auto;}
#title {margin-bottom: 5rem;margin-top: 5rem;}
/* #bot_line {border: groove #F2F2F2;border-width: 0.05px;margin: 0 10px; padding:0 0;} */
.bot_line {border-bottom: 1.5px solid #BDBDBD; margin: 0 0;}

#wrap-btn {
  display: flex;
  justify-content:space-between
}

#next-btn, #prev-btn {
   font-size: 18px;
   padding: 0 1vh;
   margin-top: 2vh;
}

@media (max-width: 768px) {
    #title {
      margin-bottom:1.5rem;
      margin-top:1.5rem;
    }
    #prev-btn, #next-btn {
      font-size: 15px;
    }
    #myfooter {
      margin-top:2rem;
    }
    .car-wrap {
      font-size: 18px;
    }
}
@media (max-width: 400px) {
  #title {
    margin-bottom:1rem;
    margin-top:1rem;
  }
  #next-btn, #prev-btn {
    font-size: 13.5px;
  }
  .car-wrap {
    font-size: 15px;
  }
}
/* 공통 종료 */

/* 예약 1페이지 - 브랜드 선택 */
.brand {
  padding:2px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-top: 5px;
  cursor: pointer;
  background-color:#fff;
}

.brand-wrapper {
  position: relative;
  padding-top: 125%;
  overflow:hidden;
  margin-bottom: 10px;
}

.brand-wrapper .centered {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);
}
.brand-image {
  padding:10px 10px; position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}


.car-wrap {font-size:21px; margin-bottom:4rem;font-weight:500;}

.car-content {cursor: pointer;}

@media (max-width: 768px) {
    .car-content {font-size:20px}
}
@media (max-width: 400px) {
    .car-content {font-size:16px}
}


/* 종료 */
/* 2페이지 */
.step2{
  display:flex;
  flex-wrap: wrap;
  font-weight:500;
}


/* 3페이지 */
.step3{
  width:100%;
  max-width:800px;
  margin:0 auto;
}
.cartype-radio {
  display: flex;
  justify-content: space-between;
}

.cartype_text {
  font-size:22px;
  margin-bottom: 3rem;
  text-align: center;
  font-weight:600;
}
.note{
  font-size:15px;text-align:right;margin-right: -30px
}
.detailcartype_text {
  font-size:20px;
  margin-bottom: 2rem;
}

.car-radio {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  font-weight: normal;
}
.col-12box{text-align: center;}
@media (max-width: 768px) {
    .detailcartype_text {
      font-size: 18px;
      /* margin-left: 5rem;
      margin-bottom: 1rem; */
    }
    .cartype_text {
      margin-bottom: 2rem;
      font-size: 22px;
    }
    .car-radio {
      width:15px;
      height:15px;
    }
}
@media (max-width: 400px) {
    .detailcartype_text {
      font-size: 15px;
      /* margin-left: 2.5rem; */
    }
    .cartype_text {
      margin-bottom: 1rem;
      font-size: 18px;
    }
}

/* 3페이지 끝 */


/* 4페이지 */

.carousel-indicators .active{ background-color: #2E64FE !important;}
.carousel-indicators li{ background-color: #A4A4A4 !important;}


.category_icon {
  cursor: pointer;
}

#cancel_btn {
  font-size:40px; text-align:right; cursor: pointer;
}

.wrap_event {
  display: none;
}

.event {
  cursor:pointer;
  display: inline-block;
  background-color: #FACC2E;
  color: #FFFFFF;
  margin-bottom: 5px;
  border-radius:5px;
  padding:5px 10px;
}

.tooltip-inner {
  background-color: #FACC2E !important;
  color: #FFFFFF;
}

.arrow::before {
  border-bottom-color: #FACC2E !important;
  border-top-color: #FACC2E !important;
}

.product {
  padding: 0 1vh;
  border: 1px solid #ddd;
  border-radius:10px;

  cursor: pointer;
  text-align: center;
}

.all_product {
  padding: 0 1vh;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin-top:5px;
  cursor: pointer;
}

.product-name {
  margin-top:20px;
  font-size:18px;
  font-weight:500;
  color: #000000;
  height: 50px;
  /*overflow-y: auto;*/
}
.product-model{
  color:#999;
  height: 50px;
  overflow-y: auto;
}

.product-labor-cost{
  margin-top: 3px;
  font-size:15px;
  height: 80px;
}
.product-price {
  margin-top: 3px;
  font-size:15px;
  /* height:80px; */
  height:20px;
}

.product-summary {
  margin-top:3px;
  height: 50px;
  overflow-y: auto;
}

.img-wrapper {
  position: relative;
  padding-top: 100%;
  overflow:hidden;
  margin-bottom: 25px;
}

.img-wrapper .centered {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);
}
#img_wrapper .product-image{max-width:100%}
.product-image {
  padding:10px 10px; position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
}

.detailbtn {
   font-size: 16px;
   width:70%;
   padding: 0 0;
   margin-top:10px;
   margin-bottom: 20px;
}

@media (min-width: 768px) {
  .col-md-1-5 {
    flex: 0 0 12.499%;
    max-width: 12.499%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}


@media (max-width: 768px) {
    .detailbtn {
      font-size: 13.5px;
      width: 60%;
    }
    a.btn_link{
      font-size: 13.5px;
      width: 60%;
    }
    #detail_title{font-size: 2.0rem; }
    #detail_wrapper{margin: 2rem 0 0 0;}
    #detail_sub{font-size: 1.2rem;}
    #detail_summary {font-size: 1.0rem; margin: 1.5rem 0 2rem 0;}
    #img_wrapper{ margin: 1rem 0 0 0; }
    .product-name { font-size:16px; }
    .product-price { font-size: 13px;}
    .product-labor-cost{font-size: 13px;}
}
@media (max-width: 400px) {
    #detail_title{font-size: 1.8rem; }

    #detail_sub{font-size: 1.0rem; }
    #detail_summary {font-size: 0.8rem;}
    .detailbtn {font-size:11.5px;}
    .product-name { font-size:14px; }
    .product-price { font-size: 12px;}
    .product-labor-cost{font-size: 12px;}
}

.markerWrap{
  position: relative;
  width: 40px;
  height: 40px;
}
.markerBack{
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  background-color: #2E9AFE;
}
.markerCenter{
  position: absolute;
  width: 80%;
  height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: white;
}
.markerContent{
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-weight: bolder;
}

.carousel-control-next-icon{
  background-image: url("/theme/basic/img/right_go.png");width:30px;height:60px;
}


.carousel-control-prev-icon{
  background-image: url("/theme/basic/img/left_go.png");width:30px;height:60px;
}

/* 5페이지 */

.mymap {
  height: 400px;
}

#search_address {
  width: 40%;
  -webkit-transition: none;
  padding-left:15px;
  border-radius: 12px;
  border:1px solid #ddd;
  padding:5px 10px;
}
.border_boxs .store-bot-line{border:none;}
#reserve_store{padding-left:65px;}
#note {
  border: 1px solid #d0d3db;
  background: #fff;
  color: #000;
  border-radius: 3px;
}

.input_reserve {
  display: inline-block;
  width: 30%;
}

@media (max-width: 768px) {
  #reserve_store{padding-top:20px;padding-left:20px;}

    .mymap {
      height: 300px;
    }
}

.store-title {
  display: inline-block;
  font-weight: 450;
  font-size:16px;
}

.store-phone, .store-info, .store-etc, .store-workTime {
  font-size: 12px;
}

.store-bot-line {border-bottom: 1px solid #A4A4A4;}

.store-num{
  display: inline-block;
  background-color: #2E9AFE;
  border-radius: 15px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 24px;
  margin: 0 auto;
  vertical-align: middle;
  color:#fff;
  margin-left:3px;
  font-weight:bold
}

.store-wrapper {
  border: 3px solid #FFFFFF;
  cursor: pointer;
  padding:8px;

}
#myfooter .col-md-12{font-weight:400;}
/* 6페이지 */

.reserve_map {
  height: 600px;
}


@media (max-width: 768px) {
    .reserve_map {
      height: 450px;
    }
}
@media (max-width: 400px) {
    .reserve_map {
      height: 300px;
    }
    .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 180px !important;
    }
    .flatpickr-calendar {
    width: 220px !important;
    }
    .flatpickr-days {
        width:220px !important;
    }
    .dayContainer {
       min-width: 0px !important;
       width:220px !important;
    }
}

#store_title {
  font-weight: 550;
}

#customer_name, #customer_phone {
  -webkit-transition:none;
}

/* 7페이지 */

#final_info {
  font-weight: 380;
  font-size: 18px;
  margin-left: 10px;
  margin-right: 10px;
}

#final_price {
  font-size:20px;
}

#final_title1 {
  margin-top:3rem;
}
#final_title2 {
  margin-bottom: 3rem;
}

#near-store {
  max-height: 400px;
  overflow-y: auto;

}

.mystore_info {
  padding:0 0;
}

#note:-internal-autofill-selected {
  background-color: rgb(232, 240, 254) !important;
  background-image: none !important;
}


@media (max-width: 768px) {
    #final_title1 {font-size:2.0rem;}
    #final_title2 {font-size:1.5rem;}
    #final_info {font-size: 17px;}
    #final_price {font-size: 22px;}
}
@media (max-width: 400px) {
    #final_title1 {font-size:1.6rem;}
    #final_title2 {font-size:1.1rem;}
    #final_info {font-size: 15px;}
    #final_price {font-size: 20px;}
}

select {
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
/* 게시판 */
.flatpickr-current-month .flatpickr-monthDropdown-months{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border:1px solid #eee !important;
  padding:5px 10px !important;
}


.board_container{

}

#bo_v_title, .bo_v_title {
  font-size: 1em;
}

.bo_vc_act li a {
  padding: 10px 13px;
}

#bo_w {
  width: 100%;
}

.more_opt li {
  width: 85px;
}

a {
  color: #000000;
}

@media (max-width: 400px) {
   .tbl_head01 { font-size:13px; }

}

/* etc.. */

.handle_reserve {
  padding:10px;
  border: solid #6c757d;
  border-radius: 10px;
  border-width: 2px;
}


#cancel_reason {
  border-color: #6c757d
}




#brand_container{animation-name: showpop;animation-duration: 1s;}
#brand_container .col-md-2{padding:5px;}
.show_box{animation-name: show_box;animation-duration: 1s;}
@keyframes showpop{
    0%{opacity:0;margin-top:100vh}
    100% {opacity:1;margin-top:9vh}
}

@keyframes show_box{
    0%{opacity:0;margin-top:100vh}
    100% {opacity:1;margin-top:0}
}



.carousel-item{cursor:pointer;}
.carousel-item_ban0{background-color:#def3ff;text-align:center;height:70vh;background-image:url("/theme/basic/img/banner0.png");background-position:center center;background-repeat: no-repeat;background-size:cover;}
.carousel-item_ban1{background-color:#def3ff;text-align:center;height:70vh;background-image:url("/theme/basic/img/banner1.png");background-position:center center;background-repeat: no-repeat;background-size:cover;}
.carousel-item_ban2{background-color:#def3ff;text-align:center;height:70vh;background-image:url("/theme/basic/img/banner2.png");background-position:center center;background-repeat: no-repeat;background-size:cover;}
.carousel-item_ban3{background-color:#def3ff;text-align:center;height:70vh;background-image:url("/theme/basic/img/banner3.png");background-position:center center;background-repeat: no-repeat;background-size:cover;}

.carousel-inner .carousel-item_ban0 .head_item .head_item_info .item_button{background-color:#1490f7;}
.carousel-inner .carousel-item_ban1 .head_item .head_item_info .item_button{background-color:#fc2d6e;}
.carousel-inner .carousel-item_ban2 .head_item .head_item_info .item_button{background-color:#4c49d6;}
.carousel-inner .carousel-item_ban3 .head_item .head_item_info .item_button{background-color:#008e51;}

.carousel-item .head_item{width:100%;max-width:1200px;margin:auto;height:100%;display:flex;padding:15vh 0;}
.carousel-item .head_item img{width:45%;}
.carousel-item .head_item .head_item_info{color:#fff;width:55%;text-align:left;padding-top:5vh}
.carousel-item .head_item .head_item_info p{font-size:30px;}
.carousel-item .head_item .head_item_info h2{font-size:55px;}
.carousel-item .head_item .head_item_info .item_button{font-size:20px;background-color:#1490f7;display:inline-block;padding:10px 20px;border-radius:5px;margin-top:20px;color:#fff;}
.carousel-item .head_item .head_item_info .item_button:hover{text-decoration:none;}
.carousel-item .head_item .head_item_info .item_button .fa{margin-left:20px;}
.head_box{border-bottom:1px solid #eee;}


/* 제품 보기 */
#alldetail {

}

.pop_content_info{
  display:flex;padding:5vh 10%;position:relative;justify-content:space-between;
  background-image:url("/theme/basic/img/pop_content_background.png");
  background-repeat: no-repeat;
}
.pop_content_info .product-image{position:relative;height:300px;padding:0px;transform:none;border:3px solid #000; }
.pop_content_info .content_text_box{text-align:left;}
.pop_content_info .content_text_box p{margin-bottom:10px}
.pop_content_info .content_text_box .product_name{font-size:22px;font-weight:500}


#alldetail::-webkit-scrollbar {display: none;}
.back_sub{padding:5vh 0; background-image:url("/theme/basic/img/back_sub.png");height:30vh;margin-bottom:5vh}
.back_sub2{padding:5vh 0; background-image:url("/theme/basic/img/back_sub2.png");height:30vh;margin-bottom:5vh}
.flatpickr-months .flatpickr-month{height:55px !important;}
.flatpickr-time input[type=button]{padding:0px 20px;border-right:1px solid #eee;}
#detail_product {margin: 3rem 0;}

@media (max-width: 768px) {
    .pop_content_info{flex-direction:column;justify-content: flex-end;padding:40px 5% 20px 5%;margin-bottom:10px;}
    .pop_content_info .product-image{width:100%;height:auto;}
    #detail_product {margin: 2rem 0;}
    #menu_btn{padding:5px;}
    #menu_btn img{width:25px;}
    #logo img{width:105px;}
    .m_menu .btn_b01{padding:0;}
    .step5 .mb-5{margin-bottom: 2vh !important}
    .step5 #map{margin: 2vh auto !important;}
    .step5 .step5_sc_box{display:flex}
    .step5 #search_address{width:100%;margin-left:0px;}
    /* .step4 .col-4{flex:auto; max-width:50%;} */
    .step4 .col-5{padding:0 5px;}
    .category_name{font-size:1.5rem;}
    .control_btn{}
    .product-summary{font-size:13px;letter-spacing:-1px}
    #near-store{ padding:0px 5px;margin-top:0px !important;max-height: 100%; }
    #title{font-size:1.5rem;margin:4vh auto;}
    .step2{margin:3vh auto !important;}
    .step3{margin:3vh auto !important;}
    .car-wrap{max-width:46%;flex:auto;padding:10px;background-color:#fff;margin:2%;border-radius:5px}
    .botitem img{width:100px;}
    .carousel-item .head_item{padding:0 9%;flex-wrap:wrap}
    .carousel-item .head_item img{width:70%;margin:0 15%;margin-bottom:15%;height:33%;}
    .carousel-item .head_item .head_item_info{width:100%;}
    .carousel-item .head_item .head_item_info p{font-size:18px;}
    .carousel-item .head_item .head_item_info .item_button{font-size:18px;padding:7px 20px;border-radius:20px;margin-top:8px}
    .carousel-item .head_item .head_item_info h2{font-size:30px}
    .back2img{padding:5vh 0; background-image:url("/theme/basic/img/m_back2img.png");background-size: cover;}
    .back2img .title{font-size:15px;line-height:15px;margin-bottom:5vh}
    .back2img h2{font-size:15px;line-height:1.6;width:270px;margin:2vh auto}
    .back_sub{background-image:url("/theme/basic/img/m_back_sub.png");height:30vh;background-size: cover;}
    .back_sub2{background-image:url("/theme/basic/img/m_back_sub2.png");height:30vh;background-size: cover;}
    .carousel-item_ban0{background-image:url("/theme/basic/img/m_banner0.png");}
    .carousel-item_ban1{background-image:url("/theme/basic/img/m_banner1.png");}
    .carousel-item_ban2{background-image:url("/theme/basic/img/m_banner2.png");}
    .carousel-item_ban3{background-image:url("/theme/basic/img/m_banner3.png");}
    .control_btn{width:9%;padding:7px; margin:0 -15px; }
    .mamin_banner .control_btn{margin:0 2px; }


    .carousel-control-next-icon{height:35px;}
    .carousel-control-prev-icon{height:35px;}

    .note{text-align:left;font-size:14px;letter-spacing:-1px;}
    #caption{ font-size:14px;}
    .head_text{font-size:15px;}
    #logo{font-size:22px;}
    .foot_text{font-size:11.5px;}
    .botbtn{font-size:14px; width:65%; height: 15%;};
    #wrap{min-height: 500px;}
    /* .carousel-item{height:27vh !important;} */
}
@media (max-width: 400px) {

    #detail_product {margin: 1rem 0;}
    #caption{ font-size:11px;}
    .head_text{font-size:12px;}
    #logo{font-size:19px;}
    .botbtn{font-size:14px; width:65%; height: 15%;}
    /* .carousel-item{height:27vh !important;} */
}


.new_notice_icon {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 0.65em;
    color: #FFFFFF;
    background: #2E9AFE;
    text-align: center;
    border-radius: 8px;
    margin-left: 2px;
    font-weight: bold;
    vertical-align: middle;
}

#bo_list .bo_tit .new_icon {
  display: inline-block;
  width: 16px;
  line-height: 16px;
  font-size: 0.65em;
  color: #FFFFFF;
  background: #2E9AFE;
  text-align: center;
  border-radius: 8px;
  margin-left: 2px;
  margin-bottom: 1px;
  font-weight: bold;
  vertical-align: middle;
}


.tooltip.show {
  opacity: 1.0;
}
/* detail modal */

.page-wrapper {
  width: 100%;
  height: 100%;
  background: url(https://goo.gl/OeVhun) center no-repeat;
  background-size: cover;
}

.blur-it {
  filter: blur(4px);
}

.modal-wrapper {
  z-index: 2000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(148, 148, 148, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.modal-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.modal::-webkit-scrollbar {display: none;}

.modal {
  max-width: 908px;
  display: block;
  margin: 10px 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 1;
  overflow-y: auto;
  transition: all 0.5s ease-in-out;
}

.modal-wrapper.open .modal {
  opacity: 1;
}

.head {
  position: sticky;
  top:0px;
  width: 100%;
  padding: 0px 15px;
  overflow: hidden;
  background: #fff;
  z-index: 2222;
}

.btn-close {
  font-size: 28px;
  display: block;
  float: right;
  color: #000;
}

.content {
  padding: 1% 2%;
}

.price_laborcost{
  display: flex;
  justify-content: space-between;
}

.labor_element{
  min-width: 140px;
}

.labor_margin{
  margin-bottom: 12px;
  margin-top: -7px;
}
.labor_result{
  width: 140px;
  text-align: left;
}
.data_agree{
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 0px;
  max-width: 250px;
  display: flex;
  justify-content: space-between;
}
.data_agree > i{
  margin: auto;
}


#content_info > table{
  width: 100%;
  border: 1px solid #444444;
  border-collapse: collapse;
}
#content_info > table > thead > tr > th,
#content_info > table > tbody > tr > th{
  border: 1px solid #444444;
  text-align: center;
  font-weight: unset;
}