@charset "utf-8";

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}
@font-face {
    font-family: doll;
    src: url(/font/DoulosSILR.ttf);
}
@font-face {
    font-family: gmarket;
    src: url(/font/GmarketSansTTFMedium.ttf);
}
@font-face {
    font-family: gmarket_b;
    src: url(/font/GmarketSansTTFBold.ttf);
}

/* 추가개발 231115 셀카후기 뷰페이지 */
.m09_01_view .before_wrap h1 ,
.m09_01_view .after_wrap h1{font-size: 40px; padding: 0; margin-bottom: 20px;}
.m09_01_view .before_wrap h1 >span,
.m09_01_view .after_wrap h1 >span{font-size: 18px; color: #ddd; font-weight: 400; font-family: doll;}
.m09_01_view .before_wrap .img_wrap > img,
.m09_01_view .after_wrap .after_img_wrap .img_rotate > img{max-width: 600px;}
.m09_01_view .after_wrap{margin-top: 100px;}
.m09_01_view .after_wrap .after_cate_wrap {margin-top: 20px;}
.m09_01_view .after_wrap .after_cate_wrap span{
    font-size: 17px;
    display: inline-block;
    padding: 15px 36px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 38px;
}
.m09_01_view .after_wrap .after_img_wrap .img_rotate{
    display: flex;
    flex-direction: column;
    max-width: 600px;
}
.m09_01_view .after_wrap .after_img_wrap .img_rotate span.after_desc{
    background-color: rgb(46,46,46);
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
}
/* 관리자페이지 */
.11_06_list_admin .modal.fade{display:none}

/* 240105 퀵바 비용 상담 신청 개인정보 수집 상자 */
.q_menu .q_inner .q_04_div .privacy{display: block;height: 46px;}


/* 240125 하단 빠른 상담 */
.floating_wrap{display:none}

/* Inline styles for demonstration purposes */
.form-container {
  background-color: rgba(0,0,0,0.7);
  padding: 15px;
  padding-bottom:0;
  width: 100%;
  box-sizing: border-box;
  position:fixed;
  bottom:0;left:50%;
  z-index: 999;
  transform:translateX(-50%);
}
.form-container form{
  width:100%;
  max-width:1660px;
  display:flex;
  justify-content:center;
  margin:0 auto
}
.form-field {
  width:15%;
  margin-bottom: 10px;
  margin-right:15px;
}
.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  color:#808080;
}
.form-field textarea{
  color:#b2b2b2;
  resize: none;
  height:46px;
}
.checkbox-field-wrap{
  width:13%;
  margin-left:10px;
  margin-right:20px
}
.checkbox-field {
  margin-bottom: 10px;
  font-size:12.5px;
  color:#fff;
  display: flex;
  align-items: center;
}
.checkbox-field label {
  margin-left: 5px;
  margin-bottom: -4px;
}
.submit-button {
  background-color: #c0aa94;
  color: white;
  padding: 14px 20px;
  margin-bottom: 20px;
  border: none;
  cursor: pointer;
  width:200px;
}
.submit-button:hover {
  background-color: #b98c5d;
}






@media (max-width: 991px) {
  .q_menu{display: none !important;}
  .form-container{
      padding-top:5px;

      padding-bottom: 9px;
  }
  .floating_wrap{
      position: fixed;
      right:10px;
      bottom:26vw;
      display:flex;
      z-index: 991000;
      flex-direction:column;
  }
  /* .floating_wrap ul li{float:right} */
  .floating_item_1{
      background:#c0aa94;
      border-radius:100%;
      font-weight:900;
      width:64px;
      height:64px;
      text-align:center;
      display:flex;
      flex-direction:column;
      justify-content: center;
      padding:0;
      float:right;
      margin-bottom:10px;
  }
  .floating_item_1 a{
      color:#fff;
      font-size:12px;
      margin-top:-5px;
  }
  .floating_item_1 p{
      margin-top:1.3vw;
  }
  .floating_item_2{
      clear: both;
      background:#f5e502;
      border-radius:20px;
      padding:6px 14px;
      filter: drop-shadow(1vw 1vw 2vw rgba(0,0,0,.15));
  }
  .floating_item_2 img{width:24px}
  .form-container form{
      flex-wrap:wrap;
      justify-content: space-between;
  }
  .form-field{
      width:32%;
      margin:0;
      margin-right:1%;
  }
  .form-field.form-field-select{
      margin-right:0
  }
  .form-field input, .form-field select, .form-field textarea{
      display: flex;
      align-items: center;
      padding: 4px;
      height: 25px;
      font-size: 10px;
      margin-bottom: 9px;
    }

  .form-field select{
    padding-top: 3px;
  }

  .form-field.form-field-textarea,
  .form-field textarea{
      display:none;
  }
  .checkbox-field-wrap{
      width:60%;
      margin:0;
  }
  .checkbox-field:nth-child(2){
      display:none;
  }
  .submit-button{
      width:40%;
      height: 8vw;
      display: flex;
      align-items:center;
      justify-content: center;
      padding: 0;
      margin: 0;
      font-size: 3.6vw;
      font-weight: 600;
  }

  .checkbox-field{
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 2.8vw;
  }
}

/* 240214 msh 유지보수 */
@media (max-width: 991px) {
	.view_style .view-padding .before_wrap .img_wrap > a{display:block; width:100%;}
	.view_style .view-padding .before_wrap .img_wrap > a img{width:100%;}
}

/* 240321 nyb 유지보수 */
.text-center.m01_03_list_page .pagination li:nth-of-type(1) a, 
.text-center.m01_03_list_page .pagination li:nth-of-type(2) a, 
.text-center.m01_03_list_page .pagination li:nth-last-child(1) a,
.text-center.m01_03_list_page .pagination li:nth-last-child(2) a
{font-size: 0;}

/* 240419 msh 유지보수 */
.b_footer .fix_infos_box .f_left .inner_wrap .flex-box{display:flex; gap: 160px;}
.b_footer .fix_infos_box .f_left .inner_wrap .flex-box .btn_box a+a{margin-left:20px;}
.b_footer .fix_infos_box .ft_service p.tel { display:flex; align-items:center; justify-content:flex-end;}
.b_footer .fix_infos_box .ft_service p.tel:last-of-type{margin-bottom:30px; justify-content: flex-end;}
.b_footer .fix_infos_box .ft_service p.tel span.department{font-size:15px; margin-right:10px;}
.b_footer .fix_infos_box{padding-bottom:120px;}
.b_footer .fix_infos_box .ft_service .time_box:first-of-type{margin-bottom:10px;}
.b_footer .fix_infos_box .ft_service .time_box.new span{margin-right:0 !important;}
.b_footer .fix_infos_box .ft_service .time_box.new + .new{margin-top:5px;}
.m01_04_wrap .wrap_01 ul li p{display:flex; line-height:1.4;}
.m01_04_wrap .wrap_01 ul li p span.department{width:70px; display:block;}
@media (max-width: 1390px) {
	.b_footer .fix_infos_box .f_left .inner_wrap .flex-box{flex-direction:column; margin-bottom:60px;}
	.b_footer .fix_infos_box .f_left .inner_wrap .inner01{margin-bottom:20px;}
}

@media all and (max-width: 991px) {
    .b_footer .fix_infos_box .ft_service p.tel:last-of-type{justify-content: flex-start; margin-bottom: 0px;}
}

/* 20240708 pjh */
@media (max-width:991px) {
.b_footer .fix_infos_box .ft_service p.tel {justify-content: flex-end;  margin-bottom: 0px;}
.b_footer .fix_infos_box .ft_service .time_box ul li:first-child::after {display: none;}

.main_text_box{
  display: flex;
  align-items: center;
  gap:19px;
}

.b_footer .fix_infos_box .ft_service p.tel span.department{
  font-size: 12px !important;
  margin-bottom: -3px;
}
.b_footer .fix_infos_box .ft_service p.tel span{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.b_footer .fix_infos_box .ft_service .btn_box{
  margin-top: 32px;
}

.dayoffdiv{
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: #fff;
  margin-top: 10px;
}

.f_insta{
  height: 17px;
}
.f_youtube{
  height: 12px;
}
.f_facebook{
  height: 17px;
}

.dayoff {margin-bottom: 0px;}		
.dayoff .tit {
  font-weight: 600;
  color: #ffffff;
}
}