/*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);
    }
}