/*modal{*/
  *, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  
  .blocker {
      z-index: 10000 !important;
      background-color: rgb(26 19 17 / 0.7) !important;
  }
  
  /*.modal_alert*/
  .modal.modal_alert {
      padding: 0;
      overflow: hidden;
      max-width: 480px;
      padding: 30px 40px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -o-border-radius: 10px;
      -ms-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -o-box-shadow: none;
      -ms-box-shadow: none;
      box-shadow: none;
      border: 1px solid #9F9F9F;
  }
  
  .modal.modal_alert .btn.btn_orange>a,
  .modal.modal_alert .btn.btn_orange>button {
      border-radius: 0;
  }
  .modal_txt {
      min-height: 125px;
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 100%;
      text-align: center;
  }
  
  .modal_txt_ {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      height: 100%;
  }
  
  .modal_tit {
      font-size: 18px;
      font-weight: 700;
      color: #000000;
  }
  
  .modal_cont {
      font-size: 18px;
      font-weight: 400;
      color: #535353;
      margin-top: 5px;
      word-break: break-word;
  }
  
  /*.modal.modal_img*/
  .modal.modal_img {
      padding: 0;
      background: transparent;
      overflow: hidden;
      border-radius: 0;
  }
  
  .modal.modal_img .swiper-pagination {
      top: 30px;
      position: fixed;
      font-size: 18px;
      font-weight: 500;
      color: #AAAAAA;
      bottom: auto;
  }
  .modal.modal_img .swiper-pagination-current{
      color: #FFFFFF;
  }
  .modal.modal_img .modal_btn {
      width: 54px;
      height: 54px;
      display: inline-block;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(../../images/cmn/ico/ico_close_w.svg);
      position: fixed;
      top: 13px;
      left: 0;
      z-index: 10;
  }
  
  .modal.modal_img .modal_btn>a {
      display: block;
      width: 100%;
      height: 100%;
  }
  
  .modal_btn_wrap{font-size:0;margin: 0 -5px;}
  
  /*.modal.modal_info*/
  .modal.modal_info {}
  
  .modal.modal_info .modal_txt {}
  
  .modal.modal_info .modal_txt_ {
      text-align: left;
  }
  
  .modal.modal_info .modal_tit {
      font-size: 14px;
      font-weight: 500;
      color: #000;
  }
  
  .modal.modal_info .modal_cont {
      font-size: 13px;
      font-weight: 400;
      color: #707070;
      text-indent: -9px;
      padding-left: 10px;
      margin-top: 5px;
  }
  .modal.modal_info .modal_cont:before{content:': '}
  .modal.modal_info .info_close {
      text-align: right;
  }
  
  .modal.modal_info .info_close a {}
  
  .modal.modal_info .info_close a span{
      font-size: 18px;
      font-weight: 500;
      color: #FF6C36;
  }
  
  /*.modal.modal_car_select*/
  .modal.modal_car_select {
      padding: 0 10px;
  }
  
  .modal.modal_car_select .modal_txt {
      padding: 0;
      margin: 10px 0;
  }
  
  .car_select_ul {}
  
  .car_select_ul li {margin: 10px 0;}
  
  .ico_go {
      position: absolute;
      top: 50%;
      right: 30px;
      transform: translate(0, -50%);
  }
  
  /*modal_full*/
  .jquery-modal.blocker_full{
      padding: 0;
      height: 100vh;
      background: #fff;
  }
  
  .jquery-modal.blocker_full:before {
      height: auto;
      margin-right: 0;
  }
  
  .modal.modal_full {
      max-width: none;
      width: 100%;
      border-radius: 0;
      min-height: 100%;
      padding: 0;
  }
  
  .modal.modal_full .container_modal{margin-top: 80px;}
  
  
  .modal.modal_alert .btn {
      margin-top: 15px;
      display: inline-block;
      vertical-align: top;
      padding: 0 5px;
      width: 100%;
  }
  .modal.modal_alert .modal_btn_wrap .btn{width: 50%;}
  .modal.modal_alert .btn>a,
  .modal.modal_alert .btn>button {
      display: block;
      width: 100%;
      height: 55px;
      text-align: center;
      border: 0;
      border-radius: 10px;
  }
  
  .modal.modal_alert .btn.btn_active>a,
  .modal.modal_alert .btn.btn_active>button {opacity:0.9}
  
  .modal.modal_alert .btn_m>a,
  .modal.modal_alert .btn_m>button {height: 45px;padding: 10px 0;}
  
  .modal.modal_alert .btn_s>a,
  .modal.modal_alert .btn_s>button {height: 30px;padding: 2px 0;}
  
  .modal.modal_alert .btn>a,
  .modal.modal_alert .btn>button {
      text-decoration:none;
  }
  .modal.modal_alert .btn>a>span,
  .modal.modal_alert .btn>button>span {
      font-size: 18px;
      font-weight: 500;
  }
  
  .modal.modal_alert .btn.btn_orange>a,
  .modal.modal_alert .btn.btn_orange>button {
      background: #FF6C36;
      color: #fff;
  }
  
  .modal.modal_alert .btn.btn_yellow>a,
  .modal.modal_alert .btn.btn_yellow>button {background: #FAE332;box-shadow: 0px 5px 10px 0px rgb(250 227 50 / 0.2);}
  
  .modal.modal_alert .btn.btn_black>a,
  .modal.modal_alert .btn.btn_black>button {
      background: #000000;
      color: #fff;
  }
  
  .modal.modal_alert .btn.btn_white>a,
  .modal.modal_alert .btn.btn_white>button {
      background: #fff;
      color: #EC0127;
      border: 1px solid #EC0127;
      box-shadow: 0px 5px 10px 0px rgb(236 1 39 / 0.2);
  }
  
  .modal.modal_alert .btn.btn_white2>a,
  .modal.modal_alert .btn.btn_white2>button {
      background: #fff;
      color: #000000;
      border: 1px solid #E4E4E4;
      box-shadow: 0px 5px 10px 0px rgb(255 255 255 / 0.2);
  }
  
  .modal.modal_alert .btn.btn_white3>a,
  .modal.modal_alert .btn.btn_white3>button {
      background: #fff;
      color: #AAAAAA;
      border: 1px solid #D4D4D4;
      box-shadow: 0px 5px 10px 0px rgb(255 255 255 / 0.2);
  }
  
  .modal.modal_alert .btn.btn_red>a,
  .modal.modal_alert .btn.btn_red>button {
      background: #EC0127;
      color: #fff;
      box-shadow: 0px 5px 10px 0px rgb(236 1 39 / 0.2);
  }
  
  .modal.modal_alert .btn.btn_darkgray>a,
  .modal.modal_alert .btn.btn_darkgray>button {
      background: #707070;
      color: #fff;
      box-shadow: 0px 5px 10px 0px rgb(112 112 112 / 0.2);
  }
  .modal.modal_alert .btn.btn_gray>a,
  .modal.modal_alert .btn.btn_gray>button {
      background: #E4E4E4;
      color: #000000;
      box-shadow: 0px 5px 10px 0px rgb(112 112 112 / 0.2);
  }
  
  

.modal.modal_alert {
    max-width: 580px;
    border: 0;
}

.modal_cont img {
    width: 100%;
    height: auto;
}

.modal.modal_alert .btn {
    display: none;
}
  /*}modal*/
  .modal.modal_submitCmp{
    max-width: 500px;
    padding-bottom: 10px;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.modal_submitCmp .btn.cancel {
    background-color: #0E74FF;
    position: relative;
    top: auto;
    right: auto;
    bottom: 0px;
    border-radius: 0;
    font-size: 20px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-family: 'SCDream6';
}

.modal_submitCmp .modal_cont {
    text-align: center;
    padding: 70px 0 55px;
}

.modal_submitCmp .btn.cancel a {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_submitCmp .modal_cont_txt {
    font-size: 17px;
    font-weight: 700;
    padding: 0;
    color: #000;
    height: 100%;
    font-family: 'Noto Sans KR';
    line-height: 1.5;
}

.modal_submitCmp .modal_cont_info {
    font-size: 14px;
    color: #6C6C6C;
    padding-bottom: 20px;
    font-family: 'Gotham-Bold';
}
.modal_submitCmp .modal_cont_info .tel{
    font-family: 'Gotham-Light';
}


.modal_submitCmp  .btn.cancel>a:before, .btn.cancel>a:after {
    display: none;
}

.modal_submitCmp  .modal.modal_submitCmp .modal_txt {
    min-height: unset;
}

.modal_submitCmp  .modal_content {
    height: 100%;
}
.modal_submitCmp  .modal_topImg{
    background-image: url(../../kdm/img/sub/request/requet_modal.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 60px;
    padding-top: 90px;
}
.modal_perInfo.modal {
    max-width: 1280px;
    padding: 50px 30px 30px;
    box-shadow: none;
}
.btn.cancel>a {
    display: block;
    width: 100%;
    height: 100%;
    color:#000;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn.cancel {
    position: absolute;
    top: 50px;
    right: 35px;
    width: 35px;
    padding: 0;
}

.btn.cancel>a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn.cancel>a:before, .btn.cancel>a:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #232323;
    width: 25px;
    height: 2px;
}
.btn.cancel>a:before{transform: rotate(45deg);margin-left: -7px;}
.btn.cancel>a:after{transform: rotate(-45deg);margin-left: -7px;}
.modal.modal_perInfo .modal_cont {
    background-color: #F7F7F7;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    font-family: 'Noto Sans KR';
    padding-bottom: 20px;
}
.modal_cont_txt {
    padding: 20px;
    height: 731px;
    overflow: auto;
}

.modal_title {
    text-align: left;
    padding-bottom: 10px;
    font-family: 'Noto Sans KR';
    font-weight: 900;
    color: #5c5c5c;
    font-size: 30px;
}

.modal_cont h4, .modal_cont h5 {
    font-family: 'Noto Sans KR';
    font-weight: 400;
}

@media (max-width:1200px) {

.modal .modal_cont {
    padding: 20px 10px;
}
.modal_perInfo.modal {
    padding: 20px;
    height: 500px;
}

.modal.modal_perInfo .modal_cont {
    padding: 0;
    font-size: 12px;
    background-color: #fff;
}

.modal.modal_perInfo .btn.cancel {
    top: 20px;
    right: 25px;
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.modal.modal_perInfo .btn.cancel img {
    width: 12px;
    height: 12px;
}

.modal .modal_title {
    font-size: 18px;
}
.modal_cont_txt {
    height: 420px;
    padding: 0;
}

.btn.cancel>a:before, .btn.cancel>a:after {
    width: 15px;
}
}


@media screen and (max-width: 768px){
.modal.modal_submitCmp {
    padding: 20px 10px 10px 10px;
}
.modal_submitCmp .modal_cont_txt {
    font-size: 16px;
    padding: 0 0 30px 0;
}
.modal.modal_alert .btn.btn_close {
    position: absolute;
    right: 8px;
    top: -5px;
    margin-top: 0;
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
    background: none;
    border: 0;
}
.modal.modal_alert.modal_img{
    border: 0;
    width: 330px;
    height: 500px;
}
.modal.modal_alert .btn.btn_close>a{
    color: #ffffff;
    border: 0;
    position: relative;
    font-size: 0;
    padding: 0;
    height: 100%;
}
.modal.modal_alert .btn.btn_close>a:before, .modal.modal_alert .btn.btn_close>a:after{
    content: '';
    position: absolute;
    background: #ffffff;
    width: 30px;
    height: 2px;
    top: 50%;
    right: 0px;
}
.modal.modal_alert .btn.btn_close>a:before{
    transform: rotate(-45deg);
}
.modal.modal_alert .btn.btn_close>a:after{
    transform: rotate(45deg);
}
}