.dnamkr-modal-a004 .modal-content {
    border-color: transparent;
    padding: 20px 0;
    border-radius: var(--borderradius) var(--borderradius) 0 0;
    border: 0;
}
.dnamkr-modal-a004.modal .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.dnamkr-modal-a004.modal.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}
.dnamkr-modal-a004.modal.fade.show .modal-dialog {
  bottom: 0;
}
.dnamkr-modal-a004.modal.fade .modal-dialog {
  bottom: -100%;
}
.dnamkr-modal-a004 .btn {
    border-radius: var(--borderradius);
}
.dnamkr-modal-a004 .rw {
    margin: 0;
}
.dnamkr-modal-a004 .rw .col-l {
    padding-right: 20px;
    padding-left: 0;
}
.dnamkr-modal-a004 .rw .col-r {
    padding-left: 20px;
    padding-right: 0;
}
.dnamkr-modal-a004 h3 {
    margin-bottom: 20px;
    color: #000;
}
.dnamkr-modal-a004 .line {
    height: 4px;
    width: 60px;
    clear: both;
    margin-bottom: 20px;
    background-color: #ff6c00;
    border-radius: var(--borderradius-md);
}
.dnamkr-modal-a004 p {
    margin-bottom: 20px;
    color: #777;
}
.dnamkr-modal-a004 .rw .col-l .rw-inside {
    margin: 0;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside {
    padding-right: 20px;
    padding-left: 0;
}
.dnamkr-modal-a004 .rw-inside .col-r-inside {
    padding-left: 20px;
    padding-right: 0;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside p {
    color: #000;
    margin-bottom: 15px;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside h6 {
    color: #000;
    margin-bottom: 12px;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside h6 a {
    color: #000;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside label {
    color: #b1b1b1;
    margin: 0;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside h6 a:hover {
    color: #4EC9F0;
}
.dnamkr-modal-a004 .rw-inside .col-r-inside img {
    display: block;
    margin-left: auto;
    width: 120px;
}
.dnamkr-modal-a004 .bxc-container__img {
    position: relative;
    width: 100%;
    padding-top: 42.8571%;
    overflow: hidden;
    border-radius: var(--borderradius);
}
.dnamkr-modal-a004 .bxc-container__img .bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.dnamkr-modal-a004 .rw .col-r .diy-web {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}
.dnamkr-modal-a004 .btn-black-orange, .dnamkr-modal-a004 .btn-black-orange:focus {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
}
.dnamkr-modal-a004 .btn-black-orange:hover {
    background-color: #ff6c00;
    border: 1px solid #ff6c00;
}
@media (max-width:1398.98px) {}
@media (max-width:1023.98px) {
.dnamkr-modal-a004 .modal-content {
    padding: 20px;
}
}
@media (max-width:767.98px) {
.dnamkr-modal-a004 .modal-content .container {
    padding:0;
}
.dnamkr-modal-a004 .rw .mb-30 {
    margin-bottom: 20px!important;
}
.dnamkr-modal-a004 .rw .col-l {
    padding-right: 0;
}
.dnamkr-modal-a004 .rw .col-r {
    padding-left: 0;
    padding-top: 20px;
}
.dnamkr-modal-a004 .rw-inside .col-l-inside {
    padding-right: 0;
}
.dnamkr-modal-a004 .rw-inside .col-r-inside {
    padding-left: 0;
}
}
@media (max-width:575.98px) {}